:root{--bg:#eceef1;--panel:#fff;--panel-2:#f7f8fa;--ink:#16181d;--ink-2:#4b505a;--ink-3:#868b95;--line:#e1e4e9;--line-2:#eef0f3;--accent:#3a4bd1;--accent-soft:color-mix(in srgb, var(--accent) 9%, white);--accent-wash:color-mix(in srgb, var(--accent) 4%, white);--accent-tint:color-mix(in srgb, var(--accent) 16%, white);--accent-line:color-mix(in srgb, var(--accent) 26%, white);--coach:var(--accent);--coach-soft:color-mix(in srgb, var(--accent) 6%, white);--ok:#2f7d53;--err:#c0392b;--code-bg:#16181d;--radius:10px;--mono:"JetBrains Mono", ui-monospace, monospace;--sans:"IBM Plex Sans", system-ui, -apple-system, sans-serif;--serif:var(--sans)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font:14px/1.55 var(--sans);-webkit-font-smoothing:antialiased}button{font:inherit;cursor:pointer}textarea,input{font:inherit;color:inherit}code,pre{font-family:var(--mono);font-size:12.5px}h1,h2,h3{font-weight:600}.topbar{height:56px;color:var(--ink);align-items:center;gap:12px;padding:0 16px 0 18px;display:flex}.brand{letter-spacing:-.01em;color:inherit;align-items:center;gap:10px;font-size:15px;font-weight:600;text-decoration:none;display:flex}.brand-logo{width:auto;height:22px;display:block}.brand-name{letter-spacing:-.01em;color:var(--ink);font-size:16px;font-weight:600}.credit{color:var(--ink-3);white-space:nowrap;font-size:12px;line-height:1.2}.topbar .crumb{border-left:1px solid var(--line);min-width:0;color:var(--ink-3);align-items:center;gap:8px;padding-left:14px;font-size:13.5px;display:flex}.topbar .crumb a{color:inherit;white-space:nowrap;text-decoration:none}.topbar .crumb a:hover{color:var(--ink)}.topbar .crumb b{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.topbar .spacer{flex:1}.pill{white-space:nowrap;background:var(--panel);box-shadow:0 0 0 1px var(--line);color:var(--ink-2);border-radius:7px;align-items:center;gap:6px;padding:4px 10px;font-size:12.5px;display:inline-flex}.pill svg{color:var(--ink-3);flex:none}.pill.timer{font-variant-numeric:tabular-nums}.pill.timer .left{border-left:1px solid var(--line);padding-left:6px}.pill.timer.ending{color:var(--err);background:#fbeceb;font-weight:500;box-shadow:0 0 0 1px #f1cfcb}.pill.timer.ending svg{color:var(--err)}.dot{background:var(--ink-3);border-radius:50%;width:7px;height:7px}.dot.ready{background:#2f9e64}.dot.running{background:var(--accent);animation:1s infinite pulse}.dot.booting{background:#8b95e8;animation:1s infinite pulse}.dot.error{background:var(--err)}@keyframes pulse{50%{opacity:.35}}.progress{color:var(--ink-2);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:8px;font-size:12.5px;display:flex}.progress-bar{background:var(--line);border-radius:2px;width:96px;height:4px;overflow:hidden}.progress-bar>i{background:var(--accent);height:100%;transition:width .5s;display:block}.btn-ghost-dark{background:var(--panel);box-shadow:0 0 0 1px var(--line);color:var(--ink);white-space:nowrap;border:0;border-radius:7px;padding:5px 12px;font-size:13px;font-weight:500}.btn-ghost-dark:hover{background:var(--panel-2);box-shadow:0 0 0 1px #c9cdd4}.btn-ghost-dark:focus-visible,.topbar .btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.auth{background:linear-gradient(200deg, #eceef1 0%, #eceef1 40%, var(--accent-tint) 100%);grid-template-columns:minmax(420px,43fr) 57fr;min-height:100vh;display:grid}.auth-side{flex-direction:column;min-height:100vh;padding:24px 28px 28px;display:flex}.auth-top{display:flex}.auth-logo{align-items:center;padding:8px 4px;display:inline-flex}.auth-logo .brand-logo{height:34px}.auth-body{flex-direction:column;flex:1;justify-content:center;width:100%;max-width:490px;margin:0 auto;padding:48px 0;display:flex}.auth h1{letter-spacing:-.015em;text-align:center;margin:0 0 10px;font-size:40px;font-weight:400;line-height:1.15}.auth-lead{color:var(--ink-2);text-align:center;margin:0 0 36px;font-size:16px}.auth-form{flex-direction:column;gap:16px;display:flex}.auth-pair{grid-template-columns:1fr 1fr;gap:12px;display:grid}.auth-field label{color:var(--ink-2);margin-bottom:8px;font-size:14px;display:block}.auth-input{position:relative}.auth-input input{background:#ffffffb8;border:0;border-radius:8px;width:100%;height:52px;padding:0 16px;font-size:16px;transition:background .15s,box-shadow .15s}.auth-input input:hover{background:#ffffffe0}.auth-input input:focus{box-shadow:0 0 0 1.5px var(--accent), 0 0 0 5px var(--accent-tint);background:#fff;outline:none}.auth-input input[aria-invalid=true]{box-shadow:0 0 0 1.5px var(--err)}.auth-input:has(.auth-eye) input{padding-right:52px}.auth-eye{width:40px;height:40px;color:var(--ink-2);background:0 0;border:0;border-radius:8px;place-items:center;display:grid;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.auth-eye:hover{color:var(--ink);background:#16181d0d}.auth-eye:focus-visible,.auth-switch button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.auth-rules{color:var(--ink-3);flex-wrap:wrap;gap:4px 14px;margin:-6px 0 0;padding:0;font-size:12.5px;list-style:none;display:flex}.auth-rules li:before{content:"○ "}.auth-rules li.ok{color:var(--ok)}.auth-rules li.ok:before{content:"✓ "}.auth-check{color:var(--ink-2);cursor:pointer;align-items:flex-start;gap:10px;font-size:14px;display:flex}.auth-check input{width:18px;height:18px;accent-color:var(--accent);flex:none;margin:1px 0 0}.auth-error{color:var(--err);font-size:14px}.auth-submit{background:var(--accent);color:#fff;border:0;border-radius:8px;height:56px;margin-top:14px;font-size:16px;font-weight:600;transition:filter .15s,transform .1s}.auth-submit:hover:not(:disabled){filter:brightness(1.08)}.auth-submit:active:not(:disabled){transform:scale(.995)}.auth-submit:focus-visible{outline:3px solid var(--accent-line);outline-offset:3px}.auth-submit:disabled{opacity:.7;cursor:default}.auth-foot{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;display:flex}.auth-switch{color:var(--ink-3);margin:0;font-size:15px}.auth-switch button{color:var(--ink);font-size:inherit;text-underline-offset:3px;background:0 0;border:0;padding:0;text-decoration:underline}.auth-foot .credit{font-size:13px}.auth-visual{border-radius:var(--radius);height:calc(100vh - 36px);margin:18px 18px 18px 0;position:sticky;top:0;overflow:hidden}.auth-visual.photo{background:var(--accent-tint)}.auth-visual.photo img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.scene{background:radial-gradient(120% 80% at 85% 0%, color-mix(in srgb, var(--accent) 55%, transparent) 0%, transparent 60%), linear-gradient(160deg, color-mix(in srgb, var(--accent) 70%, #1b2230) 0%, color-mix(in srgb, var(--accent) 30%, #141922) 100%);color:#fff;padding:40px}.scene:before{content:"";opacity:.22;background-image:radial-gradient(#ffffff80 1px,#0000 1px);background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 30% 70%,#0000);mask-image:linear-gradient(#0000,#000 30% 70%,#0000)}.scene{flex-direction:column;align-items:flex-start;display:flex}.scene>*{position:relative}.scene .scene-page{max-width:640px}.scene-prompt{border-radius:var(--radius);max-width:300px;color:var(--ink);background:#fff;align-self:flex-end;margin:16px 4px 0 0;padding:14px 18px;font-size:14.5px;line-height:1.45;box-shadow:0 18px 40px -18px #00000080}.scene-claude{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1f;border-radius:8px;align-items:center;gap:10px;margin-top:40px;padding:9px 14px;font-size:13px;display:flex;box-shadow:inset 0 0 0 1px #ffffff2e}.scene-dots{gap:4px;display:inline-flex}.scene-dots i{background:#fff;border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite scene-dot}.scene-dots i:nth-child(2){animation-delay:.15s}.scene-dots i:nth-child(3){animation-delay:.3s}@keyframes scene-dot{0%,to{opacity:.35}50%{opacity:1}}.scene-page{border-radius:var(--radius);color:var(--ink);background:#fff;align-self:stretch;margin-top:22px;padding:14px 22px 18px;box-shadow:0 30px 60px -24px #0000008c}.scene-page-bar{gap:6px;margin:0 -8px 16px;display:flex}.scene-page-bar i{background:var(--line);border-radius:50%;width:9px;height:9px}.scene-page-title{letter-spacing:-.01em;margin-bottom:14px;font-size:17px;font-weight:600}.scene-chart{border-bottom:1px solid var(--line);align-items:flex-end;gap:8px;height:150px;display:flex}.scene-chart span{background:var(--line);transform-origin:bottom;border-radius:3px 3px 0 0;flex:1}.scene-chart span.best{background:var(--accent)}.scene-months{gap:8px;margin-top:6px;display:flex}.scene-months span{text-align:center;color:var(--ink-3);flex:1;font-size:11px}.scene-milestone{border-radius:var(--radius);color:var(--ink);background:#fff;align-self:flex-end;align-items:center;gap:12px;margin:-22px -14px 0 0;padding:12px 18px 12px 12px;font-size:13px;display:flex;box-shadow:0 20px 44px -18px #0000008c}.scene-milestone b{font-size:13.5px;display:block}.scene-milestone span:last-child{color:var(--ink-2)}.scene-check{background:var(--ok);color:#fff;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;display:grid}.scene-caption{letter-spacing:-.02em;max-width:420px;margin:auto 0 0;padding-top:32px;font-size:30px;font-weight:300;line-height:1.2}@media (prefers-reduced-motion:no-preference){.scene-prompt,.scene-claude,.scene-page,.scene-milestone{animation:.6s cubic-bezier(.2,.7,.2,1) both scene-in}.scene-claude{animation-delay:.5s}.scene-page{animation-delay:.9s}.scene-chart span{animation:.7s cubic-bezier(.2,.7,.2,1) 1.2s both scene-bar}.scene-milestone{animation-delay:2s}}@media (prefers-reduced-motion:reduce){.scene-dots i{opacity:.8;animation:none}}@keyframes scene-in{0%{opacity:0;transform:translateY(12px)}}@keyframes scene-bar{0%{transform:scaleY(0)}}@media (width<=960px){.auth{grid-template-columns:1fr}.auth-visual{display:none}}@media (width<=520px){.auth-pair{grid-template-columns:1fr}.auth h1{font-size:32px}}.banner{color:#6b5317;border-radius:var(--radius);background:#fbf6ea;border:1px solid #ecdfbf;margin-bottom:24px;padding:12px 16px}.session{background:var(--panel);height:calc(100% - 64px);box-shadow:0 0 0 1px var(--line);border-radius:12px;margin:0 8px 8px;position:relative;overflow:hidden}.cols{height:100%}.zone{flex-direction:column;height:100%;min-height:0;display:flex}.left{background:var(--panel)}.tabs{border-bottom:1px solid var(--line);background:var(--panel);flex:none;align-items:flex-end;gap:20px;height:44px;padding:0 18px;display:flex}.tab{color:var(--ink-3);background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 0 11px;font-size:13.5px;font-weight:500}.tab:hover{color:var(--ink)}.tab.active{color:var(--ink);border-bottom-color:var(--ink)}.scroll{flex:1;min-height:0;overflow:auto}.brief{padding:18px 18px 8px}.brief .kicker{color:var(--ink-3);gap:8px;font-size:12.5px;font-weight:500;display:flex}.brief .kicker span{border-left:1px solid var(--line);padding-left:8px}.brief h2{font-family:var(--serif);letter-spacing:-.015em;letter-spacing:-.01em;margin:4px 0 10px;font-size:21px;line-height:1.25}.md p{margin:0 0 10px}.md ul,.md ol{margin:0 0 10px;padding-left:20px}.md code{background:var(--line-2);border-radius:4px;padding:1px 5px}.md pre{background:var(--code-bg);color:#eee;border-radius:8px;padding:10px 12px;overflow:auto}.md pre code{color:inherit;background:0 0;padding:0}.md h1,.md h2,.md h3{margin:12px 0 6px;font-size:15px}.md table{border-collapse:collapse;margin:0 0 10px;font-size:12.5px}.md td,.md th{border:1px solid var(--line);padding:3px 6px}.section{padding:12px 18px}.section h4{color:var(--ink);margin:0 0 8px;font-size:12.5px;font-weight:600}.steps{color:var(--ink-2);margin:0;padding-left:18px}.steps li{margin-bottom:6px}.step-say{background:var(--accent-soft);color:var(--accent);cursor:pointer;-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:4px;padding:1px 3px}.step-say:hover{background:var(--accent-tint)}.step-say:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.instructions{background:var(--panel-2);border-top:1px solid var(--line-2);border-bottom:1px solid var(--line-2)}.milestones{margin:0;padding:0;list-style:none}.milestones li{border-bottom:1px dashed var(--line);align-items:flex-start;gap:10px;padding:7px 0;display:flex}.milestones li:last-child{border-bottom:0}.check{color:#fff;border:1.5px solid #c3c7cf;border-radius:6px;flex:none;place-items:center;width:20px;height:20px;margin-top:1px;font-size:12px;transition:all .3s;display:grid}.milestones li.done .check{background:var(--ink);border-color:var(--ink);animation:.4s pop}.milestones li.done span:not(.check){color:var(--ink-3);-webkit-text-decoration:line-through #b8bcc4;text-decoration:line-through #b8bcc4}@keyframes pop{40%{transform:scale(1.25)}}.datafiles{gap:6px;margin:0;padding:0;list-style:none;display:grid}.datafile{all:unset;box-sizing:border-box;cursor:pointer;border:1px solid var(--line);background:var(--panel);border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:3px 10px;width:100%;padding:9px 10px;transition:border-color .15s,background .15s;display:grid}.datafile:hover{background:var(--panel-2);border-color:#c9cdd4}.datafile:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.datafile .ftype{grid-row:1}.datafile-path{font:12.5px/1.3 var(--mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.datafile-path .dir{color:var(--ink-3)}.datafile-path .name{color:var(--ink);font-weight:600}.datafile-open{color:var(--accent);opacity:0;font-size:11.5px;font-weight:600;transition:opacity .15s}.datafile:hover .datafile-open,.datafile:focus-visible .datafile-open{opacity:1}.datafile-desc{color:var(--ink-2);text-wrap:pretty;grid-column:2/-1;font-size:12.5px;line-height:1.45}@media (hover:none){.datafile-open{opacity:1}}.center{background:var(--panel-2)}.zone-head{border-bottom:1px solid var(--line);background:var(--panel);flex:none;align-items:center;gap:8px;height:44px;padding:0 14px;font-size:13px;font-weight:600;display:flex}.zone-head .spacer{flex:1}.agent-mark{border-radius:6px;width:22px;height:22px;display:block}.chat{flex-direction:column;gap:12px;padding:18px 18px 8px;display:flex}.msg-user{background:var(--ink);color:#f2f3f5;white-space:pre-wrap;border-radius:14px 14px 4px;align-self:flex-end;max-width:85%;padding:10px 14px}.msg-user-wrap{flex-direction:column;align-self:flex-end;align-items:flex-end;gap:6px;max-width:85%;display:flex}.msg-user-wrap .msg-user{max-width:100%}.msg-images{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.msg-images img{object-fit:cover;border:1px solid var(--line);background:var(--panel);border-radius:10px;width:120px;height:120px}.msg-assistant{max-width:100%}.msg-assistant .md{background:var(--panel);border:1px solid var(--line);border-radius:4px 14px 14px;padding:10px 14px}.msg-assistant .md>:last-child{margin-bottom:0}.tool{border:1px solid var(--line);background:var(--panel);border-radius:8px;font-size:12.5px;overflow:hidden}.tool summary,.tool .tool-row{cursor:pointer;align-items:center;gap:8px;padding:6px 10px;list-style:none;display:flex}.tool summary::-webkit-details-marker{display:none}.tool .ic{text-align:center;width:18px;color:var(--ink-3)}.tool .label{color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12.5px;overflow:hidden}.tool .state{color:var(--ink-3);font-size:11px}.tool.ok .state{color:var(--ok)}.tool.err .state{color:var(--err)}.tool .tool-row{cursor:default}.tool .tool-said{color:var(--ink-2);white-space:pre-wrap;overflow-wrap:anywhere;padding:8px 12px 10px 36px;font-size:12.5px}.spinner{border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:12px;height:12px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.typing{color:var(--ink-3);align-items:center;gap:8px;padding:4px 2px;font-size:13px;display:flex}.empty-chat{text-align:center;color:var(--ink-3);max-width:420px;margin:auto;padding:40px 30px}.empty-chat .big{font-family:var(--serif);color:var(--ink);letter-spacing:-.01em;margin-bottom:6px;font-size:19px;font-weight:600}.turn-error{color:var(--err);font-size:12.5px}.composer{border-top:1px solid var(--line);background:var(--panel);flex:none;padding:12px 14px 14px;position:relative}.composer-box{border:1.5px solid var(--line);background:#fff;border-radius:12px;transition:border-color .15s}.composer-box:focus-within{border-color:var(--accent)}.composer textarea{resize:none;background:0 0;border:0;outline:0;width:100%;min-height:64px;max-height:200px;padding:10px 12px 4px}.composer-actions{color:var(--ink-3);align-items:center;gap:8px;padding:6px 8px 8px 12px;font-size:12px;display:flex}.composer-actions .spacer{flex:1}.composer-actions>span:not(.spacer){text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.attachments{flex-wrap:wrap;gap:8px;padding:10px 12px 2px;display:flex}.attachment{border:1px solid var(--line);background:var(--panel-2);border-radius:10px;width:80px;height:80px;position:relative;box-shadow:0 1px 2px #0000000f}.attachment img{object-fit:cover;border-radius:9px;width:100%;height:100%;display:block}.attachment-remove{border:1px solid var(--line);background:var(--panel);width:20px;height:20px;color:var(--ink-2);opacity:0;border-radius:50%;place-items:center;padding:0;font-size:14px;line-height:1;transition:opacity .12s;display:grid;position:absolute;top:-7px;left:-7px;box-shadow:0 1px 3px #00000026}.attachment:hover .attachment-remove,.attachment-remove:focus-visible{opacity:1}.attachment-remove:hover{color:var(--ink);background:var(--panel-2)}.attach-btn{border:1px solid var(--line);background:var(--panel);width:30px;height:30px;color:var(--ink-2);border-radius:8px;flex:none;place-items:center;margin-left:-4px;padding:0;display:grid}.attach-btn:hover:not(:disabled){background:var(--panel-2);color:var(--ink)}.attach-btn:disabled{opacity:.45;cursor:default}.zone.center{position:relative}.drop-overlay{z-index:30;border:2px dashed var(--accent);background:color-mix(in srgb, var(--accent-wash) 92%, transparent);pointer-events:none;text-align:center;border-radius:14px;place-items:center;display:grid;position:absolute;inset:8px}.drop-overlay b{color:var(--ink);font-size:16px;display:block}.drop-overlay span{color:var(--ink-2);font-size:13px}.mention-list{z-index:20;background:var(--panel);border:1px solid var(--line);border-radius:10px;max-height:280px;margin:0;padding:4px;list-style:none;position:absolute;bottom:calc(100% - 8px);left:14px;right:14px;overflow-y:auto;box-shadow:0 8px 24px #0000001f}.mention-list li{cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:6px 8px;font-size:13px;display:flex}.mention-list li.active{background:var(--accent-soft)}.mention-list .name{white-space:nowrap;font-weight:500}.mention-list .dir{color:var(--ink-3);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.mention-list .mention-hint{cursor:default;color:var(--ink-3);border-top:1px solid var(--line-2);border-radius:0;margin-top:2px;padding:4px 8px 2px;font-size:11.5px}.btn{background:var(--accent);color:#fff;border:0;border-radius:8px;padding:7px 14px;font-size:13px;font-weight:600}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.secondary{background:var(--line-2);color:var(--ink)}.btn.stop{background:var(--ink)}.btn.danger{background:var(--err)}.right{background:var(--panel)}.preview{flex-direction:column;height:100%;min-height:0;display:flex}.preview-bar{border-bottom:1px solid var(--line);flex:none;align-items:center;gap:8px;height:44px;padding:0 10px;display:flex}.url{font-family:var(--mono);color:var(--ink-3);background:var(--panel-2);border:1px solid var(--line);text-overflow:ellipsis;white-space:nowrap;border-radius:6px;flex:1;padding:4px 8px;font-size:11.5px;overflow:hidden}.icon-btn{border:1px solid var(--line);min-width:28px;height:28px;color:var(--ink-2);background:#fff;border-radius:6px;justify-content:center;align-items:center;gap:4px;padding:0 8px;font-size:12px;text-decoration:none;display:inline-flex}.icon-btn:hover{background:var(--panel-2)}.frame-wrap{background:#fff;flex:1;min-height:0;position:relative}.frame-wrap iframe{border:0;width:100%;height:100%;display:block}.flash{background:var(--ink);color:#fff;opacity:0;pointer-events:none;border-radius:999px;padding:3px 8px;font-size:11px;transition:opacity .3s;position:absolute;top:10px;right:10px}.flash.on{opacity:.85}.boot{background:var(--panel-2);place-items:center;display:grid;position:absolute;inset:0}.boot-card{width:340px}.boot-card h3{margin:0 0 4px;font-size:15px}.boot-card p{color:var(--ink-3);margin:0 0 14px;font-size:12.5px}.boot-step{color:var(--ink-2);align-items:center;gap:10px;padding:6px 0;font-size:13px;display:flex}.boot-step.done{color:var(--ink)}.boot-step .bs{place-items:center;width:16px;display:grid}.coach{border-top:1px solid var(--line);background:var(--panel);flex-direction:column;height:100%;display:flex}.coach .zone-head{border-bottom:1px solid var(--line);background:0 0}.coach-mark{background:var(--coach);color:#fff;border-radius:50%;place-items:center;width:22px;height:22px;font-size:12px;font-weight:700;display:grid;position:relative}.coach-mark:after{content:"";border:2px solid #0000;border-radius:50%;position:absolute;inset:-4px}.coach-mark.watching:after{border-color:var(--coach);animation:1.8s ease-out infinite sonar}.coach-mark.thinking:after{border-color:var(--accent-line);border-top-color:var(--coach);animation:.9s linear infinite spin}@keyframes sonar{0%{opacity:.7;transform:scale(.85)}to{opacity:0;transform:scale(1.6)}}.coach-status{animation:.35s fade}:is(.coach .zone-head:has(.coach-mark.watching) .coach-status,.coach .zone-head:has(.coach-mark.thinking) .coach-status){color:var(--coach);font-weight:500}.coach-seen{border-left:2px solid var(--accent-line);color:var(--ink-3);flex-direction:column;gap:3px;margin:2px 0 0;padding:2px 0 2px 12px;font-size:12px;list-style:none;display:flex}.coach-seen.watching{border-left-color:var(--coach)}.coach-seen li{text-overflow:ellipsis;white-space:nowrap;opacity:.7;overflow:hidden}.coach-seen li.latest{opacity:1;color:var(--ink-2);animation:.3s ease-out seen-in}.coach-seen.watching li.latest:after{content:"";background:var(--coach);vertical-align:middle;border-radius:50%;width:6px;height:6px;margin-left:6px;animation:1s infinite pulse;display:inline-block}.coach-seen li.warn{color:#9a5a12;opacity:1}.coach-seen li.ok{color:var(--ok)}.coach-seen li.more{opacity:.55;font-style:italic}@keyframes seen-in{0%{opacity:0;transform:translate(-6px)}}.coach-typing{color:var(--coach);font-size:12.5px}.coach-typing .dots{gap:3px;display:inline-flex}.coach-typing .dots i{background:var(--coach);border-radius:50%;width:5px;height:5px;animation:1s infinite pulse}.coach-typing .dots i:nth-child(2){animation-delay:.15s}.coach-typing .dots i:nth-child(3){animation-delay:.3s}@media (prefers-reduced-motion:reduce){.coach-mark:after,.coach-seen li.latest,.coach-seen li.latest:after,.coach-typing .dots i,.coach-status{animation:none}.coach-mark.watching:after{opacity:.5;transform:scale(1.15)}}.coach-feed{flex-direction:column;gap:10px;padding:12px 14px;display:flex}.coach-msg{border:1px solid var(--line);background:#fff;border-radius:4px 12px 12px;padding:9px 12px;font-size:13px}.coach-msg .md>:last-child{margin-bottom:0}.coach-msg.q{background:var(--coach);color:#fff;border-color:var(--coach);border-radius:12px 12px 4px;align-self:flex-end;max-width:85%}.coach-msg.ms{background:var(--line-2);border-color:var(--line);color:var(--ink);border-radius:10px;font-size:12.5px;font-weight:600}.suggest{border:1px dashed var(--accent-line);background:var(--accent-wash);border-radius:8px;margin-top:8px;padding:8px 10px}.suggest .k{color:var(--coach);margin-bottom:3px;font-size:12px;font-weight:600}.suggest .t{color:var(--ink-2);margin-bottom:6px;font-size:12.5px;font-style:italic}.suggest button{background:var(--coach);color:#fff;border:0;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:600}.coach-help{border:1px solid var(--accent-line);color:var(--coach);background:#fff;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600}.coach-help:hover{border-color:var(--coach)}.coach-help.unread{background:var(--coach);border-color:var(--coach);color:#fff}.coach.calling .zone-head{animation:.8s ease-in-out 3 coach-call}@keyframes coach-call{50%{background:var(--accent-tint)}}@media (prefers-reduced-motion:reduce){.coach.calling .zone-head{background:var(--accent-tint);animation:none}}.coach-ask{border-top:1px solid var(--line);flex:none;gap:6px;padding:8px 10px 10px;display:flex}.coach-ask input{border:1px solid var(--line);background:#fff;border-radius:8px;outline:0;flex:1;padding:7px 10px}.coach-ask input:focus{border-color:var(--coach)}.coach-ask .btn{background:var(--coach)}.ai-note{color:var(--ink-3);font-size:11px}.error-box{border-radius:var(--radius);color:#7d241a;background:#fdecea;border:1px solid #f5c6c0;margin:16px;padding:14px}.preview-alert{background:var(--panel);border:1px solid var(--line);color:var(--ink);border-radius:10px;align-items:center;gap:12px;padding:10px 12px;font-size:12.5px;display:flex;position:absolute;bottom:12px;left:12px;right:12px;box-shadow:0 8px 24px -12px #16181d4d}.preview-alert div{flex-direction:column;flex:1;min-width:0;display:flex}.preview-alert span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.preview-alert button{background:var(--accent);color:#fff;white-space:nowrap;border:0;border-radius:7px;padding:6px 10px;font-size:12px;font-weight:600}.files-head{color:var(--ink);justify-content:space-between;align-items:baseline;padding:14px 16px 8px;font-size:12.5px;font-weight:600;display:flex}.files-head .muted{text-transform:none;letter-spacing:0;font-weight:400}.muted{color:var(--ink-3);font-size:12px}.files-empty{color:var(--ink-3);padding:10px 16px}.tree{margin:0;padding:0 6px 16px;list-style:none}.tree li{cursor:pointer;border-radius:7px;align-items:center;gap:8px;height:32px;padding-right:10px;font-size:13px;display:flex}.tree li:hover{background:var(--panel-2)}.tree li .name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.tree li small{color:var(--ink-3);font-variant-numeric:tabular-nums;font-size:11px}.tree li.dir{color:var(--ink-2);font-weight:600}.tree .caret{width:10px;color:var(--ink-3);font-size:10px}.tree .folder{color:var(--ink-3);font-size:11px}.tree .new{color:var(--accent);background:var(--accent-soft);border-radius:999px;padding:1px 6px;font-size:10px;font-weight:700}.ftype{min-width:34px;height:18px;font:700 9.5px/1 var(--sans);letter-spacing:.03em;color:var(--ink-2);background:var(--line-2);box-shadow:inset 0 0 0 1px var(--line);border-radius:4px;place-items:center;padding:0 4px;display:inline-grid}.viewer{z-index:20;background:var(--panel);flex-direction:column;animation:.16s ease-out viewer-in;display:flex;position:absolute;inset:0}@keyframes viewer-in{0%{opacity:0;transform:translateY(6px)}}.viewer-head{border-bottom:1px solid var(--line);background:var(--panel-2);flex:none;align-items:center;gap:12px;height:52px;padding:0 16px;display:flex}.viewer-head .spacer{flex:1}.crumbs{font-family:var(--mono);color:var(--ink-3);font-size:13px}.crumbs i{color:#c3c7cf;margin:0 4px;font-style:normal}.crumbs .leaf{color:var(--ink);font-weight:500}.seg{background:var(--line-2);border-radius:8px;padding:2px;display:inline-flex}.icon-btn.close{width:32px;font-size:14px}.viewer-body{flex-direction:column;flex:1;min-height:0;display:flex}.viewer-empty{color:var(--ink-3);align-items:center;gap:8px;margin:auto;display:flex}.sheet{flex-direction:column;flex:1;min-height:0;display:flex}.sheet-tools{border-bottom:1px solid var(--line);color:var(--ink-3);flex:none;align-items:center;gap:14px;padding:10px 16px;font-size:12px;display:flex}.sheet-tools input{border:1px solid var(--line);background:#fff;border-radius:8px;outline:0;width:280px;padding:6px 10px}.sheet-tools input:focus{border-color:var(--accent)}.sheet-grid{flex:1;min-height:0}.sheet-grid .row-num{color:var(--ink-3);text-align:center;background:var(--panel-2);font-size:11px}.doc-scroll{background:var(--bg);flex:1;min-height:0;padding:40px 24px 80px;overflow:auto}.doc{border:1px solid var(--line);background:#fff;border-radius:14px;max-width:780px;margin:0 auto;padding:44px 56px;font-size:15px;line-height:1.7;box-shadow:0 10px 40px -24px #16181d2e}.doc h1{font-family:var(--serif);letter-spacing:-.01em;margin:0 0 18px;font-size:32px;line-height:1.15}.doc h2{border-bottom:1px solid var(--line);margin:32px 0 10px;padding-bottom:6px;font-size:20px}.doc h3{margin:24px 0 8px;font-size:16px}.doc p,.doc ul,.doc ol{margin:0 0 14px}.doc li{margin-bottom:4px}.doc table{border-collapse:collapse;width:100%;margin:6px 0 18px;font-size:13.5px}.doc th{background:var(--panel-2);text-align:left}.doc td,.doc th{border:1px solid var(--line);padding:6px 10px}.doc code{background:var(--line-2);border-radius:5px;padding:1px 6px;font-size:12.5px}.doc blockquote{border-left:3px solid var(--accent);background:var(--accent-soft);color:var(--ink-2);border-radius:0 8px 8px 0;margin:0 0 14px;padding:8px 16px}.doc hr{border:0;border-top:1px solid var(--line);margin:28px 0}.code-view{background:var(--code-bg);flex:1;align-items:flex-start;min-height:0;font-size:12.5px;line-height:1.6;display:flex;overflow:auto}.code-view pre{font-family:var(--mono);margin:0;padding:16px 0}.code-view .gutter{text-align:right;color:#6b707b;background:var(--code-bg);-webkit-user-select:none;user-select:none;border-right:1px solid #2a2d35;padding:16px 12px 16px 16px;position:sticky;left:0}.code-view .hljs{color:#e6e8ec;flex:1;padding-left:16px;padding-right:24px}.hljs-tag,.hljs-name{color:#e98a6b}.hljs-attr,.hljs-attribute{color:#d9b26f}.hljs-string{color:#a6c97e}.hljs-keyword,.hljs-selector-tag,.hljs-built_in{color:#c792ea}.hljs-number,.hljs-literal{color:#f2a65a}.hljs-comment{color:#7b808b;font-style:italic}.hljs-title,.hljs-title.function_{color:#82aaff}.hljs-selector-class,.hljs-selector-id{color:#ffcb6b}.hljs-property,.hljs-variable{color:#e6e8ec}.sep{background:var(--line);outline:none;flex:none;transition:background .15s;position:relative}.sep-v{width:1px}.sep-h{height:1px}.sep:after{content:"";z-index:5;position:absolute}.sep-v:after{cursor:col-resize;inset:0 -4px}.sep-h:after{cursor:row-resize;inset:-4px 0}.sep:before{content:"";z-index:6;opacity:0;background:#a9aeb7;border-radius:3px;transition:opacity .15s;position:absolute}.sep-v:before{width:4px;height:32px;top:50%;left:-2px;transform:translateY(-50%)}.sep-h:before{width:32px;height:4px;top:-2px;left:50%;transform:translate(-50%)}.sep:hover:before,.sep[data-separator=active]:before,.sep[data-separator=focus]:before{opacity:1}.sep:hover,.sep[data-separator=active]{background:var(--accent)}body:has(.sep[data-separator=active]) iframe{pointer-events:none}.xp-pill{gap:8px}.xp-pill b{color:var(--ink);font-weight:600}.xp-bar{background:var(--line);border-radius:2px;width:54px;height:4px;overflow:hidden}.xp-bar i{background:var(--accent);height:100%;transition:width .6s;display:block}.pill.trophy{background:var(--ink);color:#fff;cursor:pointer;border:0;font-weight:500;animation:2.4s ease-in-out infinite glow}.pill.trophy svg{width:14px;height:14px}@keyframes glow{50%{box-shadow:0 0 0 4px #16181d1f}}.toasts{z-index:30;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:absolute;top:14px;left:50%;transform:translate(-50%)}.toast{background:var(--ink);color:#f2f3f5;border-radius:14px;align-items:center;gap:14px;min-width:340px;padding:12px 16px 12px 12px;animation:.5s cubic-bezier(.2,1.4,.4,1) toast-in,.4s ease-in 3.8s forwards toast-out;display:flex;box-shadow:0 18px 40px -16px #00000080}@keyframes toast-in{0%{opacity:0;transform:translateY(-16px)scale(.92)}}@keyframes toast-out{to{opacity:0;transform:translateY(-10px)}}.toast-xp{width:64px;height:52px;color:var(--ink);background:#fff;border-radius:8px;flex:none;place-items:center;font-size:15px;font-weight:600;display:grid}.toast-k{color:#9ba0aa;font-size:12px;font-weight:500}.toast-label{margin:1px 0 6px;font-size:14px;font-weight:600}.toast-steps{gap:4px;display:flex}.toast-steps i{background:#ffffff26;border-radius:2px;width:22px;height:4px}.toast-steps i.on{background:#fff}.celebrate-backdrop{z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#16181d80;place-items:center;padding:20px;animation:.3s fade;display:grid;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.celebrate{background:var(--panel);text-align:center;border-radius:22px;width:min(560px,100%);max-height:100%;padding:30px 32px 22px;animation:.55s cubic-bezier(.2,1.3,.4,1) pop-in;overflow:auto;box-shadow:0 40px 80px -30px #00000080}@keyframes pop-in{0%{opacity:0;transform:scale(.85)translateY(20px)}}.medal{width:120px;height:130px;margin:0 auto 8px;position:relative}.medal-ring{z-index:1;width:112px;height:112px;box-shadow:0 0 0 6px var(--medal,var(--accent)), 0 14px 30px -10px #78500a99;background:radial-gradient(circle at 35% 30%,#fff6d8,#f2c14e 45%,#c8901f);border-radius:50%;place-items:center;margin:0 auto;animation:.9s cubic-bezier(.2,1.5,.4,1) .2s both medal;display:grid;position:relative;overflow:hidden}.medal-ring:after{content:"";background:linear-gradient(115deg,#0000 40%,#ffffffb3 50%,#0000 60%);animation:2.6s ease-in-out 1s infinite shine;position:absolute;inset:-40%}.medal-ring span{filter:drop-shadow(0 2px 2px #0003);font-size:50px}.medal-ribbon{background:var(--medal,var(--accent));clip-path:polygon(0 0,100% 0,100% 100%,50% 72%,0 100%);width:60px;height:40px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}@keyframes medal{0%{transform:scale(0)rotate(-200deg)}}@keyframes shine{0%{transform:translate(-60%)}60%,to{transform:translate(60%)}}.celebrate-kicker{color:var(--ok);font-size:13px;font-weight:600}.celebrate h2{font-family:var(--serif);letter-spacing:-.01em;margin:4px 0 6px;font-size:30px}.celebrate-desc{color:var(--ink-2);max-width:420px;margin:0 auto 18px}.celebrate-stats{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px;display:grid}.celebrate-stats div{background:var(--panel-2);border:1px solid var(--line);border-radius:12px;padding:10px 6px}.celebrate-stats b{font-size:17px;display:block}.celebrate-stats span{color:var(--ink-3);font-size:11px}.cel-level{text-align:left;background:var(--panel-2);border:1px solid var(--line);border-radius:12px;margin-bottom:16px;padding:12px 14px}.cel-level-row{color:var(--ink-2);font-variant-numeric:tabular-nums;justify-content:space-between;margin-bottom:8px;font-size:13px;display:flex}.cel-level-bar{background:var(--line);border-radius:3px;height:6px;overflow:hidden}.cel-level-bar i{background:var(--accent);height:100%;transition:width .3s;display:block}.cel-level-up{color:var(--accent);margin-top:8px;font-weight:600;animation:.6s pop}.cel-level-note{color:var(--ink-2);margin-top:8px;font-size:13px}.next-step{text-align:left;background:var(--ink);color:#f2f3f5;border-radius:14px;align-items:center;gap:16px;padding:14px 16px;display:flex}.next-step>div{flex:1;min-width:0}.next-k{color:#9ba0aa;font-size:12px}.next-title{margin:2px 0;font-size:16px;font-weight:700}.next-sub{color:#9ba0aa;font-size:12px}.next-step.done-all{justify-content:center;font-weight:700}.btn.big{white-space:nowrap;padding:11px 18px;font-size:14px}.celebrate-actions{justify-content:center;gap:18px;margin-top:14px;display:flex}.link{color:var(--ink-3);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;font-size:13px;text-decoration:underline}.link:hover{color:var(--ink)}.modal{background:var(--panel);width:min(460px,100% - 32px);max-height:calc(100% - 32px);color:var(--ink);border:0;border-radius:18px;padding:0;box-shadow:0 40px 80px -30px #00000080}.modal[open]{animation:.35s cubic-bezier(.2,1.2,.4,1) pop-in}.modal::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#16181d80;animation:.25s fade}.modal-body{padding:26px 26px 20px;position:relative}.modal h2{font-family:var(--serif);letter-spacing:-.01em;margin:0 28px 8px 0;font-size:24px}.modal-x{width:30px;height:30px;color:var(--ink-3);cursor:pointer;background:0 0;border:0;border-radius:8px;font-size:22px;line-height:1;position:absolute;top:14px;right:14px}.modal-x:hover{background:var(--line-2);color:var(--ink)}.modal-lead{color:var(--ink-2);margin:0 0 16px}.modal-note{background:var(--accent-soft);color:var(--ink-2);border-radius:10px;margin:-6px 0 16px;padding:8px 12px;font-size:13px}.modal-choices{gap:10px;display:grid}.modal-choice{text-align:left;cursor:pointer;border:1.5px solid var(--line);background:var(--panel);width:100%;color:var(--ink);font:inherit;border-radius:14px;align-items:flex-start;gap:12px;padding:14px 16px;transition:border-color .15s,background .15s;display:flex}.modal-choice:hover{border-color:var(--ink-3)}.modal-choice b{font-size:14.5px;display:block}.modal-choice small{color:var(--ink-3);margin-top:2px;font-size:12.5px;display:block}.modal-choice-icon{background:var(--line-2);width:32px;height:32px;color:var(--ink-2);border-radius:9px;flex:none;place-items:center;font-weight:700;display:grid}.modal-choice.primary{border-color:var(--coach);background:var(--coach-soft)}.modal-choice.primary:hover{background:#d6eae1}.modal-choice.primary .modal-choice-icon{background:var(--coach);color:#fff}.modal-choice:not(.primary):hover .modal-choice-icon{color:var(--err);background:#f6dcd8}.modal-choice:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.modal-facts{gap:8px;margin:0 0 18px;padding:0;font-size:13px;list-style:none;display:grid}.modal-facts li{border-radius:10px;padding:8px 12px}.modal-facts li.ok{background:var(--coach-soft);color:var(--coach)}.modal-facts li.warn{color:var(--err);background:#f8e6e3}.modal-actions{justify-content:flex-end;align-items:center;gap:10px;margin-top:16px;display:flex}.modal-choices+.modal-actions{justify-content:center;margin-top:14px}@media (width<=480px){.modal-actions{flex-direction:column-reverse;align-items:stretch}}.mobile-block{flex-direction:column;justify-content:center;max-width:440px;min-height:100%;margin:0 auto;padding:40px 20px 48px;display:flex}.mobile-block h1{font-family:var(--serif);letter-spacing:-.02em;margin:8px 0 14px;font-size:30px;line-height:1.12}.mobile-block p{color:var(--ink-2);margin:0 0 12px;font-size:15.5px;line-height:1.6}.mobile-block .mobile-block-ask{color:var(--ink);margin-bottom:28px;font-weight:600}.mobile-block-btn{white-space:normal;width:100%}.mobile-block-btn:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.struggle{align-self:center;width:100%;max-width:300px;height:auto;overflow:visible}.struggle .s-shadow{fill:var(--line)}.struggle .s-win{stroke:var(--ink);stroke-width:2.5px}.struggle .s-editor{fill:var(--code-bg)}.struggle .s-preview{fill:var(--panel)}.struggle .s-coach{fill:var(--coach-soft)}.struggle .s-kw{fill:#e8a26f}.struggle .s-str{fill:#8fd3a8}.struggle .s-code{fill:#6f6a60}.struggle .s-light{fill:var(--line)}.struggle .s-hero{fill:var(--accent-soft)}.struggle .s-line{fill:var(--line)}.struggle .s-coach-dot{fill:var(--coach)}.struggle .s-bubble{fill:#fff;stroke:var(--accent-line);stroke-width:1.5px}.struggle .s-line-dim{fill:var(--accent-line)}.struggle .s-arm{fill:none;stroke:var(--ink);stroke-width:5px;stroke-linecap:round}.struggle .s-body{fill:var(--ink)}.struggle .s-screen{fill:var(--accent)}.struggle .s-notch{fill:#3a362f}.struggle .s-eye,.struggle .s-mouth{fill:none;stroke:#fff;stroke-width:3.5px;stroke-linecap:round;stroke-linejoin:round}.struggle .s-sweat{fill:#8fb3ff}.struggle .s-stack{transform-box:view-box;transform-origin:160px 168px;animation:2.6s ease-in-out infinite s-teeter}.struggle .s-phone{transform-box:view-box;transform-origin:160px 286px;animation:2.6s ease-in-out infinite s-brace}.struggle .s-sweat{animation:2.6s ease-in infinite s-drip}@keyframes s-teeter{0%,to{transform:rotate(-4deg)}50%{transform:rotate(5deg)translateY(2px)}}@keyframes s-brace{0%,to{transform:scale(1)}50%{transform:scale(1.04,.95)}}@keyframes s-drip{0%,30%{opacity:0;transform:translateY(0)}40%{opacity:1}to{opacity:0;transform:translateY(70px)}}@media (prefers-reduced-motion:reduce){.struggle .s-stack,.struggle .s-phone,.struggle .s-sweat{animation:none}.struggle .s-stack{transform:rotate(4deg)}}.pill.assessment-pill{font-weight:500}.btn.submit-btn{padding:6px 14px}.assessment-note p{color:var(--ink-2);margin:0;font-size:13px}.submit-form{gap:14px;display:grid}.submit-form label{gap:6px;font-size:13px;font-weight:600;display:grid}.submit-form label small{color:var(--ink-3);font-weight:400}.submit-form input,.submit-form textarea{font:inherit;border:1px solid var(--line);background:var(--panel);color:var(--ink);resize:vertical;border-radius:10px;padding:10px 12px;font-weight:400}.submit-form input:focus,.submit-form textarea:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}.submit-form .modal-actions{margin-top:4px}.modal-error{color:var(--err);background:#f8e6e3;border-radius:10px;margin:0;padding:8px 12px;font-size:13px}.bonus-head{justify-content:space-between;gap:8px;display:flex}.bonus-head span{text-transform:none;letter-spacing:0;color:var(--ink-2);font-weight:600}.bonus-intro{color:var(--ink-3);margin:0 0 6px;font-size:12px}.milestones.bonuses li{align-items:center}.bonus-pts{color:var(--ink-2);background:var(--line-2);white-space:nowrap;border-radius:999px;margin-left:auto;padding:1px 8px;font-size:11.5px;font-weight:600}.milestones.bonuses li.done .bonus-pts{color:#fff;background:var(--ink);text-decoration:none}.celebrate.grading{text-align:left;max-width:480px;padding-top:30px}.celebrate.grading h2{margin:0}.grading-project{font-family:var(--serif);color:var(--ink);overflow-wrap:anywhere;margin:4px 0 10px;font-size:18px}.grading-lead{color:var(--ink-2);margin:0 0 18px;line-height:1.55}.grading-steps{margin:0 0 18px;padding:0;list-style:none;position:relative}.grading-steps li{color:var(--ink-3);align-items:flex-start;gap:12px;padding:0 0 14px;display:flex;position:relative}.grading-steps li:last-child{padding-bottom:0}.grading-steps li:not(:last-child):after{content:"";background:var(--line);width:2px;position:absolute;top:24px;bottom:2px;left:10px}.grading-steps li.done:not(:last-child):after{background:var(--accent)}.grading-dot{z-index:1;border:2px solid var(--line);background:var(--panel);color:#fff;border-radius:50%;flex:none;place-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:grid;position:relative}.grading-steps li b{font-size:14.5px;font-weight:600;line-height:22px;display:block}.grading-steps li small{color:var(--ink-2);font-size:13px;display:block}.grading-steps li.done{color:var(--ink-2)}.grading-steps li.done .grading-dot{background:var(--accent);border-color:var(--accent)}.grading-steps li.now{color:var(--ink)}.grading-steps li.now .grading-dot{border-color:var(--accent)}.grading-steps li.now .grading-dot:after{content:"";background:var(--accent);border-radius:50%;animation:1.4s ease-in-out infinite grading-pulse;position:absolute;inset:3px}@keyframes grading-pulse{50%{opacity:.5;transform:scale(.55)}}@media (prefers-reduced-motion:reduce){.grading-steps li.now .grading-dot:after{animation:none}}.grading-features{border-top:1px solid var(--line-2);padding-top:14px}.grading-features p{color:var(--ink-2);margin:0 0 8px;font-size:13px;font-weight:600}.grading-features ul{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.grading-features li{background:var(--line-2);color:var(--ink-2);border-radius:999px;padding:3px 10px;font-size:12.5px}.celebrate.result{max-width:560px;max-height:calc(100vh - 32px);overflow-y:auto}.result-seal{background:var(--line-2);border-radius:50%;place-items:center;width:84px;height:84px;margin:0 auto 12px;font-size:38px;display:grid}.result-score{margin:4px 0 12px}.result-score b{font-family:var(--serif);font-size:44px;font-weight:600;line-height:1}.result.passed .result-score b{color:var(--ink)}.result-score span{color:var(--ink-3);margin-left:6px;font-size:13px}.result-bar{background:var(--line-2);border-radius:4px;height:8px;margin:10px 0 0;position:relative}.result-bar i{border-radius:inherit;background:var(--accent);height:100%;transition:width 1.2s;display:block}.result.failed .result-bar i{background:var(--ink-3)}.result-bar em{background:var(--ink);border-radius:1px;width:2px;position:absolute;top:-4px;bottom:-4px}.result-features{text-align:left;border:1px solid var(--line);border-radius:12px;margin:0 0 16px;padding:0;list-style:none;overflow:hidden}.result-features li{border-top:1px solid var(--line-2);align-items:flex-start;gap:10px;padding:8px 12px;display:flex}.result-features li:first-child{border-top:0}.result-check{background:var(--line-2);width:18px;height:18px;color:var(--ink-3);border-radius:50%;flex:none;place-items:center;margin-top:1px;font-size:11px;font-weight:700;display:grid}.result-features li.earned .result-check{background:var(--ok);color:#fff}.result-label{flex:1;min-width:0}.result-label b{font-size:13px;display:block}.result-label small{color:var(--ink-3);font-size:12px;line-height:1.4;display:block}.result-pts{color:var(--ink-3);flex:none;font-size:12px;font-weight:700}.result-features li.earned .result-pts{color:var(--ok)}.celebrate.result .celebrate-actions{justify-content:center;align-items:center;gap:16px}.result-features .result-hint{color:var(--ink-2);margin-top:3px}.paste-nudge{z-index:20;background:var(--ink);color:#f2f3f5;border-radius:14px;align-items:flex-start;gap:12px;padding:12px 16px 12px 12px;animation:.45s cubic-bezier(.2,1.4,.4,1) toast-in,.4s ease-in 4.1s forwards toast-out;display:flex;position:absolute;bottom:calc(100% - 4px);left:14px;right:14px;box-shadow:0 18px 40px -16px #00000080}.paste-nudge:after{content:"";background:var(--ink);width:12px;height:12px;position:absolute;bottom:-6px;left:28px;transform:rotate(45deg)}.coach-ask-error{padding:6px 12px 0}.paste-nudge-icon{background:#ffffff1a;border-radius:8px;flex:none;place-items:center;width:40px;height:40px;font-size:20px;display:grid}.paste-nudge b{margin-bottom:2px;font-size:14px;display:block}.paste-nudge p{color:#c4c8cf;margin:0;font-size:13px;line-height:1.4}.project{height:calc(100% - 64px);box-shadow:0 0 0 1px var(--line);border-radius:12px;grid-template-columns:minmax(260px,340px) 1fr;min-height:0;margin:0 8px 8px;display:grid;overflow:hidden}.project-side{border-right:1px solid var(--line);background:var(--panel);padding:24px 22px;overflow-y:auto}.project-side h2{font-family:var(--serif);letter-spacing:-.01em;margin:0 0 4px;font-size:26px}.project-sub{color:var(--ink-3);margin:0 0 14px;font-size:13px}.project-side h3{color:var(--ink);margin:0 0 10px;font-size:12.5px;font-weight:600}.project-section{margin-top:24px}.project-summary .exit-stats{flex-wrap:wrap}.project-badge-card{background:var(--accent-wash);border:1px solid var(--accent-line);border-radius:10px;align-items:center;gap:10px;margin:0 0 12px;padding:10px 12px;display:flex}.project-badge-card .icon{font-size:22px;line-height:1}.project-badge-card b{font-size:13px;font-weight:600;display:block}.project-badge-card small{color:var(--ink-2);font-size:12px;line-height:1.4;display:block}.attempts{flex-direction:column;gap:6px;display:flex}.attempt{border:1px solid var(--line);width:100%;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:#fff;border-radius:8px;grid-template-columns:1fr auto;align-items:baseline;gap:2px 12px;padding:9px 12px;font-size:13px;line-height:1.35;display:grid}.attempt-when{font-weight:500}.attempt-spent{color:var(--ink-2);font-variant-numeric:tabular-nums;grid-area:1/2/3;align-self:center}.attempt small{color:var(--ink-3);font-size:12px}.attempt-share{background:var(--line-2);border-radius:2px;grid-column:1/-1;height:3px;margin-top:6px;overflow:hidden}.attempt-share>span{background:var(--ink-3);border-radius:2px;height:100%;display:block}.attempt.best .attempt-share>span,.attempt.on .attempt-share>span{background:var(--accent)}.attempt:hover{background:var(--panel-2)}.attempt.on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);background:var(--accent-wash)}.attempt.on .attempt-spent{color:var(--ink)}.attempts-more{color:var(--accent);cursor:pointer;background:0 0;border:0;margin-top:8px;padding:0;font-size:12.5px}.attempts-more:hover{text-decoration:underline}.attempt:focus-visible,.seg button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.lb-head span{color:var(--ink-3);margin-left:4px;font-weight:400}.lb-head span:before{content:"· "}.lb{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.lb-gap{margin-top:14px;position:relative}.lb-gap:before{content:"⋯";text-align:center;color:var(--ink-3);font-size:12px;line-height:1;position:absolute;top:-17px;left:0;right:0}.lb-row{border:1px solid var(--line);width:100%;color:var(--ink);font:inherit;text-align:left;background:#fff;border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:3px 10px;padding:8px 12px;font-size:13px;line-height:1.35;display:grid}button.lb-row{cursor:pointer}button.lb-row:hover{background:var(--panel-2)}button.lb-row:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.lb-row.on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);background:var(--accent-wash)}.lb-row.you{background:var(--accent-wash);border-color:var(--accent-line)}.lb-rank{background:var(--line-2);width:24px;height:24px;color:var(--ink-2);font-variant-numeric:tabular-nums;border-radius:50%;grid-row:1/3;place-items:center;font-size:12px;font-weight:600;display:inline-grid}.lb-rank.p1{color:#6e5200;background:#f5e3a3}.lb-rank.p2{color:#454c56;background:#e3e6ea}.lb-rank.p3{color:#74431f;background:#f0d5c0}.lb-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:500;overflow:hidden}.lb-tokens{color:var(--ink-2);font-variant-numeric:tabular-nums;white-space:nowrap}.lb-row small{color:var(--ink-3);font-variant-numeric:tabular-nums;grid-column:2/4;align-items:center;gap:7px;font-size:12px;display:flex}.lb-next{color:var(--ink-2);font-variant-numeric:tabular-nums;margin:10px 0 0;font-size:12.5px;line-height:1.5}.project .milestones li.done span:not(.check){color:var(--ink);text-decoration:none}.project .milestones li.done .check{animation:none}.milestone-when{color:var(--ok);margin-top:2px;font-size:12px;display:block}.milestone-tries{color:var(--ink-3);margin-top:2px;font-size:12px;display:block}.project-side .coach-msg{font-size:13px;line-height:1.5}.project-side .coach-msg>:last-child{margin-bottom:0}.journey{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.journey-msg{border:1px solid var(--line);background:#fff;border-radius:10px;align-items:flex-start;gap:10px;padding:10px 12px;font-size:13px;line-height:1.45;display:flex}.journey-msg .n{background:var(--accent-soft);min-width:20px;height:20px;color:var(--accent);white-space:nowrap;border-radius:999px;flex:none;place-items:center;padding:0 6px;font-size:11px;font-weight:700;display:grid}.journey-msg.test .n{background:var(--panel-2);color:var(--ink-2);box-shadow:0 0 0 1px var(--line)}.journey-msg .t{white-space:pre-wrap;overflow-wrap:anywhere;min-width:0}.journey-ms{color:var(--ok);padding:2px 12px;font-size:12.5px;font-weight:500}.project-next{background:var(--panel-2);border:1px solid var(--line);border-radius:10px;padding:14px}.project-next p{color:var(--ink-2);margin:0 0 12px;font-size:13px;line-height:1.5}.project-next .btn,.topbar a.btn{text-decoration:none;display:inline-block}.seg{background:var(--panel-2);box-shadow:0 0 0 1px var(--line);border-radius:7px;flex:none;padding:2px;display:inline-flex}.seg button{color:var(--ink-2);background:0 0;border:0;border-radius:5px;padding:3px 10px;font-size:12.5px}.seg button.on{color:var(--ink);background:#fff;font-weight:500;box-shadow:0 1px 2px #00000014}.project-preview{background:#fff;flex-direction:column;min-height:0;display:flex}.project-preview-error{color:var(--ink-3);flex:1;place-content:center;justify-items:center;gap:4px;font-size:13px;display:grid}.project-preview-error p{margin:0 0 8px}.project-preview iframe{border:0;flex:1;width:100%;display:block}.topbar a.btn-ghost-dark{text-decoration:none}.project-banner{margin:16px}.exit-modal{max-width:420px}.exit-stats{gap:8px;margin:0 0 4px;display:flex}.exit-stats span{background:var(--panel-2);border:1px solid var(--line);color:var(--ink-2);border-radius:999px;padding:4px 10px;font-size:12.5px}.exit-stats b{color:var(--ink)}.exit-modal .exit-stats{margin-bottom:0}.exit-modal .modal-note{margin:14px 0 0}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.shell{--c-canvas:var(--bg);--c-surface:var(--panel);--c-ink:var(--ink);--c-ink-2:var(--ink-2);--c-ink-3:var(--ink-3);--c-line:var(--line);--c-line-2:var(--line-2);--c-accent:var(--accent);--c-accent-soft:var(--accent-soft);--c-sans:var(--sans);background:var(--c-canvas);height:100%;color:var(--c-ink);font:14px/1.5 var(--c-sans);grid-template-columns:256px minmax(0,1fr);display:grid}.shell button{font-family:inherit}.shell :focus-visible{outline:2px solid var(--c-accent);outline-offset:2px}.side{flex-direction:column;min-height:0;padding:18px 12px 12px;display:flex;overflow-y:auto}.side>*{flex:none}.side>.side-sessions{flex-direction:column;flex:0 auto;min-height:150px;display:flex}.side-sessions ol{overscroll-behavior:contain;min-height:0;position:relative;overflow-y:auto}.side,.side-sessions ol{scrollbar-width:none}.side::-webkit-scrollbar{display:none}.side-sessions ol::-webkit-scrollbar{display:none}.side-sessions .side-item:focus-visible{outline-offset:-2px}.side-sessions ol.more-below{-webkit-mask-image:linear-gradient(#000 calc(100% - 28px),#0000);mask-image:linear-gradient(#000 calc(100% - 28px),#0000)}.side-sessions ol.more-above{-webkit-mask-image:linear-gradient(0deg,#000 calc(100% - 28px),#0000);mask-image:linear-gradient(0deg,#000 calc(100% - 28px),#0000)}.side-sessions ol.more-above.more-below{-webkit-mask-image:linear-gradient(#0000,#000 28px calc(100% - 28px),#0000);mask-image:linear-gradient(#0000,#000 28px calc(100% - 28px),#0000)}.side-brand{flex-direction:column;align-items:flex-start;gap:7px;padding:6px 10px 24px;text-decoration:none;display:flex}.side-brand .brand-logo{height:34px}.side-nav+.side-nav{margin-top:20px}.side-label{color:var(--c-ink-3);padding:0 10px 6px;font-size:12px;font-weight:500}.side-nav ol{grid-template-columns:minmax(0,1fr);gap:1px;margin:0;padding:0;list-style:none;display:grid}.side-item{width:100%;color:var(--c-ink-2);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:10px;padding:7px 10px;font-size:13.5px;text-decoration:none;display:flex}.side-item:hover{color:var(--c-ink);background:#16181d0d}.side-item:disabled{cursor:wait}.side-item.active{background:var(--c-surface);color:var(--c-ink);box-shadow:0 0 0 1px var(--c-line);font-weight:500}.side-item svg{flex:none}.side-count{color:var(--c-ink-3);font-variant-numeric:tabular-nums;margin-left:auto;font-size:12px}.side-session{gap:8px}.side-state{color:#b8bcc4;display:grid}.side-session.started .side-state{color:var(--c-accent)}.side-session.done .side-state{color:var(--c-ink)}.side-num{width:14px;color:var(--c-ink-3);font-variant-numeric:tabular-nums;flex:none;font-size:12px}.side-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.side-sessions li{position:relative}.side-sessions li:not(:last-child):after{content:"";pointer-events:none;background:#cdd1d8;width:1.5px;height:calc(100% - 11px);position:absolute;top:calc(50% + 6px);left:17.25px}.side-sessions li.path-done:not(:last-child):after{background:var(--c-ink)}.side-session.done .side-title{color:var(--c-ink-3)}.side-foot{gap:10px;margin-top:auto;padding-top:20px;display:grid}.side-level{background:var(--c-surface);box-shadow:0 0 0 1px var(--c-line);border-radius:10px;padding:12px 12px 11px}.side-level-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.side-level-head b{font-size:14px;font-weight:600}.side-level-head span{color:var(--c-ink-3);font-size:12px}.side-level-bar{background:var(--c-line-2);border-radius:2px;height:4px;margin:10px 0 8px;overflow:hidden}.side-level-bar i{background:var(--c-accent);border-radius:2px;height:100%;display:block}.side-level-xp{color:var(--c-ink-3);font-variant-numeric:tabular-nums;cursor:default;justify-content:space-between;gap:8px;font-size:12px;display:flex}.side-level-xp b{color:var(--c-ink);font-weight:500}.side-user{align-items:center;gap:10px;padding:6px 4px 2px 10px;display:flex}.side-avatar{background:var(--c-ink);color:#fff;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-size:12px;font-weight:600;display:grid}.side-user-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13.5px;font-weight:500;overflow:hidden}.side-signout{width:30px;height:30px;color:var(--c-ink-3);cursor:pointer;background:0 0;border:0;border-radius:7px;flex:none;place-items:center;display:grid}.side-signout:hover{color:var(--c-ink);background:#16181d0f}.main{background:var(--c-surface);min-width:0;min-height:0;box-shadow:0 0 0 1px var(--c-line);border-radius:14px;margin:8px 8px 8px 0;overflow-y:auto}.main-head{justify-content:space-between;align-items:flex-end;gap:24px;padding:32px 40px 0;display:flex}.main-head h1{letter-spacing:-.02em;margin:0 0 4px;font-size:26px;font-weight:600;line-height:1.2}.main-head p{color:var(--c-ink-2);margin:0;font-size:14.5px}.shell .primary{background:var(--c-accent);color:#fff;cursor:pointer;border:0;border-radius:8px;flex:none;padding:9px 16px;font-size:13.5px;font-weight:500}.shell .primary:hover{background:color-mix(in srgb, var(--accent) 86%, black)}.shell .primary:disabled{opacity:.6;cursor:wait}.filters-row{border-bottom:1px solid var(--c-line);align-items:center;gap:24px;margin-top:22px;padding:0 40px;display:flex}.filters{gap:24px;min-width:0;display:flex}.path-progress{white-space:nowrap;align-items:center;margin-left:auto;display:flex}.path-count{color:var(--c-ink-3);font-variant-numeric:tabular-nums;font-size:13px}.path-count b{color:var(--c-ink);font-weight:600}.filter{color:var(--c-ink-3);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:7px;margin-bottom:-1px;padding:10px 0 11px;font-size:13.5px;font-weight:500;display:flex}.filter:hover{color:var(--c-ink)}.filter.on{color:var(--c-ink);border-bottom-color:var(--c-ink)}.filter-count{background:var(--c-line-2);min-width:20px;color:var(--c-ink-2);text-align:center;font-variant-numeric:tabular-nums;border-radius:5px;padding:0 6px;font-size:11.5px;line-height:18px}.main-body{padding:24px 40px 48px}.shell .banner{color:#6b5317;background:#fbf6ea;border-color:#ecdfbf;border-radius:8px}.badges-row{grid-template-columns:repeat(auto-fit,minmax(84px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.badge{text-align:center;flex-direction:column;align-items:center;gap:7px;min-width:0;display:flex}.badge-icon{background:var(--c-line-2);filter:grayscale();opacity:.45;border-radius:10px;place-items:center;width:40px;height:40px;font-size:18px;display:grid}.badge.got .badge-icon{filter:none;opacity:1;background:var(--c-surface);box-shadow:0 0 0 1px var(--c-line), 0 1px 2px #16181d0f}.badge.last .badge-icon{border-radius:50%}.badge small{color:var(--c-ink-3);overflow-wrap:anywhere;font-size:11.5px;line-height:1.3}.badge.got small{color:var(--c-ink);font-weight:500}.shell .grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.shell .card{text-align:left;cursor:pointer;background:var(--c-surface);color:inherit;border:1px solid var(--c-line);border-radius:10px;flex-direction:column;padding:16px 18px 0;transition:border-color .15s;display:flex}.shell .card:hover{border-color:#c9cdd4}.shell .card:disabled{opacity:.6;cursor:wait}.shell .card.next{border-color:var(--c-accent);box-shadow:0 0 0 3px var(--c-accent-soft)}.card-top{white-space:nowrap;align-items:center;gap:8px;min-height:22px;margin-bottom:10px;display:flex}.card-num{color:var(--c-ink-3);font-variant-numeric:tabular-nums;flex:none;font-size:12.5px;font-weight:500}.card-top .card-status{flex:none;margin-left:auto}.card-status{background:var(--c-accent-soft);color:var(--c-accent);border-radius:5px;align-items:center;gap:5px;padding:1px 8px;font-size:12px;font-weight:500;display:inline-flex}.card-status.got{background:var(--c-line-2);color:var(--c-ink-2)}.card-status.got svg{width:13px;height:13px;color:var(--c-ink)}.shell .card h3{letter-spacing:-.01em;margin:0 0 6px;font-size:16px;font-weight:600;line-height:1.3}.shell .card p{color:var(--c-ink-2);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0 0 18px;font-size:13.5px;line-height:1.55;display:-webkit-box;overflow:hidden}.card-foot{border-top:1px solid var(--c-line-2);color:var(--c-ink-3);justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding:11px 0 13px;font-size:12.5px;display:flex}.card-level,.card-progress{font-variant-numeric:tabular-nums;align-items:center;gap:8px;display:flex}.card-rank{color:var(--c-ink-2);font-variant-numeric:tabular-nums;align-items:center;gap:6px;display:flex}.card-dur{border-left:1px solid var(--c-line);padding-left:8px}.pips{align-items:flex-end;gap:2px;display:inline-flex}.pips i{background:var(--c-line);border-radius:1px;width:3px}.pips i:first-child{height:6px}.pips i:nth-child(2){height:9px}.pips i:nth-child(3){height:12px}.pips[data-level="1"] i:nth-child(-n+1),.pips[data-level="2"] i:nth-child(-n+2),.pips[data-level="3"] i{background:var(--c-ink-2)}.card-bar{background:var(--c-line-2);border-radius:2px;width:72px;height:4px;overflow:hidden}.card-bar i{background:var(--c-accent);height:100%;display:block}.shell .card .go{color:var(--c-ink);font-weight:500}.shell .card.next .go{color:var(--c-accent)}.shell .card:hover .go{text-underline-offset:3px;text-decoration:underline}.empty{text-align:center;color:var(--c-ink-2);padding:48px 0}.empty p{margin:0 0 6px}.shell .final-card{cursor:default;background:var(--c-ink);border-color:var(--c-ink);color:#f2f3f5;position:relative}.shell .final-card:hover{border-color:#3a3e48}.final-card .card-num{color:#9ba0aa}.final-card .card-status{color:#dfe1e6;background:#2a2d35}.final-card .card-status svg{color:#fff;width:13px;height:13px}.shell .final-card p{color:#b9bdc6}.final-card .card-foot{color:#9ba0aa;border-top-color:#2a2d35}.final-card .card-dur{border-left-color:#353943}.final-actions{align-items:center;gap:12px;display:flex}.shell .final-card .final-go{color:#fff;font-size:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:0;font-weight:500}.final-go:after{content:"";border-radius:inherit;position:absolute;inset:0}.final-go:disabled{opacity:.6;cursor:wait}.shell .final-card:hover .final-go{text-underline-offset:3px;text-decoration:underline}.final-result{z-index:1;color:#9ba0aa;font-size:inherit;cursor:pointer;text-underline-offset:3px;white-space:nowrap;background:0 0;border:0;padding:0;text-decoration:underline;position:relative}.final-result:hover{color:#fff}.shell .final-card :focus-visible{outline-color:#fff}@media (width<=1080px){.shell{grid-template-columns:224px minmax(0,1fr)}.main-head,.filters-row,.main-body{padding-left:28px;padding-right:28px}}@media (width<=820px){.shell{height:auto;min-height:100%;display:block}.side{flex-direction:row;align-items:center;padding:12px 16px;overflow:visible}.side-brand{padding:0}.side-nav,.side-level{display:none}.side-foot{margin:0 0 0 auto;padding:0}.main{margin:0 8px 8px;overflow:visible}.main-head{flex-direction:column;align-items:stretch;padding:24px 20px 0}.filters-row{padding:0 20px}.filters{gap:18px;overflow-x:auto}.path-progress{display:none}.main-body{padding:20px 20px 32px}}@media (prefers-reduced-motion:reduce){.shell .card{transition:none}}.demo{max-width:1360px;margin:0 auto;padding:40px 32px 64px}.demo-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;display:flex}.demo-head h1{letter-spacing:-.02em;margin:0 0 6px;font-size:28px}.demo-head p{color:var(--ink-2);max-width:60ch;margin:0}.demo-live{background:var(--panel);border:1px solid var(--line);border-radius:10px;flex-wrap:wrap;align-items:center;gap:14px;padding:10px 14px;font-size:13.5px;display:flex}.demo-live-dot{background:var(--ok);width:8px;height:8px;box-shadow:0 0 0 3px color-mix(in srgb, var(--ok) 20%, transparent);border-radius:50%}.demo-live-text{color:var(--ink-2)}.demo-live-text b{color:var(--ink);font-weight:600}.demo-layout{grid-template-columns:236px minmax(0,420px) minmax(0,1fr);align-items:start;gap:32px;display:grid}.demo-clients{flex-direction:column;gap:6px;display:flex;position:sticky;top:24px}.demo-clients-head{margin-bottom:2px;font-size:13.5px;font-weight:600}.demo-clients-head.sub{color:var(--ink-3);margin-top:14px;font-size:12px;font-weight:500}.demo-client{text-align:left;background:var(--panel);border:1px solid var(--line);width:100%;color:var(--ink);cursor:pointer;border-radius:10px;flex-direction:column;align-items:flex-start;gap:8px;padding:10px 12px;display:flex}.demo-client:hover{border-color:var(--ink-3)}.demo-client.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.demo-client-logo{align-items:center;max-width:100%;height:24px;display:flex}.demo-client-logo img{object-fit:contain;max-width:180px;max-height:24px}.demo-client-logo b{font-size:14px}.demo-client-meta{color:var(--ink-2);align-items:center;gap:6px;width:100%;font-size:12px;display:flex}.demo-client-meta .agent-mark{border-radius:4px;width:16px;height:16px}.demo-client-new{color:var(--ink-2);border-style:dashed;flex-direction:row;justify-content:center;margin-top:8px;font-size:13px;font-weight:500}.demo-unsaved{background:#c98a1b;border-radius:50%;width:7px;height:7px;margin-left:auto}.demo-pill{background:var(--bg);border:1px solid var(--line);color:var(--ink-2);white-space:nowrap;border-radius:999px;padding:1px 8px;font-size:11.5px;font-weight:500}.demo-pill.live{background:color-mix(in srgb, var(--ok) 12%, white);color:var(--ok);border-color:#0000}.demo-client-meta .demo-pill.live{margin-left:auto}.demo-pill.unsaved{color:#8a5a00;background:#f9f1e4;border-color:#0000}.demo-form-head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.demo-form-head h2{letter-spacing:-.01em;margin:0 4px 0 0;font-size:20px}.demo-agents{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.demo-agent-choice{border:1px solid var(--line);background:var(--panel);color:var(--ink);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:8px 10px;font-size:13px;font-weight:500;display:flex}.demo-agent-choice:hover{border-color:var(--ink-3)}.demo-agent-choice.on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.demo-agent-choice .agent-mark{border-radius:5px;width:20px;height:20px}.demo-hint.err,.demo-link.danger{color:var(--err)}.demo-delete{margin-left:auto}.demo-signin{border:1px solid var(--line);border-radius:12px;margin-top:16px;position:relative;overflow:hidden}.demo-signin img{object-fit:cover;width:100%;height:180px;display:block}.demo-signin span{color:#fff;background:#0000008c;border-radius:6px;padding:2px 8px;font-size:12px;position:absolute;bottom:10px;left:10px}.demo-form{flex-direction:column;gap:22px;display:flex}.demo-field{flex-direction:column;gap:7px;min-width:0;display:flex}.demo-label{font-size:13.5px;font-weight:600}.demo-hint{color:var(--ink-3);font-size:12.5px}.demo-input{border:1px solid var(--line);background:var(--panel);border-radius:8px;width:100%;padding:9px 11px;font-size:14px}.demo-input:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:#0000}.demo-input[aria-invalid=true]{border-color:var(--err)}.demo-agent{color:var(--ink);align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.demo-drop{background:var(--panel);border:1.5px dashed var(--line);cursor:pointer;text-align:center;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:10px;height:120px;padding:14px 16px;transition:border-color .15s,background .15s;display:flex;position:relative}.demo-drop:hover{border-color:var(--ink-3)}.demo-fieldset{border:0;min-width:0;margin:0;padding:0;display:contents}.demo-drop.demo-photo{height:200px}.demo-drop.demo-photo img{object-fit:cover;border-radius:6px;width:100%}.demo-drop.over{border-color:var(--accent);background:var(--accent-soft)}.demo-drop:focus-within{outline:2px solid var(--accent);outline-offset:2px}.demo-drop img{object-fit:contain;flex:1;max-width:100%;min-height:0}.demo-drop-text{color:var(--ink-3);font-size:12.5px}.demo-drop.over .demo-drop-text{color:var(--accent);font-weight:600}.demo-drop input{opacity:0;width:1px;height:1px;position:absolute}.demo-remove{align-self:flex-start}.demo-link{color:var(--accent);cursor:pointer;background:0 0;border:0;padding:0;font-size:13px;font-weight:600;text-decoration:none}.demo-link:hover{text-decoration:underline}.demo-colors{grid-template-columns:1fr 1fr;gap:16px;display:grid}.demo-color{gap:8px;display:flex}.demo-color input[type=color]{border:1px solid var(--line);background:var(--panel);cursor:pointer;border-radius:8px;flex:none;width:46px;height:38px;padding:3px}.demo-color input[type=color]::-webkit-color-swatch-wrapper{padding:0}.demo-color input[type=color]::-webkit-color-swatch{border:0;border-radius:5px}.demo-color input[type=color]::-moz-color-swatch{border:0;border-radius:5px}.demo-swatches{flex-wrap:wrap;gap:6px;display:flex}.demo-swatch{border:0;border-radius:6px;width:22px;height:22px;padding:0;box-shadow:inset 0 0 0 1px #16181d1f}.demo-swatch:hover{transform:scale(1.1)}.demo-swatch.on{box-shadow:0 0 0 2px var(--panel), 0 0 0 4px var(--ink)}.demo-color .demo-input{font-family:var(--mono);font-size:13px}.demo-contrast{margin:-8px 0 0;font-size:13px}.demo-contrast.ok{color:var(--ok)}.demo-contrast.low{color:var(--err)}.demo-actions{flex-wrap:wrap;align-items:center;gap:10px;padding-top:6px;display:flex}.demo-open{margin-left:auto}.demo-status{margin:0;font-size:13.5px}.demo-status.ok{color:var(--ok)}.demo-status.err{color:var(--err)}.demo-preview{--accent-soft:color-mix(in srgb, var(--accent) 9%, white);--coach-soft:color-mix(in srgb, var(--accent) 6%, white);position:sticky;top:24px}.demo-preview-label{margin-bottom:7px;font-size:13.5px;font-weight:600}.demo-screen{background:var(--bg);border:1px solid var(--line);border-radius:12px;grid-template-columns:200px minmax(0,1fr);min-height:380px;display:grid;overflow:hidden}.demo-side{padding:16px 10px}.demo-side .side-brand{padding:4px 8px 18px}.demo-side .brand-logo{max-width:100%;height:28px}.demo-side-item{color:var(--ink-2);border-radius:7px;padding:6px 8px;font-size:12.5px}.demo-side-item.active{background:var(--panel);color:var(--ink);box-shadow:0 0 0 1px var(--line);font-weight:500}.demo-main{background:var(--panel);border-radius:10px;flex-direction:column;gap:16px;margin:8px 8px 8px 0;padding:20px;display:flex}.demo-main-head{justify-content:space-between;align-items:center;gap:12px;font-size:17px;display:flex}.demo-card{border:1px solid var(--accent);border-radius:10px;flex-direction:column;gap:8px;padding:14px 16px;font-size:14px;display:flex}.demo-card-top{color:var(--ink-3);justify-content:space-between;font-size:12px;display:flex}.demo-tag{background:var(--accent-soft);color:var(--accent);border-radius:5px;padding:1px 7px;font-weight:500}.demo-card-link{color:var(--accent);align-self:flex-end;font-size:12.5px;font-weight:600}.demo-coach{background:var(--coach-soft);color:var(--ink-2);border-radius:10px;align-items:flex-start;gap:10px;padding:12px 14px;font-size:13px;display:flex}.demo-coach-mark{background:var(--accent);border-radius:50%;flex:none;width:18px;height:18px}@media (width<=1180px){.demo-layout{grid-template-columns:220px minmax(0,1fr)}.demo-preview{grid-column:2;position:static}}@media (width<=760px){.demo{padding:32px 16px 48px}.demo-layout{grid-template-columns:minmax(0,1fr)}.demo-clients,.demo-preview{grid-column:auto;position:static}}@media (width<=520px){.demo-screen{grid-template-columns:minmax(0,1fr)}.demo-side{display:none}.demo-main{margin:8px}.demo-colors{grid-template-columns:1fr}}.track-picker{position:relative}.track-current{color:inherit;text-align:left;background:0 0;border:0;align-items:center;gap:8px;padding:0;display:inline-flex}.track-current:disabled{cursor:default}.track-current:not(:disabled):hover h1{color:var(--accent)}.track-caret{color:var(--c-ink-2,var(--ink-2));margin-bottom:4px;font-size:15px}.track-menu{z-index:20;background:var(--panel);min-width:280px;box-shadow:0 0 0 1px var(--line), 0 12px 32px #16181d24;border-radius:10px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);left:0}.track-menu button{text-align:left;width:100%;color:var(--ink);background:0 0;border:0;border-radius:7px;flex-direction:column;align-items:flex-start;gap:1px;padding:8px 10px;display:flex}.track-menu button:hover{background:var(--panel-2)}.track-menu button.on{background:var(--accent-soft)}.track-menu button span{color:var(--ink-3);font-size:12.5px}button.side-item{text-align:left;width:100%;font:inherit;background:0 0;border:0}button.side-item.active{background:var(--c-surface)}.playground{background:var(--panel-2);flex-direction:column;height:100%;min-height:0;display:flex}.playground .preview-bar{background:var(--panel)}.pg-title{font-size:13.5px;font-weight:600}.pg-anatomy{border-bottom:1px solid var(--line);background:var(--panel);flex:none;gap:6px;padding:10px 12px;font-size:12.5px;display:grid}.pg-anatomy.muted{color:var(--ink-3)}.pg-part{text-align:left;min-width:0;color:inherit;background:0 0;border:0;align-items:center;gap:10px;padding:0;display:flex}button.pg-part:not(:disabled):hover .pg-part-v{color:var(--accent)}.pg-part-k{width:96px;color:var(--ink-3);flex:none}.pg-part-v{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--ink-2);overflow:hidden}.pg-chips{flex-wrap:wrap;gap:5px;min-width:0;display:flex}.pg-chip{background:var(--accent-soft);color:var(--ink);box-shadow:0 0 0 1px var(--accent-line);border:0;border-radius:6px;padding:2px 8px;font-size:12px}.pg-chip:hover{background:var(--accent-tint)}.pg-chip.warn{color:#8a5a00;background:#fdf3e2;box-shadow:0 0 0 1px #f0d7a8}.pg-none{color:var(--ink-3)}.pg-feed{flex-direction:column;flex:1;gap:10px;min-height:0;padding:14px;display:flex}.pg-agent .md{background:var(--panel)}.pg-who{color:var(--accent);margin:0 0 3px 2px;font-size:11.5px;font-weight:600}.pg-tool{background:var(--panel);box-shadow:0 0 0 1px var(--line);border-radius:8px;font-size:12.5px}.pg-tool summary{cursor:pointer;align-items:center;gap:8px;padding:6px 10px;list-style:none;display:flex}.pg-tool summary::-webkit-details-marker{display:none}.pg-tool-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--ink-2);flex:1;overflow:hidden}.pg-tool-label b{color:var(--ink);font-weight:600}.pg-tool-in{color:var(--ink-3)}.pg-tool .state{color:var(--ink-3);font-size:11px}.pg-tool.ok .state{color:var(--ok)}.pg-tool.err .state{color:var(--err)}.pg-tool-out{padding:0 10px 10px}.pg-tool-out .k{text-transform:uppercase;letter-spacing:.04em;color:var(--ink-3);margin-bottom:4px;font-size:11px}.pg-tool-out pre{background:var(--panel-2);color:var(--ink-2);font-family:var(--sans);white-space:pre-wrap;word-break:break-word;border-radius:6px;max-height:220px;margin:0;padding:8px 10px;font-size:12.5px;overflow:auto}.pg-composer{border-top:1px solid var(--line);background:var(--panel);flex:none;padding:10px 12px 12px}.pg-composer textarea{resize:none;background:0 0;border:0;outline:0;width:100%;padding:9px 12px 2px}.pg-error{color:var(--err);margin-bottom:6px;font-size:12.5px}.doc-front{background:var(--accent-soft);max-width:780px;box-shadow:0 0 0 1px var(--accent-line);border-radius:12px;gap:2px;margin:0 auto 20px;padding:14px 18px;font-size:13.5px;display:grid}.doc-front b{margin-bottom:6px;font-size:14px}.doc-front-label{color:var(--ink-3);font-size:12px}.doc-front p{color:var(--ink);margin:0;line-height:1.55}.changes{background:var(--panel);box-shadow:0 0 0 1px var(--accent-line);border-radius:10px;font-size:13px;overflow:hidden}.changes header{background:var(--accent-wash);border-bottom:1px solid var(--accent-line);flex-direction:column;gap:1px;padding:9px 12px;display:flex}.changes header b{font-size:13px}.changes header span{color:var(--ink-3);font-size:12px}.changes ul{margin:0;padding:4px 0;list-style:none}.change{padding:6px 12px}.change+.change{border-top:1px solid var(--line-2)}.change-head{text-align:left;width:100%;color:var(--ink);background:0 0;border:0;align-items:center;gap:8px;padding:0;display:flex}.change-head:not(:disabled):hover .change-title{color:var(--accent);text-decoration:underline}.change-head:disabled{cursor:default}.change-ic{text-align:center;width:18px}.change-title{font-weight:600}.change-badge{text-transform:uppercase;letter-spacing:.04em;color:var(--ok);background:#e5f4ec;border-radius:5px;padding:1px 6px;font-size:10.5px;font-weight:600}.change-badge.updated{background:var(--accent-soft);color:var(--accent)}.change-badge.deleted{color:var(--err);background:#fbeceb}.change-path{font-family:var(--mono);color:var(--ink-3);white-space:nowrap;text-overflow:ellipsis;min-width:0;margin-left:auto;font-size:11px;overflow:hidden}.change-note{color:var(--ink-2);margin:4px 0 0 26px;font-size:12.5px}.change-tool{gap:6px;margin:6px 0 2px 26px;display:grid}.change-label{color:var(--ink-3);margin:0;font-size:12px}.change-tool blockquote{border-left:2px solid var(--accent-line);color:var(--ink);margin:0;padding:2px 0 2px 10px;font-size:13px;line-height:1.5}.change-inputs{color:var(--ink-3);flex-wrap:wrap;align-items:center;gap:6px;margin:0;font-size:12px;display:flex}.change-inputs code{background:var(--panel-2);box-shadow:0 0 0 1px var(--line);color:var(--ink-2);border-radius:5px;padding:1px 7px;font-size:11.5px}.change-lines{box-shadow:0 0 0 1px var(--line);border-radius:6px;margin:6px 0 2px 26px;font-size:12.5px;overflow:hidden}.change-lines .line{white-space:pre-wrap;word-break:break-word;gap:8px;padding:3px 8px;display:flex}.change-lines .line span{flex:none;width:10px;font-weight:700}.change-lines .line.added{color:#1d5a37;background:#eaf7ef}.change-lines .line.removed{color:#8a2a20;background:#fcefee;-webkit-text-decoration:line-through #8a2a2059;text-decoration:line-through #8a2a2059}.tab-count{background:var(--accent);color:#fff;border-radius:9px;place-items:center;min-width:17px;height:17px;margin-left:6px;padding:0 5px;font-size:10.5px;font-weight:600;animation:1.2s 3 pulse;display:inline-grid}.tree li.recent{background:var(--accent-wash)}.tree li.action{cursor:default;color:var(--ink-3)}.ftype.action{color:var(--ink-3);background:#eef0f3}.tree .new.updated{background:var(--accent-soft);color:var(--accent)}.pg-sub{color:var(--ink-3);font-size:12px}.milestone-how{color:var(--accent);margin-top:3px;font-size:12px;line-height:1.4;display:block}.milestone-note{color:#7a4a12;background:#fdf3e6;border-radius:6px;margin-top:4px;padding:5px 8px;font-size:12px;line-height:1.45;display:block}.milestone-note b{font-weight:600}*{scrollbar-width:none}::-webkit-scrollbar{display:none}.token-pill{font-variant-numeric:tabular-nums;gap:7px;transition:background .3s,box-shadow .3s;position:relative}.token-pill b{color:var(--ink);font-weight:600}.token-pill .token-left{border-left:1px solid var(--line);color:var(--ink-3);padding-left:7px}.token-pill.spending{box-shadow:0 0 0 1px var(--accent-line);background:var(--accent-wash)}.token-pill.spending svg{color:var(--accent);animation:.6s token-wobble}.token-pill.low{color:#8a5a12;background:#fdf5e6;box-shadow:0 0 0 1px #f0dcb1}.token-pill.low b,.token-pill.low svg,.token-pill.low .token-left{color:#8a5a12}.token-pill.critical{color:var(--err);background:#fbeceb;box-shadow:0 0 0 1px #f1cfcb}.token-pill.critical b,.token-pill.critical svg,.token-pill.critical .token-left{color:var(--err)}.token-spend{pointer-events:none;z-index:5;background:var(--bg);color:var(--accent);white-space:nowrap;border-radius:5px;padding:0 5px;font-size:11.5px;font-weight:700;line-height:16px;animation:1.8s ease-out forwards token-rise;position:absolute;bottom:100%;left:30px}.token-pill.low .token-spend{color:#8a5a12}.token-pill.critical .token-spend{color:var(--err)}@keyframes token-rise{0%{opacity:0;transform:translateY(14px)scale(.85)}18%{opacity:1;transform:translateY(2px)scale(1.08)}75%{opacity:1;transform:translateY(-2px)scale(1)}to{opacity:0;transform:translateY(-8px)}}@keyframes token-wobble{30%{transform:translateY(-2px)rotate(-8deg)}60%{transform:translateY(0)rotate(5deg)}}@media (prefers-reduced-motion:reduce){.token-spend{opacity:0;animation:none}.token-pill.spending svg{animation:none}}.token-cost{color:var(--ink-3);font-variant-numeric:tabular-nums;align-items:center;gap:4px;font-size:11.5px;display:inline-flex}.token-cost svg{width:12px;height:12px}.token-cost.working{color:var(--accent)}.token-cost.working svg{animation:.9s infinite token-wobble}.request-cost{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:4px 6px;display:flex}.request-steps{font:inherit;color:var(--ink-3);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:0;font-size:11.5px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.request-steps:before{content:"·";margin-right:6px;text-decoration:none;display:inline-block}.request-steps:hover,.request-steps[aria-expanded=true]{color:var(--ink-2)}.steps-card{background:var(--panel);border:1px solid var(--line);max-width:340px;color:var(--ink-2);--steps-fixed:color-mix(in srgb, var(--accent) 22%, white);--steps-grown:var(--accent);border-radius:8px;flex-basis:100%;margin:4px 0 2px auto;padding:10px 12px 9px;font-size:11.5px;line-height:1.4}.steps-list{gap:9px;margin:0;padding:0;list-style:none;display:grid}.steps-list li{grid-template-columns:1fr auto;align-items:start;gap:4px 10px;display:grid}.steps-did{color:var(--ink);flex-direction:column;gap:1px;display:flex}.steps-did em{color:var(--ink-3);font-size:10.5px;font-style:normal}.steps-list li:has(em) .steps-did{border-left:2px solid var(--line);padding-left:7px}.steps-list li.answer .steps-did,.steps-list li.stopped .steps-did{color:var(--ink-2)}.steps-n{color:var(--ink-2);font-variant-numeric:tabular-nums}.steps-bar{background:var(--steps-grown);border-radius:3px;grid-column:1/-1;height:5px;display:flex;overflow:hidden}.steps-bar .fixed{background:var(--steps-fixed);height:100%;display:block}.steps-list li.pending .steps-did{color:var(--ink-3)}.steps-why{border-top:1px solid var(--line-2);color:var(--ink-3);margin:10px 0 0;padding-top:8px}.steps-why i{vertical-align:-.5px;border-radius:2px;width:8px;height:8px;margin-right:2px;display:inline-block}.steps-why i.fixed{background:var(--steps-fixed)}.steps-why i.grown{background:var(--steps-grown)}.step-cost{color:var(--ink-3);font-variant-numeric:tabular-nums;white-space:nowrap;flex:none;align-items:center;gap:3px;font-size:11px;display:inline-flex}.step-cost svg{width:11px;height:11px}.msg-assistant>.step-cost{margin:4px 0 0 4px}.turn-error .step-cost{margin-left:8px}.step-cost.fresh{animation:.5s ease-out step-cost-in}@keyframes step-cost-in{0%{opacity:0;transform:translateY(2px)}}@media (prefers-reduced-motion:reduce){.step-cost.fresh{animation:none}}.chat-reset{color:var(--ink-3);align-items:center;gap:10px;margin:6px 0;font-size:12px;display:flex}.chat-reset:before,.chat-reset:after{content:"";border-top:1px dashed var(--line);flex:1}.new-chat-btn{border:1px solid var(--line);background:var(--panel);color:var(--ink-2);border-radius:7px;padding:3px 9px;font-size:12px;font-weight:500}.new-chat-btn:hover:not(:disabled){background:var(--panel-2);color:var(--ink)}.new-chat-btn:disabled{opacity:.5;cursor:default}.budget-brief h4{align-items:center;gap:6px;display:flex}.budget-brief p{color:var(--ink-2);margin:0 0 8px;font-size:13px}.budget-card{border-radius:12px;padding:12px 14px;font-size:13px}.budget-card b{margin-bottom:2px;font-size:14px;display:block}.budget-card p{color:var(--ink-2);margin:0 0 10px}.budget-card.low{background:#fdf5e6;box-shadow:0 0 0 1px #f0dcb1}.budget-card.out{background:#fbeceb;box-shadow:0 0 0 1px #f1cfcb}.budget-card.out b{color:var(--err)}.budget-card-actions{flex-wrap:wrap;gap:8px;display:flex}.budget-warn{color:#8a5a12;align-items:center;gap:6px;margin:0 0 8px;font-size:12.5px;display:flex}.budget-warn.critical{color:var(--err)}.budget-modal-k{color:var(--ink-2);margin:0 0 6px;font-size:13px;font-weight:600}.budget-costs{gap:6px;margin:0 0 16px;padding-left:20px;font-size:13px;display:grid}.budget-costs li{padding-left:2px;display:list-item}.budget-costs-text{color:var(--ink-2)}.budget-costs b{float:right;font-variant-numeric:tabular-nums;padding-left:12px}.card-budget{color:var(--accent);background:var(--accent-soft);border-radius:999px;align-items:center;gap:4px;padding:2px 7px;font-size:11px;font-weight:600;display:inline-flex}.card-budget svg{width:11px;height:11px}.attempt-tokens{align-items:center;gap:4px;display:inline-flex}.card-top .card-budget{font-variant-numeric:tabular-nums;flex:0 auto;min-width:0;position:relative;overflow:hidden}.card-top .card-budget svg{flex:none}.card-top .card-budget>span:not(.sr-only){text-overflow:ellipsis;overflow:hidden}.best-tag{background:var(--accent-soft);color:var(--accent);vertical-align:1px;border-radius:999px;margin-left:6px;padding:0 6px;font-size:10.5px;font-weight:600;line-height:1.6;display:inline-block}.cel-tokens{text-align:left;background:var(--accent-wash);border:1px solid var(--accent-line);color:var(--ink-2);border-radius:12px;margin-bottom:16px;padding:12px 14px;font-size:13px}.cel-tokens-main{color:var(--ink);font-variant-numeric:tabular-nums;align-items:center;gap:6px;font-size:14px;display:flex}.cel-tokens-main svg{color:var(--accent);flex:none}.cel-tokens-main .best-tag{margin-left:auto}.cel-tokens-sub,.cel-tokens-xp{font-variant-numeric:tabular-nums;margin-top:4px}.cel-tokens-xp b{color:var(--accent)}.token-money{color:var(--ink-3);margin:6px 0 0;font-size:11.5px}.best-so-far{color:var(--ink-2);margin:0;font-size:13px}.project-tokens-note{color:var(--ink-2);font-variant-numeric:tabular-nums;margin:8px 0 0;font-size:12.5px}.exit-stats span.best{border-color:var(--accent-line);background:var(--accent-wash)}.project-section:empty{display:none}:root{--rep-yours:#d99a2b;--rep-yours-ink:#8a5a12;--rep-yours-soft:#fdf3e1;--rep-claude:#b9bec7;--rep-hatch:repeating-linear-gradient(135deg, var(--rep-claude) 0 4px, color-mix(in srgb, var(--rep-claude) 50%, white) 4px 8px);--rep-ins:color-mix(in srgb, var(--accent) 20%, white);--rep-before:color-mix(in srgb, var(--accent) 45%, white);--rep-during:color-mix(in srgb, var(--accent) 75%, white);--rep-written:var(--ink)}.spend-summary{border-top:1px solid var(--accent-line);margin-top:10px;padding-top:10px}.project-section .spend-summary{border:0;margin:0;padding:0}.spend-summary-text{color:var(--ink);margin:0 0 8px;font-size:13px;line-height:1.5}.spend-summary-tip{color:var(--ink-2);margin:0 0 10px;font-size:13px;line-height:1.5}.spend-summary-tip b{color:var(--rep-yours-ink)}.spend-summary .btn{font-size:13px}.spend-summary .btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.spend-wait{color:var(--ink-3);align-items:center;gap:8px;display:flex}.modal.spend-modal{text-align:left;width:min(780px,100% - 32px)}.spend-modal .modal-body{padding:28px 32px 22px}.spend-modal h2{color:var(--ink-3);font-variant-numeric:tabular-nums;margin-bottom:4px;font-size:15px;font-weight:500}.rep-lead{letter-spacing:-.01em;color:var(--ink);max-width:36ch;margin:0 0 22px;font-size:21px;font-weight:600;line-height:1.3}.rep-coin{background:var(--accent);border-radius:6px;flex:none;width:30px;height:22px;display:block}.rep-coin.yours{background:var(--rep-yours)}.rep-coin.claude{background:var(--rep-hatch)}.rep-coin.pop{transform-origin:bottom;animation:.28s ease-out both rep-pop;animation-delay:calc(var(--i) * 55ms + .1s)}@keyframes rep-pop{0%{opacity:0;transform:scale(.4)}}@media (prefers-reduced-motion:reduce){.rep-coin.pop{animation:none}}.rep-coins{gap:3px;display:flex}.rep-timeline{flex-wrap:wrap;align-items:flex-start;gap:14px 18px;margin:0;padding:0;list-style:none;display:flex}.rep-tl-group{flex-direction:column;align-items:flex-start;gap:7px;min-width:0;display:flex}.rep-bubble{background:var(--ink);color:#f2f3f5;white-space:pre-wrap;overflow-wrap:anywhere;border-radius:14px 14px 14px 4px;justify-self:start;max-width:100%;margin:0;padding:9px 14px;font-size:14px;line-height:1.45}.rep-bubble.tiny{white-space:nowrap;border-radius:9px 9px 9px 3px;padding:3px 9px;font-size:12px}.rep-bubble.small{text-decoration:line-through;-webkit-text-decoration-color:color-mix(in srgb, var(--rep-yours) 85%, white);text-decoration-color:color-mix(in srgb, var(--rep-yours) 85%, white);opacity:.85;padding:4px 10px;font-size:13px;text-decoration-thickness:2px;display:inline-block}.rep-legend{color:var(--ink-3);flex-wrap:wrap;gap:6px 18px;margin:16px 0 0;padding:0;font-size:12.5px;list-style:none;display:flex}.rep-legend li{align-items:center;gap:6px;display:flex}.rep-legend i{background:var(--accent);border-radius:3px;flex:none;width:11px;height:11px}.rep-legend .yours i{background:var(--rep-yours)}.rep-legend .claude i{background:var(--rep-hatch)}.rep-applied{color:var(--ok);margin:10px 0 0;font-size:13px}.rep-tips{gap:8px;margin:24px 0 0;padding:0;list-style:none;display:grid}.rep-tips li{background:var(--rep-yours-soft);border-radius:10px;grid-template-columns:minmax(0,max-content) minmax(0,1fr) auto;align-items:center;gap:16px;padding:14px 16px;display:grid}.rep-tip-quotes{flex-direction:column;align-items:flex-start;gap:4px;min-width:0;max-width:220px;display:flex}.rep-tip-body{flex-direction:column;gap:2px;min-width:0;display:flex}.rep-tip-body b{color:var(--ink);font-size:15px}.rep-tip-body span{color:var(--ink-2);font-size:13px;line-height:1.45}.rep-tip-body em{color:var(--rep-yours-ink);margin-top:2px;font-size:12px;font-style:normal}.rep-save{font-variant-numeric:tabular-nums;white-space:nowrap;flex-direction:column;align-items:flex-end;display:flex}.rep-save b{color:var(--rep-yours-ink);font-size:15px}.rep-save span{color:var(--rep-yours-ink);opacity:.8;font-size:12px}.rep-why{margin-top:24px}.rep-why p{color:var(--ink-2);margin:0;font-size:13.5px;line-height:1.5}.rep-why p b{color:var(--ink);font-variant-numeric:tabular-nums}.rep-why .rep-coin{vertical-align:-1px;border-radius:3px;width:18px;height:13px;margin-right:6px;display:inline-block}.rep-why-bar{gap:2px;max-width:520px;height:8px;margin-top:8px;display:flex}.rep-why-bar i{border-radius:3px}.m-ins{background:var(--rep-ins)}.m-rest{background:var(--accent)}.m-before{background:var(--rep-before)}.m-during{background:var(--rep-during)}.m-written{background:var(--rep-written)}.m-agent{background:var(--rep-yours)}.rep-more{font:inherit;color:var(--accent);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;margin-top:22px;padding:0;font-size:13.5px;font-weight:600;display:inline-flex}.rep-more svg{transition:transform .15s}.rep-more[aria-expanded=true] svg{transform:rotate(90deg)}.rep-more:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.rep-details{border-top:1px solid var(--line-2);margin-top:12px;padding-top:12px}.rep-icon-keys{color:var(--ink-3);flex-wrap:wrap;gap:4px 14px;margin:0 0 4px;padding:0;font-size:12.5px;list-style:none;display:flex}.rep-icon-keys li{align-items:center;gap:5px;display:flex}.rep-msgs{margin:0;padding:0;list-style:none}.rep-msg{border-bottom:1px solid var(--line-2);padding:14px 0}.rep-msg:last-child{border-bottom:0}.rep-msg-row{grid-template-columns:auto minmax(0,1fr) minmax(0,1.1fr);align-items:start;gap:12px;display:grid}.rep-n{background:var(--line-2);min-width:26px;height:26px;color:var(--ink-2);border-radius:999px;place-items:center;margin-top:4px;padding:0 6px;font-size:12px;font-weight:600;display:grid}.rep-clamp{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.rep-msg-steps{flex-direction:column;gap:6px;min-width:0;display:flex}.rep-coins.big{flex-wrap:wrap;gap:4px}button.rep-coin{color:#fff;cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:3px;width:auto;min-width:40px;height:34px;padding:0 7px;display:inline-flex}button.rep-coin.yours{color:#4d3205}button.rep-coin.claude{color:var(--ink)}button.rep-coin.on{outline:2px solid var(--ink);outline-offset:2px}button.rep-coin:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.rep-msg-meta{flex-wrap:wrap;align-items:baseline;gap:2px 12px;font-size:13px;display:flex}.rep-msg-meta>b{color:var(--ink);font-variant-numeric:tabular-nums}.rep-goal{color:var(--ok);white-space:nowrap;font-weight:600}.rep-outcome{color:var(--rep-yours-ink);font-weight:600}.rep-outcome.plain{color:var(--ink-3);font-weight:500}.rep-detail{background:var(--panel-2);border-radius:10px;margin:10px 0 0 38px;padding:10px 14px}.rep-detail-head{justify-content:space-between;gap:12px;margin-bottom:7px;font-size:13px;display:flex}.rep-detail-head b{color:var(--ink);font-weight:600}.rep-detail-head span{color:var(--ink-2);font-variant-numeric:tabular-nums;white-space:nowrap}.rep-anatomy-bar{gap:2px;height:9px;display:flex}.rep-anatomy-bar i{border-radius:3px;min-width:3px}.rep-anatomy-keys{color:var(--ink-2);flex-wrap:wrap;gap:4px 16px;margin:7px 0 0;padding:0;font-size:12.5px;list-style:none;display:flex}.rep-anatomy-keys li{align-items:baseline;gap:6px;display:flex}.rep-anatomy-keys i{border-radius:2px;flex:none;width:10px;height:10px;transform:translateY(1px)}.rep-anatomy-keys b{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:600}.rep-detail-extra{color:var(--ink-3);margin:7px 0 0;font-size:12.5px}.rep-divider{color:var(--ink-3);align-items:center;gap:10px;margin-bottom:12px;font-size:12.5px;display:flex}.rep-divider:before,.rep-divider:after{content:"";border-top:1px dashed var(--line);flex:1}.rep-note{color:var(--ink-3);margin:10px 0 0;font-size:12.5px}@media (width<=640px){.modal.spend-modal{border-radius:0;width:100%;max-width:100%;height:100%;max-height:100%}.spend-modal .modal-body{padding:22px 16px 18px}.rep-lead{font-size:18px}.rep-tips li{grid-template-columns:minmax(0,1fr) auto}.rep-tip-quotes{grid-column:1/-1}.rep-msg-row{grid-template-columns:auto minmax(0,1fr)}.rep-msg-steps{grid-column:2}.rep-detail{margin-left:0}}.not-found{text-align:center;place-content:center;justify-items:center;gap:20px;min-height:100vh;padding:24px 16px;display:grid}.not-found .btn{text-decoration:none}.not-found h1{font-family:var(--serif);letter-spacing:-.02em;margin:0;font-size:30px}.not-found p{color:var(--ink-2);margin:0;font-size:15px}.story-scroll{--story-w:1080px;--story-rule:var(--line);background:var(--panel-2);flex:1;min-height:0;padding:0 28px 64px;overflow:auto;container-type:inline-size}.story-top{z-index:3;background:linear-gradient(var(--panel-2) 85%, transparent);position:sticky;top:0}.story-summary{flex-wrap:wrap;justify-content:center;gap:6px;padding:14px 0 10px;display:flex}.story-chip{border:1px solid var(--line);height:28px;color:var(--ink-2);font-variant-numeric:tabular-nums;background:#fff;border-radius:6px;align-items:center;gap:6px;padding:0 10px;font-size:12.5px;display:inline-flex}.story-chip:hover{border-color:var(--accent-line);color:var(--ink)}.story-chip.story-chip-milestone{border-color:color-mix(in srgb, var(--ok) 35%, white);color:var(--ok);font-weight:500}.story-chip:focus-visible,.story-file:focus-visible,.story-link:focus-visible,.story-more:focus-visible,.milestone-pick:focus-visible,.story-toolcall summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.story-heads{max-width:var(--story-w);color:var(--ink);grid-template-columns:1fr 56px 1fr;margin:0 auto;padding:2px 0 14px;font-size:13px;font-weight:600;display:grid}.story-heads span:first-child{text-align:right}.story{max-width:var(--story-w);flex-direction:column;gap:28px;margin:0 auto;padding:0;list-style:none;display:flex;position:relative}.story:before{content:"";background:var(--story-rule);width:2px;margin-left:-1px;position:absolute;top:0;bottom:0;left:50%}.story-row{grid-template-columns:1fr 56px 1fr;align-items:start;display:grid;position:relative}.story-row.exchange:not(.lead){margin-top:-16px}.story-you{justify-content:flex-end;min-width:0;display:flex}.story-agent{flex-direction:column;align-items:flex-start;gap:10px;min-width:0;display:flex}.story-node{z-index:1;background:var(--panel-2);width:12px;height:12px;box-shadow:inset 0 0 0 2px var(--ink-3);border-radius:50%;justify-self:center;place-items:center;margin-top:30px;display:grid;position:relative}.story-node.prompt{background:var(--accent);width:26px;height:26px;box-shadow:0 0 0 4px var(--panel-2);color:#fff;font-variant-numeric:tabular-nums;margin-top:24px;font-size:12px;font-weight:600}.story-node.start{box-shadow:inset 0 0 0 2px var(--ink-3), 0 0 0 4px var(--panel-2);margin-top:22px}.story-said{flex-direction:column;align-items:flex-end;gap:6px;width:100%;max-width:440px;display:flex}.story-to{color:var(--ink-3);font-size:12px}.story-bubble{overflow-wrap:anywhere;margin:0}.story-bubble.mine{background:var(--accent);color:#fff;white-space:pre-wrap;border-radius:16px 16px 4px;padding:11px 15px;font-size:15px;font-weight:500;line-height:1.45;position:relative}.story-bubble.customer{border:1px solid var(--line);color:var(--ink);white-space:pre-wrap;background:#fff;border-radius:16px 16px 4px;padding:9px 14px;font-size:14px;line-height:1.45}.story-claude{border-left:2px solid var(--line);align-self:stretch;margin-top:4px;padding:2px 0 2px 12px}.story-who{color:var(--ink-3);margin-bottom:2px;font-size:12px;display:block}.story-reply{color:var(--ink-2);font-size:13px;line-height:1.55}.story-reply>:first-child,.story-bubble.agent>:first-child{margin-top:0}.story-reply>:last-child,.story-bubble.agent>:last-child{margin-bottom:0}.story-reply.clamped{max-height:6.2em;overflow:hidden;-webkit-mask-image:linear-gradient(#000 50%,#0000);mask-image:linear-gradient(#000 50%,#0000)}.story-more{color:var(--accent);background:0 0;border:0;padding:2px 0 0;font-size:12.5px;font-weight:500}.story-more:hover{text-decoration:underline}.story-meta{color:var(--ink-3);font-variant-numeric:tabular-nums;margin:0;font-size:12px}.story-nochange{color:var(--ink-3);margin:28px 0 0;font-size:13px}.story-sheet{width:100%;max-width:460px;margin-top:12px;position:relative}.story-tab{border:1px solid var(--line);background:#fff;border-bottom:0;border-radius:6px 6px 0 0;align-items:center;gap:8px;max-width:100%;margin-bottom:-1px;padding:6px 12px 5px;font-size:13px;display:inline-flex;position:relative}.story-tab b,.story-link{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.story-link{text-align:left;background:0 0;border:0;padding:0}.story-link:hover{color:var(--accent);text-decoration:underline}.story-tab-ic{flex:none}.story-badge{color:var(--ok);background:#e5f4ec;border-radius:4px;flex:none;padding:1px 7px;font-size:11.5px;font-weight:600}.story-badge.updated{background:var(--accent-soft);color:var(--accent)}.story-badge.deleted{color:var(--err);background:#fbeceb}.story-sheet-body{border:1px solid var(--line);background:#fff;border-radius:0 4px 4px;padding:12px 14px;font-size:13px;line-height:1.5}.story-sheet.start .story-tab{color:var(--ink-2);font-weight:500}.story-sheet.deleted{opacity:.7}.story-sheet.big .story-tab,.story-sheet.big .story-sheet-body{border-color:var(--accent);border-width:2px}.story-sheet.big .story-tab{padding:8px 14px 6px;font-size:15px}.story-sheet.big .story-sheet-body{padding:14px 16px 16px}.story-change-note{color:var(--ink-2);margin:0}.story-tool-desc{gap:8px;display:grid}.story-tool-when{color:var(--ink-3);margin:0;font-size:12px}.story-tool-desc blockquote{color:var(--ink);margin:0;font-size:14px;line-height:1.55}.story-asks{color:var(--ink-3);flex-wrap:wrap;align-items:center;gap:6px;margin:2px 0 0;font-size:12.5px;display:flex}.story-asks span{background:var(--accent-soft);color:var(--ink);border-radius:4px;padding:1px 8px;font-size:12.5px}.story-lines{margin:-2px -4px 0;font-size:13px;line-height:1.5}.story-lines .line{white-space:pre-wrap;word-break:break-word;border-radius:3px;gap:8px;padding:3px 6px;display:flex}.story-lines .line+.line{margin-top:2px}.story-lines .line span{flex:none;width:10px;font-weight:700}.story-lines .line.added{color:#1d5a37;background:#eaf7ef}.story-lines .line.removed{color:#8a2a20;background:#fcefee;-webkit-text-decoration:line-through #8a2a2059;text-decoration:line-through #8a2a2059}.story-sheet .story-more{margin-top:6px}.story-folder{flex-wrap:wrap;gap:6px;max-width:460px;display:flex}.story-file{border:1px solid var(--line);height:24px;color:var(--ink-3);background:0 0;border-radius:6px;align-items:center;gap:5px;padding:0 8px;font-size:12px;display:inline-flex}button.story-file:hover{color:var(--ink);border-color:var(--ink-3)}.story-file.lit{border-color:var(--accent);color:var(--ink);background:#fff;font-weight:600}.story-sheet.start .story-file{background:var(--panel-2);color:var(--ink-2)}.story-answer{flex-direction:column;align-items:flex-start;gap:6px;width:100%;max-width:460px;margin-top:18px;display:flex}.story-row.exchange.lead .story-answer{margin-top:24px}.story-bubble.agent{background:var(--line-2);color:var(--ink);border-radius:16px 16px 16px 4px;padding:9px 14px;font-size:13.5px;line-height:1.5}.story-toolcall{border:1px dashed var(--ink-3);background:#fff;border-radius:6px;width:100%;font-size:12.5px}.story-toolcall summary{cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:6px 10px;list-style:none;display:flex}.story-toolcall summary::-webkit-details-marker{display:none}.story-toolcall-what{min-width:0;color:var(--ink-2);flex-wrap:wrap;flex:1;align-items:baseline;gap:4px 10px;display:flex}.story-toolcall-what b{color:var(--ink);font-weight:600}.story-arg{color:var(--ink-3)}.story-arg b{color:var(--ink-2);font-weight:500}.story-toolcall-state{color:var(--accent);flex:none;font-size:12px}.story-toolcall[open] .story-toolcall-state{color:var(--ink-3)}.story-toolcall.err{border-color:var(--err)}.story-toolcall.err .story-toolcall-state{color:var(--err)}.story-out{gap:6px;padding:0 10px 10px;display:grid}.story-out dl{background:var(--panel-2);border-radius:4px;gap:2px;margin:0;padding:8px 10px;display:grid}.story-out dl div{grid-template-columns:minmax(80px,34%) 1fr;gap:10px;display:grid}.story-out dt{color:var(--ink-3)}.story-out dd{color:var(--ink);overflow-wrap:anywhere;margin:0}.story-out-more{color:var(--ink-3);margin:-4px 10px 10px;font-size:12px}.story-out p,.story-out-empty{color:var(--ink-2);margin:0 10px 10px}.story-out-text{background:var(--panel-2);max-height:220px;font-family:var(--sans);white-space:pre-wrap;word-break:break-word;border-radius:4px;margin:0 10px 10px;padding:8px 10px;font-size:12.5px;overflow:auto}.story-row.wide{justify-content:center;align-items:center;display:flex}.story-row.milestone:before{content:"";background:linear-gradient(90deg, transparent, var(--ok) 25%, var(--ok) 75%, transparent);opacity:.45;height:2px;margin-top:-1px;position:absolute;top:50%;left:8%;right:8%}.story-milestone{z-index:1;background:var(--ok);color:#fff;box-shadow:0 0 0 5px var(--panel-2);border-radius:999px;align-items:center;gap:8px;padding:5px 14px 5px 5px;font-size:13.5px;font-weight:600;display:inline-flex;position:relative}.story-check{width:22px;height:22px;color:var(--ok);background:#fff;border-radius:50%;place-items:center;font-size:12px;font-weight:700;display:grid}.story-reset{z-index:1;background:var(--panel-2);color:var(--ink-3);border-radius:4px;padding:2px 10px;font-size:12px;position:relative}.story-reset:before{content:"↺ "}@media (prefers-reduced-motion:no-preference){.story-row.story-lit .story-milestone{animation:1.4s story-flash}}@media (prefers-reduced-motion:reduce){.story-row.story-lit .story-milestone{outline:3px solid color-mix(in srgb, var(--ok) 40%, transparent);outline-offset:3px}}@keyframes story-flash{25%{box-shadow:0 0 0 5px var(--panel-2), 0 0 0 10px color-mix(in srgb, var(--ok) 30%, transparent);transform:scale(1.08)}}.milestone-pick{color:inherit;font:inherit;text-align:left;background:0 0;border:0;padding:0}.milestone-pick:hover{color:var(--accent);text-decoration:underline}@container (width<=700px){.story-heads{display:none}.story:before{left:13px}.story-row{grid-template-columns:26px 1fr;column-gap:12px}.story-node{grid-area:1/1;margin-top:4px}.story-node.prompt{margin-top:0}.story-you{grid-area:1/2;justify-content:flex-start}.story-said{align-items:flex-start;max-width:none}.story-agent{grid-area:2/2}.story-answer,.story-row.exchange.lead .story-answer,.story-nochange{margin-top:8px}.story-row.start .story-you{display:none}.story-row.start .story-agent{grid-row:1}.story-row.start .story-sheet{margin-top:0}.story-row.wide{justify-content:flex-start}.story-row.milestone:before{left:0;right:0}.story-sheet,.story-folder,.story-answer{max-width:none}}.avatar{object-fit:cover;border-radius:50%;display:block}.avatar-none{background:var(--accent-soft);color:var(--accent);letter-spacing:.02em;-webkit-user-select:none;user-select:none;place-items:center;font-weight:600;display:grid}.side-profile{min-width:0;color:inherit;border-radius:8px;flex:1;align-items:center;gap:10px;margin:-4px 0 -4px -6px;padding:4px 6px;text-decoration:none;display:flex}.side-profile:hover{background:#16181d0f}.side-profile.active{background:var(--c-surface);box-shadow:0 0 0 1px var(--c-line)}.lb-line{gap:6px;display:flex}.lb-line>.lb-row{flex:1;min-width:0}.lb-profile{border:1px solid var(--line);width:34px;color:var(--ink-3);background:#fff;border-radius:8px;flex:none;place-items:center;display:grid}.lb-profile:hover{background:var(--panel-2);color:var(--ink)}.lb-profile:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.profile{--c-surface:var(--panel);--c-ink:var(--ink);--c-ink-3:var(--ink-3);--c-line:var(--line);--c-line-2:var(--line-2);--c-accent:var(--accent);grid-template-columns:264px minmax(0,1fr);align-items:start;gap:48px;max-width:1240px;margin:0 auto;padding:32px 40px 56px;display:grid;position:relative}.profile :focus-visible{outline:2px solid var(--accent);outline-offset:2px}.profile h1,.profile h2,.profile h3{margin:0}.profile-side{flex-direction:column;gap:20px;display:flex;position:sticky;top:32px}.ring{aspect-ratio:1;width:100%;max-width:264px;position:relative}.ring-track{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.ring-bg,.ring-fill{fill:none;stroke-width:2.5px}.ring-bg{stroke:var(--line)}.ring-fill{stroke:var(--accent);stroke-linecap:round}@media (prefers-reduced-motion:no-preference){.ring-fill{animation:.9s cubic-bezier(.22,1,.36,1) both ring-in}@keyframes ring-in{0%{stroke-dasharray:0 400}}}.ring-photo{border-radius:50%;position:absolute;inset:9px}.ring.top .ring-fill{stroke:url(#ring-gold);stroke-width:3.5px}.ring.top .ring-level{color:#3d2b00;background:linear-gradient(135deg,#f3d27a,#d4a72c 55%,#b8891a)}.profile-photo{width:100%;height:100%;font-size:64px}.ring-level{background:var(--accent);color:#fff;white-space:nowrap;box-shadow:0 0 0 4px var(--panel);border-radius:999px;padding:4px 14px;font-size:13px;font-weight:600;line-height:18px;position:absolute;bottom:-2px;left:50%;transform:translate(-50%)}.photo-drop{cursor:pointer;border-radius:50%;width:100%;height:100%;display:block;position:relative}.photo-drop input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.photo-drop-hint{color:#fff;opacity:0;pointer-events:none;background:#16181d8c;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:13.5px;font-weight:500;transition:opacity .15s;display:flex;position:absolute;inset:0}.photo-drop:hover .photo-drop-hint,.photo-drop:focus-within .photo-drop-hint,.photo-drop.over .photo-drop-hint,.photo-drop.busy .photo-drop-hint{opacity:1}.photo-drop.over .photo-drop-hint{background:color-mix(in srgb, var(--accent) 70%, transparent)}.photo-drop:focus-within{outline:2px solid var(--accent);outline-offset:3px}.photo-error{color:var(--err);margin:-8px 0 0;font-size:12.5px;line-height:1.4}.profile-id{padding-top:8px}.profile-name{letter-spacing:-.015em;color:var(--ink);font-size:26px;font-weight:600;line-height:32px}.profile-handle{color:var(--ink-3);margin:2px 0 0;font-size:17px;font-weight:300;line-height:24px}.profile-stats{grid-template-columns:repeat(3,auto);justify-content:start;gap:4px 24px;margin:0;display:grid}.profile-stats div{flex-direction:column-reverse;gap:2px;display:flex}.profile-stats dt{color:var(--ink-3);font-size:12px}.profile-stats dd{color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:5px;margin:0;font-size:15px;font-weight:600;display:flex}.profile-stats dd svg{color:var(--accent)}.profile-stats dd>a,.profile-stats dd>span{color:inherit;align-items:center;gap:5px;text-decoration:none;display:inline-flex}.profile-stats dd>a:hover{color:var(--accent)}.profile-stats dd>a:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.profile-levels{border-top:1px solid var(--line);flex-direction:column;gap:16px;padding-top:20px;display:flex}.profile-level-head{color:var(--ink-2);justify-content:space-between;align-items:baseline;gap:8px;font-size:13px;display:flex}.profile-level-head b{color:var(--ink);font-size:13px;font-weight:600}.profile-level-bar{background:var(--line-2);border-radius:3px;height:6px;margin:8px 0 6px;overflow:hidden;box-shadow:inset 0 0 0 1px #16181d0a}.profile-level-bar i{background:var(--accent);border-radius:3px;height:100%;display:block}.profile-level small{color:var(--ink-3);font-variant-numeric:tabular-nums;justify-content:space-between;gap:8px;font-size:12px;display:flex}.profile-since{border-top:1px solid var(--line);color:var(--ink-3);margin:0;padding-top:16px;font-size:13px;line-height:20px}.profile-main{flex-direction:column;gap:24px;min-width:0;display:flex}.profile-banner{margin:32px 40px}.profile-section-head{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:16px;display:flex}.profile-section-head h2{color:var(--ink);font-size:17px;font-weight:600;line-height:24px}.profile-section-head>span{color:var(--ink-3);font-variant-numeric:tabular-nums;font-size:13px}.profile-empty{color:var(--ink-3);margin:0;font-size:14px;line-height:1.5}.profile-card{background:var(--panel);box-shadow:0 0 0 1px var(--line);border-radius:12px;padding:20px 24px 24px}.contrib-how{color:var(--ink-3);background:0 0;border:0;padding:0;font-size:13px}.contrib-how:hover{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.contrib-scroll{margin:-32px -4px 0;padding:32px 4px 4px;overflow-x:auto}.contrib-graph{--gap:3px;grid-template-rows:18px auto;grid-template-columns:28px minmax(0,1fr);column-gap:8px;min-width:600px;display:grid}.contrib-months{color:var(--ink-3);grid-column:2;font-size:12px;line-height:12px;position:relative}.contrib-months span{position:absolute;top:0}.contrib-days{row-gap:var(--gap);color:var(--ink-3);grid-area:2/1;grid-template-rows:repeat(7,1fr);font-size:11px;display:grid}.contrib-days span{align-items:center;line-height:1;display:flex}.contrib-cells{gap:var(--gap);grid-area:2/2;grid-template-rows:repeat(7,auto);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid}.contrib-cell{aspect-ratio:1;background:var(--line-2);border:0;border-radius:2px;width:100%;padding:0;display:block;position:relative;box-shadow:inset 0 0 0 1px #16181d0d}.contrib-cell.l1{background:color-mix(in srgb, var(--accent) 25%, white);box-shadow:none}.contrib-cell.l2{background:color-mix(in srgb, var(--accent) 50%, white);box-shadow:none}.contrib-cell.l3{background:color-mix(in srgb, var(--accent) 75%, white);box-shadow:none}.contrib-cell.l4{background:var(--accent);box-shadow:none}button.contrib-cell{cursor:pointer}.profile button.contrib-cell:hover,.profile button.contrib-cell:focus-visible{outline:1.5px solid var(--ink-2);outline-offset:1px;z-index:1}.profile button.contrib-cell.on{outline:2px solid var(--ink);outline-offset:1px;z-index:1}button.contrib-cell:hover:after,button.contrib-cell:focus-visible:after{content:attr(data-tip);z-index:2;background:var(--ink);color:#fff;white-space:nowrap;pointer-events:none;border-radius:6px;padding:6px 10px;font-size:12px;line-height:16px;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}button.contrib-cell.tip-start:after{left:-4px;transform:none}button.contrib-cell.tip-end:after{left:auto;right:-4px;transform:none}.contrib-legend{color:var(--ink-3);justify-content:flex-end;align-items:center;gap:3px;margin-top:12px;font-size:12px;display:flex}.contrib-legend .contrib-cell{width:11px}.contrib-legend span{margin:0 6px}.activity{padding:0;overflow:hidden}.activity-head{border-bottom:1px solid var(--line);margin:0;padding:20px 24px 16px}.activity-day{border:1px solid var(--accent-line);background:var(--accent-soft);color:var(--accent);border-radius:999px;align-items:center;gap:8px;padding:3px 6px 3px 12px;font-size:12.5px;font-weight:500;display:inline-flex}.activity-day span[aria-hidden]{border-radius:50%;place-items:center;width:18px;height:18px;font-size:14px;line-height:1;display:grid}.activity-day:hover span[aria-hidden]{background:var(--accent-tint)}.activity-empty{padding:20px 24px 24px}.activity-list{margin:0;padding:8px 0;list-style:none;position:relative}.activity-list:before{content:"";background:var(--line-2);width:2px;position:absolute;top:24px;bottom:24px;left:39px}.activity-list>li{grid-template-columns:32px minmax(0,1fr) auto;column-gap:16px;padding:12px 24px;display:grid;position:relative}.activity-dot{background:var(--panel);width:32px;height:32px;box-shadow:0 0 0 1px var(--line);color:var(--ink-3);border-radius:50%;place-items:center;display:grid}.activity-list>li.step .activity-dot{color:var(--accent);box-shadow:0 0 0 1px var(--accent-line);background:var(--accent-wash)}.activity-list>li.done .activity-dot{color:#fff;background:var(--accent);box-shadow:0 0 0 4px var(--panel)}.activity-body{min-width:0;padding-top:6px}.activity-what{color:var(--ink-2);margin:0;font-size:14px;line-height:20px}.activity-what a,.activity-what b{color:var(--ink);font-weight:600;text-decoration:none}.activity-what a:hover{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.activity-detail{color:var(--ink-3);margin:2px 0 0;font-size:13px;line-height:18px}.activity-steps{flex-wrap:wrap;gap:6px;margin:8px 0 0;padding:0;list-style:none;display:flex}.activity-steps li{background:var(--accent-soft);color:var(--ink);border-radius:999px;align-items:center;gap:5px;padding:3px 10px 3px 8px;font-size:12.5px;line-height:16px;display:inline-flex}.activity-steps svg{color:var(--accent)}.activity-side{flex-direction:column;align-items:flex-end;gap:4px;padding-top:7px;display:flex}.activity-side time{color:var(--ink-3);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:12.5px;line-height:18px}.activity-xp{color:var(--accent);font-variant-numeric:tabular-nums;font-size:12.5px;font-weight:600;line-height:16px}.activity-more{border:0;border-top:1px solid var(--line);width:100%;color:var(--accent);background:0 0;padding:14px;font-size:13.5px;font-weight:500;display:block}.activity-more:hover{background:var(--panel-2)}.badge-group+.badge-group{border-top:1px solid var(--line-2);margin-top:20px;padding-top:20px}.badge-group h3{color:var(--ink-2);justify-content:space-between;margin-bottom:12px;font-size:13px;font-weight:500;display:flex}.badge-group h3 span{color:var(--ink-3);font-variant-numeric:tabular-nums;font-weight:400}.profile .badges-row{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));row-gap:16px}@media (width<=960px){.profile{grid-template-columns:minmax(0,1fr);gap:32px;padding:24px 24px 48px}.profile-side{grid-template-columns:160px minmax(0,1fr);align-items:center;gap:16px 24px;display:grid;position:static}.profile-side>.ring{grid-row:span 2}.profile-side>.profile-levels,.profile-side>.profile-since,.profile-side>.photo-error{grid-column:1/-1}.profile-photo{font-size:44px}.ring-photo{inset:7px}.ring-level{padding:3px 10px;font-size:12px}}@media (width<=640px){.profile-side{grid-template-columns:112px minmax(0,1fr)}.profile-side>.ring{grid-row:auto}.profile-side>.profile-stats{grid-column:1/-1}.profile-name{font-size:22px;line-height:28px}.profile-photo{font-size:34px}.activity-list>li{grid-template-columns:32px minmax(0,1fr);padding:12px 16px}.activity-list:before{left:31px}.activity-side{flex-direction:row;grid-column:2;align-items:center;gap:12px;padding-top:6px}.activity-head,.profile-card{padding:16px}}.rk{--gold:#d4a72c;--silver:#9aa1ab;--bronze:#c07a3e;--up:#23a160;--down:#d6453b;max-width:1000px;margin:0 auto;padding-bottom:48px;position:relative}.rk-head{align-items:flex-end}.rk-body{flex-direction:column;gap:20px;padding:28px 40px 0;display:flex}.rk-stats{gap:28px;margin:0;display:flex}.rk-stats div{flex-direction:column-reverse;gap:2px;display:flex}.rk-stats dt{color:var(--c-ink-3);font-size:12px}.rk-stats dd{letter-spacing:-.01em;font-variant-numeric:tabular-nums;margin:0;font-size:20px;font-weight:600;line-height:1.1}.rk-live dd{color:var(--ok);align-items:center;gap:7px;display:inline-flex}.rk-live i{width:8px;height:8px;box-shadow:0 0 0 3px color-mix(in srgb, var(--ok) 18%, white);background:currentColor;border-radius:50%}.rk-podium{border-bottom:2px solid var(--c-ink);grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;width:min(100%,540px);margin:0 auto;padding:0;list-style:none;display:grid}.rk-place{flex-direction:column;align-items:center;min-width:0;display:flex}.rk-who{max-width:100%;color:inherit;border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:0 6px 12px;text-decoration:none;display:flex}a.rk-who:hover .rk-pname{color:var(--c-accent)}a.rk-who:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px}.rk-photo{border-radius:50%;width:60px;height:60px;margin-bottom:8px;display:block;position:relative}.rk-place.p1 .rk-photo{width:76px;height:76px}.rk-photo .avatar{width:100%;height:100%;box-shadow:0 0 0 3px var(--c-surface), 0 0 0 4px var(--c-line);font-size:20px}.rk-place.p1 .rk-photo .avatar{box-shadow:0 0 0 3px var(--c-surface), 0 0 0 5px var(--gold);font-size:24px}.rk-place.open .rk-photo{border:1.5px dashed var(--c-line);background:var(--c-line-2)}.rk-medal{border:2px solid var(--c-surface);color:#fff;border-radius:50%;place-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:grid;position:absolute;bottom:-4px;right:-4px}.rk-place.p1 .rk-medal{background:var(--gold);width:28px;height:28px;font-size:13px}.rk-place.p2 .rk-medal{background:var(--silver)}.rk-place.p3 .rk-medal{background:var(--bronze)}.rk-pname{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:14.5px;font-weight:600;overflow:hidden}.rk-place.p1 .rk-pname{font-size:16px}.rk-pxp{color:var(--c-ink-3);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:4px;font-size:12.5px;display:inline-flex}.rk-pxp b{color:var(--c-ink);font-weight:600}.rk-zap{color:var(--c-accent);flex:none}.rk-place.open .rk-pname{color:var(--c-ink-3);font-weight:500}.rk-step{letter-spacing:-.03em;font-variant-numeric:tabular-nums;transform-origin:bottom;align-self:stretch;place-items:start center;padding-top:12px;font-size:28px;font-weight:700;display:grid}.rk-place.p1 .rk-step{background:var(--c-accent);color:#fff;border-radius:10px 10px 0 0;height:132px;font-size:40px}.rk-place.p2 .rk-step{background:var(--accent-tint);height:92px;color:var(--c-accent);border-radius:10px 0 0}.rk-place.p3 .rk-step{background:var(--c-accent-soft);height:64px;color:color-mix(in srgb, var(--c-accent) 70%, white);border-radius:0 10px 0 0}.rk-place.open .rk-step{background:var(--c-line-2);color:var(--c-ink-3)}.rk-you-card{background:var(--accent-wash);box-shadow:0 0 0 1px var(--accent-line);border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"rank text xp""rank bar xp";align-items:center;gap:8px 16px;padding:14px 18px;display:grid}.rk-you-card:not(:has(.rk-you-bar)){grid-template-areas:"rank text xp"}.rk-you-card:has(.rk-you-go){grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-areas:"rank text xp go""rank bar xp go"}.rk-you-card:has(.rk-you-go):not(:has(.rk-you-bar)){grid-template-areas:"rank text xp go"}.rk-you-go{background:var(--c-surface);box-shadow:0 0 0 1px var(--accent-line);color:var(--c-accent);font:inherit;white-space:nowrap;cursor:pointer;border:0;border-radius:8px;grid-area:go;padding:7px 12px;font-size:13px;font-weight:500;text-decoration:none}.rk-you-go:hover{background:var(--accent-soft)}.rk-you-go:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px}.rk-you-rank{background:var(--c-surface);min-width:52px;height:52px;box-shadow:0 0 0 1px var(--accent-line);color:var(--c-accent);font-variant-numeric:tabular-nums;border-radius:12px;grid-area:rank;place-items:center;padding:0 8px;font-size:17px;font-weight:700;display:grid}.rk-you-rank.p1{color:#8a6a10;box-shadow:0 0 0 2px var(--gold)}.rk-you-rank.p2{color:#5d636c;box-shadow:0 0 0 2px var(--silver)}.rk-you-rank.p3{color:#8a5222;box-shadow:0 0 0 2px var(--bronze)}.rk-you-text{font-variant-numeric:tabular-nums;flex-direction:column;grid-area:text;gap:1px;min-width:0;display:flex}.rk-you-text>b{font-size:14.5px;font-weight:600}.rk-you-text>span{color:var(--c-ink-2);font-size:13px}.rk-you-text>span b{color:var(--c-accent);font-weight:600}.rk-you-bar{background:var(--accent-tint);border-radius:3px;grid-area:bar;height:5px;overflow:hidden}.rk-you-bar i{background:var(--c-accent);border-radius:3px;height:100%;transition:width .8s cubic-bezier(.22,1,.36,1);display:block}.rk-you-xp{color:var(--c-ink-3);font-variant-numeric:tabular-nums;grid-area:xp;align-items:center;gap:4px;font-size:13px;display:inline-flex}.rk-you-xp b{color:var(--c-ink);font-size:16px;font-weight:600}.rk-list{scroll-margin-top:8px}.rk-toolbar{z-index:3;background:var(--c-surface);justify-content:space-between;align-items:center;gap:16px;padding:12px 0;display:flex;position:sticky;top:0}.rk-toolbar h2{letter-spacing:-.01em;margin:0;font-size:16px;font-weight:600}.rk-search{width:min(100%,300px);position:relative}.rk-search label{background:var(--c-surface);height:36px;box-shadow:0 0 0 1px var(--c-line);color:var(--c-ink-3);border-radius:9px;align-items:center;gap:8px;padding:0 12px;display:flex}.rk-search label:focus-within{box-shadow:0 0 0 1px var(--c-accent), 0 0 0 4px var(--accent-soft);color:var(--c-accent)}.rk-search input{min-width:0;color:var(--c-ink);font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:14px}.rk-search input:focus,.rk-search input:focus-visible{box-shadow:none;outline:none}.rk-search input::-webkit-search-cancel-button{cursor:pointer}.rk-found{z-index:4;background:var(--c-surface);width:max(100%,340px);max-width:calc(100vw - 40px);box-shadow:0 0 0 1px var(--c-line), 0 12px 32px #16181d1f;border-radius:10px;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 6px);right:0}.rk-found button{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;grid-template-columns:52px 28px minmax(0,1fr) auto;align-items:center;gap:10px;padding:7px 10px;display:grid}.rk-found button.on{background:var(--accent-soft)}.rk-found-rank{color:var(--c-ink-2);font-variant-numeric:tabular-nums;font-size:12.5px;font-weight:600}.rk-found-avatar{width:28px;height:28px;font-size:11px}.rk-found-name{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;min-width:0;font-size:14px;font-weight:500;display:flex;overflow:hidden}.rk-found-name em{background:var(--c-accent);color:#fff;border-radius:4px;flex:none;padding:0 5px;font-size:10.5px;font-style:normal;font-weight:600;line-height:16px}.rk-found-xp{color:var(--c-ink-3);font-variant-numeric:tabular-nums;font-size:12.5px}.rk-found-none{color:var(--c-ink-3);padding:10px 12px;font-size:13px}.rk-table{border:1px solid var(--c-line);background:var(--c-surface);border-radius:12px;position:relative}.rk-row a,.rk-pinned button{grid-template-columns:64px 36px minmax(0,1fr) 96px;align-items:center;column-gap:14px;display:grid}.rk-table ol{overflow-anchor:none;margin:0;padding:4px 6px;list-style:none}.rk-row{content-visibility:auto;contain-intrinsic-size:auto 61px}.rk-row+.rk-row{border-top:1px solid var(--c-line-2)}.rk-row a{color:inherit;border-radius:8px;padding:10px 14px;text-decoration:none;transition:background-color .2s}.rk-row a:hover{background:var(--c-panel-2,var(--panel-2))}.rk-row a:focus-visible{outline:2px solid var(--c-accent);outline-offset:-2px}.rk-row.you a{background:var(--accent-wash);box-shadow:inset 0 0 0 1px var(--accent-line)}.rk-row.you+.rk-row,.rk-row+.rk-row.you{border-top-color:#0000}.rk-row.found a{box-shadow:inset 0 0 0 2px var(--c-accent)}.rk-rank{flex-direction:column;align-items:center;gap:2px;display:flex}.rk-num{min-width:26px;height:26px;color:var(--c-ink-2);font-variant-numeric:tabular-nums;border-radius:13px;place-items:center;padding:0 2px;font-size:14px;font-weight:600;display:grid}.rk-num.p1,.rk-num.p2,.rk-num.p3{color:#fff}.rk-num.p1{background:var(--gold)}.rk-num.p2{background:var(--silver)}.rk-num.p3{background:var(--bronze)}.rk-move{font-variant-numeric:tabular-nums;align-items:center;gap:2px;font-size:11px;font-weight:600;line-height:1;display:inline-flex}.rk-move.up{color:var(--up)}.rk-move.down{color:var(--down)}.rk-avatar{width:36px;height:36px;font-size:13px}.rk-learner{flex-direction:column;min-width:0;display:flex}.rk-learner b{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:8px;min-width:0;font-size:14px;font-weight:600;display:flex;overflow:hidden}.rk-learner em{background:var(--c-accent);color:#fff;border-radius:4px;flex:none;padding:0 6px;font-size:11px;font-style:normal;font-weight:600;line-height:17px}.rk-learner small{color:var(--c-ink-3);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.rk-row a:hover .rk-learner b{color:var(--c-accent)}.rk-xp{border-radius:7px;justify-self:end;align-items:center;gap:5px;padding:3px 8px;display:inline-flex}.rk-xp b{font-variant-numeric:tabular-nums;font-size:15px;font-weight:700}.rk-above,.rk-more{color:var(--c-ink-3);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;gap:12px;padding:14px;font-size:13px;display:flex;position:relative}.rk-above{border-bottom:1px dashed var(--c-line)}.rk-more{border-top:1px dashed var(--c-line)}.rk-more.error{color:var(--err);border-top:0}.rk-above button{background:var(--accent-soft);color:var(--c-accent);font:inherit;cursor:pointer;border:0;border-radius:7px;padding:4px 10px;font-size:12.5px;font-weight:500}.rk-sentinel{pointer-events:none;position:absolute;inset:0}.rk-foot{border-top:1px solid var(--c-line);background:var(--c-line-2);text-align:center;color:var(--c-ink-3);font-variant-numeric:tabular-nums;border-radius:0 0 12px 12px;padding:11px;font-size:12px}.rk-pinned{z-index:2;padding:0 6px 6px;position:sticky;bottom:12px}.rk-pinned button{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:color-mix(in srgb, var(--accent-wash) 92%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 0 0 1px var(--accent-line), 0 10px 28px #16181d24;border:0;border-radius:10px;padding:10px 14px}.rk-pinned .rk-learner small{color:var(--c-accent)}.rk-pinned button:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px}.rk-empty{text-align:center;color:var(--c-ink-2);padding:28px 0 8px}.rk-empty p{margin:0 0 6px}.rk-empty b{color:var(--c-ink)}.rk-empty .primary{margin-top:10px;text-decoration:none;display:inline-block}.rk-loading{background:linear-gradient(90deg, var(--c-line-2), var(--c-surface), var(--c-line-2));background-size:200% 100%;border-radius:12px;height:340px}.side-rank{background:var(--c-accent-soft);color:var(--c-accent);border-radius:5px;padding:0 6px;font-weight:600;line-height:18px}@media (prefers-reduced-motion:no-preference){.rk-step{animation:.6s cubic-bezier(.22,1,.36,1) both rk-rise}.rk-place.p1 .rk-step{animation-delay:.12s}.rk-place.p3 .rk-step{animation-delay:.24s}.rk-place.rank-up .rk-who{animation:.7s ease-out both rk-from-below}.rk-place.rank-down .rk-who{animation:.7s ease-out both rk-from-above}.rk-row.newcomer a{animation:1.2s ease-out rk-flash-new}.rk-row.slide-up a{animation:.9s ease-out rk-slide-up}.rk-row.slide-down a{animation:.9s ease-out rk-slide-down}.rk-xp.gained{animation:1.2s ease-out rk-flash-xp}.rk-row.found a{animation:2.4s ease-out rk-found}.rk-pinned{animation:.25s ease-out rk-pin}.rk-loading{animation:1.4s linear infinite rk-loading}}@keyframes rk-rise{0%{opacity:0;transform:scaleY(.2)}}@keyframes rk-from-below{0%{opacity:.4;transform:translateY(16px)}}@keyframes rk-from-above{0%{opacity:.4;transform:translateY(-16px)}}@keyframes rk-flash-new{0%{background-color:var(--accent-tint)}}@keyframes rk-slide-up{0%{background-color:#23a16024;transform:translateY(12px)}}@keyframes rk-slide-down{0%{background-color:#d6453b1f;transform:translateY(-12px)}}@keyframes rk-flash-xp{0%{background:var(--accent-tint)}}@keyframes rk-loading{to{background-position:-200% 0}}@keyframes rk-found{0%,30%{background-color:var(--accent-tint)}}@keyframes rk-pin{0%{opacity:0;transform:translateY(12px)}}@media (width<=1100px){.rk-body{padding-left:28px;padding-right:28px}.rk-row a,.rk-pinned button{grid-template-columns:56px 36px minmax(0,1fr) 84px;column-gap:12px}}@media (width<=720px){.rk-body{padding:20px 20px 0}.rk-stats{justify-content:flex-start;gap:20px}.rk-place.p1 .rk-step{height:108px}.rk-place.p2 .rk-step{height:76px}.rk-place.p3 .rk-step{height:54px}.rk-photo{width:48px;height:48px}.rk-place.p1 .rk-photo{width:60px;height:60px}:is(.rk-you-card,.rk-you-card:has(.rk-you-go),.rk-you-card:has(.rk-you-go):not(:has(.rk-you-bar))){grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"rank text text""bar bar bar""xp xp go"}.rk-toolbar{flex-wrap:wrap}.rk-search{width:100%}.rk-row a,.rk-pinned button{grid-template-columns:48px 32px minmax(0,1fr) 72px;column-gap:10px;padding-left:8px;padding-right:8px}.rk-avatar{width:32px;height:32px}}