*,*:before,*:after{box-sizing:border-box}*{margin:0}html{interpolate-size:allow-keywords}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p{overflow-wrap:break-word;text-wrap:pretty}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;text-wrap:balance}#root,#app{isolation:isolate}:root{--sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--bg: #f7f3ee;--ink: #1f1f24;--card: #fffdfa;--ink-soft: color-mix(in oklab, var(--ink) 58%, transparent);--ink-faint: color-mix(in oklab, var(--ink) 40%, transparent);--line: color-mix(in oklab, var(--ink) 11%, transparent);--line-strong: color-mix(in oklab, var(--ink) 20%, transparent);--shadow: 0 1px 2px color-mix(in oklab, var(--ink) 6%, transparent), 0 8px 20px -12px color-mix(in oklab, var(--ink) 18%, transparent);--accent: #3366ff;--radius: 16px;--gutter: 20px;--spring: cubic-bezier(.22, 1.35, .36, 1);font-family:var(--sans);color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--bg: #17171b;--ink: #f4f0ea;--card: #1f1f25;--shadow: 0 1px 2px rgb(0 0 0 / .4), 0 10px 24px -14px rgb(0 0 0 / .7)}}body{min-height:100dvh;background-color:var(--bg);color:var(--ink);-webkit-tap-highlight-color:transparent}.mono{font-family:var(--mono);font-size:.6875rem;letter-spacing:.08em;text-transform:uppercase}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.page{max-width:80ch;margin-inline:auto;padding:2rem}.stack{min-height:100dvh;padding:14px var(--gutter) 48px}.stack__inner{max-width:30rem;margin-inline:auto}.topbar{display:flex;justify-content:flex-end;min-height:32px}.section-heading{margin:30px 0 12px;color:var(--ink-faint)}.empty{padding:22px 18px;border:1px dashed var(--line-strong);border-radius:var(--radius);color:var(--ink-soft);font-size:.9375rem;text-align:center}.foot{margin-top:34px;color:var(--ink-faint);text-align:center}.hero{padding-top:10px;text-align:center}.hero__avatar{position:relative;display:grid;place-items:center;width:76px;height:76px;margin:0 auto 16px;border-radius:26px;background:linear-gradient(150deg,color-mix(in oklab,var(--accent) 92%,white) 0%,var(--accent) 100%);box-shadow:0 10px 26px -14px color-mix(in oklab,var(--accent) 70%,transparent);color:#fff;font-size:1.6875rem;font-weight:750;font-stretch:92%;letter-spacing:-.02em}.hero__avatar--boost:after{content:"";position:absolute;inset:-5px;border:1.5px solid color-mix(in oklab,var(--accent) 45%,transparent);border-radius:31px;animation:halo 3.6s var(--spring) infinite}.hero__name{font-size:clamp(1.875rem,9vw,2.375rem);font-weight:820;font-stretch:88%;letter-spacing:-.042em;line-height:1.04}.hero__handle{margin-top:7px;color:var(--accent);text-transform:none}.hero__bio{margin:12px auto 0;max-width:30ch;color:var(--ink-soft);font-size:.9375rem;line-height:1.5}.hero__actions{display:grid;gap:10px;margin-top:22px}.featured{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;overflow:hidden;min-height:54px;padding:14px 20px;border:1.5px solid var(--accent);border-radius:14px;font-size:1rem;font-weight:650;font-stretch:94%;letter-spacing:-.015em;text-decoration:none;transition:transform .26s var(--spring),box-shadow .22s ease,filter .2s ease}.featured--primary{background-color:var(--accent);color:#fff;box-shadow:0 8px 22px -14px color-mix(in oklab,var(--accent) 85%,transparent)}.featured--secondary{background-color:transparent;color:var(--accent)}.featured--empty{border-style:dashed;border-color:var(--line-strong);background-color:transparent;color:var(--ink-faint);box-shadow:none}.featured__tag{opacity:.72}.featured:active{transform:scale(.97);box-shadow:none}.featured--boost.featured--primary:after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:45%;background:linear-gradient(100deg,transparent,rgb(255 255 255 / .34),transparent);animation:sheen 5s ease-in-out infinite}.stats{display:flex;align-items:baseline;gap:18px;margin-top:24px;padding:13px 16px;border:1px solid var(--line);border-radius:13px;background-color:color-mix(in oklab,var(--card) 60%,transparent)}.stat{display:flex;align-items:baseline;gap:6px}.stat__value{font-size:1.0625rem;font-weight:750;font-stretch:92%;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.stat__label{color:var(--ink-faint)}.stats__note{margin-left:auto;color:var(--ink-faint);font-size:.625rem;text-align:right}.cards,.rows{display:grid;gap:10px;padding:0;list-style:none}.card{border:1px solid var(--line);border-radius:var(--radius);background-color:var(--card);box-shadow:var(--shadow);transition:transform .28s var(--spring),border-color .2s ease}.card--featured{border-color:color-mix(in oklab,var(--accent) 34%,transparent)}.card--open{border-color:color-mix(in oklab,var(--accent) 46%,transparent);animation:pop .38s var(--spring)}.card--boost{position:relative;overflow:hidden}.card--boost:before{content:"";position:absolute;top:0;bottom:0;left:0;width:3px;background-color:var(--accent);animation:breathe 4.2s ease-in-out infinite}.card__head{display:flex;align-items:center;gap:11px;width:100%;padding:16px 16px 16px 15px;border:0;border-radius:var(--radius);background:none;color:inherit;text-align:left;cursor:pointer;transition:transform .24s var(--spring)}.card__head:active{transform:scale(.985)}.card__text{display:grid;gap:3px;min-width:0;margin-right:auto}.card__title{font-size:1rem;font-weight:640;font-stretch:95%;letter-spacing:-.017em;line-height:1.25}.card__tag{color:var(--ink-faint)}.card__saved{color:var(--accent)}.dot{flex:none;width:7px;height:7px;border-radius:50%;background-color:var(--ink-faint)}.dot--live{background-color:var(--accent);box-shadow:0 0 0 3px color-mix(in oklab,var(--accent) 18%,transparent);animation:blip 2.4s ease-in-out infinite}.dot--active{background-color:color-mix(in oklab,var(--ink) 45%,transparent)}.dot--quiet{background-color:transparent;box-shadow:inset 0 0 0 1.5px var(--line-strong)}.badge{flex:none;padding:3px 7px;border-radius:6px;background-color:color-mix(in oklab,var(--ink) 8%,transparent);color:var(--ink-soft);font-size:.625rem}.badge--new{background-color:color-mix(in oklab,var(--accent) 14%,transparent);color:var(--accent)}.badge--live{background-color:color-mix(in oklab,#e2542c 16%,transparent);color:#c2411c}.badge--free{background-color:color-mix(in oklab,#2f7d5d 16%,transparent);color:#256a4d}@media(prefers-color-scheme:dark){.badge--live{color:#f08965}.badge--free{color:#7fc3a6}}.card__chevron{flex:none;width:8px;height:8px;border-right:1.5px solid var(--ink-faint);border-bottom:1.5px solid var(--ink-faint);transform:rotate(45deg);transition:transform .32s var(--spring)}.card--open .card__chevron{transform:rotate(225deg)}.card__panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s var(--spring)}.card__panel[data-open=true]{grid-template-rows:1fr}.card__panel-inner{overflow:hidden;min-height:0}.card__note{padding:0 16px;color:var(--ink-soft);font-size:.875rem;line-height:1.5}.card__meta{padding:9px 16px 0;color:var(--ink-faint)}.card__actions{display:flex;gap:8px;padding:13px 16px 16px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 16px;border:1.5px solid transparent;border-radius:11px;font-size:.875rem;font-weight:620;letter-spacing:-.01em;text-decoration:none;cursor:pointer;transition:transform .22s var(--spring),background-color .18s ease}.btn:active{transform:scale(.96)}.btn--accent{background-color:var(--accent);color:#fff}.btn--ghost{border-color:var(--line-strong);background-color:transparent;color:var(--ink)}.btn--ghost[aria-pressed=true]{border-color:var(--accent);background-color:color-mix(in oklab,var(--accent) 12%,transparent);color:var(--accent)}.btn--muted{border-style:dashed;border-color:var(--line-strong);color:var(--ink-faint);cursor:default}.pill{display:inline-flex;align-items:center;min-height:32px;padding:5px 13px;border:1.5px solid var(--line-strong);border-radius:999px;background-color:transparent;color:var(--ink-soft);font-family:var(--mono);font-size:.6875rem;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:transform .22s var(--spring),background-color .18s ease,color .18s ease}.pill:active{transform:scale(.94)}.pill[aria-pressed=true]{border-color:var(--accent);background-color:var(--accent);color:#fff}.icon-btn{display:grid;place-items:center;width:30px;height:30px;border:1.5px solid var(--line-strong);border-radius:9px;background-color:transparent;color:var(--ink);font-size:.875rem;line-height:1;cursor:pointer;transition:transform .2s var(--spring)}.icon-btn:active{transform:scale(.9)}.icon-btn:disabled{opacity:.32;cursor:default}.icon-btn--danger{margin-left:auto;color:#c2411c}:where(a,button,input,select,textarea):focus-visible{outline:2px solid var(--accent);outline-offset:2px}.editor{display:grid;gap:20px;margin-top:22px;padding:18px 16px;border:1px solid var(--line);border-radius:var(--radius);background-color:var(--card);box-shadow:var(--shadow)}.editor__group{display:grid;gap:9px}.editor__heading{color:var(--ink-faint);font-size:.625rem}.editor__hint{color:var(--ink-soft);font-size:.8125rem}.editor__buttons{display:flex;gap:8px}.field{width:100%;min-height:38px;padding:8px 11px;border:1.5px solid var(--line-strong);border-radius:10px;background-color:var(--bg);color:var(--ink);font-size:.875rem}.field--title{font-weight:640}.field--bio{resize:vertical;line-height:1.45}.field--tag,.field--select{text-transform:uppercase}.field:focus{border-color:var(--accent);outline:none}.swatches{display:flex;flex-wrap:wrap;gap:8px}.swatch{position:relative;width:32px;height:32px;padding:0;border:1.5px solid var(--line);border-radius:10px;background-color:var(--swatch, var(--accent));cursor:pointer;transition:transform .2s var(--spring)}.swatch:active{transform:scale(.9)}.swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--bg),0 0 0 3.5px var(--swatch)}.swatch--custom{display:grid;place-items:center;overflow:hidden;background:conic-gradient(#e2542c,#36f,#2f7d5d,#7a3cc4,#e2542c)}.swatch--custom input{width:44px;height:44px;padding:0;border:0;background:none;opacity:0;cursor:pointer}.row{display:grid;gap:10px;padding:12px 13px 14px;border:1px solid var(--line);border-radius:13px;background-color:var(--card)}.row--featured{border-color:color-mix(in oklab,var(--accent) 40%,transparent)}.row__bar{display:flex;align-items:center;gap:8px}.row__index{color:var(--ink-faint);font-variant-numeric:tabular-nums}.row__move{display:flex;gap:5px}.row__fields{display:grid;gap:7px}@keyframes pop{0%{transform:scale(1)}38%{transform:scale(1.014)}to{transform:scale(1)}}@keyframes sheen{0%,62%{left:-60%}to{left:130%}}@keyframes breathe{0%,to{opacity:.35}50%{opacity:1}}@keyframes blip{0%,to{box-shadow:0 0 0 3px color-mix(in oklab,var(--accent) 18%,transparent)}50%{box-shadow:0 0 0 5px color-mix(in oklab,var(--accent) 6%,transparent)}}@keyframes halo{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.055);opacity:.12}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition-duration:1ms!important}}