:root{font-family:Inter,Segoe UI,sans-serif;color:#292136;background:#f6f4fa;font-synthesis:none;--panel:#fff;--line:#e1dce9;--muted:#6b6079;--accent:#7040c4;--soft:#f0eafa;--text:#292136;color-scheme:light}:root[data-theme=dark]{color-scheme:dark;color:#f0ebf8;background:#15111e;--panel:#211b2c;--line:#3a3049;--muted:#b7abc8;--accent:#b695f1;--soft:#30233f;--text:#f0ebf8}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;font-size:.84rem;font-weight:600;color:var(--text);background:var(--panel);border:1px solid var(--line);padding:10px 15px;border-radius:9px;cursor:pointer;min-height:42px}button:hover{border-color:var(--accent);background:var(--soft)}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.shell{max-width:1200px;min-height:100vh;margin:auto;padding:0 48px;display:flex;flex-direction:column}.topbar{height:104px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:16px}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:var(--text);font-size:.79rem;letter-spacing:.12em;font-weight:750}.brand img{width:43px;height:43px;object-fit:contain;border-radius:11px}.brand small{display:block;font-size:.79rem;font-weight:450;letter-spacing:.02em;margin-top:5px;color:var(--muted)}.actions{display:flex;gap:9px;align-items:center}.theme{width:43px;font-size:21px;padding:5px}main{padding:34px 0 56px;flex:1}.preview{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.78rem;flex-wrap:wrap}.dot{width:6px;height:6px;display:inline-block;border-radius:50%;background:var(--accent);flex-shrink:0}.welcome{padding:52px 0 35px}.eyebrow{font-size:.7rem;font-weight:750;letter-spacing:.16em;color:var(--accent)}h1{font-size:clamp(2rem,4vw,3.1rem);letter-spacing:-.045em;font-weight:650;line-height:1.13;margin:14px 0 17px}.accent{color:var(--accent)}p{line-height:1.7;color:var(--muted);font-size:.94rem}.welcome p{margin:0}.grid{display:grid;grid-template-columns:1.05fr 1fr;gap:22px}.panel{border:1px solid var(--line);border-radius:17px;background:var(--panel);padding:29px;box-shadow:0 5px 25px #36214e04}h2{font-size:1.03rem;letter-spacing:-.015em;margin:0;font-weight:650}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.badge{font-size:.68rem;color:var(--accent);background:var(--soft);border-radius:20px;padding:6px 10px}.identity{display:flex;align-items:center;gap:13px;margin:30px 0}.avatar{display:grid;place-items:center;background:var(--soft);color:var(--accent);width:46px;height:46px;border-radius:50%;font-size:.85rem;font-weight:700}.identity strong{font-size:.95rem}.identity span{display:block;color:var(--muted);font-size:.83rem;margin-top:4px;overflow-wrap:anywhere}.label{display:block;font-size:.65rem;letter-spacing:.13em;font-weight:650;color:var(--muted);margin-bottom:8px}.code-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:23px}code{font-size:1.15rem;font-weight:650;letter-spacing:.04em}.feedback{font-size:.73rem;min-height:2.5em;margin:14px 0 0}.next{display:flex;flex-direction:column}.small-icon{display:grid;place-items:center;background:var(--soft);color:var(--accent);width:37px;height:37px;border-radius:10px;font-size:23px;margin-bottom:22px}.next p{font-size:.88rem;margin:14px 0 24px}.next-note{margin-top:auto;display:flex;gap:10px;align-items:center;border-top:1px solid var(--line);padding-top:19px;color:var(--muted);font-size:.77rem;line-height:1.6}.footnote{font-size:.77rem;margin-top:22px}.state{max-width:650px;margin:65px auto}.state h1{font-size:2rem}.primary{color:#fff;background:#7040c4;border-color:#7040c4}.primary:hover{background:#6034aa;color:#fff}.muted{font-size:.8rem}footer{border-top:1px solid var(--line);padding:23px 0;display:flex;justify-content:space-between;gap:15px;color:var(--muted);font-size:.72rem}@media(max-width:760px){.shell{padding:0 22px}.topbar{height:88px}.brand{font-size:.66rem;letter-spacing:.06em}.brand img{width:34px;height:34px}.brand small{font-size:.72rem}.actions button{font-size:.75rem;padding:8px 10px}.actions .theme{font-size:20px;width:39px}.grid{grid-template-columns:1fr}.welcome{padding:38px 0 28px}.panel{padding:23px}.preview{font-size:.72rem}.preview-detail{font-size:.7rem}main{padding-top:24px}.identity{margin:25px 0}.code-row{flex-wrap:wrap}footer{flex-wrap:wrap;font-size:.68rem}}.language{font:inherit;font-size:.8rem;color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:9px;min-height:42px;padding:8px;max-width:120px}.language:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.brand>span{text-transform:uppercase}.brand small{text-transform:none}.eyebrow,.label{text-transform:uppercase}@media(max-width:760px){.topbar{height:auto;min-height:88px;padding:17px 0;flex-wrap:wrap}.actions{margin-left:auto;flex-wrap:wrap}.language{font-size:.75rem;max-width:105px}}.login-link{display:inline-block;text-decoration:none;font-size:.9rem;font-weight:600;padding:12px 18px;border-radius:9px}.actions button:disabled{opacity:.6;cursor:wait}