:root{--ink:#1d1b17;--bg:#fefdfc;--surface:#f5f3ee;--divider:#edebe7;--muted:#5b5750;--terra:#d2572e;--terra-light:#f6d3c3;--veto-bg:#fbe6dd;--reason:#7a3a22;--yellow:#ffed8b;--yellow-2:#f5de66;--yellow-pale:#fff6c9;--yellow-text:#5c4514;--blue:#b8f1f9;--blue-2:#93e4ef;--blue-pale:#e3f7fa;--blue-text:#2e5a66;--mini-sub:#c9c4ba;--backdrop:#edeae2;--solid:#1d1b17;--on-solid:#fefdfc;--on-terra:#fefdfc;--gutter:22px;--grad-yellow:linear-gradient(160deg, #ffed8b 0%, #f5de66 100%);--grad-blue:linear-gradient(160deg, #b8f1f9 0%, #93e4ef 100%);--shadow-sm:0 6px 14px #0000002e;--shadow-lg:0 16px 30px -10px #00000059;--head:"Space Grotesk", system-ui, sans-serif;--body:"Manrope", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--ink:#f2eee6;--bg:#16140f;--surface:#211f1a;--divider:#2e2b25;--muted:#a9a399;--terra:#ee8c66;--terra-light:#4a2a1e;--veto-bg:#3a2219;--reason:#f0a585;--yellow-pale:#332b12;--yellow-text:#f3de8a;--blue-pale:#14303a;--blue-text:#a5e3ec;--mini-sub:#b8b2a6;--backdrop:#0d0c09;--solid:#2c2923;--on-solid:#f2eee6;--on-terra:#16140f;--shadow-sm:0 6px 14px #00000080;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--ink:#f2eee6;--bg:#16140f;--surface:#211f1a;--divider:#2e2b25;--muted:#a9a399;--terra:#ee8c66;--terra-light:#4a2a1e;--veto-bg:#3a2219;--reason:#f0a585;--yellow-pale:#332b12;--yellow-text:#f3de8a;--blue-pale:#14303a;--blue-text:#a5e3ec;--mini-sub:#b8b2a6;--backdrop:#0d0c09;--solid:#2c2923;--on-solid:#f2eee6;--on-terra:#16140f;--shadow-sm:0 6px 14px #00000080;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.light-surface,.card-yellow,.card-blue{--ink:#1d1b17;--bg:#fefdfc;--surface:#f5f3ee;--divider:#edebe7;--muted:#5b5750;--reason:#7a3a22;--yellow-text:#5c4514;--blue-text:#2e5a66;--mini-sub:#c9c4ba;--solid:#1d1b17;--on-solid:#fefdfc;color:var(--ink)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--backdrop);margin:0}body{font-family:var(--body);color:var(--ink);-webkit-font-smoothing:antialiased;font-weight:400}#root{justify-content:center;min-height:100dvh;display:flex}.app{background:var(--bg);flex-direction:column;width:100%;max-width:430px;min-height:100dvh;display:flex;position:relative}@media (width>=431px){.app{box-shadow:0 0 0 1px #0000000a,0 30px 60px -30px #00000040}}.main{flex:1}button{font:inherit;color:inherit;cursor:pointer;text-align:inherit;background:0 0;border:0;padding:0}input{font-family:var(--body);color:var(--ink)}input[type=range]{accent-color:var(--terra);width:100%;min-height:44px}a{color:var(--terra)}:focus-visible{outline:2px solid var(--terra);outline-offset:2px}.screen{padding:calc(56px + env(safe-area-inset-top,0px)) var(--gutter) 24px;flex-direction:column;gap:24px;display:flex}.screen.sub{padding-top:calc(52px + env(safe-area-inset-top,0px));gap:18px}.screen.tight{gap:16px}.h1{font-family:var(--head);letter-spacing:-.01em;margin:0;font-size:30px;font-weight:700;line-height:1.1}.h2{font-family:var(--head);margin:0;font-size:19px;font-weight:700}.sub-text{color:var(--muted);margin-top:2px;font-size:12.5px}.muted{color:var(--muted)}.ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.row{align-items:center;gap:12px;display:flex}.col{flex-direction:column;display:flex}.grow{flex:1;min-width:0}.card-yellow{background:var(--grad-yellow);border-radius:24px;padding:20px}.card-blue{background:var(--grad-blue);border-radius:24px}.pill{border-radius:22px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 20px;font-size:14px;font-weight:700;display:inline-flex}.pill.dark{background:var(--solid);color:var(--on-solid)}.pill.terra{background:var(--terra);color:var(--on-terra);font-weight:800}.pill.soft{background:var(--surface)}.pill.outline{border:1.5px solid var(--ink)}.pill.big{border-radius:26px;min-height:52px;font-size:15px}.icon-btn{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.chip{background:var(--surface);border-radius:18px;flex-shrink:0;align-items:center;min-height:36px;padding:0 14px;font-size:13px;font-weight:700;display:flex}.chip.on{background:var(--ink);color:var(--bg)}.hscroll{scrollbar-width:none;margin:0 calc(-1 * var(--gutter));padding:0 var(--gutter) 4px;display:flex;overflow-x:auto}.hscroll::-webkit-scrollbar{display:none}.track{border-bottom:1px solid var(--divider);align-items:baseline;gap:12px;padding:9px 2px;font-size:14px;display:flex}.track .no{flex-shrink:0;width:28px;font-size:12.5px;font-weight:700}.track .dur{color:var(--muted);font-size:12.5px}.search{background:var(--surface);border-radius:16px;align-items:center;gap:10px;min-height:46px;padding:0 14px;display:flex}.search input{background:0 0;border:none;outline:none;flex:1;min-height:44px;font-size:14px}.field{background:var(--surface);border:none;border-radius:16px;outline:none;width:100%;padding:14px 16px;font-size:15px}.label{color:var(--muted);font-size:12.5px;font-weight:700}.toast{left:50%;bottom:calc(110px + env(safe-area-inset-bottom,0px));background:var(--solid);color:var(--on-solid);z-index:50;border-radius:14px;max-width:360px;padding:10px 16px;font-size:13px;font-weight:700;position:fixed;transform:translate(-50%)}.chrome{background:var(--bg);border-top:1px solid var(--divider);padding:8px 14px calc(22px + env(safe-area-inset-bottom,0px) * .5);z-index:20;flex-direction:column;gap:8px;display:flex;position:sticky;bottom:0}.mini{background:var(--solid);color:var(--on-solid);border-radius:16px;align-items:center;gap:10px;width:100%;padding:8px 10px;display:flex}.tabs{justify-content:space-around;display:flex}.tab{min-width:64px;min-height:44px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:11px;font-weight:700;text-decoration:none;display:flex}.tab.on{color:var(--terra)}.fade{animation:.18s ease-out fade}@keyframes fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.fade{animation:none}}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.wiggle{animation:.3s ease-in-out infinite alternate wiggle}.wiggle:nth-child(2n){animation-delay:-.15s}@keyframes wiggle{0%{transform:rotate(-.7deg)}to{transform:rotate(.7deg)}}@media (prefers-reduced-motion:reduce){.wiggle{animation:none}}.shelf-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 10px;display:grid}.side-brand,.side-only{display:none!important}@media (width>=700px){:root{--gutter:32px}.app{max-width:none;box-shadow:none}.main{width:100%}.screen{width:100%;max-width:820px;margin:0 auto}.screen.wide{max-width:1240px}.screen.narrow{max-width:520px}.shelf-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:18px 14px}.chrome .tabs,.chrome .mini{max-width:820px;margin-left:auto;margin-right:auto}.chrome .tabs{width:100%}}@media (width>=1024px){:root{--gutter:40px}.app:has(>.chrome){grid-template-columns:240px minmax(0,1fr);align-items:start;display:grid}.app:has(>.chrome)>.main{grid-area:1/2;min-width:0}.chrome{border-top:none;border-right:1px solid var(--divider);grid-area:1/1;gap:6px;height:100dvh;padding:28px 16px 20px;position:sticky;top:0}.side-only{display:flex!important}.home-brand{visibility:hidden}.side-brand{font-family:var(--head);letter-spacing:-.02em;color:var(--ink);align-items:center;gap:10px;padding:0 10px 20px;font-size:20px;font-weight:700;text-decoration:none;display:flex!important}.chrome .tabs{flex-direction:column;justify-content:flex-start;gap:2px;max-width:none}.chrome .tab{border-radius:12px;flex-direction:row;justify-content:flex-start;gap:12px;min-height:44px;padding:10px 12px;font-size:15px}.chrome .tab.on{background:var(--surface)}.chrome .mini{flex-wrap:wrap;order:3;max-width:none;margin-top:auto}.screen{padding-top:44px}.screen.sub{padding-top:40px}.shelf-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:22px 18px}.toast{left:calc(50% + 120px)}.screen.detail{grid-template-columns:340px minmax(0,1fr);align-items:start;column-gap:48px;max-width:1040px;display:grid}.screen.detail>*{grid-column:2}.screen.detail>:first-child{grid-column:1/-1}.screen.detail>.detail-cover{grid-area:2/1/span 30;position:sticky;top:40px;align-self:start!important}.screen.detail>.detail-cover>*{width:100%!important;height:auto!important}}