.feed{background:var(--bg);position:absolute;inset:0}.feed__hud{z-index:5;padding:calc(var(--safe-top) + var(--space-3)) var(--space-3) var(--space-3);pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;top:0;left:0;right:0}.feed__logo,.feed__balance{border-radius:var(--radius-pill);background:var(--surface);min-height:40px;box-shadow:var(--shadow-s), var(--shadow-m);align-items:center;display:inline-flex}.feed__logo{padding:0 10px 0 14px}.feed__balance{padding:0 14px 0 8px}.feed__scroller{scroll-snap-type:y mandatory;overscroll-behavior:contain;scrollbar-width:none;height:100%;overflow-y:scroll}.feed__scroller::-webkit-scrollbar{display:none}.feed__slot{scroll-snap-align:start;scroll-snap-stop:always;height:100%}.feed__state{place-content:center;gap:var(--space-3);text-align:center;color:var(--ink-dim);z-index:4;font-weight:700;display:grid;position:absolute;inset:0}.card{background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 60%, white), var(--surface-2) 85%);height:100%;position:relative;overflow:hidden}.card__frame{background:0 0;border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.card__poster{background:repeating-linear-gradient(-45deg,#0000 0 22px,#ffffff38 22px 44px);place-items:center;display:grid;position:absolute;inset:0}.card__poster-title{max-width:80%;padding:var(--space-3) var(--space-5);border-radius:var(--radius-m);background:var(--surface);box-shadow:var(--shadow-l);font-family:var(--font-display);font-size:var(--text-xl);text-align:center;text-transform:uppercase;color:var(--ink);line-height:.95;transform:rotate(-4deg)}.card__meta{left:var(--space-3);right:84px;bottom:var(--space-4);justify-items:start;gap:var(--space-1);pointer-events:none;display:grid;position:absolute}.card__genre{font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--ink);background:color-mix(in srgb, var(--accent) 85%, white);border-radius:var(--radius-pill);box-shadow:var(--shadow-s);padding:3px 10px;font-weight:900;display:inline-block;transform:rotate(-3deg)}.card__tag{max-width:100%;padding:var(--space-2) var(--space-4) var(--space-2);background:var(--surface);box-shadow:var(--shadow-s), var(--shadow-m);border-radius:20px}.card__title{font-family:var(--font-display);text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:1.5rem;font-weight:400;line-height:1;overflow:hidden}.card__studio{font-size:var(--text-xs);color:var(--ink-dim);margin:2px 0 0;font-weight:700}.card__rail{right:var(--space-3);bottom:var(--space-4);align-items:center;gap:var(--space-3);z-index:3;flex-direction:column;display:flex;position:absolute}.rail-btn{background:0 0;border:0;flex-direction:column;align-items:center;gap:4px;padding:0;font-size:.68rem;font-weight:900;display:flex}.rail-btn svg{fill:none;stroke:var(--ink);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;background:var(--surface);width:50px;height:50px;box-shadow:var(--shadow-s), var(--shadow-m);transition:transform var(--duration-fast) var(--ease-spring), box-shadow var(--duration-fast);border-radius:50%;padding:11px}.rail-btn>span{border-radius:var(--radius-pill);background:var(--surface);min-width:28px;color:var(--ink);box-shadow:var(--shadow-s);font-variant-numeric:tabular-nums;padding:1px 7px}.rail-btn:active svg{box-shadow:var(--shadow-s);transform:translateY(2px)scale(.94)}.rail-btn--on svg{fill:var(--berry);stroke:var(--berry);animation:like-pop var(--duration-normal) var(--ease-spring)}.rail-btn--install svg{background:var(--coin);box-shadow:inset 0 -3px 0 var(--coin-edge), 0 12px 24px -12px var(--coin-glow)}@keyframes like-pop{50%{transform:scale(1.2)}}.earn{background:var(--surface);width:50px;height:50px;box-shadow:var(--shadow-s), var(--shadow-m);perspective:200px;border-radius:50%;place-items:center;display:grid;position:relative}.earn:after{content:"";box-shadow:inset 0 0 0 3px var(--line-strong);border-radius:50%;position:absolute;inset:0}.earn--waiting:after{box-shadow:inset 0 0 0 3px var(--coin)}.earn--waiting{animation:earn-pulse 1.6s var(--ease-out-expo) infinite}.earn--earned:after{box-shadow:inset 0 0 0 3px var(--lime), inset 0 0 0 5px var(--signal)}.earn--off{opacity:.6}.earn--off .earn__coin{filter:grayscale()}.earn__pop{border-radius:var(--radius-pill);background:var(--coin);box-shadow:inset 0 -2px 0 var(--coin-edge), var(--shadow-m);font-family:var(--font-display);font-size:var(--text-base);color:var(--ink);white-space:nowrap;animation:earn-pop 1.4s var(--ease-out-expo) forwards;margin-right:6px;padding:3px 10px;line-height:1.2;position:absolute;right:100%}@keyframes earn-pulse{50%{transform:scale(1.08)}}@keyframes earn-pop{0%{opacity:0;transform:translateY(8px)scale(.8)}20%{opacity:1;transform:none}80%{opacity:1}to{opacity:0;transform:translateY(-14px)}}.endcard{z-index:4;padding:var(--space-4);padding-bottom:var(--space-5);animation:endcard-in var(--duration-normal) var(--ease-out-expo);background:linear-gradient(#0000 15%,#0f111599);align-items:end;display:grid;position:absolute;inset:0}.endcard__panel{background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 22%, white), var(--surface) 45%);border-radius:var(--radius-l);padding:var(--space-5);padding-top:var(--space-6);gap:var(--space-3);box-shadow:var(--shadow-l);width:100%;max-width:460px;animation:sheet-up .42s var(--ease-out-expo);margin:0 auto;display:grid;position:relative}.endcard__sticker{right:var(--space-4);width:96px;height:96px;filter:var(--art-shadow);animation:sticker-in .6s var(--ease-spring) .12s both;position:absolute;top:-52px;transform:rotate(10deg)}.endcard__eyebrow{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.12em;color:var(--ink-dim);margin:0;padding-right:96px;font-weight:800}.endcard__title{font-family:var(--font-display);font-weight:400;font-size:var(--text-xl);text-transform:uppercase;margin:0;padding-right:80px;line-height:.95}.endcard__reward{font-family:var(--font-display);color:var(--ink);gap:var(--space-1);animation:reward-pop .5s var(--ease-spring);font-size:3rem;line-height:1;display:grid}.endcard__reward .coin-amount{font-weight:400}.endcard__note{font-family:var(--font-body);font-size:var(--text-sm);color:var(--ink-dim);margin:0;font-weight:700;line-height:1.4}.endcard__row{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}@keyframes endcard-in{0%{opacity:0}}@keyframes sheet-up{0%{transform:translateY(40px)}}@keyframes reward-pop{0%{opacity:0;transform:scale(.6)}}.swipe-hint{z-index:6;justify-items:center;gap:var(--space-1);padding:var(--space-3) var(--space-5);border-radius:var(--radius-m);background:var(--surface);color:var(--ink);box-shadow:var(--shadow-l);font-weight:900;font-size:var(--text-sm);white-space:nowrap;pointer-events:none;animation:hint-fade 6s var(--ease-out-expo) forwards;display:grid;position:absolute;bottom:28%;left:50%;transform:translate(-50%)}.swipe-hint__hand{animation:hint-swipe 1.3s var(--ease-out-expo) infinite;font-size:2rem}@keyframes hint-swipe{0%{opacity:0;transform:translateY(16px)}40%{opacity:1}to{opacity:0;transform:translateY(-16px)}}@keyframes hint-fade{85%{opacity:1}to{opacity:0}}.feed--hidden{visibility:hidden;pointer-events:none}.feed__hud-right{align-items:center;gap:var(--space-2);display:flex}.boost-chip{border-radius:var(--radius-pill);min-height:40px;font-family:var(--font-display);font-size:var(--text-base);color:var(--ink);background:var(--berry);box-shadow:var(--shadow-s), var(--shadow-m);align-items:center;gap:6px;padding:0 12px;display:inline-flex}.boost-chip span{font-family:var(--font-body);font-weight:900;font-size:var(--text-sm);font-variant-numeric:tabular-nums}:root{--signal-ink:#0b7a40;--sky-ink:#1f5fd1}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:var(--text-base);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;font-weight:500;line-height:1.45;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer}:focus-visible{outline:3px solid var(--ink);outline-offset:3px}[hidden]{display:none!important}.muted{color:var(--ink-dim)}.eyebrow{font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim);margin:0;font-weight:800}.section-title{align-items:baseline;gap:var(--space-2);font-family:var(--font-display);letter-spacing:.01em;text-transform:uppercase;margin:var(--space-6) 0 var(--space-3);color:var(--ink);font-size:1.6rem;font-weight:400;line-height:1;display:flex}.empty,.hint,.fineprint{color:var(--ink-dim);font-size:var(--text-sm)}.fineprint{margin-top:var(--space-6)}code{font-size:var(--text-xs);word-break:break-all}.shell{background:var(--wash,var(--bg));grid-template-rows:auto 1fr auto;height:100%;display:grid}.shell--feed{grid-template-rows:1fr auto}.shell--profile{--wash:linear-gradient(180deg, color-mix(in srgb, var(--sky) 55%, white) 0, var(--sky-soft) 34%, var(--surface-2) 70%)}.shell--lottery{--wash:linear-gradient(180deg, var(--lemon) 0, var(--lemon-soft) 36%, var(--surface-2) 72%)}.shell--rating{--wash:linear-gradient(180deg, var(--lime) 0, var(--lime-soft) 36%, var(--surface-2) 72%)}.shell--friends{--wash:linear-gradient(180deg, color-mix(in srgb, var(--grape) 50%, white) 0, var(--grape-soft) 36%, var(--surface-2) 72%)}.topbar{padding:calc(var(--safe-top) + var(--space-3)) var(--space-4) var(--space-2);justify-content:space-between;align-items:center;display:flex}.topbar__logo,.feed__logo,.splash__logo{font-family:var(--font-display);letter-spacing:.01em;color:var(--ink);font-size:1.35rem;font-weight:400;line-height:1}.topbar__logo span,.feed__logo span,.splash__logo span{background:var(--ink);color:var(--surface);border-radius:8px;margin-left:2px;padding:2px 6px 1px;display:inline-block;transform:rotate(-3deg)}.balance-chip{background:var(--surface);border-radius:var(--radius-pill);min-height:40px;box-shadow:var(--shadow-s), var(--shadow-m);transition:transform var(--duration-fast) var(--ease-spring), box-shadow var(--duration-fast);border:0;align-items:center;padding:0 14px 0 8px;font-weight:900;display:inline-flex}.balance-chip:active{box-shadow:var(--shadow-s);transform:translateY(2px)}.screen{min-height:0;position:relative;overflow:hidden auto}.shell--feed .screen{overflow:hidden}.page{padding:var(--space-2) var(--space-4) var(--space-6);max-width:560px;animation:page-in var(--duration-normal) var(--ease-out-expo);margin:0 auto}@keyframes page-in{0%{opacity:0;transform:translateY(12px)}}.screen-head{justify-content:space-between;align-items:flex-end;gap:var(--space-2);min-height:120px;margin-bottom:var(--space-5);display:flex;position:relative}.screen-head__text{gap:var(--space-2);min-width:0;display:grid}.screen-title{font-family:var(--font-display);font-weight:400;font-size:var(--text-hero);letter-spacing:-.005em;text-transform:uppercase;color:var(--ink);margin:0;line-height:.9}.screen-head__art{pointer-events:none;flex:none;width:120px;height:120px;position:relative}.sticker{filter:var(--art-shadow);animation:sticker-in .6s var(--ease-spring) both;position:absolute}.sticker--0{width:112px;height:112px;top:0;right:0;transform:rotate(8deg)}.sticker--1{width:68px;height:68px;animation-delay:.12s;bottom:-10px;left:-18px;transform:rotate(-12deg)}@keyframes sticker-in{0%{opacity:0;transform:scale(.4)rotate(-20deg)}}.countdown{gap:var(--space-2);display:flex}.countdown__cell{min-width:72px;padding:var(--space-3) var(--space-2) var(--space-2);border-radius:var(--radius-m);background:var(--surface);box-shadow:var(--shadow-s), var(--shadow-m);justify-items:center;display:grid}.countdown__n{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:2.6rem;line-height:1}.countdown__unit{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-dim);font-weight:800}.countdown--now{font-family:var(--font-display);text-transform:uppercase;margin:0;font-size:2.6rem;line-height:1}.screen-loading,.splash{align-content:center;place-items:center;gap:var(--space-3);text-align:center;min-height:40vh;padding:var(--space-5);color:var(--ink-dim);font-weight:700;display:grid}.splash{background:linear-gradient(180deg, var(--lemon) 0, var(--lemon-soft) 40%, var(--bg) 100%);height:100%}.splash__art{width:120px;height:120px;filter:var(--art-shadow);animation:splash-bob 1.6s var(--ease-out-expo) infinite alternate}.splash__logo{font-size:var(--text-hero)}.splash__title{font-family:var(--font-display);font-size:var(--text-xl);text-transform:uppercase;color:var(--ink);margin:0;line-height:.95}@keyframes splash-bob{to{transform:translateY(-10px)rotate(-6deg)}}.tabbar{z-index:10;height:var(--tabbar-h);margin:var(--space-2) var(--space-3) calc(var(--safe-bottom) + var(--space-2));padding:0 var(--space-1);border-radius:var(--radius-pill);background:var(--surface);box-shadow:var(--shadow-s), var(--shadow-l);grid-template-columns:repeat(5,1fr);display:grid;position:relative}.tab{color:var(--ink-dim);border-radius:var(--radius-pill);background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:.66rem;font-weight:800;display:flex}.tab__icon{background:var(--surface);width:44px;height:44px;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink);transition:transform var(--duration-fast) var(--ease-spring), background-color var(--duration-fast), color var(--duration-fast);border-radius:50%;place-items:center;display:grid}.tab--active{color:var(--ink)}.tab--active .tab__icon{background:var(--ink);color:var(--surface);transform:translateY(-2px)}.tab:active .tab__icon{transform:translateY(1px)scale(.92)}.tab:focus-visible{outline-offset:-2px}@media (hover:hover){.tab:not(.tab--active):hover .tab__icon{background:var(--sky-soft)}}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:52px;padding:0 var(--space-5);border-radius:var(--radius-pill);transition:transform var(--duration-fast) var(--ease-spring), box-shadow var(--duration-fast), background-color var(--duration-fast);border:0;font-weight:900;display:inline-flex}.btn:active:not(:disabled){transform:translateY(2px)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn--primary{background:var(--ink);color:var(--surface);box-shadow:var(--shadow-m)}.btn--primary:active:not(:disabled){box-shadow:var(--shadow-s)}.btn--coin{background:var(--coin);color:var(--ink);box-shadow:inset 0 -3px 0 var(--coin-edge), 0 12px 24px -12px var(--coin-glow)}.btn--coin:active:not(:disabled){box-shadow:inset 0 -1px 0 var(--coin-edge)}.btn--ghost{background:var(--surface);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line-strong)}.btn--ghost:active:not(:disabled){background:var(--surface-2)}@media (hover:hover){.btn--primary:hover:not(:disabled){background:#262a32}.btn--coin:hover:not(:disabled){background:#ffcd4f}.btn--ghost:hover:not(:disabled){box-shadow:inset 0 0 0 1.5px var(--ink)}}.btn--block{width:100%}.btn__badge{font-size:var(--text-xs);background:var(--coin);color:var(--ink);border-radius:var(--radius-pill);padding:2px 8px 2px 4px;display:inline-flex}.coin{object-fit:contain;flex:none;display:inline-block}.coin--spin{animation:coin-spin 1.2s var(--ease-out-expo) infinite}@keyframes coin-spin{0%,60%{transform:rotateY(0)}to{transform:rotateY(360deg)}}.coin-amount{font-variant-numeric:tabular-nums;vertical-align:middle;align-items:center;gap:.3em;font-weight:900;display:inline-flex}.toasts{top:calc(var(--safe-top) + 64px);justify-items:center;gap:var(--space-2);z-index:50;pointer-events:none;width:min(92vw,420px);display:grid;position:fixed;left:50%;transform:translate(-50%)}.toast{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius-pill);background:var(--ink);color:var(--surface);box-shadow:var(--shadow-l);font-weight:800;font-size:var(--text-sm);text-align:center;animation:toast-in var(--duration-normal) var(--ease-spring);display:inline-flex}.toast--coin:before,.toast--error:before{content:"";flex:none;width:20px;height:20px}.toast--coin:before{background:url(/art/coin.webp) 50%/contain no-repeat}.toast--error:before{background:var(--danger);border-radius:50%;width:10px;height:10px}@keyframes toast-in{0%{opacity:0;transform:translateY(-10px)scale(.96)}}.surface-card{background:var(--surface);border-radius:var(--radius-m);box-shadow:var(--shadow-s), var(--shadow-m)}.avatar{object-fit:cover;border-radius:50%;flex:none;width:36px;height:36px}.avatar--letter{background:var(--sky-soft);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line-strong);font-family:var(--font-display);place-items:center;font-size:1em;font-weight:400;display:inline-grid}.segmented{gap:var(--space-1);padding:var(--space-1);background:var(--surface);border-radius:var(--radius-pill);box-shadow:var(--shadow-s), var(--shadow-m);display:flex}.segmented button{min-height:40px;padding:var(--space-2);border-radius:var(--radius-pill);color:var(--ink-dim);font-weight:800;font-size:var(--text-sm);transition:background-color var(--duration-fast), color var(--duration-fast);background:0 0;border:0;flex:1}.segmented button[aria-selected=true]{background:var(--ink);color:var(--surface)}.segmented__gap{background:var(--line-strong);width:1.5px;margin:8px 2px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}