:root{color-scheme:dark;--bg:#0b1116;--surface:#141f28;--line:#303f49;--ink:#f0f3f4;--sub:#a8b7bf;--accent:#e4a66f;--muted:#8598a3}
*{box-sizing:border-box}html{font-family:"Space Grotesk",system-ui,sans-serif;background:#080d12}body{margin:0;background:#080d12;color:var(--ink);min-height:100vh}button,input{font:inherit}button{cursor:pointer}a{color:inherit}a:hover{color:#f2bd8a}.page{width:min(1100px,calc(100% - 40px));margin:20px auto;min-height:calc(100vh - 40px);background:var(--bg);border:1px solid #27343c;border-radius:10px;padding:0 42px}.topbar{min-height:85px;border-bottom:1px solid #29363e;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-size:22px;font-weight:700;letter-spacing:-.8px}.brand img{object-fit:contain}.brand strong{font-size:12px;font-weight:700;letter-spacing:1.7px;color:var(--accent);margin-left:2px}.back-link,.help a,.new-session-link{font-size:13px;color:#cbd4d9;text-decoration:none}.intro{padding:58px 0 40px;max-width:760px}.eyebrow,.overline{display:inline-block;font-size:10px;font-weight:700;letter-spacing:1.55px;color:#adbdc5}.eyebrow{display:flex;gap:10px;align-items:center}.status-dot{width:7px;height:7px;background:var(--accent);border-radius:50%}.intro h1{font-size:clamp(38px,5vw,62px);font-weight:700;letter-spacing:-2.6px;line-height:1.1;margin:19px 0}.intro h1 em{font-style:normal;color:#b8c9d2}.intro p{max-width:630px;font-size:15px;line-height:1.75;color:var(--sub);margin:0}.layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(285px,.8fr);gap:23px;align-items:stretch}.panel,.sidebar{background:var(--surface);border:1px solid var(--line);border-radius:8px}.panel{padding:27px 30px;min-height:430px}.panel-top{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:30px}.linkvertise-tag{font-size:10px;letter-spacing:.6px;color:#ead9c6;border:1px solid #5e4b3e;border-radius:4px;padding:7px 9px;background:#2b241f}.linkvertise-tag span{color:var(--accent)}h2{font-size:25px;letter-spacing:-.75px;margin:0 0 8px}.muted{font-size:13px;color:var(--sub);line-height:1.65}.intro-line{margin:0 0 22px}.options{display:grid;gap:10px}.choice{border:1px solid #33434e;background:#101921;border-radius:6px;min-height:77px;padding:14px;display:flex;gap:14px;text-align:left;align-items:center;color:var(--ink);width:100%;transition:border-color .15s,background .15s}.choice:hover{border-color:#9e8b74}.choice.selected{border-color:var(--accent);background:#241f1b}.choice-icon{border:1px solid #52616b;border-radius:5px;width:37px;height:37px;display:grid;place-items:center;flex:none;color:var(--accent);font-size:24px}.choice strong,.choice small{display:block}.choice strong{font-size:14px;margin-bottom:4px}.choice small{font-size:11px;color:var(--sub)}.radio-dot{margin-left:auto;width:15px;height:15px;border-radius:50%;border:1px solid #758994;flex:none}.selected .radio-dot{border:4px solid var(--accent)}.existing-key{margin:19px 0 0}.existing-key label,#successView label{display:block;font-size:12px;font-weight:600;margin-bottom:9px;color:#d3dfe4}.existing-key input,.result-row input{width:100%;height:49px;border-radius:5px;border:1px solid #455764;color:#f3f5f5;background:#0c151c;padding:0 13px;min-width:0;outline:none}.existing-key input:focus,.result-row input:focus{border-color:var(--accent)}.existing-key small{display:block;color:var(--muted);font-size:11px;line-height:1.55;margin-top:9px}.primary{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:52px;margin-top:22px;padding:0 17px;background:var(--accent);border:1px solid var(--accent);color:#1b1b1b;border-radius:5px;font-size:14px;font-weight:700}.primary:hover{background:#f2bb88}.primary:disabled{cursor:progress;opacity:.6}.note{font-size:11px;color:#8799a3;line-height:1.7;margin:14px 0 0}.sidebar{padding:26px 27px;background:#111a22}.duration-block{padding-bottom:23px;border-bottom:1px solid #2d3a43}.duration-block>div{display:flex;align-items:center;gap:15px;margin:9px 0 5px}.duration-block strong{font-size:78px;letter-spacing:-4px;line-height:1.08}.duration-block div span{font-size:12px;font-weight:700;letter-spacing:1px;color:#a6b7c0;line-height:1.6}.duration-block p{color:var(--sub);font-size:12px;margin:8px 0 0;line-height:1.7}.sidebar-section{padding-top:25px}.sidebar-item{display:flex;align-items:baseline;gap:15px;margin-top:16px}.sidebar-item span{color:var(--accent);font-size:12px;font-weight:700}.sidebar-item p{font-size:12px;color:#b0bec7;margin:0;line-height:1.65}.aside-note{border-top:1px solid #2d3a43;padding-top:19px;margin:26px 0 0;color:#90a0aa;font-size:11px;line-height:1.75}.progress-list{list-style:none;margin:24px 0 0;padding:0}.progress-list li{display:flex;align-items:center;gap:14px;border-bottom:1px solid #35444d;padding:15px 0;color:var(--muted)}.progress-list li>span{width:33px;height:33px;border-radius:50%;border:1px solid #586872;display:grid;place-items:center;font-size:11px;flex:none}.progress-list li strong{font-size:13px;color:#c1ced5;font-weight:600}.progress-list li small{margin-left:auto;font-size:11px}.progress-list li.done>span{border-color:#93bfa3;color:#9bd1ad}.progress-list li.done small{color:#9bd1ad}.progress-list li.current>span{border-color:var(--accent);color:var(--accent)}.progress-list li.current strong{color:#fff}.feedback{font-size:12px;margin:18px 0 0;line-height:1.7;min-height:0}.feedback:empty{display:none}.feedback.error{color:#ffb9a9}.feedback.success{color:#a5ddba}#successView .success-label{color:#a9d9b8;margin-bottom:10px}#successView .muted{margin-bottom:25px}.result-row{display:flex;gap:8px}.result-row input{flex:1;font-size:13px}.result-row button{padding:0 18px;border:1px solid var(--accent);border-radius:5px;background:#302418;color:#f1c59b;font-size:12px;font-weight:700}.new-session-link{display:inline-block;margin-top:23px;color:var(--accent)}.help{margin:29px 0 50px;color:var(--sub);font-size:12px}.help a{border-bottom:1px solid #6c7b83;padding-bottom:2px;margin-left:5px}footer{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #29363e;padding:22px 0;color:#7c8f9a;font-size:11px}@media(max-width:850px){.layout{grid-template-columns:1fr}.sidebar{display:grid;grid-template-columns:1fr 1fr;gap:25px}.duration-block{border:0;padding-bottom:0}.sidebar-section{padding-top:0}.aside-note{grid-column:1/-1;margin:0}}@media(max-width:560px){.page{width:100%;margin:0;padding:0 19px;border:0;border-radius:0}.topbar{min-height:70px}.brand{font-size:18px}.brand img{width:26px}.back-link{font-size:11px}.intro{padding:40px 0 30px}.intro h1{letter-spacing:-1.5px}.panel{padding:23px 17px}.sidebar{display:block;padding:24px}.sidebar-section{padding-top:22px}.duration-block{border-bottom:1px solid #2d3a43;padding-bottom:21px}.aside-note{margin-top:23px}.panel-top{margin-bottom:25px}footer{flex-direction:column}#successView .result-row{flex-direction:column}#successView .result-row button{height:44px}}[hidden]{display:none!important}@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}