.cksts-app{--ck-primary:#5c63e8;--ck-secondary:#19b997;--ck-danger:#ef5b72;--ck-warning:#ffb44a;--ck-bg:#eff7ff;--ck-text:#17233e;--ck-muted:#6f7b92;--ck-border:#dce5f1;font-family:Inter,Arial,sans-serif;color:var(--ck-text);width:100%;margin:24px auto}.cksts-app *{box-sizing:border-box}.cksts-shell{background:#fff;border:1px solid var(--ck-border);border-radius:28px;overflow:hidden;box-shadow:0 22px 60px rgba(38,57,91,.14)}.cksts-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 26px;background:linear-gradient(135deg,#f8fbff,#f1f0ff);border-bottom:1px solid var(--ck-border)}.cksts-brand{display:flex;gap:14px;align-items:center}.cksts-brand img{width:56px;height:56px;padding:11px;border-radius:17px;background:var(--ck-primary)}.cksts-brand h2{margin:0 0 4px;font-size:clamp(24px,4vw,36px)}.cksts-brand p{margin:0;color:var(--ck-muted)}.cksts-lang{display:flex;gap:7px;background:#fff;padding:6px;border-radius:13px;border:1px solid var(--ck-border)}.cksts-lang button{border:0;background:transparent;padding:9px 12px;border-radius:9px;font-weight:800;cursor:pointer;color:var(--ck-muted)}.cksts-lang button.is-active{background:var(--ck-primary);color:#fff}.cksts-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:16px 24px;border-bottom:1px solid var(--ck-border)}.cksts-stat{text-align:center;background:#f8faff;padding:11px;border-radius:13px}.cksts-stat small{display:block;color:var(--ck-muted);font-weight:700;text-transform:uppercase;font-size:10px;margin-bottom:4px}.cksts-stat strong{font-size:18px}.cksts-main{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(270px,.65fr);min-height:610px}.cksts-scene-area{padding:28px;background:linear-gradient(rgba(245,249,255,.95),rgba(245,249,255,.95)),repeating-linear-gradient(45deg,transparent,transparent 12px,rgba(92,99,232,.03) 12px,rgba(92,99,232,.03) 24px)}.cksts-level-row{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px}.cksts-level-row h3{margin:0;font-size:22px}.cksts-level-row p{margin:4px 0 0;color:var(--ck-muted)}.cksts-badge{padding:8px 12px;border-radius:999px;background:#e9eaff;color:var(--ck-primary);font-weight:800;font-size:12px;text-transform:uppercase}.cksts-card{max-width:700px;margin:auto;background:#fff;border:1px solid var(--ck-border);border-radius:20px;overflow:hidden;box-shadow:0 16px 40px rgba(49,68,103,.13)}.cksts-window{padding:12px 16px;background:#f5f7fb;border-bottom:1px solid var(--ck-border);color:#9aa4b5}.cksts-card-head{padding:20px 22px;border-bottom:1px solid var(--ck-border)}.cksts-card-head h4{font-size:20px;margin:0 0 13px}.cksts-sender{display:flex;gap:11px;align-items:center}.cksts-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#ff9c54;color:#fff;font-weight:900}.cksts-body{padding:23px;line-height:1.65}.cksts-body p{margin:0 0 13px}.cksts-message-bubble{margin:8px 0;padding:13px 15px;background:#f2f5f9;border-radius:16px}.cksts-action{display:inline-block;padding:12px 18px;background:var(--ck-primary);color:#fff;border-radius:10px;font-weight:800}.cksts-clickable{position:relative;display:inline-block;border:2px solid transparent;border-radius:7px;padding:2px 5px;cursor:pointer;transition:.2s}.cksts-clickable:hover{border-color:var(--ck-warning);background:#fff7e8}.cksts-clickable.is-found{pointer-events:none;border-color:var(--ck-secondary);background:#e8fbf5}.cksts-clickable.is-found:after{content:'✓';position:absolute;right:-10px;top:-11px;width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:var(--ck-secondary);color:#fff;border:3px solid #fff;font-size:12px;font-weight:900}.cksts-sidebar{padding:25px;border-left:1px solid var(--ck-border);display:flex;flex-direction:column}.cksts-sidebar h3{margin:0 0 7px}.cksts-sidebar>p{margin:0 0 18px;color:var(--ck-muted);line-height:1.5}.cksts-clues{display:grid;gap:9px}.cksts-clue{display:flex;gap:10px;align-items:center;padding:11px;border:1px solid var(--ck-border);border-radius:13px;background:#fbfcfe;color:#9aa4b5}.cksts-clue.is-found{background:#e9faf5;border-color:#afe6d8;color:var(--ck-text)}.cksts-clue span{width:31px;height:31px;flex:0 0 31px;display:grid;place-items:center;border-radius:9px;background:#e9eaff;color:var(--ck-primary);font-weight:900}.cksts-clue.is-found span{background:var(--ck-secondary);color:#fff}.cksts-progress{height:9px;background:#e5eaf2;border-radius:999px;margin:18px 0 5px;overflow:hidden}.cksts-progress i{display:block;width:0;height:100%;background:var(--ck-secondary);transition:.25s}.cksts-progress-text{text-align:right;font-size:12px;color:var(--ck-muted)}.cksts-btn{border:0;border-radius:12px;padding:13px 16px;font-weight:800;cursor:pointer}.cksts-hint{margin-top:17px;background:#f0f1ff;color:var(--ck-primary)}.cksts-next{display:none;margin-top:12px;background:var(--ck-primary);color:#fff}.cksts-feedback{display:none;margin-top:16px;padding:14px;border-radius:13px;line-height:1.5}.cksts-feedback.is-show{display:block}.cksts-feedback.ok{background:#e8fbf5;color:#176b58}.cksts-feedback.bad{background:#fff0f3;color:#a43b50}.cksts-result{padding:55px 25px;text-align:center}.cksts-result img{width:88px;height:88px;padding:18px;background:#e9eaff;border-radius:27px}.cksts-result h3{font-size:34px;margin:17px 0 8px}.cksts-result p{max-width:600px;margin:0 auto 20px;color:var(--ck-muted);line-height:1.6}.cksts-score-pill{display:inline-block;padding:14px 22px;background:#f0f1ff;color:var(--ck-primary);border-radius:15px;font-size:23px;font-weight:900}.cksts-restart{display:block;margin:18px auto 0;background:var(--ck-primary);color:#fff}.cksts-toast{position:fixed;top:25px;left:50%;transform:translate(-50%,-15px);opacity:0;z-index:99999;background:#17233e;color:#fff;padding:12px 18px;border-radius:12px;font-weight:800;transition:.2s;pointer-events:none}.cksts-toast.is-show{opacity:1;transform:translate(-50%,0)}.cksts-loading{padding:30px;text-align:center}@media(max-width:850px){.cksts-header{align-items:flex-start;flex-direction:column}.cksts-main{grid-template-columns:1fr}.cksts-sidebar{border-left:0;border-top:1px solid var(--ck-border)}}@media(max-width:560px){.cksts-app{margin:12px auto}.cksts-header,.cksts-scene-area,.cksts-sidebar{padding:16px}.cksts-brand img{width:48px;height:48px}.cksts-meta{padding:12px;gap:5px}.cksts-stat{padding:9px 5px}.cksts-stat strong{font-size:15px}.cksts-level-row{align-items:flex-start;flex-direction:column}.cksts-body,.cksts-card-head{padding:17px}}

/* Start screen */
.cksts-meta[hidden]{display:none!important}
.cksts-start{padding:52px 28px 58px;text-align:center;background:linear-gradient(180deg,#fff,#f7faff)}
.cksts-start-icon{width:82px;height:82px;padding:17px;border-radius:25px;background:#e9eaff}
.cksts-start h3{margin:18px 0 8px;font-size:clamp(28px,4vw,40px)}
.cksts-start>p{margin:0 auto 28px;max-width:650px;color:var(--ck-muted);line-height:1.6}
.cksts-level-select{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:940px;margin:0 auto 26px}
.cksts-level-option{appearance:none;border:2px solid var(--ck-border);border-radius:20px;padding:22px 18px;background:#fff;color:var(--ck-text);cursor:pointer;text-align:center;transition:.2s;box-shadow:0 8px 24px rgba(38,57,91,.06)}
.cksts-level-option:hover{transform:translateY(-3px);border-color:#bfc3ff}
.cksts-level-option.is-selected{border-color:var(--ck-primary);background:#f0f1ff;box-shadow:0 12px 28px rgba(92,99,232,.16)}
.cksts-level-icon{display:block;font-size:34px;margin-bottom:10px}
.cksts-level-option strong{display:block;font-size:20px;margin-bottom:5px}
.cksts-level-option em{display:block;font-style:normal;font-weight:800;color:var(--ck-primary);margin-bottom:10px}
.cksts-level-option small{display:block;font-size:13px;line-height:1.5;color:var(--ck-muted)}
.cksts-start-btn{min-width:220px;background:var(--ck-primary);color:#fff;font-size:16px;padding:15px 24px;box-shadow:0 10px 22px rgba(92,99,232,.24)}
.cksts-start-error{min-height:22px;margin-top:12px;color:var(--ck-danger);font-weight:700}
@media(max-width:760px){.cksts-level-select{grid-template-columns:1fr}.cksts-start{padding:35px 16px 42px}.cksts-level-option{padding:18px}}
