.creator{background:var(--ground);min-height:100dvh;color:var(--ink);font-family:var(--body);container:creator/inline-size}.cw-shell{width:100%;max-width:1120px;padding:0 20px calc(32px + env(safe-area-inset-bottom));flex-direction:column;gap:28px;margin:0 auto;display:flex}.cw-cover{background:var(--soft);height:112px;margin:0 -20px;position:relative;overflow:hidden}.cw-cover img{object-fit:cover;width:100%;height:100%;display:block}.cw-cover.is-empty{border-bottom:1px dashed var(--field);background:0 0;height:72px}.cw-replace{border:1px solid var(--line);background:var(--surface);min-height:44px;color:var(--ink);border-radius:999px;padding:0 14px;font-size:.875rem;font-weight:700;position:absolute;bottom:12px;right:12px;box-shadow:0 2px 10px #00000029}.cw-replace.is-identity{place-items:center;width:32px;min-height:32px;padding:0;display:grid;bottom:-8px;right:-8px}.cw-hero{flex-direction:column;gap:20px;display:flex}.cw-intro{flex-direction:column;gap:12px;min-width:0;display:flex}.cw-identity{align-items:center;gap:14px;min-width:0;display:flex}.cw-who{flex:1;min-width:0}.cw-name{font-family:var(--display);font-weight:var(--cw-display-weight);letter-spacing:-.01em;overflow-wrap:anywhere;margin:0;font-size:1.5rem;line-height:1.15}.cw-handle{color:var(--muted);overflow-wrap:anywhere;margin:2px 0 0;font-size:.875rem}.cw-avatar-wrap{flex-shrink:0;display:inline-flex;position:relative}.cw-avatar{background:var(--surface);border:1px solid var(--line);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;display:flex;overflow:hidden}.cw-avatar-wrap.is-small .cw-avatar{width:40px;height:40px}.cw-avatar.is-contain img{object-fit:contain;width:72%;height:72%}.cw-avatar.is-cover img{object-fit:cover;width:100%;height:100%}.cw-avatar{position:relative}.cw-avatar.is-waiting{background:var(--soft)}.cw-avatar.is-waiting img{opacity:0;position:absolute}.cw-avatar-initials{color:var(--cw-accent);font-family:var(--display);letter-spacing:.02em;font-size:1.375rem;font-weight:800}.cw-avatar-wrap.is-small .cw-avatar-initials{font-size:.875rem}.creator[data-layout=atmospheric] .cw-avatar-initials{color:var(--cw-accent)}.cw-avatar.is-initials{background:var(--soft);color:var(--cw-accent);font-family:var(--display);letter-spacing:.02em;font-size:1.375rem;font-weight:800}.cw-avatar-wrap.is-small .cw-avatar.is-initials{font-size:.875rem}.cw-avatar [data-initials]:before,.cw-avatar[data-initials]:before{content:attr(data-initials)}.cw-headline{font-family:var(--display);font-weight:var(--cw-display-weight);letter-spacing:-.02em;overflow-wrap:anywhere;white-space:pre-line;margin:4px 0 0;font-size:clamp(1.75rem,1.1rem + 3cqi,2.25rem);line-height:1.08}.cw-description{color:var(--text-2);overflow-wrap:anywhere;white-space:pre-line;margin:0;font-size:1rem;line-height:1.5}.cw-code{background:var(--surface);border:1px solid var(--line);border-radius:var(--cw-card-radius);flex-direction:column;gap:12px;min-width:0;padding:18px;display:flex}.cw-label{font-size:.875rem;font-weight:700}.cw-code-field{background:var(--surface);border:1px solid var(--field);border-radius:var(--cw-field-radius);align-items:center;gap:8px;min-height:58px;padding:0 6px 0 14px;display:flex}.cw-code-field:focus-within{outline:3px solid var(--cw-focus);outline-offset:2px}.cw-code[data-state=miss] .cw-code-field{border-color:var(--error)}.cw-code .code-input{letter-spacing:.06em;font-size:1.625rem}.cw-status{min-height:1.25rem}.cw-hint{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;margin:0;font-size:.875rem;display:flex}.cw-found{border-radius:var(--cw-field-radius);background:var(--soft);color:var(--ink);align-items:flex-start;gap:10px;padding:10px 12px;animation:.18s ease-out rise;display:flex}.cw-found svg{color:var(--cw-success);flex-shrink:0;margin-top:1px}.cw-found-text{flex-direction:column;gap:2px;min-width:0;display:flex}.cw-found-label{color:var(--cw-success);font-size:.8125rem;font-weight:700}.cw-found-title{overflow-wrap:anywhere;font-weight:700}.cw-miss{flex-direction:column;gap:10px;animation:.18s ease-out rise;display:flex}.cw-miss p{color:var(--error);overflow-wrap:anywhere;margin:0;font-size:.9375rem}.cw-typed{font-family:var(--mono);font-weight:700}.cw-section{flex-direction:column;gap:12px;display:flex}.creator .cw-inline{align-self:flex-start;min-height:44px}.cw-section-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.cw-section-title{font-family:var(--display);font-weight:var(--cw-display-weight);letter-spacing:-.01em;margin:0;font-size:1.375rem}.cw-count{color:var(--muted);font-size:.875rem}.cw-badge{border:1px solid var(--field);border-radius:999px;flex-shrink:0;padding:4px 10px;font-size:.75rem;font-weight:700}.cw-footer{border-top:1px solid var(--line);text-align:center;color:var(--muted);margin-top:8px;padding-top:20px;font-size:.875rem}.cw-footer a{color:var(--cw-accent)}.creator .cards{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));align-items:start}@container creator (width>=640px){.cw-shell{padding:0 32px 40px}.cw-cover{height:168px;margin:0 -32px}}@container creator (width>=880px){.cw-shell{gap:40px;padding:24px 40px 48px}.cw-cover{aspect-ratio:8/3;border-radius:var(--cw-card-radius);height:auto;max-height:250px;margin:0}.cw-hero{grid-template-columns:minmax(0,1fr) minmax(360px,420px);align-items:start;gap:56px;display:grid}.cw-intro{gap:16px;padding-top:8px}.cw-name{font-size:1.75rem}.cw-headline{font-size:clamp(2.5rem,1.4rem + 2.2cqi,3.5rem)}.cw-description{max-width:34em;font-size:1.125rem}.cw-code{padding:24px}.creator .cards{grid-template-columns:repeat(3,minmax(0,1fr))}}.creator[data-layout=confident] .cw-code{box-shadow:0 1px 2px #221a320d,0 10px 30px #5b3df51a}.creator[data-layout=confident] .cw-avatar{border-color:var(--soft);border-width:3px}.creator[data-layout=editorial] .cw-intro{text-align:center;align-items:center}.creator[data-layout=editorial] .cw-identity{flex-direction:column;gap:10px}.creator[data-layout=editorial] .cw-identity .share{position:absolute;top:0;right:0}.creator[data-layout=editorial] .cw-intro{padding-top:4px;position:relative}.creator[data-layout=editorial] .cw-headline{letter-spacing:-.01em}.creator[data-layout=editorial] .cw-section{border-top:1px solid var(--line);padding-top:22px}.creator[data-layout=editorial] .chip,.creator[data-layout=editorial] .card-code{border-color:var(--accent);color:var(--cw-accent);background:0 0}.creator[data-layout=editorial] .cw-code{box-shadow:none}@container creator (width>=880px){.creator[data-layout=editorial] .cw-intro{text-align:left;align-items:flex-start}.creator[data-layout=editorial] .cw-identity{flex-direction:row}.creator[data-layout=editorial] .cw-identity .share{position:static}.creator[data-layout=editorial] .cw-headline:after{content:"";background:var(--accent);width:56px;height:2px;margin-top:22px;display:block}}.creator[data-layout=atmospheric] .cw-code{background:var(--surface);border-color:var(--line)}.creator[data-layout=atmospheric] .cw-code-field{background:var(--ground)}.creator[data-layout=atmospheric] .card-code,.creator[data-layout=atmospheric] .card-meta,.creator[data-layout=atmospheric] .card-icon,.creator[data-layout=atmospheric] .cw-avatar.is-initials{color:var(--cw-accent)}.creator[data-layout=atmospheric] .card,.creator[data-layout=atmospheric] .cw-found{box-shadow:none}.creator[data-layout=atmospheric] .card:hover{border-color:var(--field)}.cw-shell.is-narrow{gap:22px;max-width:760px;padding-top:16px}.cw-back{gap:10px}.cw-back-name{text-overflow:ellipsis;white-space:nowrap;font-size:1rem;font-weight:700;overflow:hidden}.drop-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.drop-type{color:var(--text-2);font-size:.875rem;font-weight:700}.creator[data-layout=atmospheric] .drop-type{color:var(--cw-accent)}.drop-site{color:var(--muted);text-align:center;overflow-wrap:anywhere;margin:-4px 0 0;font-size:.8125rem}.creator .drop-text{background:var(--ground);color:var(--ink)}@container creator (width>=880px){.cw-shell.is-narrow{padding-top:28px}.creator .drop .cover{height:300px}.creator .drop-title{font-size:2.75rem}}@media (forced-colors:active){.cw-avatar,.cw-code,.cw-code-field,.card,.cw-replace,.cw-found,.cw-miss{border:1px solid canvastext}}.creator[data-layout=classic]{--warm:#ffd3bd;--warm-ink:#6a3418}.creator[data-layout=classic] .cw-intro{text-align:center;align-items:center}.creator[data-layout=classic] .cw-identity{text-align:center;flex-direction:column;align-items:center}.creator[data-layout=classic] .cw-name{font-family:var(--display);font-size:1.75rem;font-weight:800}.creator[data-layout=classic] .cw-code{border:1.5px solid var(--ink);box-shadow:none}.creator[data-layout=classic] .cw-label{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:.75rem;font-weight:700}.creator[data-layout=classic] .cw-code-field{border:0;border-bottom:2px dashed var(--field);background:0 0;border-radius:0}.creator[data-layout=classic] .chip,.creator[data-layout=classic] .card-code{border:1.5px dashed var(--ink);color:var(--ink);background:0 0}.creator[data-layout=classic] .card-code{border-radius:6px;align-self:flex-start;padding:1px 6px}.creator[data-layout=classic] .cw-found{background:var(--warm);color:var(--warm-ink)}.creator[data-layout=classic] .cw-found svg{color:var(--warm-ink)}@container creator (width>=880px){.creator[data-layout=classic] .cw-intro,.creator[data-layout=classic] .cw-identity{text-align:left;align-items:flex-start}.creator[data-layout=classic] .cw-identity{flex-direction:row}}:root{--cw-background:#f8f7fc;--cw-surface:#fff;--cw-text:#221a32;--cw-muted:#655e74;--cw-action:#5b3df5;--cw-action-text:#fff;--cw-focus:#5b3df5;--cw-border:#887a98;--cw-soft-border:#ddd7e9;--cw-subtle:#eee9fb;--cw-accent:#5b3df5;--cw-logo-mark:#5b3df5;--cw-error:#b3261e;--cw-success:#1b7a47;--cw-display-font:"Bricolage Grotesque", system-ui, sans-serif;--cw-display-weight:800;--cw-body-font:"Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;--cw-code-font:"JetBrains Mono", ui-monospace, monospace;--cw-card-radius:18px;--cw-field-radius:12px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root,[data-creator-theme],.theme-scope{--ground:var(--cw-background);--surface:var(--cw-surface);--ink:var(--cw-text);--text-2:color-mix(in srgb, var(--cw-text) 78%, var(--cw-muted));--muted:var(--cw-muted);--line:var(--cw-soft-border);--field:var(--cw-border);--accent:var(--cw-action);--accent-hover:color-mix(in srgb, var(--cw-action) 82%, black);--error:var(--cw-error);--chip-off:var(--cw-subtle);--soft:var(--cw-subtle);--warm:var(--cw-subtle);--warm-ink:var(--cw-text);--tint-file:var(--cw-subtle);--tint-link:var(--cw-subtle);--tint-video:var(--cw-subtle);--tint-text:var(--cw-subtle);--display:var(--cw-display-font);--body:var(--cw-body-font);--mono:var(--cw-code-font)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scrollbar-gutter:stable}body{background:var(--ground);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;margin:0;font-size:1rem;line-height:1.45}a{color:var(--cw-accent)}a:hover{text-decoration-thickness:2px}button,input{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:3px solid var(--cw-focus);outline-offset:3px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.page{width:100%;max-width:480px;min-height:100dvh;padding:20px 20px calc(32px + env(safe-area-inset-bottom));flex-direction:column;gap:24px;margin:0 auto;display:flex}.h1{font-family:var(--display);font-weight:var(--cw-display-weight);letter-spacing:-.02em;margin:0;font-size:2.125rem;line-height:1.05}.h2{font-family:var(--display);font-weight:var(--cw-display-weight);margin:0;font-size:1.25rem}.lede{color:var(--text-2);margin:0;font-size:.9375rem}.small{color:var(--muted);font-size:.8125rem}.eyebrow{font-family:var(--mono);letter-spacing:.12em;color:var(--muted);text-transform:uppercase;font-size:.75rem;font-weight:700}.stack{flex-direction:column;gap:8px;display:flex}.stack-12{flex-direction:column;gap:12px;display:flex}.creator-head{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:18px 0 4px;display:flex;position:relative}.logo-img{object-fit:contain;width:auto;max-width:216px;height:auto;max-height:60px;display:block}.logo-name{font-family:var(--display);letter-spacing:-.01em;max-width:280px;font-size:1.875rem;font-weight:800;line-height:1.1}.icon-button{border:1px solid var(--line);background:var(--surface);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.share{flex-shrink:0;display:inline-flex}.creator-head .icon-button{position:absolute;top:0;right:0}.sample-note{background:var(--soft);color:var(--text-2);border-radius:999px;align-self:center;padding:4px 10px;font-size:.75rem}.code-input{min-width:0;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;background:0 0;border:0;flex:1;padding:0;font-size:2.125rem;font-weight:700}.code-input:focus{outline:none}.code-input::placeholder{color:var(--muted);text-transform:none;letter-spacing:.02em;font-size:.85em;font-weight:500}.clear-button{background:var(--soft);width:44px;height:44px;color:var(--text-2);border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.clear-button.is-small{width:36px;height:36px}.primary{border-radius:var(--cw-field-radius);background:var(--accent);width:100%;min-height:52px;color:var(--cw-action-text);border:0;justify-content:center;align-items:center;gap:8px;font-size:1rem;font-weight:700;text-decoration:none;transition:background-color .12s,transform .12s;display:inline-flex}a.primary:hover,button.primary:hover:not(:disabled){background:var(--accent-hover);color:var(--cw-action-text)}.primary:active{transform:scale(.985)}.primary[aria-disabled=true],.primary:disabled{background:var(--chip-off);color:var(--muted);cursor:default;transform:none}@media (forced-colors:active){.primary{border:2px solid}.primary[aria-disabled=true],.primary:disabled{color:graytext;border-color:graytext}.view-switch button[aria-pressed=true]{border:2px solid highlight}}.secondary{border-radius:var(--cw-field-radius);border:1px solid var(--field);background:var(--surface);min-height:48px;color:var(--ink);justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:.9375rem;font-weight:700;text-decoration:none;display:inline-flex}.found{background:var(--warm);border-radius:16px;align-items:center;gap:12px;padding:14px 16px;animation:.18s ease-out rise;display:flex}.found-meta{color:var(--warm-ink);font-size:.8125rem}.miss{background:var(--surface);border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:10px;padding:14px 16px;animation:.18s ease-out rise;display:flex}.suggestion{border-radius:var(--cw-field-radius);border:1.5px solid var(--accent);background:var(--surface);min-height:44px;color:var(--ink);align-self:flex-start;padding:0 14px;font-size:.875rem}.inline-codes{vertical-align:middle;flex-wrap:wrap;gap:6px;display:inline-flex}.chip{border:1px solid var(--line);background:var(--soft);font-family:var(--mono);letter-spacing:.04em;color:var(--ink);text-align:center;white-space:nowrap;border-radius:7px;padding:5px 8px;font-size:.75rem;font-weight:700;display:inline-block}.chip.is-warm{background:var(--warm)}button.chip{min-height:36px;padding:6px 10px}.section-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.tools{align-items:center;gap:8px;display:flex}.findbox{background:var(--surface);border:1px solid var(--field);border-radius:var(--cw-field-radius);min-width:0;min-height:48px;color:var(--muted);flex:1;align-items:center;gap:8px;padding:0 6px 0 12px;display:flex}.findbox input{color:var(--ink)}.findbox:focus-within{outline:3px solid var(--cw-focus);outline-offset:3px}.findbox input{background:0 0;border:0;flex:1;min-width:0;padding:0;font-size:1rem}.findbox input:focus{outline:none}.findbox input::placeholder{color:var(--muted)}.findbox input::-webkit-search-cancel-button{display:none}.view-switch{background:var(--chip-off);border-radius:var(--cw-field-radius);flex-shrink:0;padding:3px;display:flex}.view-switch button{width:44px;height:44px;color:var(--muted);background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;display:inline-flex}.view-switch button[aria-pressed=true]{background:var(--surface);color:var(--ink);cursor:default;box-shadow:0 1px 2px #0000001a}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--cw-card-radius);color:var(--ink);flex-direction:column;text-decoration:none;transition:transform .14s,box-shadow .14s;display:flex;overflow:hidden}.card:hover{color:var(--ink);box-shadow:0 4px 14px #11111414}.card:active{transform:scale(.98)}.cover{height:100px;color:var(--muted);flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.cover img{object-fit:cover;width:100%;height:100%}.cover .chip{position:absolute;top:8px;left:8px}.card-body{flex-direction:column;gap:4px;min-width:0;padding:12px 14px 14px;display:flex}.card-title{overflow-wrap:anywhere;font-size:.9375rem;font-weight:700;line-height:1.3}.card.is-compact{flex-direction:row;align-items:flex-start;gap:2px}.card.is-compact .card-body{padding-left:4px}.card-icon{border-radius:var(--cw-field-radius);background:var(--soft);width:40px;height:40px;color:var(--cw-accent);flex-shrink:0;justify-content:center;align-items:center;margin:14px 0 0 14px;display:inline-flex}.card-code{font-family:var(--mono);letter-spacing:.08em;color:var(--cw-accent);font-size:.75rem;font-weight:700}.card-meta{font-size:.8125rem}.rows{border-top:1px solid var(--line);flex-direction:column;display:flex}.row{border-bottom:1px solid var(--line);min-height:56px;color:var(--ink);align-items:center;gap:12px;padding:8px 2px;text-decoration:none;display:flex}.row:hover{color:var(--ink);background:#11111405}.row .chip{flex-shrink:0;min-width:68px}.row-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.row-title{overflow-wrap:anywhere;font-size:.9375rem;font-weight:600;line-height:1.3}.row-meta{font-size:.8125rem}.tile{background:var(--surface);border:1px solid var(--line);border-radius:var(--cw-card-radius);min-height:64px;color:var(--ink);align-items:center;gap:12px;padding:12px;text-decoration:none;display:flex}.tile:hover{color:var(--ink);border-color:var(--field)}.tile.is-warm{background:var(--warm);border-color:var(--warm)}.tile .chip{min-width:64px}.tile-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.tile-title{font-size:.9375rem;font-weight:700}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--cw-card-radius);flex-direction:column;gap:10px;padding:16px;display:flex}.other-link{border-bottom:1px solid var(--line);min-height:52px;color:var(--ink);justify-content:space-between;align-items:center;gap:12px;font-size:.9375rem;font-weight:600;text-decoration:none;display:flex}.other-link:hover{color:var(--ink)}.footer{text-align:center;color:var(--muted);margin-top:auto;font-size:.75rem}.topbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.back{min-height:44px;color:var(--ink);align-items:center;gap:6px;min-width:0;text-decoration:none;display:inline-flex}.back:hover{color:var(--ink)}.back .logo-img{max-width:160px;max-height:38px}.back .logo-name{font-size:1.25rem}.drop{background:var(--surface);border:1px solid var(--line);border-radius:var(--cw-card-radius);flex-direction:column;animation:.22s ease-out rise;display:flex;overflow:hidden}.drop .cover{height:200px}.drop-body{flex-direction:column;gap:12px;padding:18px 18px 20px;display:flex}.drop-title{font-family:var(--display);font-weight:var(--cw-display-weight);letter-spacing:-.01em;overflow-wrap:anywhere;margin:0;font-size:2rem;line-height:1.05}.drop-text{background:var(--ground);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:12px;margin:0;padding:14px;font-size:.9375rem;line-height:1.55}.help-contents{flex-wrap:wrap;gap:4px 16px;display:flex}.help-contents a{min-height:2.75rem;color:var(--cw-accent);align-items:center;font-weight:600;display:inline-flex}.help-section{border-top:1px solid var(--line);padding-top:8px;scroll-margin-top:16px}.help-steps{gap:8px;margin:0;padding-left:1.4em;line-height:1.5;display:grid}.help-shots{scroll-snap-type:x mandatory;gap:12px;padding-bottom:8px;display:flex;overflow-x:auto}.help-shot{border:1px solid var(--line);scroll-snap-align:start;background:var(--surface);border-radius:18px;flex:none;align-self:flex-start;width:min(240px,70vw);height:auto}.help-shot.is-wide{border-radius:12px;width:min(340px,86vw)}.creator-link{min-height:2.75rem;color:var(--cw-accent);text-underline-offset:3px;align-items:center;font-weight:700;text-decoration:underline;display:inline-flex}.creator-link:hover{color:color-mix(in srgb, var(--cw-accent) 80%, var(--ink))}.brand{color:var(--ink);align-items:center;font-size:1.375rem;line-height:1;display:inline-flex}.cw-logo{width:auto;height:1.25em;display:block}.cw-logo-mark{fill:var(--cw-logo-mark)}@media (forced-colors:active){.cw-logo-mark{fill:canvastext}}.brand-link{border-radius:10px;min-height:44px;text-decoration:none}.brand-link:hover{color:var(--ink)}@media (forced-colors:active){.brand-link{color:canvastext}}.page-top{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.back-link{border:1px solid var(--line);background:var(--surface);max-width:100%;min-height:44px;color:var(--cw-accent);border-radius:999px;align-self:flex-start;align-items:center;gap:6px;padding:0 16px 0 10px;font-size:.9375rem;font-weight:700;text-decoration:none;display:inline-flex}.back-link:hover{border-color:var(--accent)}.back-link svg{flex-shrink:0}.quiet-note{background:var(--soft);color:var(--text-2);border-radius:12px;margin:0;padding:10px 14px;font-size:.875rem}.field{background:var(--surface);border:1px solid var(--field);border-radius:var(--cw-field-radius);flex-direction:column;gap:4px;padding:12px 16px;display:flex}.field:focus-within{outline:3px solid var(--cw-focus);outline-offset:2px}.field input{background:0 0;border:0;width:100%;min-width:0;padding:0}.field input:focus{outline:none}.field input::placeholder{color:var(--muted)}.field-hint{color:var(--error);font-size:.8125rem}.steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;font-size:.8125rem;display:grid}.steps b{font-family:var(--mono);color:var(--cw-accent);margin-bottom:6px;display:block}.skeleton{background:linear-gradient(90deg, var(--soft) 0%, color-mix(in srgb, var(--soft) 50%, var(--ground)) 40%, var(--soft) 80%);background-size:200% 100%;border-radius:12px;animation:1.3s linear infinite shimmer}.toast{width:fit-content;max-width:480px;left:16px;right:16px;bottom:calc(24px + env(safe-area-inset-bottom));z-index:10;background:var(--ink);color:var(--ground);border-radius:999px;margin:0 auto;padding:10px 16px;font-size:.875rem;font-weight:600;animation:.16s ease-out rise;position:fixed}.status-view{flex-direction:column;align-items:flex-start;gap:14px;margin:auto 0;padding:24px 0;display:flex}@keyframes rise{0%{transform:translateY(4px)}to{transform:none}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.tell-creator{flex-direction:column;align-items:flex-start;display:flex}.home{width:100%;max-width:1120px;min-height:100dvh;padding:16px 20px calc(32px + env(safe-area-inset-bottom));flex-direction:column;gap:32px;margin:0 auto;display:flex}.home-nav{flex-wrap:wrap;justify-content:space-between;align-items:center;column-gap:16px;min-height:2.75rem;display:flex}.home-nav-links{flex-wrap:wrap;column-gap:18px;display:flex}.home-nav-links .creator-link{color:var(--ink);font-weight:600;text-decoration:none}.home-hero{flex-direction:column;gap:24px;display:flex}.home-intro{flex-direction:column;gap:12px;display:flex}.home-title{font-family:var(--display);font-weight:var(--cw-display-weight);letter-spacing:-.03em;margin:0;font-size:clamp(2.125rem,1.4rem + 3.4vw,3.75rem);line-height:1.02}.home-accent{color:var(--cw-action)}.home-lede{color:var(--text-2);max-width:32em;margin:0;font-size:1.0625rem;line-height:1.5}.home-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--cw-card-radius);flex-direction:column;gap:16px;padding:20px;display:flex;box-shadow:0 1px 2px #221a320d,0 12px 32px #5b3df51a}.home-card-title{font-family:var(--display);font-weight:var(--cw-display-weight);letter-spacing:-.02em;margin:0;font-size:1.625rem}.home-field{flex-direction:column;gap:4px;display:flex}.home-field label{font-size:.9375rem;font-weight:700}.home-help{color:var(--muted);font-size:.875rem}.home-input{background:var(--surface);border:1px solid var(--field);border-radius:var(--cw-field-radius);align-items:center;gap:4px;min-height:54px;margin-top:4px;padding:0 14px;display:flex}.home-input:focus-within{outline:3px solid var(--cw-focus);outline-offset:2px}.home-input.has-error{border-color:var(--error)}.home-input input{background:0 0;border:0;flex:1;min-width:0;padding:0;font-size:1.125rem;font-weight:600}.home-input input:focus{outline:none}.home-input input::placeholder{color:var(--muted);font-weight:500}.home-input .code-input{font-size:1.5rem}.home-at{color:var(--muted);font-size:1.125rem;font-weight:700}.home-small{color:var(--muted);margin:0;font-size:.875rem}.home-recent{flex-direction:column;gap:10px;display:flex}.home-recent-list{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px;display:grid}.home-steps{border-top:1px solid var(--line);gap:16px;padding-top:24px;display:grid}.home-steps div{grid-template-columns:32px 1fr;align-items:baseline;gap:2px 12px;display:grid}.home-steps b{background:var(--soft);width:32px;height:32px;color:var(--cw-action);border-radius:50%;grid-row:span 2;justify-content:center;align-items:center;font-size:.875rem;display:inline-flex}.home-steps span{color:var(--muted);font-size:.9375rem}.home-footer{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:8px 24px;margin-top:auto;font-size:.875rem;display:flex}@media (width>=880px){.home{gap:48px;padding:24px 40px 40px}.home-hero{grid-template-columns:minmax(0,1fr) minmax(380px,440px);align-items:center;gap:64px;padding-top:40px;display:grid}.home-card{padding:28px}.home-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}}.help-shots:focus-visible,.nb-scroll:focus-visible{outline:3px solid var(--cw-focus);outline-offset:2px}.save-block{flex-direction:column;gap:8px;display:flex}.save-button svg{color:var(--cw-accent)}.save-button.is-saved{background:var(--soft);border-color:var(--accent)}.save-status{text-align:center;margin:0}.save-status:empty{display:none}.save-status-text{animation:.16s ease-out rise;display:inline-block}.save-status a{color:var(--cw-accent);font-weight:700}.row-item{border-bottom:1px solid var(--line);align-items:center;display:flex}.row-item .row{border-bottom:0;flex:1;min-width:0}.save-toggle-wrap{flex-shrink:0;display:inline-flex}.save-toggle{border-radius:var(--cw-field-radius);width:44px;height:44px;color:var(--muted);background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.save-toggle:hover{background:var(--soft);color:var(--ink)}.save-toggle.is-saved{color:var(--cw-accent)}.toast a{color:var(--ground);font-weight:700}.saved-page{gap:20px}.saved-page .h1:focus{outline:none}.saved-page .h1:focus-visible{outline:3px solid var(--cw-focus);outline-offset:3px}.saved-empty{align-items:flex-start;gap:12px}.saved-empty .secondary{align-self:stretch}.saved-empty-mark{background:var(--soft);width:48px;height:48px;color:var(--cw-accent);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.saved-note{margin:0}.saved-tools{flex-direction:column;gap:12px;display:flex}.saved-filters{flex-wrap:wrap;gap:8px;display:flex}.filter-chip{border:1px solid var(--field);background:var(--surface);min-height:44px;color:var(--ink);border-radius:999px;padding:0 16px;font-size:.875rem;font-weight:600}.filter-chip[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--ground)}.saved-group{flex-direction:column;gap:10px;display:flex}.saved-group-head{flex-wrap:wrap;justify-content:space-between;align-items:center;column-gap:12px;display:flex}.saved-group-title{font-family:var(--display);font-weight:var(--cw-display-weight);overflow-wrap:anywhere;margin:0;font-size:1.125rem}.saved-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.saved-row{background:var(--surface);border:1px solid var(--line);border-radius:var(--cw-card-radius);align-items:center;gap:4px;padding:6px 4px 6px 12px;display:flex}.saved-main{min-width:0;min-height:56px;color:var(--ink);flex:1;align-items:center;gap:12px;text-decoration:none;display:flex}.saved-main:hover{color:var(--ink)}.saved-main .chip{text-align:center;flex-shrink:0;min-width:64px}.saved-text{flex-direction:column;gap:2px;min-width:0;display:flex}.saved-title{overflow-wrap:anywhere;font-size:.9375rem;font-weight:700;line-height:1.3}.saved-meta{flex-wrap:wrap;align-items:center;gap:4px 8px;display:flex}.saved-ends{background:var(--soft);color:var(--ink);border-radius:6px;padding:2px 8px;font-size:.75rem;font-weight:700}.saved-row.is-closed .saved-title{color:var(--text-2)}.saved-row.is-closed .chip{color:var(--text-2);background:0 0;border-style:dashed}.saved-remove{border-radius:var(--cw-field-radius);width:44px;height:44px;color:var(--text-2);background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.saved-remove:hover{background:var(--soft);color:var(--ink)}.saved-device{align-items:flex-start;gap:8px;margin:0;display:flex}.saved-device svg{flex-shrink:0;margin-top:1px}.saved-undo{align-items:center;gap:12px;display:inline-flex}.saved-undo button{background:var(--ground);min-height:36px;color:var(--ink);border:0;border-radius:999px;padding:0 14px;font-weight:700}@media (forced-colors:active){.save-button.is-saved,.filter-chip[aria-pressed=true]{border:2px solid highlight}.saved-row,.filter-chip{border:1px solid canvastext}}.account-page{gap:20px}.account-page .h1:focus{outline:none}.account-page .h1:focus-visible{outline:3px solid var(--cw-focus);outline-offset:3px}.account-panel .h2,.account-panel p{margin:0}.account-who{overflow-wrap:anywhere}.account-actions{flex-wrap:wrap;gap:10px;display:flex}.account-actions>a,.account-actions>button{min-height:48px}.account-confirm{flex-direction:column;gap:10px;display:flex}.account-signin{justify-content:center;min-height:0;display:flex}.account-signin:empty{display:none}.account-loading{margin:0}.saved-local{white-space:nowrap}.account-danger{border-color:var(--error);color:var(--error)}.account-list{flex-direction:column;gap:6px;margin:0;padding-left:1.25rem;display:flex}