:root{color-scheme:light;--surface: #f4f7fb;--surface-dim: #e3ebf4;--card: #ffffff;--cap: #f8fafc;--cont-low: #f4f8fc;--cont: #eaf2fb;--cont-high: #e3edf7;--grid-head: #eaf4fc;--ink: #0f1b2e;--sub: #41506a;--line: #cdd9e6;--line2: #6c7d92;--primary: #11243d;--tint: #00a3c4;--info: #006398;--good: #16a34a;--amber: #f59e0b;--bad: #d33a3a;--navy-grad: linear-gradient(135deg, #0f1626 0%, #1a2338 100%);--sky-grad-a: linear-gradient(90deg, #ffffff 0%, #ddebf8 100%);--sky-grad-b: linear-gradient(90deg, #ddebf8 0%, #bfd9ef 100%);--gold: #d4a017;--brand-ink: #0b0f18;--brand-edge: drop-shadow(0 1px 1px rgba(19,27,46,.18));--brand-sheen: #ffd257;--elev: 0 1px 2px rgba(19,27,46,.05), 0 3px 10px rgba(19,27,46,.08);--shadow-card: 0 4px 16px rgba(19,27,46,.13), 0 0 0 1px rgba(19,27,46,.05);--mono: "Cascadia Code", Consolas, "D2Coding", monospace;--w-hi: rgba(255,255,255,.85);--w-mid: rgba(255,255,255,.72);--w-lo: rgba(255,255,255,.6);--w-brd: rgba(255,255,255,.9);--w-solid: #ffffff;--w-line: rgba(148,163,184,.4);--w-line2: rgba(148,163,184,.28);--r-xs: 4px;--r-sm: 6px;--r-md: 8px;--r-lg: 8px;--r-pill: 999px;--sh-1: 0 1px 2px rgba(19,27,46,.05), 0 3px 10px rgba(19,27,46,.08);--sh-2: 0 6px 18px rgba(19,27,46,.12);--sh-3: 0 12px 34px rgba(19,27,46,.2);--sh-float: 0 20px 60px rgba(19,27,46,.4);--blur-1: 10px;--blur-2: 16px;--shell-bg: linear-gradient(178deg, #c3daf3 0%, #d8e8f7 26%, #e9f2fb 50%, #f5f1e8 76%, #fbe9dc 100%);--shell-glow: radial-gradient(ellipse 70% 45% at 78% 4%, rgba(0,163,196,.14), transparent 70%), radial-gradient(ellipse 95% 42% at 42% 104%, rgba(242,168,116,.22), transparent 72%);--rail-bg: linear-gradient(180deg, rgba(255,255,255,.72) 0%, rgba(255,255,255,.5) 100%);--chat-bg: var(--rail-bg)}:root[data-theme=dark]{color-scheme:dark;--surface: #0b1120;--surface-dim: rgba(255,255,255,.1);--card: #131f36;--cap: #16233c;--cont-low: rgba(255,255,255,.035);--cont: rgba(255,255,255,.07);--cont-high: rgba(255,255,255,.11);--grid-head: rgba(255,255,255,.06);--ink: #e9f0fb;--sub: #94a8c6;--line: rgba(255,255,255,.13);--line2: #7d8fa8;--primary: #3b82f6;--tint: #22d3ee;--info: #2f7fd6;--good: #34d399;--amber: #fbbf24;--bad: #f87171;--navy-grad: linear-gradient(135deg, #16243d 0%, #22334f 100%);--sky-grad-a: linear-gradient(90deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.02) 100%);--sky-grad-b: linear-gradient(90deg, rgba(255,255,255,.02) 0%, rgba(255,255,255,.08) 100%);--gold: #e0b445;--brand-ink: #060b12;--brand-edge: drop-shadow(0 1px 0 rgba(255,255,255,.18));--brand-sheen: #fffaea;--elev: 0 1px 2px rgba(0,0,0,.3), 0 3px 10px rgba(0,0,0,.35);--shadow-card: 0 4px 16px rgba(0,0,0,.45), 0 0 0 1px rgba(255,255,255,.06);--w-hi: rgba(255,255,255,.1);--w-mid: rgba(255,255,255,.07);--w-lo: rgba(255,255,255,.05);--w-brd: rgba(255,255,255,.1);--w-solid: #16233c;--w-line: rgba(255,255,255,.15);--w-line2: rgba(255,255,255,.1);--sh-1: 0 1px 2px rgba(0,0,0,.3), 0 3px 10px rgba(0,0,0,.35);--sh-2: 0 6px 18px rgba(0,0,0,.4);--sh-3: 0 12px 34px rgba(0,0,0,.5);--sh-float: 0 20px 60px rgba(0,0,0,.65);--shell-bg: linear-gradient(178deg, #050f1d 0%, #0a2135 20%, #123f5b 44%, #22505f 64%, #3a4a48 82%, #55453c 100%);--shell-glow: radial-gradient(ellipse 70% 45% at 78% 4%, rgba(34,211,238,.13), transparent 70%), radial-gradient(ellipse 95% 38% at 42% 106%, rgba(226,146,86,.16), transparent 72%);--rail-bg: linear-gradient(180deg, rgba(255,255,255,.06) 0%, rgba(255,255,255,.025) 100%);--chat-bg: linear-gradient(180deg, rgba(10,18,34,.9) 0%, rgba(13,23,44,.84) 100%)}:root{--font-body: "Noto Sans KR", sans-serif;--font-brand: "Plus Jakarta Sans", "Noto Sans KR", sans-serif;--info-text: var(--info);--muted-text: var(--sub);--button-ink: var(--card);--panel-bg: var(--w-mid);--elev-card: var(--shadow-card);--btn-solid-shadow: inset 0 1px 0 var(--w-brd), 0 2px 0 var(--w-line), var(--sh-1);--btn-solid-shadow-hover: inset 0 1px 0 var(--w-brd), 0 2px 0 var(--w-line), var(--sh-2);--btn-secondary-shadow: var(--sh-1);--control-focus-ring: inset 0 0 5px var(--tint);--focus-color: var(--info-text);--primaryBright: var(--tint);--primaryDeep: var(--ink);--brand-gradient: linear-gradient(135deg, var(--primaryBright), var(--primary), var(--primaryDeep));--content-width: 1180px;--page-gutter: clamp(20px, 4vw, 48px);--section-gap: 80px;--control-height: 48px;--touch-target: 44px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--motion-fast: .12s;--press-offset: 2px;--focus-width: 2px;--focus-offset: 3px}:root[data-theme=dark]{--info-text: var(--ink);--muted-text: var(--ink);--button-ink: var(--surface);--panel-bg: var(--chat-bg)}*{box-sizing:border-box}html{min-width:0;background:var(--surface);scroll-padding-top:var(--space-6)}body{margin:0;min-width:0;min-height:100vh;font-family:var(--font-body);font-size:16px;line-height:1.65;color:var(--ink);background:var(--shell-glow),var(--shell-bg)}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:4px}button{cursor:pointer}button,input,fieldset{min-width:0}fieldset{padding:0;margin:0;border:0}h1,h2,h3,p{margin:0}ul,ol{padding:0;margin:0;list-style:none}[hidden]{display:none!important}:focus-visible{outline:var(--focus-width) solid var(--focus-color);outline-offset:var(--focus-offset)}.wrap{width:min(100% - var(--page-gutter) * 2,var(--content-width));margin-inline:auto}.site-header{min-height:104px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.brand{display:inline-flex;align-items:center;gap:var(--space-1);font-family:var(--font-brand);font-size:25px;font-weight:800;letter-spacing:-1.1px;text-decoration:none;min-width:0}.brand-dot{align-self:flex-end;margin-bottom:11px;width:6px;height:6px;background:var(--tint);border-radius:0}.header-actions{display:flex;align-items:center;gap:var(--space-3)}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-3);min-height:var(--touch-target);padding:10px 20px;border:0;border-radius:var(--r-sm);font-weight:700;font-size:14px;text-decoration:none;transition:box-shadow var(--motion-fast),opacity var(--motion-fast),transform var(--motion-fast)}.button-primary{background:var(--primary);color:var(--button-ink);box-shadow:var(--btn-solid-shadow)}.button-quiet{background:var(--w-lo);color:var(--ink);box-shadow:var(--btn-secondary-shadow)}.button:hover:not(:disabled){box-shadow:var(--btn-solid-shadow-hover)}.button:active:not(:disabled){transform:translateY(var(--press-offset));box-shadow:none}.button:disabled{cursor:not-allowed;opacity:.58;box-shadow:none;transform:none;transition:none}.button-large{min-height:52px;padding-inline:var(--space-6);font-size:16px}.button-wide{width:100%;min-height:var(--control-height)}.theme-toggle{padding-inline:var(--space-3)}.theme-toggle>span:first-child{font-size:20px}.home-link{font-size:14px;padding-block:12px}.glass{background:var(--panel-bg);box-shadow:var(--elev-card);border:0;border-radius:var(--r-md)}.eyebrow{font-family:var(--font-brand);font-weight:700;letter-spacing:1.6px;font-size:12px;color:var(--info-text)}.caption,.muted,.field-hint{color:var(--muted-text)}.caption{font-size:13px;line-height:1.8}.muted{font-size:15px}.page-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.25;letter-spacing:-1.5px;font-size:clamp(28px,3.7vw,50px);font-weight:800}.hero{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:var(--space-12);padding-block:60px var(--section-gap)}.hero>*,.section-heading>*,.form-grid>*,.signup-layout>*{min-width:0}.hero-content>.eyebrow{margin-bottom:var(--space-6);display:flex;align-items:center;gap:var(--space-2)}.status-dot{width:6px;height:6px;border-radius:var(--r-pill);background:var(--tint);flex-shrink:0}.hero-statement{margin-top:var(--space-3);font-size:clamp(28px,3.1vw,42px);font-weight:500;line-height:1.4;letter-spacing:-1.3px}.identity{margin-top:var(--space-6);font-size:15px;font-weight:700;max-width:35em;word-break:keep-all;overflow-wrap:anywhere}.hero-description{margin-top:var(--space-3);color:var(--muted-text);font-size:15px}.hero-action{margin-top:var(--space-8);display:flex;align-items:flex-start;flex-direction:column;gap:var(--space-3)}.agent-preview{padding:var(--space-8)}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-6)}.badge{padding:3px 8px;border-radius:var(--r-xs);background:var(--cont);font-size:12px;color:var(--sub);white-space:nowrap}.agent-preview h2{font-size:23px;letter-spacing:-.7px;margin-bottom:var(--space-2)}.prompt-list{display:grid;gap:var(--space-3);margin-block:var(--space-6)}.prompt-list li{display:flex;gap:var(--space-3);align-items:center;background:var(--w-lo);border-radius:var(--r-sm);padding:15px 14px;font-size:15px;font-weight:500}.prompt-number{font-family:var(--font-brand);color:var(--sub);font-size:12px}.prompt-arrow{color:var(--tint);margin-left:auto;font-size:18px}.example-note{padding-top:var(--space-1)}.screens-section{padding-bottom:var(--section-gap)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-6);margin-bottom:var(--space-6)}.section-heading h2{margin-top:var(--space-2);font-size:25px;letter-spacing:-.8px}.screen-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5)}.screen-card{min-width:0;padding:var(--space-3)}.screen-placeholder{position:relative;min-height:196px;padding:var(--space-5);background:var(--cont-low);border-radius:var(--r-xs)}.placeholder-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5)}.placeholder-top span{width:25%;height:7px;background:var(--line)}.placeholder-top span:last-child{width:12%;background:var(--tint);opacity:.4}.placeholder-columns{display:flex;gap:var(--space-2);margin-bottom:var(--space-3)}.placeholder-columns i{height:36px;flex:1;background:var(--cont-high);border-radius:var(--r-xs)}.placeholder-lines{display:grid;gap:var(--space-2)}.placeholder-lines i{display:block;height:6px;width:100%;background:var(--line);opacity:.65}.placeholder-lines i:nth-child(2){width:80%}.placeholder-lines i:nth-child(3){width:60%}.progress-lines{gap:var(--space-3)}.progress-lines i{height:12px;background:var(--cont-high)}.progress-lines i:first-child{background:var(--brand-gradient);opacity:.5}.progress-lines i:last-child{width:40%}.placeholder-label{position:absolute;bottom:12px;right:16px;font-size:12px;color:var(--sub)}.screen-caption{padding:var(--space-5) var(--space-2) var(--space-3)}.screen-number{font-family:var(--font-brand);font-size:11px;font-weight:700;letter-spacing:1.1px;color:var(--sub)}.screen-caption h3{font-size:19px;margin-block:var(--space-2) var(--space-1)}.screen-caption p{font-size:14px;color:var(--sub)}.site-footer{padding-block:var(--space-8);display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);box-shadow:0 -1px 0 var(--w-line2);font-size:13px}.footer-brand{font-size:18px}.site-footer p{margin-top:var(--space-2);color:var(--muted-text)}.site-footer>a{color:var(--ink);padding-block:var(--space-3)}.utility-notice{font-size:13px;padding-bottom:var(--space-4)}.signup-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:72px;padding-block:var(--space-10) var(--section-gap);align-items:start}.signup-intro .page-title{font-size:32px;margin-top:var(--space-4)}.signup-statement{margin-block:var(--space-5) var(--space-4);font-size:27px;line-height:1.5;letter-spacing:-.8px}.steps{display:grid;gap:var(--space-6);margin-top:var(--space-10)}.steps li{display:flex;align-items:flex-start;gap:var(--space-4);color:var(--muted-text)}.steps li[aria-current=step]{color:var(--ink)}.step-index{display:flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;border-radius:var(--r-xs);background:var(--w-lo);font-family:var(--font-brand);font-weight:700;font-size:13px}.steps li[aria-current=step] .step-index{background:var(--primary);color:var(--button-ink)}.steps strong{font-size:15px}.steps p{font-size:13px;margin-top:var(--space-1)}.signup-panel{padding:var(--space-8)}.form-heading{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:baseline;justify-content:space-between;margin-bottom:var(--space-6)}.form-heading h2,.verification h2{font-size:20px;letter-spacing:-.4px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5) var(--space-4)}.field-full{grid-column:1 / -1}.field{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.field label{font-size:14px;font-weight:700}.field input{display:block;width:100%;min-height:var(--control-height);border:0;border-radius:var(--r-xs);padding:10px 12px;background:var(--w-hi);color:var(--ink);box-shadow:inset 0 -1px 0 var(--w-line);font-size:16px}.field input::placeholder{color:var(--sub);opacity:1}.field input:focus{box-shadow:var(--control-focus-ring)}.field input[aria-invalid=true]{box-shadow:inset 0 -2px 0 var(--bad)}.field input[readonly],.field input:disabled{background:var(--cont-low);color:var(--sub)}.field-hint,.field-error{font-size:12px;line-height:1.6}.field-error{color:var(--bad);background:var(--card);padding:var(--space-1) var(--space-2);border-radius:var(--r-xs)}.field-error:empty{display:none}.form-action{display:grid;gap:var(--space-4);margin-top:var(--space-6)}.form-status{min-height:26px;font-size:13px;color:var(--muted-text);margin-top:var(--space-4);overflow-wrap:anywhere}.notice{padding:var(--space-4);background:var(--cont);border-radius:var(--r-xs);color:var(--ink);font-size:14px;margin-bottom:var(--space-5);overflow-wrap:anywhere}.error-message{margin-top:var(--space-4);padding:var(--space-4);border-radius:var(--r-xs);background:var(--card);color:var(--bad);box-shadow:inset 3px 0 0 var(--bad);font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere}.verification{margin-top:var(--space-8)}.verification h2{margin-bottom:var(--space-4)}.verification .button{margin-top:var(--space-5)}.empty-state{display:flex;flex-direction:column;align-items:center;gap:var(--space-5);text-align:center;padding:var(--space-12) var(--space-6)}.empty-state-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:var(--r-md);background:var(--cont);color:var(--info-text);font-size:26px}.empty-state h2{font-size:24px;letter-spacing:-.8px}.complete .button{margin-top:var(--space-3)}.completion-notice{font-size:18px;font-weight:700}.privacy-main{padding-block:var(--space-12) var(--section-gap);min-height:65vh}.privacy-main .page-title{font-size:clamp(22px,4vw,32px);max-width:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:10;top:8px;left:8px;padding:10px 16px;background:var(--card);color:var(--ink);box-shadow:var(--sh-2);transform:translateY(-160%)}.skip-link:focus{transform:none}@media(max-width:900px){:root{--section-gap: 56px}.hero{gap:var(--space-6);padding-top:var(--space-8)}.agent-preview{padding:var(--space-6)}.signup-layout{gap:var(--space-8);grid-template-columns:minmax(0,.65fr) minmax(0,1fr)}.signup-panel{padding:var(--space-6)}.form-grid{grid-template-columns:minmax(0,1fr)}.screen-grid{gap:var(--space-3)}}@media(max-width:640px){.site-header{min-height:88px;gap:var(--space-2)}.brand{font-size:21px}.brand-dot{margin-bottom:8px}.header-actions{gap:var(--space-2)}.header-actions .button{padding-inline:var(--space-3);font-size:13px;gap:var(--space-2)}.hero,.signup-layout{grid-template-columns:minmax(0,1fr);gap:var(--space-10)}.hero{padding-top:var(--space-6)}.hero-content>.eyebrow{font-size:10px;letter-spacing:1.3px}.hero .page-title{font-size:40px}.hero-statement{font-size:30px}.agent-preview{padding:var(--space-6) var(--space-5)}.agent-preview h2{font-size:22px}.prompt-list li{padding:14px 10px;font-size:14px;gap:var(--space-2)}.section-heading{align-items:flex-start;flex-direction:column;gap:var(--space-2)}.section-heading h2{font-size:23px}.screen-grid{grid-template-columns:minmax(0,1fr);gap:var(--space-5)}.screen-placeholder{min-height:180px}.site-footer{align-items:flex-start;flex-direction:column;gap:var(--space-2)}.signup-layout{padding-top:var(--space-5);gap:var(--space-8)}.signup-statement{font-size:25px}.signup-statement br{display:none}.steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2);margin-top:var(--space-6)}.steps li{flex-direction:column;gap:var(--space-2)}.steps strong{font-size:13px}.steps p{display:none}.signup-panel{padding:var(--space-6) var(--space-5)}.empty-state{padding-inline:var(--space-3)}}@media(prefers-reduced-motion:reduce){.button{transition:none}}:root{--card-pad:var(--space-6);--card-title-size:22px;--card-title-gap:var(--space-4);--modal-w-sm:560px;--modal-w-lg:920px;--modal-max-h:86vh}.shell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}.rail{position:sticky;top:0;align-self:start;height:100vh;overflow-y:auto;padding:var(--space-8) var(--space-5);background:var(--rail-bg);display:flex;flex-direction:column;gap:var(--space-6)}.rail .brand{font-size:23px}.rail nav{display:grid;gap:var(--space-3)}.rail-bottom{margin-top:auto;display:grid;gap:var(--space-3)}.account-label{display:block;margin-top:var(--space-3);overflow-wrap:anywhere}.account-link{overflow-wrap:anywhere;white-space:normal}.account-panel .form-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}.nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border:0;border-radius:var(--r-sm);color:var(--ink);background:var(--w-lo);text-align:left}.nav-item.selected{background:var(--cont-high);box-shadow:inset 3px 0 0 var(--tint);font-weight:700}.canvas{padding:var(--space-12) var(--page-gutter);min-width:0}.page-heading{margin-bottom:var(--space-8)}.page-heading h1{margin-block:var(--space-3)}.panel{padding:var(--card-pad);margin-bottom:var(--space-6);min-width:0}.panel h2,.modal h2{font-size:var(--card-title-size);margin-bottom:var(--card-title-gap)}.panel .panel-heading,.modal .panel-heading{margin-bottom:var(--card-title-gap)}.panel .panel-heading h2,.modal .panel-heading h2{margin-bottom:0}.panel h3,.modal h3{font-size:16px;margin-block:var(--space-5)}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.tile{padding:var(--card-pad)}.tile strong{font-size:36px;font-family:var(--font-brand);font-variant-numeric:tabular-nums}.tile p{margin-block:var(--space-3);color:var(--muted-text)}.table-scroll{overflow-x:auto;max-width:100%;margin-block:var(--space-5)}table{border-collapse:collapse;width:100%;text-align:left;font-size:14px;font-variant-numeric:tabular-nums}th,td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--line);white-space:nowrap;max-width:380px;overflow-wrap:anywhere}td:last-child{white-space:normal;min-width:120px}th{background:var(--grid-head);color:var(--sub);font-size:12px}tbody tr:hover{background:var(--cont)}.row-link{border:0;background:var(--w-lo);color:var(--ink);min-height:var(--touch-target);text-decoration:underline;padding-inline:var(--space-2);white-space:nowrap}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin-block:var(--space-4)}.filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-4);margin-block:var(--space-4)}.filters .field{flex:1;min-width:min(100%,160px)}select,textarea{font:inherit;width:100%;min-height:var(--control-height);padding:10px 12px;border:0;border-radius:var(--r-xs);background:var(--w-hi);color:var(--ink);box-shadow:inset 0 -1px 0 var(--w-line)}select:focus,textarea:focus{box-shadow:var(--control-focus-ring)}select option{background:var(--card);color:var(--ink)}textarea{resize:vertical}fieldset{border:0;padding:0;margin:0}.button-save{background:var(--good);color:var(--button-ink);box-shadow:var(--btn-solid-shadow)}.button-danger{background:var(--bad);color:var(--button-ink);box-shadow:var(--btn-solid-shadow)}.details{display:grid;gap:var(--space-2);font-size:13px;margin-bottom:var(--space-5)}.details>div{display:grid;grid-template-columns:minmax(100px,1fr) minmax(0,2fr);gap:var(--space-3)}dt{color:var(--sub)}dd{margin:0;overflow-wrap:anywhere}.modal{--modal-w:var(--modal-w-sm);color:var(--ink);padding:var(--card-pad);width:min(var(--modal-w),calc(100vw - var(--space-8)));max-width:none;max-height:var(--modal-max-h);overflow:hidden}.modal[open]{display:flex;flex-direction:column}.modal>.panel-heading{flex:none}.modal-body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:6px;margin:-6px}.modal-body>:first-child{margin-top:0}.modal::backdrop{background:var(--surface-dim);-webkit-backdrop-filter:blur(var(--blur-1));backdrop-filter:blur(var(--blur-1))}.modal-lg{--modal-w:var(--modal-w-lg)}.user-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,130px),1fr));gap:var(--space-3);margin-block:var(--space-4)}.user-summary span,.usage-totals span{display:grid;gap:var(--space-2);padding:var(--space-4);border-radius:var(--r-sm);background:var(--cont);color:var(--sub)}.user-summary strong,.usage-totals strong{color:var(--ink);font-size:16px;overflow-wrap:anywhere}.user-metadata{margin-bottom:var(--space-5)}.user-metadata summary{cursor:pointer;min-height:var(--touch-target)}.user-activity{border-top:1px solid var(--line);margin-top:var(--space-6)}.usage-totals{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr));gap:var(--space-3)}.exercise-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,168px),1fr));grid-auto-rows:1fr;gap:var(--space-3);margin-block:var(--space-5)}.exercise-choice{display:flex;align-items:center;gap:var(--space-3);min-height:80px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--cont);color:var(--ink);text-align:left;padding:var(--space-2);cursor:pointer}.exercise-choice:hover,.exercise-choice:focus-visible{box-shadow:var(--control-focus-ring)}.exercise-choice.selected{border-color:var(--tint);background:var(--cont-high)}.exercise-choice img{width:62px;height:62px;object-fit:contain;flex:none;border-radius:var(--r-xs);background:var(--card)}.exercise-choice span{display:grid;gap:var(--space-2);min-width:0}.exercise-choice strong{line-height:1.2}.exercise-choice small{color:var(--sub)}.record-selection{display:flex;align-items:center;gap:var(--space-5);padding:var(--space-4);border:1px solid var(--line);border-radius:var(--r-sm);background:var(--cont)}.record-selection img{width:96px;height:96px;object-fit:contain;border-radius:var(--r-xs);background:var(--card)}.record-selection h3{margin-block:var(--space-2);font-size:24px}.record-selection p{margin:0}.ranking-leader{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--space-4);padding:var(--space-4);border-radius:var(--r-sm);background:var(--cont-high)}.ranking-leader strong{font-size:24px}.login{max-width:620px}.login .form-grid{grid-template-columns:minmax(0,1fr)}.toast:not(:empty){position:fixed;bottom:var(--space-6);right:var(--space-6);z-index:20;padding:var(--space-4) var(--space-6);border-radius:var(--r-md);background:var(--card);color:var(--ink);box-shadow:var(--sh-float)}progress{accent-color:var(--tint);max-width:100%}:root{--topbar-h:60px}.topbar{display:none}@media(max-width:900px){.shell{grid-template-columns:minmax(0,1fr);align-content:start}.topbar{position:sticky;top:0;z-index:16;display:flex;align-items:center;gap:var(--space-2);height:var(--topbar-h);padding-inline:var(--space-4);background:var(--rail-bg),var(--surface);box-shadow:0 1px 0 var(--w-line2)}.topbar .brand{flex:none;min-height:var(--touch-target);font-size:21px}.topbar-title{flex:1;min-width:0;padding-left:var(--space-2);font-weight:700;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-button{flex:none;min-width:var(--touch-target);padding-inline:var(--space-3);gap:var(--space-2)}.menu-button>span[aria-hidden]{font-size:18px}.rail{display:none;position:fixed;z-index:15;top:var(--topbar-h);left:0;right:0;height:auto;max-height:calc(100vh - var(--topbar-h));max-height:calc(100dvh - var(--topbar-h));overflow-y:auto;padding:var(--space-5) var(--space-4);gap:var(--space-4);background:var(--rail-bg),var(--surface);box-shadow:var(--sh-3)}.menu-open .rail{display:flex}.rail .brand{display:none}.rail nav,.rail-bottom{grid-template-columns:repeat(auto-fill,minmax(min(100%,7rem),1fr));gap:var(--space-2)}.rail nav .nav-item{padding:var(--space-3)}.rail nav .prompt-number,.rail nav .prompt-arrow{display:none}.shell:not(.authed) .rail nav{display:none}.rail-bottom{margin-top:0}.rail-bottom .account-link{grid-column:1 / -1}.menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:14;background:var(--surface-dim)}.canvas{padding-top:var(--space-6)}.authed .page-heading{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}@media(max-width:720px){:root{--card-pad:var(--space-4)}.canvas{padding:var(--space-6) var(--space-4)}.page-title{white-space:normal}}@media(max-width:340px){.topbar{padding-inline:var(--space-3)}.topbar .brand{font-size:18px}.menu-button .menu-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}@media(max-width:900px){.row-link{display:inline-flex;align-items:center}}@media(min-width:721px)and (max-width:900px){.table-scroll th:first-child,.table-scroll td:first-child{position:sticky;left:0;z-index:1;background:var(--card);box-shadow:inset -1px 0 0 var(--line)}.table-scroll th:first-child{background:linear-gradient(var(--grid-head),var(--grid-head)),var(--card)}}@media(max-width:720px){.table-scroll table,.table-scroll tbody,.table-scroll tr,.table-scroll td{display:block}.table-scroll thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.table-scroll tbody{display:grid;gap:var(--space-3)}.table-scroll tr{padding:var(--space-2) var(--space-4);border-radius:var(--r-sm);background:var(--cont-low);box-shadow:inset 0 0 0 1px var(--line)}.table-scroll td{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);align-items:center;gap:var(--space-3);min-width:0;max-width:none;min-height:36px;padding:var(--space-1) 0;border-bottom:1px solid var(--line);white-space:normal;overflow-wrap:anywhere}.table-scroll td:last-child{border-bottom:0}.table-scroll td:before{content:attr(data-label);color:var(--sub);font-size:12px;font-weight:400}.table-scroll td:first-child{font-weight:700}.table-scroll .row-link{display:flex;width:100%;justify-content:flex-start;text-align:left;white-space:normal}.tiles{grid-template-columns:minmax(0,1fr);gap:var(--space-2)}.tile{display:flex;align-items:center;gap:var(--space-3)}.tile p{flex:1;min-width:0;margin:0}.tile strong{font-size:28px;line-height:1.2}}@media(max-width:720px){.filters{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch}.filters .field{min-width:0}.actions .button{flex:1 1 auto}.actions>.caption{flex-basis:100%}.toast:not(:empty){left:var(--space-4);right:var(--space-4);bottom:var(--space-4);text-align:center}}@media(max-width:480px){.record-selection{gap:var(--space-3)}.record-selection img{width:56px;height:56px}.record-selection h3{font-size:20px}.exercise-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,8rem),1fr));gap:var(--space-2)}.exercise-choice{min-height:60px;gap:var(--space-2)}.exercise-choice img{width:40px;height:40px}.exercise-choice strong{font-size:14px;word-break:keep-all;overflow-wrap:anywhere}.exercise-choice small{font-size:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}