:root{--background:#f8f8fb;--surface:#fff;--surface-muted:#f0f1f6;--foreground:#15172b;--muted-foreground:#5b5e73;--border:#e3e4ec;--border-strong:#c9cbd8;--primary:#3c49cc;--primary-hover:#313cb0;--primary-foreground:#fff;--primary-soft:#e8eafb;--ring:#3c49cc;--accent:#f5b43c;--accent-hover:#e9a21f;--accent-foreground:#1c1b19;--highlight:#fde9b8;--danger:#b42318;--success:#067647;--inverse:#141736;--inverse-raised:#1d2147;--inverse-border:#2c3163;--inverse-foreground:#f3f3fa;--inverse-muted:#b3b6d6;--code-string:#9fe3b8;--code-tag:#aab4ff;--code-comment:#8e92b8;--log-call:#aab4ff;--log-ok:#7ee2a8;--log-event:#f5c86a;--log-error:#ff9c94;--mark:#3c49cc;--mark-foreground:#fff;--dot:#d5d7e3;--shadow-soft:0 1px 2px #1417360f, 0 12px 32px -16px #14173633;--shadow-float:0 2px 6px #14173614, 0 24px 48px -20px #14173647, 0 48px 96px -32px #3c49cc38;--font-sans:"Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-display:"Bricolage Grotesque", "Geist", ui-sans-serif, system-ui, sans-serif;--font-mono:"Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--radius-control:10px;--radius-card:16px;--radius-frame:20px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--background:#0f1017;--surface:#171923;--surface-muted:#1f2230;--foreground:#ecedf4;--muted-foreground:#a2a5b8;--border:#2a2d3c;--border-strong:#3d4154;--primary:#8d9bff;--primary-hover:#a5b0ff;--primary-foreground:#0d1030;--primary-soft:#1d2250;--ring:#8d9bff;--highlight:#5e4812;--danger:#f97066;--success:#47cd89;--inverse:#13162f;--inverse-raised:#1b1f45;--inverse-border:#2c3163;--mark:#5563e0;--dot:#262a3a;--shadow-soft:0 1px 2px #0006, 0 12px 32px -16px #000000b3;--shadow-float:0 2px 6px #00000080, 0 24px 48px -20px #000000bf, 0 48px 96px -32px #8d9bff24}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--background);color:var(--foreground);font:16px/1.6 var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.025em;text-wrap:balance;margin:0;font-weight:700}p{text-wrap:pretty;margin:0}a{color:inherit}code{font-family:var(--font-mono);font-size:.875em}:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.skip-link{z-index:10;border-radius:var(--radius-control);background:var(--primary);color:var(--primary-foreground);padding:8px 14px;font-weight:600;text-decoration:none;position:absolute;top:-48px;left:16px}.skip-link:focus{top:12px}.container{width:100%;max-width:1200px;margin-inline:auto;padding-inline:16px}@media (width>=768px){.container{padding-inline:32px}}.eyebrow{letter-spacing:.02em;color:var(--primary);font-size:13px;font-weight:600}.button{border-radius:var(--radius-control);min-height:44px;font:600 15px/1 var(--font-sans);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 20px;text-decoration:none;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.button--sm{border-radius:8px;min-height:32px;padding:0 12px;font-size:13px}.button--ghost{background:var(--surface);border-color:var(--border);color:var(--foreground)}.button--ghost:hover{border-color:var(--border-strong);background:var(--surface-muted)}.button--accent{background:var(--accent);color:var(--accent-foreground)}.button--accent:hover{background:var(--accent-hover)}.button--inverse{background:var(--inverse-raised);border-color:var(--inverse-border);color:var(--inverse-foreground)}.button--inverse:hover{border-color:var(--inverse-muted)}.site-header{z-index:5;border-bottom:1px solid var(--border);background:color-mix(in oklab, var(--background) 86%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(12px);backdrop-filter:saturate(1.4)blur(12px);position:sticky;top:0}.site-header__inner{align-items:center;gap:16px;height:64px;display:flex}.logo{border-radius:8px;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.logo__mark{flex:none;width:30px;height:30px}.logo__tile{fill:var(--mark)}.logo__left{fill:var(--mark-foreground)}.logo__right{fill:var(--accent)}.logo__seam{stroke:var(--mark);stroke-width:1.3px}.logo__word{font:700 21px/1 var(--font-display);letter-spacing:-.03em}.logo__tag{background:var(--primary-soft);color:var(--primary);border-radius:999px;padding:3px 8px;font-size:12px;font-weight:600}.logo--small .logo__mark{width:24px;height:24px}.logo--small .logo__word{font-size:17px}.page-switch{border:1px solid var(--border);background:var(--surface);border-radius:10px;gap:2px;margin-left:auto;padding:3px;display:flex}.page-switch a{color:var(--muted-foreground);border-radius:7px;padding:6px 12px;font-size:14px;font-weight:500;text-decoration:none;transition:color .15s,background-color .15s}.page-switch a:hover{color:var(--foreground)}.page-switch a[aria-current=page]{background:var(--primary-soft);color:var(--primary)}.site-header__cta{min-height:38px;font-size:14px}@media (width<=719px){.site-header__cta,.logo__tag{display:none}}.hero,.sandbox,.sandbox__grid,.dev__grid,.split,.split__cols,.upload,.react-grid,.stack{grid-template-columns:minmax(0,1fr)}.hero{gap:16px;padding-top:48px;padding-bottom:32px;display:grid}.hero h1{letter-spacing:-.035em;max-width:21ch;font-size:clamp(34px,5.4vw,60px);line-height:1.04}.hero mark{color:inherit;background:linear-gradient(transparent 58%, var(--highlight) 58%, var(--highlight) 92%, transparent 92%)}.hero__lede{max-width:62ch;color:var(--muted-foreground);font-size:17px}.install{border:1px solid var(--border);background:var(--surface);width:fit-content;max-width:100%;box-shadow:var(--shadow-soft);border-radius:12px;align-items:center;gap:8px;margin-top:8px;padding:6px 6px 6px 14px;display:flex}.install__code{white-space:nowrap;min-width:0;color:var(--foreground);scrollbar-width:none;font-size:13px;overflow-x:auto}.sandbox{gap:20px;padding-bottom:72px;display:grid}.sandbox__grid{gap:20px;display:grid}@media (width>=1024px){.sandbox__grid{grid-template-columns:288px minmax(0,1fr);align-items:start}}.controls{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);gap:20px;padding:20px;display:grid}.field{border:0;gap:8px;min-width:0;margin:0;padding:0;display:grid}.field__label{letter-spacing:.04em;text-transform:uppercase;color:var(--muted-foreground);margin-bottom:8px;padding:0;font-size:12px;font-weight:600}.field__hint{color:var(--muted-foreground);font-size:12.5px;line-height:1.45}.templates{gap:6px;display:grid}@media (width>=560px) and (width<=1023px){.templates{grid-template-columns:repeat(3,minmax(0,1fr))}}.template{border:1px solid var(--border);border-radius:var(--radius-control);cursor:pointer;align-items:center;gap:12px;padding:8px 10px;transition:border-color .15s,background-color .15s;display:flex;position:relative}.template:hover{border-color:var(--border-strong)}.template input{opacity:0;pointer-events:none;position:absolute}.template:has(input:checked){border-color:var(--primary);background:var(--primary-soft)}.template:has(input:focus-visible){outline:2px solid var(--ring);outline-offset:2px}.template__swatch{border-radius:8px;flex:none;width:32px;height:32px;box-shadow:inset 0 0 0 1px #00000014}.template__text{min-width:0;display:grid}.template__name{font-size:14px;font-weight:600;line-height:1.3}.template__context{color:var(--muted-foreground);font-size:12.5px;line-height:1.3}.template__swatch--metered-article{background:linear-gradient(135deg,#fbf9f4 50%,#b3261e 50%)}.template__swatch--feature-gate{background:linear-gradient(135deg,#f4f5ff 50%,#3a45d1 50%)}.template__swatch--minimal-pro{background:linear-gradient(135deg,#fff 50%,#0b0b0c 50%)}.template__swatch--credits-pack{background:linear-gradient(135deg,#f1f5ec 50%,#4a7a00 50%)}.template__swatch--night-sky{background:linear-gradient(160deg,#fbe9dd,#ede7f8 50%,#6b5bd6 50%)}.template__swatch--calm-money{background:linear-gradient(135deg,#f3f7f6 50%,#0e7c6b 50%)}.segmented{border-radius:var(--radius-control);background:var(--surface-muted);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:2px;padding:3px;display:grid}.segmented label{position:relative}.segmented input{opacity:0;pointer-events:none;position:absolute}.segmented span{white-space:nowrap;min-height:34px;color:var(--muted-foreground);cursor:pointer;text-align:center;border-radius:7px;justify-content:center;align-items:center;padding:0 6px;font-size:13px;font-weight:500;transition:background-color .15s,color .15s;display:flex}.segmented label:hover span{color:var(--foreground)}.segmented input:checked+span{background:var(--surface);color:var(--foreground);box-shadow:0 1px 2px #1417361f, 0 0 0 1px var(--border)}.segmented input:focus-visible+span{outline:2px solid var(--ring);outline-offset:1px}.stage{border-radius:calc(var(--radius-frame) + 8px);background-color:var(--surface-muted);background-image:radial-gradient(var(--dot) 1px, transparent 1px);background-size:18px 18px;gap:12px;min-width:0;padding:24px;display:grid}@media (width<=639px){.stage{border-radius:var(--radius-frame);padding:10px}}.browser{border:1px solid var(--border-strong);border-radius:var(--radius-frame);background:var(--surface);box-shadow:var(--shadow-float);overflow:hidden}.browser__bar{border-bottom:1px solid var(--border);background:var(--surface-muted);align-items:center;gap:14px;height:44px;padding:0 14px;display:flex}.browser__dots{gap:6px;display:flex}.browser__dots i{background:var(--border-strong);border-radius:50%;width:10px;height:10px}.browser__url{background:var(--surface);min-width:0;max-width:440px;height:28px;color:var(--muted-foreground);border-radius:8px;flex:1;align-items:center;gap:6px;margin-inline:auto;padding:0 12px;font-size:12.5px;display:flex}.browser__url svg{flex:none;width:12px;height:12px}.browser__url span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.stage__caption{color:var(--muted-foreground);text-align:center;font-size:13.5px}.dev__grid{gap:20px;display:grid}@media (width>=1024px){.dev__grid{grid-template-columns:minmax(0,1fr) 400px}}.panel{border-radius:var(--radius-card);background:var(--inverse);min-width:0;color:var(--inverse-foreground);flex-direction:column;display:flex;overflow:hidden}.panel__head{border-bottom:1px solid var(--inverse-border);align-items:center;gap:12px;min-height:56px;padding:10px 12px 10px 20px;display:flex}.panel__title{font:600 14px/1.3 var(--font-sans);letter-spacing:0;margin-right:auto}.panel :focus-visible{outline-color:var(--inverse-foreground)}.tabs{background:var(--inverse-raised);border-radius:9px;gap:2px;padding:3px;display:flex}.tabs button{min-height:28px;color:var(--inverse-muted);font:500 13px/1 var(--font-sans);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:0 10px}.tabs button[aria-selected=true]{background:var(--inverse-border);color:var(--inverse-foreground)}@media (width<=479px){.panel__head{flex-wrap:wrap}.panel--code .panel__title{width:100%}}.code{max-height:460px;font:13px/1.65 var(--font-mono);color:var(--inverse-foreground);tab-size:2;flex:1;margin:0;padding:18px 20px 22px;overflow:auto}.tok-string{color:var(--code-string)}.tok-tag{color:var(--code-tag)}.tok-comment{color:var(--code-comment);font-style:italic}.result{border-bottom:1px solid var(--inverse-border);gap:4px;padding:14px 20px;display:grid}.result__label{letter-spacing:.04em;text-transform:uppercase;color:var(--inverse-muted);font-size:12px;font-weight:600}.result output{font:13px/1.5 var(--font-mono);overflow-wrap:anywhere}.log{flex:1;max-height:360px;margin:0;padding:8px 0;list-style:none;overflow:auto}.log[hidden],.log:empty{display:none}.log__item{font:12.5px/1.5 var(--font-mono);grid-template-columns:auto minmax(0,1fr);column-gap:12px;padding:6px 20px;animation:.2s ease-out log-in;display:grid}.log__item time{color:var(--code-comment);font-variant-numeric:tabular-nums}.log__label{font-weight:500}.log__label:before{content:"";vertical-align:1px;background:currentColor;border-radius:2px;width:7px;height:7px;margin-right:8px;display:inline-block}.log__detail{color:var(--inverse-muted);overflow-wrap:anywhere;grid-column:2}.log__detail:empty{display:none}.log__item--call .log__label{color:var(--log-call)}.log__item--ok .log__label{color:var(--log-ok)}.log__item--event .log__label{color:var(--log-event)}.log__item--error .log__label{color:var(--log-error)}.log__item--info .log__label{color:var(--inverse-muted)}.log__empty{color:var(--inverse-muted);padding:20px;font-size:13.5px}@keyframes log-in{0%{opacity:0;transform:translateY(-4px)}}.split{border-top:1px solid var(--border);gap:32px;padding-block:72px;display:grid}@media (width>=1024px){.split{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:64px}}.split__intro{gap:12px;display:grid}.split h2,.upload h2{font-size:clamp(28px,3.4vw,40px);line-height:1.1}.split__intro>p:last-child,.upload p:not(.eyebrow){color:var(--muted-foreground);max-width:52ch}.split__cols{gap:16px;display:grid}@media (width>=640px){.split__cols{grid-template-columns:1fr 1fr}}.duty{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);padding:24px}.duty--brand{background:var(--primary-soft);border-color:#0000}.duty h3{margin-bottom:14px;font-size:20px}.duty ul{gap:12px;margin:0;padding:0;list-style:none;display:grid}.duty li{color:var(--muted-foreground);padding-left:22px;font-size:15px;position:relative}.duty li:before{content:"";background:var(--border-strong);border-radius:2px;width:8px;height:8px;position:absolute;top:.55em;left:2px}.duty--brand li:before{background:var(--primary)}.duty b{color:var(--foreground);font-weight:600}.upload{gap:32px;padding-bottom:88px;display:grid}.upload>div{align-content:center;gap:12px;display:grid}@media (width>=1024px){.upload{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px}}.drop{border:1.5px dashed var(--border-strong);border-radius:var(--radius-card);background:var(--surface);text-align:center;cursor:pointer;align-content:center;justify-items:center;gap:6px;min-height:220px;padding:32px 24px;transition:border-color .15s,background-color .15s;display:grid}.drop:hover,.drop[data-over]{border-color:var(--primary);background:var(--primary-soft)}.drop:focus-within{outline:2px solid var(--ring);outline-offset:2px}.drop__icon{background:var(--primary-soft);width:40px;height:40px;color:var(--primary);border-radius:12px;margin-bottom:6px;padding:8px}.drop__title{font-weight:600}.drop__hint{color:var(--muted-foreground);font-size:14px}.drop__hint u{color:var(--primary);text-underline-offset:3px}.drop__status{min-height:1.5em;color:var(--muted-foreground);margin-top:6px;font-size:13.5px}.drop__status[data-tone=error]{color:var(--danger)}.cta{background:var(--inverse);color:var(--inverse-foreground)}.cta__inner{justify-items:start;gap:16px;padding-block:72px;display:grid}.cta h2{max-width:18ch;font-size:clamp(30px,4vw,48px);line-height:1.05}.cta p{max-width:56ch;color:var(--inverse-muted)}.cta .button{margin-top:8px}.cta :focus-visible{outline-color:var(--accent)}.site-footer{border-top:1px solid var(--border)}.site-footer__inner{color:var(--muted-foreground);flex-wrap:wrap;align-items:center;gap:12px 24px;padding-block:28px;font-size:13.5px;display:flex}.site-footer__inner p{flex:280px}.site-footer nav{gap:20px;display:flex}.site-footer nav a{text-decoration:none}.site-footer nav a:hover{color:var(--foreground);text-underline-offset:3px;text-decoration:underline}.react-grid{gap:20px;padding-bottom:72px;display:grid}@media (width>=1024px){.react-grid{grid-template-columns:minmax(0,1fr) 400px;align-items:start}}.card{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);gap:16px;padding:24px;display:grid}.card h2{font-size:22px}.card p{color:var(--muted-foreground);font-size:15px}.stack{gap:20px;min-width:0;display:grid}.card__row>.field{flex:180px}.card__row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.select{border:1px solid var(--border-strong);border-radius:var(--radius-control);background:var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%23858899' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right 12px center / 14px;min-height:44px;color:var(--foreground);font:500 14px var(--font-sans);appearance:none;padding:0 36px 0 12px}.button--primary{background:var(--primary);color:var(--primary-foreground)}.button--primary:hover{background:var(--primary-hover)}.inline-frame{border-radius:var(--radius-card);background-color:var(--surface-muted);background-image:radial-gradient(var(--dot) 1px, transparent 1px);background-size:18px 18px;justify-content:center;padding:24px 16px;display:flex}.inline-paywall{width:100%;max-width:420px;box-shadow:var(--shadow-float);border-radius:16px;overflow:hidden}.scene{--sc-bg:#fff;--sc-ink:#16171d;--sc-muted:#5f6270;--sc-line:#e6e7ec;--sc-soft:#f4f5f8;--sc-accent:#16171d;--sc-on-accent:#fff;--sc-display:var(--font-sans);background:var(--sc-bg);min-height:460px;color:var(--sc-ink);font-size:14px;line-height:1.55}.scene[data-theme=dark]{--sc-bg:#121318;--sc-ink:#eeeef2;--sc-muted:#a3a6b4;--sc-line:#2a2c35;--sc-soft:#1b1c23;--sc-accent:#eeeef2;--sc-on-accent:#121318}.scene--metered-article{--sc-bg:#fbf8f1;--sc-soft:#f1ece0;--sc-line:#e3dccb;--sc-ink:#1d1a15;--sc-muted:#625b4e;--sc-accent:#b3261e;--sc-display:Georgia, "Times New Roman", serif}.scene--metered-article[data-theme=dark]{--sc-bg:#16140f;--sc-soft:#201d16;--sc-line:#332e24;--sc-ink:#f2ede2;--sc-muted:#b3ab99;--sc-accent:#ff8a80;--sc-on-accent:#16140f}.scene--feature-gate{--sc-accent:#3a45d1}.scene--feature-gate[data-theme=dark]{--sc-accent:#8e98ff}.scene--credits-pack{--sc-accent:#4a7a00}.scene--credits-pack[data-theme=dark]{--sc-accent:#d4ff3f}.scene--night-sky{--sc-bg:#f7f3fb;--sc-soft:#efe8f8;--sc-line:#e0d7ef;--sc-ink:#1e1b3a;--sc-muted:#5e5a7a;--sc-accent:#6b5bd6;--sc-display:Georgia, serif}.scene--night-sky[data-theme=dark]{--sc-bg:#0e1128;--sc-soft:#171b3a;--sc-line:#262b52;--sc-ink:#f1eeff;--sc-muted:#b7b3d6;--sc-accent:#c9bfff;--sc-on-accent:#171236}.scene--calm-money{--sc-accent:#0e7c6b}.scene--calm-money[data-theme=dark]{--sc-accent:#4fd1b8}.scene p{margin:0 0 12px}.sc-serif{font-family:var(--sc-display)}.sc-appbar,.sc-masthead{border-bottom:1px solid var(--sc-line);align-items:center;gap:12px;min-height:56px;padding:10px 20px;display:flex}.sc-brand{letter-spacing:-.01em;font-size:16px;font-weight:700}.sc-crumb,.sc-meter{color:var(--sc-muted);margin-right:auto;font-size:13px}.sc-masthead{justify-content:space-between}.sc-masthead .sc-serif{letter-spacing:-.01em;font-size:22px;font-weight:700}.sc-meter{background:var(--sc-soft);border-radius:999px;margin-right:0;padding:3px 10px}.sc-chip{background:var(--sc-soft);color:var(--sc-muted);border-radius:999px;margin-left:auto;padding:3px 10px;font-size:13px}.sc-button{background:var(--sc-accent);min-height:40px;color:var(--sc-on-accent);font:600 14px/1 var(--font-sans);cursor:pointer;border:0;border-radius:10px;align-items:center;gap:8px;padding:0 16px;transition:opacity .15s;display:inline-flex}.sc-button:hover{opacity:.88}.sc-button:focus-visible{outline:2px solid var(--sc-accent);outline-offset:3px}.sc-lock{width:14px;height:14px}.sc-slot{background:var(--sc-soft);justify-content:center;padding:24px 16px 32px;display:flex}.sc-slot uikit-paywall{border-radius:16px;width:100%;max-width:420px;display:block;overflow:hidden;box-shadow:0 1px 2px #0000000f,0 16px 40px -20px #00000059}.sc-center{justify-content:center;padding:8px 20px 32px;display:flex}.sc-fade{-webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0000)}.sc-article{max-width:600px;font-family:var(--sc-display);margin-inline:auto;padding:32px 24px 40px;font-size:16px;line-height:1.7}.sc-article .sc-button{font-family:var(--font-sans)}.sc-kicker{color:var(--sc-accent);font:600 12px/1 var(--font-sans);letter-spacing:.06em;text-transform:uppercase}.sc-headline{font-family:var(--sc-display);letter-spacing:-.015em;margin-bottom:8px;font-size:clamp(22px,3vw,30px);font-weight:700;line-height:1.15}.sc-byline{color:var(--sc-muted);font:13px/1.4 var(--font-sans);margin-bottom:20px!important}.sc-report{gap:20px;padding:24px 20px 32px;display:grid}.sc-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.sc-stats div{border:1px solid var(--sc-line);border-radius:12px;gap:2px;padding:14px;display:grid}.sc-stats span{color:var(--sc-muted);font-size:12.5px}.sc-stats strong{font-variant-numeric:tabular-nums;font-size:clamp(16px,2.2vw,22px)}.sc-bars{border:1px solid var(--sc-line);border-radius:12px;align-items:flex-end;gap:8px;height:180px;padding:16px;display:flex}.sc-bars i{background:color-mix(in oklab, var(--sc-accent) 75%, var(--sc-bg));border-radius:4px 4px 0 0;flex:1}.sc-doc{grid-template-columns:180px minmax(0,1fr);min-height:400px;display:grid}.sc-docnav{border-right:1px solid var(--sc-line);color:var(--sc-muted);align-content:start;gap:2px;padding:20px 12px;font-size:13px;display:grid}.sc-docnav b{color:var(--sc-ink);padding:0 8px 8px;font-size:12px}.sc-docnav span{border-radius:6px;padding:6px 8px}.sc-docnav .is-on{background:var(--sc-soft);color:var(--sc-ink)}.sc-page{max-width:560px;padding:32px 32px 40px;font-size:15px}@media (width<=639px){.sc-doc{grid-template-columns:1fr}.sc-docnav,.sc-crumb{display:none}.sc-appbar .sc-button{margin-left:auto}}.sc-create{gap:20px;padding:24px 20px 32px;display:grid}.sc-prompt{border:1px solid var(--sc-line);border-radius:14px;flex-wrap:wrap;align-items:center;gap:12px;padding:10px 10px 10px 16px;display:flex}.sc-prompt span{flex:220px}.sc-gallery{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.sc-gallery i{aspect-ratio:1;border-radius:12px}.sc-gallery i:first-child{background:linear-gradient(160deg,#ffd8c2,#f28f79 55%,#2f6f73)}.sc-gallery i:nth-child(2){background:linear-gradient(200deg,#c8f1e6,#6fc3b2 50%,#214f5c)}.sc-gallery i:nth-child(3){background:linear-gradient(140deg,#fde7b0,#f2a65a 60%,#7a3b2e)}.sc-gallery i:nth-child(4){background:linear-gradient(#d9e4ff,#8aa7e8 55%,#2d3e75)}@media (width<=479px){.sc-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}.sc-sessions,.sc-accounts{gap:10px;margin:0;padding:24px 20px 32px;list-style:none;display:grid}.sc-sessions li,.sc-accounts li{border:1px solid var(--sc-line);background:var(--sc-bg);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.sc-sessions li>span,.sc-accounts li>span{display:grid}.sc-sessions b,.sc-accounts b{font-size:15px}.sc-sessions small,.sc-accounts small{color:var(--sc-muted);font-size:13px}.sc-sessions em{color:var(--sc-muted);font-size:13px;font-style:normal}.sc-sessions b{font-family:var(--sc-display);font-size:17px}.sc-sessions .is-locked{background:var(--sc-soft)}.sc-accounts strong{font-variant-numeric:tabular-nums;font-size:16px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important}}.scene--welcome{--sc-bg:#fbf7f0;--sc-soft:#f3ebdf;--sc-line:#eadfcf;--sc-ink:#2a2118;--sc-muted:#6b5e4e;--sc-accent:#2a2118;--sc-display:Georgia, "Times New Roman", serif}.scene--welcome[data-theme=dark]{--sc-bg:#16130f;--sc-soft:#211c16;--sc-line:#3a3128;--sc-ink:#f5ede1;--sc-muted:#bfb19e;--sc-accent:#f5ede1;--sc-on-accent:#16130f}.scene--cancel-survey{--sc-accent:#b42318}.scene--cancel-survey[data-theme=dark]{--sc-accent:#f97066;--sc-on-accent:#1c0b09}.sc-done{justify-items:start;gap:4px;max-width:520px;margin-inline:auto;padding:56px 24px 64px;font-size:15px;display:grid}.sc-done .sc-button{margin-top:12px}.sc-muted{color:var(--sc-muted);font-size:13px;font-style:normal}.template__swatch--welcome{background:linear-gradient(135deg,#fbf7f0 50%,#a84a12 50%)}.template__swatch--cancel-survey{background:linear-gradient(135deg,#fafaf9 50%,#44403c 50%)}.template__tag{color:var(--primary);font-weight:600}