@font-face{font-family:Figtree;font-style:normal;font-weight:300 900;font-display:swap;src:url(/fonts/figtree-latin-wght-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Figtree;font-style:normal;font-weight:300 900;font-display:swap;src:url(/fonts/figtree-latin-ext-wght-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{color-scheme:dark;--font: "Figtree", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--bg: #000;--surface: #121212;--surface-1: #181818;--surface-2: #1f1f1f;--surface-3: #2a2a2a;--surface-menu: #282828;--surface-hover: rgb(255 255 255 / .07);--surface-active: rgb(255 255 255 / .12);--hover: var(--surface-hover);--border: rgb(255 255 255 / .1);--divider: rgb(255 255 255 / .08);--text: #fff;--text-2: #b3b3b3;--text-3: #7c7c7c;--muted: var(--text-2);--accent: #7cdfb0;--accent-hover: #95e8c2;--accent-press: #5fc79a;--accent-ink: #0b2a1d;--on-accent: var(--accent-ink);--danger: #f3727f;--warning: #ffa42b;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--r-xs: 4px;--r-sm: 6px;--r-md: 8px;--r-lg: 12px;--r-full: 999px;--shadow-menu: 0 16px 24px rgb(0 0 0 / .3), 0 6px 8px rgb(0 0 0 / .2);--shadow-card: 0 8px 24px rgb(0 0 0 / .5);--shadow-dialog: 0 24px 60px rgb(0 0 0 / .6);--dur-1: .1s;--dur-2: .2s;--ease: cubic-bezier(.3, 0, 0, 1);--fs-xs: 11px;--fs-sm: 12px;--fs-md: 13px;--fs-base: 14px;--fs-lg: 16px;--fs-xl: 20px;--fs-2xl: 24px;--fs-3xl: 32px;--fs-4xl: 48px}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);overflow:hidden}body{font:15px/1.45 var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-select:none;user-select:none;font-feature-settings:"ss01" off}input,textarea{-webkit-user-select:text;user-select:text}button,input,select,textarea{font-family:inherit}h1{font-size:22px;margin:0 0 8px;letter-spacing:-.02em}h2,h3{letter-spacing:-.01em}p{margin:0 0 12px}a{color:inherit}img{-webkit-user-drag:none}:where(button,a,[tabindex]:not(input,textarea),[role=button]):focus-visible{outline:2px solid #fff;outline-offset:2px}dialog:focus-visible{outline:none}.muted{color:var(--muted)}.accent{color:var(--accent)}.error-text{color:var(--danger)}:where(input:not([type=range],[type=file],[type=checkbox],[type=radio]),select,textarea){font:inherit;color:var(--text);background:var(--surface-3);border:1px solid transparent;border-radius:var(--r-sm);padding:10px 12px;outline:none;transition:border-color var(--dur-1),background-color var(--dur-1)}:where(input:not([type=range]),select,textarea):hover{border-color:#ffffff1f}:where(input:not([type=range]),select,textarea):focus{border-color:#ffffff80}:where(input,textarea)::placeholder{color:var(--text-3)}input:disabled{opacity:.6}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:inherit;font-size:var(--fs-base);font-weight:700;letter-spacing:.01em;cursor:pointer;min-height:40px;padding:8px 20px;border-radius:var(--r-full);border:1px solid rgba(255,255,255,.35);background:transparent;color:var(--text);text-decoration:none;white-space:nowrap;transition:transform var(--dur-1) var(--ease),border-color var(--dur-1),background-color var(--dur-1),color var(--dur-1)}.btn:hover:not(:disabled){transform:scale(1.03);border-color:var(--text)}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.45;cursor:default}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:transparent}.btn.primary:hover:not(:disabled){background:var(--accent-hover)}.btn.primary:active:not(:disabled){background:var(--accent-press)}.btn.primary:disabled{background:var(--surface-3);color:var(--text-3);opacity:1}.btn.tertiary{border-color:transparent;color:var(--text-2);padding-inline:12px}.btn.tertiary:hover:not(:disabled){color:var(--text);border-color:transparent}.btn.small{min-height:32px;padding:4px 14px;font-size:var(--fs-md)}.btn.large{min-height:48px;padding:12px 32px;font-size:var(--fs-lg)}.btn.wide{width:100%}.icon-btn{display:inline-grid;place-items:center;width:32px;height:32px;padding:0;position:relative;border:0;border-radius:50%;background:none;color:var(--text-2);cursor:pointer;text-decoration:none;transition:color var(--dur-1),transform var(--dur-1) var(--ease),background-color var(--dur-1)}.icon-btn:hover:not(:disabled){color:var(--text);transform:scale(1.04)}.icon-btn:disabled{opacity:.4;cursor:default}.icon-btn.round{width:36px;height:36px;background:var(--surface-3);color:var(--text)}.icon-btn.round:hover:not(:disabled){background:#333}.icon-btn.on{color:var(--accent)}.icon-btn.on:not(.like,.save,.bell):after{content:"";position:absolute;bottom:0;left:50%;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:currentColor}.pill,.chip{display:inline-flex;align-items:center;gap:6px;border:0;border-radius:var(--r-full);padding:6px 14px;min-height:32px;background:var(--surface-3);color:var(--text);font:inherit;font-size:var(--fs-base);font-weight:600;cursor:pointer;white-space:nowrap;transition:background-color var(--dur-1),color var(--dur-1)}.pill:hover,.chip:hover{background:#333}.pill.on,.chip.on{background:var(--text);color:#000}.slider{appearance:none;height:4px;border-radius:2px;cursor:pointer;margin:0;background:linear-gradient(to right,var(--text) var(--p, 0%),rgba(255,255,255,.3) var(--p, 0%))}.slider:hover{background:linear-gradient(to right,var(--accent) var(--p, 0%),rgba(255,255,255,.3) var(--p, 0%))}.slider::-webkit-slider-thumb{appearance:none;width:12px;height:12px;border-radius:50%;background:#fff;opacity:0;box-shadow:0 2px 4px #00000080}.slider::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:#fff;opacity:0}.slider:hover::-webkit-slider-thumb,.slider:focus-visible::-webkit-slider-thumb{opacity:1}.slider:hover::-moz-range-thumb{opacity:1}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent}::-webkit-scrollbar{width:12px;height:0}::-webkit-scrollbar-thumb{background-color:#ffffff2e;border:3px solid transparent;background-clip:padding-box;border-radius:6px}::-webkit-scrollbar-thumb:hover{background-color:#fff6}::-webkit-scrollbar-track{background:transparent}[data-tip]{position:relative}@media(hover:hover){[data-tip]:hover:before{content:attr(data-tip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);padding:6px 8px;border-radius:var(--r-xs);background:var(--surface-menu);color:var(--text);box-shadow:var(--shadow-menu);font-size:var(--fs-sm);font-weight:600;line-height:1.2;white-space:nowrap;pointer-events:none;z-index:1000;animation:tip-in .12s ease .4s both}[data-tip-pos=below]:hover:before{bottom:auto;top:calc(100% + 8px)}[data-tip-align=start]:hover:before{left:0;transform:none}[data-tip-align=end]:hover:before{left:auto;right:0;transform:none}}@keyframes tip-in{0%{opacity:0}to{opacity:1}}.skeleton{background:linear-gradient(90deg,var(--surface-2) 0%,var(--surface-3) 50%,var(--surface-2) 100%);background-size:200% 100%;border-radius:var(--r-xs);animation:skeleton 1.4s ease-in-out infinite}@keyframes skeleton{0%{background-position:100% 0}to{background-position:-100% 0}}@media(prefers-reduced-motion:reduce){.skeleton{animation:none}}img.fade{opacity:0;transition:opacity .25s ease}img.fade.loaded{opacity:1}.center-screen{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:16px;overflow-y:auto;background:linear-gradient(180deg,#1a2e28 0,#000 70%)}.center-screen .card{width:100%;max-width:400px;padding:40px 36px;background:var(--surface);border:0;border-radius:var(--r-lg);box-shadow:var(--shadow-dialog)}.progress{height:4px;border-radius:2px;background:var(--surface-3);overflow:hidden}.progress div{height:100%;background:var(--accent);transition:width .2s}.progress div.indeterminate{width:30%!important;animation:slide 1.4s ease-in-out infinite}@keyframes slide{0%{transform:translate(-110%)}to{transform:translate(340%)}}@keyframes pulse{50%{opacity:.35}}.spinner{width:28px;height:28px;border:3px solid var(--surface-3);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}@media(max-width:760px){body{overscroll-behavior:none;-webkit-tap-highlight-color:transparent}input:not([type=range]):not([type=file]):not([type=checkbox]),textarea{font-size:16px}.btn{min-height:44px}.center-screen{padding:calc(16px + env(safe-area-inset-top)) calc(16px + env(safe-area-inset-right)) calc(16px + env(safe-area-inset-bottom)) calc(16px + env(safe-area-inset-left))}.center-screen .card{padding:24px 20px}*{scrollbar-width:none}::-webkit-scrollbar{display:none}}:root{--ease-sheet: cubic-bezier(.32, .72, 0, 1);--ease-out-quick: cubic-bezier(.4, 0, 1, 1)}@media(max-width:760px){.btn:hover:not(:disabled){transform:none}}@media(max-width:760px)and (prefers-reduced-motion:no-preference){.btn,.pill,.icon-btn,.tile,.shelf-card,.liked-card{transition:transform .2s cubic-bezier(.3,.7,.4,1),opacity .2s ease,background-color .15s ease}.icon-btn:active:not(:disabled){transform:scale(.86);opacity:.7}.btn:active:not(:disabled),.pill:active{transform:scale(.95);opacity:.85}.tile:active,.shelf-card:active,.liked-card:active{transform:scale(.97);opacity:.85}.btn:active:not(:disabled),.pill:active,.icon-btn:active:not(:disabled),.tile:active,.shelf-card:active,.liked-card:active{transition-duration:.06s}.heart-pop{position:relative}.heart-pop app-icon{animation:heart-pop .45s cubic-bezier(.3,1.6,.5,1)}.heart-pop:after{content:"";position:absolute;inset:15%;border-radius:50%;border:2px solid var(--accent);pointer-events:none;animation:heart-ring .5s ease-out forwards}}@keyframes heart-pop{0%{transform:scale(1)}25%{transform:scale(.7)}60%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes heart-ring{0%{transform:scale(.4);opacity:.9}to{transform:scale(1.5);opacity:0}}