:root{--app: #F4F0E8;--content: #F7F3EC;--surf: #FCFAF4;--surf-2: #EDE8DC;--field: #F5F1E8;--hover: #EFE9DD;--ink: #211E18;--muted: #6E6658;--faint: #6F6759;--border: #E2DBCB;--border-strong: #D6CDB8;--accent: #B4552D;--accent-deep: #8F3F1D;--accent-soft: #F2E3D9;--on-accent: #FFFFFF;--sage: #4E7A52;--sage-soft: #E4EBE1;--amber: #8F6A24;--amber-soft: #F2E9D2;--brick: #A63A2E;--brick-soft: #F4E2DF;--on-brick: #FFFFFF;--gold: #B8862F;--gold-text: #7A5A1D;--gold-border: #E5D6A9;--btn-bg: #211E18;--btn-fg: #FCFAF4;--ink-hover: #3A352B;--toast-undo: #D5794E;--shadow-card: 0 1px 2px rgba(33, 30, 24, .05), 0 4px 14px rgba(33, 30, 24, .035);--shadow-raised: 0 6px 20px rgba(33, 30, 24, .09);--shadow-sheet: 0 -18px 50px -12px rgba(20, 14, 6, .4);--shadow-modal: 0 30px 70px rgba(26, 24, 19, .45);--scrim: rgba(26, 24, 19, .44);--font-serif: "Newsreader", Georgia, serif;--font-sans: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", Consolas, monospace;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 24px;--r-full: 999px;--f-clay: #B4552D;--f-clay-soft: #F2E3D9;--f-blue: #3E6FB2;--f-blue-soft: #E1EAF5;--f-green: #4E7A52;--f-green-soft: #E4EBE1;--f-gold: #9A7B2E;--f-gold-soft: #EFE7D3;--f-plum: #7A5A86;--f-plum-soft: #EBE2EC;--f-stone: #6E6658;--f-stone-soft: #ECE7DC;color-scheme:light}:root[data-theme=dark]{--app: #151310;--content: #1A1813;--surf: #232019;--surf-2: #2D2921;--field: #1E1B15;--hover: #2A261E;--ink: #F1ECE0;--muted: #A49A88;--faint: #9C948A;--border: #38332A;--border-strong: #463F33;--accent: #D5794E;--accent-deep: #E19A77;--accent-soft: #3A2A20;--on-accent: #211E18;--sage: #7DA985;--sage-soft: #26332A;--amber: #D6A94E;--amber-soft: #3A321E;--brick: #D9705F;--brick-soft: #3D2622;--on-brick: #1A0F0D;--gold: #D6A94E;--gold-text: #EAC475;--gold-border: #57491F;--btn-bg: #F1ECE0;--btn-fg: #211E18;--ink-hover: #DCD6C8;--toast-undo: #A34E29;--shadow-card: none;--shadow-raised: 0 6px 20px rgba(0, 0, 0, .35);--shadow-sheet: 0 -18px 50px -12px rgba(0, 0, 0, .55);--shadow-modal: 0 30px 70px rgba(0, 0, 0, .6);--scrim: rgba(10, 8, 5, .6);--f-clay: #D5794E;--f-clay-soft: #3A2A20;--f-blue: #8FB6DE;--f-blue-soft: #1E2A38;--f-green: #7DA985;--f-green-soft: #26332A;--f-gold: #CBAA61;--f-gold-soft: #2C2617;--f-plum: #B296BE;--f-plum-soft: #2E2431;--f-stone: #A49A88;--f-stone-soft: #2A261E;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0}html{background:var(--app)}body{font-family:var(--font-sans);font-size:15px;line-height:1.55;color:var(--ink);background:var(--app);-webkit-font-smoothing:antialiased}#root{min-height:100dvh}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit;color:var(--ink)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.skel,.blinkcursor,.demo-caret{animation:none!important}}@media(pointer:coarse){.chip,.seg__btn,.btn--sm{min-height:44px}}.shell{min-height:100dvh;display:flex;flex-direction:column;background:var(--content)}.screen{flex:1;width:100%;max-width:720px;margin:0 auto;padding:18px 20px calc(104px + env(safe-area-inset-bottom))}.screen--wide{max-width:1440px}.screen--bare{padding-bottom:24px}@media(min-width:900px){.shell{flex-direction:row}.screen{max-width:860px;padding:32px 40px 56px}.screen.screen--wide{max-width:1760px;padding-left:clamp(32px,4vw,72px);padding-right:clamp(32px,4vw,72px)}.screen.screen--builder{max-width:1340px;padding-left:clamp(32px,4vw,64px);padding-right:clamp(32px,4vw,64px)}}.builder-grid{display:flex;flex-direction:column;gap:20px}.builder-col{display:flex;flex-direction:column;gap:20px;min-width:0}.builder-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:220px;padding:28px 24px;text-align:center;border:1px dashed var(--border-strong);border-radius:var(--r-lg);color:var(--faint)}.builder-placeholder p{margin:0;font-size:13.5px;line-height:1.6;max-width:34ch;color:var(--muted)}.builder-output{max-height:380px;overflow-y:auto}.builder-col--idle{display:none}@media(min-width:1100px){.builder-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start}.builder-col--out{display:flex;position:sticky;top:32px}.builder-output{max-height:calc(100dvh - 180px)}.builder-placeholder{min-height:320px}}.serif{font-family:var(--font-serif);font-weight:500;letter-spacing:-.01em}.mono{font-family:var(--font-mono)}.overline{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--faint)}.h-page{font-family:var(--font-serif);font-weight:500;font-size:clamp(24px,6.8vw,30px);line-height:1.1;margin:0;text-wrap:balance}.h-card{font-family:var(--font-serif);font-weight:500;font-size:19px;line-height:1.2;margin:0}.meta{font-family:var(--font-mono);font-size:12px;color:var(--faint)}.h-page,.h-card,.pcard__excerpt,.tag{overflow-wrap:anywhere}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:var(--r-full);font-size:14.5px;font-weight:600;padding:12px 22px;min-height:44px;transition:transform .12s ease,opacity .12s ease,background .15s ease,border-color .15s ease}.btn:active{transform:scale(.985)}.btn--primary{background:var(--btn-bg);color:var(--btn-fg)}.btn--primary:hover:not(:disabled){background:var(--ink-hover)}.btn--accent{background:var(--accent);color:var(--on-accent)}.btn--accent:hover:not(:disabled){background:var(--accent-deep);color:var(--on-accent)}.btn--secondary{background:var(--surf);color:var(--ink);border:1px solid var(--border-strong);font-weight:500}.btn--secondary:hover:not(:disabled){background:var(--hover)}.btn--ghost{background:transparent;color:var(--accent-deep);font-weight:600}.btn--danger{background:transparent;color:var(--brick);border:1px solid var(--brick);font-weight:500}.btn--danger-solid{background:var(--brick);color:var(--on-brick)}.btn--sm{padding:8px 16px;min-height:38px;font-size:13.5px}.btn:disabled{background:var(--surf-2);color:var(--faint);border-color:transparent;cursor:not-allowed;transform:none}.btn--block{width:100%}.iconbtn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;border-radius:var(--r-md);background:transparent;border:none;color:var(--muted)}.iconbtn:hover{background:var(--hover);color:var(--ink)}.iconbtn--framed{background:var(--surf);border:1px solid var(--border)}.input,.textarea,.select{width:100%;background:var(--field);border:1px solid var(--border);border-radius:var(--r-md);padding:12px 14px;font-size:15px;outline:none}.input:focus,.textarea:focus,.select:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)}.textarea{min-height:200px;resize:vertical;font-family:var(--font-mono);font-size:13.5px;line-height:1.7}.label{display:block;font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);margin-bottom:9px}.hint{font-family:var(--font-mono);font-size:11.5px;color:var(--faint)}.searchwrap{position:relative}.searchwrap>svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--faint);pointer-events:none}.searchwrap .input{padding-left:42px}.chiprow{display:flex;gap:8px;overflow-x:auto;padding:2px 0 6px;scrollbar-width:none}.chiprow::-webkit-scrollbar{display:none}.chip{flex-shrink:0;display:inline-flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:12.5px;padding:9px 15px;min-height:38px;border-radius:var(--r-full);border:1px solid var(--border);background:var(--surf);color:var(--muted)}.chip[aria-pressed=true],.chip--active{background:var(--btn-bg);color:var(--btn-fg);border-color:var(--btn-bg);font-weight:600}.tag{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:12px;padding:4px 10px;border-radius:var(--r-full);background:var(--accent-soft);color:var(--accent-deep)}.tag--quiet{background:var(--surf-2);color:var(--muted)}.pcard{background:var(--surf);border:1px solid var(--border);border-radius:var(--r-lg);padding:16px 16px 13px;box-shadow:var(--shadow-card);text-align:left;width:100%;display:flex;flex-direction:column;gap:8px;color:inherit;transition:transform .14s ease,box-shadow .14s ease}button.pcard:hover{transform:translateY(-2px);box-shadow:var(--shadow-raised)}.pcard__top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 10px}.pcard__cat{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase}.pcard__excerpt{font-family:var(--font-mono);font-size:12px;line-height:1.6;color:var(--muted);margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.pcard:hover{border-color:var(--border-strong)}.pcard__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 10px;margin-top:2px}.pcard__tags{display:flex;gap:6px;flex-wrap:wrap}.cardgrid{display:grid;grid-template-columns:1fr;gap:12px}@media(min-width:640px){.cardgrid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media(min-width:1180px){.cardgrid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}}@media(min-width:1700px){.cardgrid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}}.floatpills{display:flex;gap:8px;justify-content:flex-end;padding:12px 14px 0}.language-access{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:999px;border:1px solid var(--border);background:color-mix(in srgb,var(--surf) 92%,transparent);color:var(--muted);font:11px var(--font-mono);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.language-access:hover{color:var(--ink);border-color:var(--border-strong)}.language-access--support{border-color:var(--gold-border);background:color-mix(in srgb,var(--amber-soft) 88%,transparent);color:var(--gold-text);font-weight:600}.language-access--support:hover{color:var(--gold-text);border-color:var(--gold)}@media(min-width:900px){.floatpills{display:none}}.explore-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:16px 0 20px;overflow:hidden;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--border)}.explore-stats>div{display:flex;flex-direction:column;gap:3px;padding:14px 16px;background:var(--surf)}.explore-stats strong{font:600 22px var(--font-serif);color:var(--ink)}.explore-stats span{font:10px var(--font-mono);color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.explore-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:14px;align-items:stretch}.community-avatar{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(145deg,var(--accent),var(--accent-deep));color:var(--on-accent);border:1px solid var(--border-strong);font:600 13px var(--font-mono)}.community-avatar img{width:100%;height:100%;object-fit:cover}.leaderboard{margin:18px 0 22px;padding:18px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surf)}.leaderboard__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:8px 18px;margin-top:12px}.leaderboard__row{display:grid;grid-template-columns:30px 38px minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px;border:1px solid transparent;border-radius:var(--r-md);background:transparent;color:var(--ink);text-align:left}.leaderboard__row:hover{border-color:var(--border);background:var(--hover)}.leaderboard__rank{font:600 11px var(--font-mono);color:var(--faint)}.leaderboard__row--p1{border-color:var(--gold-border);background:linear-gradient(135deg,var(--amber-soft),transparent 60%)}.leaderboard__row--p1 .leaderboard__rank{color:var(--gold-text)}.leaderboard__row--p2 .leaderboard__rank,.leaderboard__row--p3 .leaderboard__rank{color:var(--accent-deep)}.leaderboard__name{min-width:0;display:flex;flex-direction:column}.leaderboard__name strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13.5px}.leaderboard__name small{color:var(--faint);font:10px var(--font-mono)}.explore-card{position:relative;min-height:190px}.explore-card--rank1{border-color:var(--gold-border);background:linear-gradient(145deg,var(--amber-soft),var(--surf) 42%);box-shadow:0 10px 30px color-mix(in srgb,var(--gold) 10%,transparent)}.explore-card--rank2,.explore-card--rank3{border-color:var(--border-strong)}.explore-rank{display:inline-flex;min-width:34px;color:var(--faint);font-size:11px;letter-spacing:.04em}.explore-card--rank1 .explore-rank{color:var(--gold-text)}.explore-card--rank2 .explore-rank,.explore-card--rank3 .explore-rank{color:var(--accent-deep)}@media(max-width:600px){.explore-stats{grid-template-columns:1fr 1fr}.explore-stats>div:last-child{display:none}.explore-grid{grid-template-columns:minmax(0,1fr)}}.rowcard{background:var(--surf);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden}.row{display:flex;align-items:center;gap:13px;width:100%;padding:14px 16px;min-height:52px;background:transparent;border:none;border-bottom:1px solid var(--border);font-size:14.5px;text-align:left;color:inherit}.row:last-child{border-bottom:none}button.row:hover{background:var(--hover)}.row__value{margin-left:auto;font-family:var(--font-mono);font-size:12px;color:var(--faint);display:flex;align-items:center;gap:6px}.seg{display:inline-flex;background:var(--surf-2);border:1px solid var(--border);border-radius:var(--r-full);padding:3px;gap:2px}.seg__btn{border:none;background:transparent;color:var(--muted);font-size:13.5px;font-weight:500;padding:8px 16px;min-height:38px;border-radius:var(--r-full)}.seg__btn[aria-pressed=true]{background:var(--surf);color:var(--ink);font-weight:600;box-shadow:0 1px 3px #211e181f}.warnbar{display:flex;align-items:center;gap:10px;margin:12px 20px 0;padding:10px 14px;border:1px solid var(--brick);border-radius:var(--r-md);background:var(--brick-soft);color:var(--brick);font-size:13px;font-weight:500}.state{border:1px dashed var(--border-strong);border-radius:var(--r-lg);padding:34px 24px;text-align:center;background:var(--surf)}.state h2{font-family:var(--font-serif);font-weight:500;font-size:24px;margin:0 0 6px}.state p{color:var(--muted);font-size:14px;margin:0 0 18px}.state--error{border-style:solid;border-color:var(--brick)}.toast{position:fixed;left:50%;bottom:calc(100px + env(safe-area-inset-bottom));transform:translate(-50%);display:flex;align-items:center;gap:12px;z-index:95;background:var(--btn-bg);color:var(--btn-fg);padding:12px 18px;border-radius:var(--r-md);font-size:13.5px;box-shadow:var(--shadow-raised);max-width:min(90vw,420px);animation:toast-in .22s cubic-bezier(.2,.8,.2,1)}.toast--error{background:var(--brick);color:var(--on-brick)}.toast__undo{background:none;border:none;color:var(--toast-undo);font-weight:600;font-size:13px;text-decoration:underline;text-underline-offset:3px;padding:6px;margin:-6px}.blinkcursor{display:inline-block;width:8px;border-bottom:2px solid var(--accent-deep);animation:blink 1s step-end infinite}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@media(min-width:900px){.toast{bottom:32px}}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--scrim);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:60;display:flex;align-items:flex-end;justify-content:center}.sheet{width:100%;max-height:88dvh;overflow-y:auto;background:var(--surf);border-radius:var(--r-xl) var(--r-xl) 0 0;box-shadow:var(--shadow-sheet);padding:10px 20px calc(20px + env(safe-area-inset-bottom));animation:sheet-in .26s cubic-bezier(.2,.8,.2,1)}.sheet__handle{width:40px;height:5px;border-radius:var(--r-full);background:var(--border-strong);margin:6px auto 14px}.sheet__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.sheet h2{font-family:var(--font-serif);font-weight:500;font-size:23px;margin:0}@keyframes sheet-in{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}@media(min-width:640px){.scrim{align-items:center;padding:24px}.sheet{max-width:520px;border-radius:var(--r-xl);box-shadow:var(--shadow-modal);animation:modal-in .22s cubic-bezier(.2,.8,.2,1)}.sheet__handle{display:none}}@keyframes modal-in{0%{transform:translateY(10px) scale(.985);opacity:0}to{transform:none;opacity:1}}.dialog{background:var(--surf);border-radius:var(--r-xl);max-width:380px;width:calc(100vw - 48px);padding:26px 24px 22px;text-align:center;box-shadow:var(--shadow-modal);animation:modal-in .2s cubic-bezier(.2,.8,.2,1)}.dialog h2{font-family:var(--font-serif);font-weight:500;font-size:21px;margin:12px 0 6px}.dialog p{color:var(--muted);font-size:14px;margin:0 0 20px}.dialog__icon{width:52px;height:52px;border-radius:var(--r-full);display:inline-flex;align-items:center;justify-content:center;background:var(--brick-soft);color:var(--brick)}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:50;display:flex;justify-content:space-around;align-items:stretch;background:color-mix(in srgb,var(--app) 94%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--border);padding:6px 4px calc(6px + env(safe-area-inset-bottom))}.tabbar__item{flex:1;max-width:120px;min-width:0;display:flex;flex-direction:column;align-items:center;gap:3px;background:none;border:none;padding:8px 4px;min-height:54px;color:var(--faint);border-radius:var(--r-md)}.tabbar__item[aria-current=page]{color:var(--accent-deep)}.tabbar__item span{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.04em}@media(max-width:540px){.tabbar__item{flex:1 1 auto;padding:8px 2px}.tabbar__item span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9.5px;letter-spacing:.02em}}@media(max-width:374px){.tabbar__item span{font-size:9px;letter-spacing:0}}@media(min-width:900px){.tabbar{position:sticky;top:0;bottom:auto;height:100dvh;width:232px;flex-shrink:0;flex-direction:column;justify-content:flex-start;gap:4px;border-top:none;border-right:1px solid var(--border);background:var(--app);padding:20px 14px}.tabbar__brand{display:flex!important}.tabbar__item{max-width:none;flex:0 0 auto;flex-direction:row;justify-content:flex-start;gap:12px;padding:10px 12px;min-height:44px;border-radius:10px;color:var(--muted)}.tabbar__item:hover{background:var(--hover)}.tabbar__item span{font-family:var(--font-sans);font-size:14px;font-weight:400;letter-spacing:0}.tabbar__item[aria-current=page]{background:var(--surf-2);color:var(--ink)}.tabbar__item[aria-current=page] span{font-weight:600}}.tabbar__brand{display:none;align-items:center;gap:10px;padding:4px 12px 22px}.tabbar__shelf,.tabbar__foot{display:none}@media(min-width:900px){.tabbar__foot{display:flex;flex-direction:column;gap:2px;margin-top:auto;padding-top:14px;border-top:1px solid var(--border)}.tabbar__account{display:flex;align-items:center;gap:10px;width:100%;margin-top:8px;background:var(--surf);border:1px solid var(--border);border-radius:var(--r-md);padding:9px 10px;min-height:52px;text-align:left;color:var(--muted)}.tabbar__account:hover{background:var(--hover);border-color:var(--border-strong);color:var(--ink)}.tabbar__account[aria-current=page]{border-color:var(--border-strong);background:var(--surf-2);color:var(--ink)}.tabbar__accountname{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.tabbar__accountname strong{font-size:13px;font-weight:600;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tabbar__accountname small{font:10.5px var(--font-mono);color:var(--faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media(min-width:900px){.tabbar__shelf{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}.tabbar__shelf .overline{padding:18px 12px 8px}.tabbar__folders{display:flex;flex-direction:column;gap:2px;flex:1 1 auto;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}.tabbar__folder{display:flex;align-items:center;gap:10px;width:100%;background:none;border:none;border-radius:var(--r-sm);padding:8px 12px;min-height:38px;font-size:13.5px;color:var(--muted);text-align:left}.tabbar__folder:hover{background:var(--hover);color:var(--ink)}.tabbar__foldername{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tabbar__folder--new{color:var(--faint)}.tabbar__support{background:var(--amber-soft);border:1px solid var(--gold-border);border-radius:var(--r-md);color:var(--ink);font-weight:600;margin-top:4px}.tabbar__support:hover{background:var(--amber-soft);border-color:var(--gold);color:var(--ink)}}@media(min-width:900px)and (max-height:840px){.tabbar{padding:12px 14px;gap:2px}.tabbar__brand{padding-bottom:10px}.tabbar__item{min-height:38px;padding:7px 12px}.tabbar__shelf .overline{padding-top:10px}.tabbar__folder{min-height:34px;padding:6px 12px}.tabbar__foot{padding-top:10px}.tabbar__account{min-height:46px;padding:7px 10px;margin-top:6px}}.tabbar__brand b{font-family:var(--font-serif);font-weight:600;font-size:19px}.tabbar__logo{width:30px;height:30px;border-radius:9px;background:var(--accent);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-serif);font-size:17px;font-weight:600}.pagehead{display:flex;align-items:center;gap:12px;margin-bottom:18px;min-height:44px}.pagehead--drill{margin-left:-8px}.pagehead .h-page{flex:1 1 auto}@media(max-width:540px){.pagehead{flex-wrap:wrap;row-gap:8px}}.fdot{width:10px;height:10px;border-radius:3px;flex-shrink:0}.var{background:var(--accent-soft);color:var(--accent-deep);border-radius:6px;padding:1px 6px;font-family:var(--font-mono)}.var--filled{background:var(--sage-soft);color:var(--sage)}.promptbody{background:var(--field);border:1px solid var(--border);border-radius:var(--r-lg);padding:16px;font-family:var(--font-mono);font-size:13.5px;line-height:1.7;white-space:pre-wrap;word-break:break-word;margin:0}.skel{position:relative;overflow:hidden;background:var(--surf-2);border-radius:var(--r-sm)}.skel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--surf) 60%,transparent),transparent);animation:shimmer 1.4s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.onb{min-height:100dvh;display:flex;flex-direction:column;background:var(--content)}.onb__body{flex:1;width:100%;max-width:520px;margin:0 auto;padding:24px;display:flex;flex-direction:column;justify-content:center}.onb__foot{width:100%;max-width:520px;margin:0 auto;padding:0 24px calc(24px + env(safe-area-inset-bottom));display:flex;gap:10px}.onb__dots{display:flex;gap:6px;justify-content:center;padding:18px 0 0}.onb__dot{width:26px;height:5px;border-radius:var(--r-full);background:var(--border);transition:all .2s}.onb__dot--on{background:var(--accent)}.pickgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pick{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:8px;background:var(--surf);border:1.5px solid var(--border);border-radius:var(--r-lg);padding:15px 14px;min-height:76px;text-align:left;font-size:14.5px;font-weight:600;color:var(--ink)}.pick[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft)}.pick__check{position:absolute;top:10px;right:10px;width:22px;height:22px;border-radius:var(--r-full);background:var(--accent);color:var(--on-accent);display:flex;align-items:center;justify-content:center}.palette{display:flex;flex-wrap:wrap;gap:8px}.palette__dot{width:34px;height:34px;border-radius:11px;cursor:pointer;border:2.5px solid transparent;display:inline-flex;align-items:center;justify-content:center;color:#fff}.palette__dot[aria-pressed=true]{border-color:var(--ink)}.acc{display:flex;flex-direction:column}.acc__item{border-bottom:1px solid var(--border)}.acc__item:last-child{border-bottom:none}.acc__q{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;background:none;border:none;text-align:left;padding:16px 2px;min-height:52px;font-size:16px;font-weight:600;color:var(--ink)}.acc__q svg{flex-shrink:0;transition:transform .18s ease;color:var(--faint)}.acc__q[aria-expanded=true] svg{transform:rotate(90deg)}.acc__cat{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-deep);display:block;margin-bottom:4px}.acc__a{padding:0 2px 18px;color:var(--muted);font-size:14.5px;line-height:1.65;max-width:68ch;margin:0}.landing{min-height:100dvh;background:var(--app)}.land-nav{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:12px;padding:14px clamp(18px,4vw,40px);background:color-mix(in srgb,var(--app) 92%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}@media(max-width:540px){.land-nav{gap:8px;padding-left:12px;padding-right:12px}.land-nav .brand-word{display:none}}.land-wrap{max-width:1120px;margin:0 auto;padding:0 24px 60px}.btn--pill{border-radius:var(--r-full)}.land-band{background:var(--content);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}@keyframes blink{0%,55%{opacity:1}56%,to{opacity:0}}.demo-chip{background:var(--accent-soft);color:var(--accent-deep);border-radius:6px;padding:2px 6px;white-space:nowrap;font-family:var(--font-mono)}.demo-caret{display:inline-block;width:7px;margin-left:1px;border-bottom:2px solid var(--accent-deep);animation:blink 1s step-end infinite}.guide-card{display:flex;flex-direction:column;gap:12px;text-decoration:none;color:inherit;background:var(--surf);border:1px solid var(--border);border-radius:var(--r-lg);padding:28px;transition:border-color .2s ease,box-shadow .2s ease}.guide-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-raised)}.faq2__item{border-bottom:1px solid var(--border)}.faq2__q{display:flex;align-items:baseline;gap:16px;width:100%;background:none;border:none;text-align:left;padding:20px 4px;font-size:16px;font-weight:500;color:var(--ink);font-family:var(--font-sans)}.faq2__q:hover{color:var(--accent-deep)}.faq2__cat{width:74px;flex-shrink:0;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--faint)}.faq2__mark{font-family:var(--font-mono);font-size:15px;color:var(--faint)}.faq2__a{padding:0 4px 22px 90px;font-size:15px;line-height:1.7;color:var(--muted);margin:0;max-width:64ch}.land-hero{padding:clamp(44px,9vw,90px) 0 clamp(30px,5vw,54px)}.land-hero h1{font-family:var(--font-serif);font-weight:500;font-size:clamp(38px,7vw,64px);line-height:1.04;letter-spacing:-.015em;margin:14px 0 16px;max-width:17ch;text-wrap:balance}.land-hero p{font-size:clamp(16px,2.4vw,18.5px);line-height:1.6;color:var(--muted);max-width:54ch;margin:0 0 26px}.land-poster{background:#211e18;color:#f1ece0;border-radius:var(--r-xl);padding:clamp(28px,5vw,44px);margin:clamp(30px,5vw,48px) 0}:root[data-theme=dark] .land-poster{background:var(--surf);border:1px solid var(--border)}.land-poster .overline{color:#a49a88}.land-poster h2{font-family:var(--font-serif);font-weight:500;font-size:clamp(26px,4.6vw,38px);margin:10px 0 20px;line-height:1.1}.land-poster ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;font-size:15px}.land-poster li{display:flex;gap:12px;align-items:baseline}.land-poster li .mono{color:#d5794e}.land-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden}.land-feature{background:var(--surf);padding:22px 20px 24px}.land-feature .mono{font-size:12px;color:var(--accent-deep)}.land-feature h3{font-family:var(--font-serif);font-weight:500;font-size:20px;margin:10px 0 6px}.land-feature p{font-size:13.5px;color:var(--muted);margin:0;line-height:1.55}.land-section-title{font-family:var(--font-serif);font-weight:500;font-size:clamp(24px,4vw,32px);margin:clamp(40px,7vw,64px) 0 14px}.land-foot{border-top:1px solid var(--border);margin-top:clamp(40px,7vw,64px);padding-top:22px;display:flex;flex-wrap:wrap;gap:8px 24px;font-family:var(--font-mono);font-size:11.5px;color:var(--faint)}