:root{--sr-cream:#f5e9d0;--sr-paper:#fbf4e4;--sr-mustard:#e2b04a;--sr-tomato:#cc4f2d;--sr-tomato-deep:#9f3a22;--sr-meadow:#709359;--sr-pond:#4c7a8c;--sr-ink:#4a2f23;--sr-ink-2:#6e5244;--sr-border:#dccbaa;--sr-scrim:#4a2f238c;--sr-sky:#6e929a;--sr-grass:#95b86c;--sr-gill:#d9cfbb;--sr-stem:#efe9c9;--sr-stem-shade:#c9b47e;--sr-stem-shadow:#ad9866;--sr-stem-ring:#6b5a3a;--sr-meadow-deep:#536d44;--sr-grass-light:#c1d895;--bg:var(--sr-cream);--surface:var(--sr-paper);--ink:var(--sr-ink);--muted:var(--sr-ink-2);--border:var(--sr-border);--accent:var(--sr-tomato);--accent-deep:var(--sr-tomato-deep);--on-accent:var(--sr-paper);--up:var(--sr-tomato);--down:var(--sr-pond);--ok:var(--sr-meadow-deep);--scrim:var(--sr-scrim);--font:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-story:"Fraunces", "Iowan Old Style", Georgia, serif;--story-settings:"opsz" 144, "wght" 600, "SOFT" 100, "WONK" 1;--text-1:12px;--text-2:13px;--text-3:15px;--text-4:17px;--text-5:20px;--text-6:26px;--text-7:32px;--text-8:40px;--radius-sm:10px;--radius:16px;--radius-lg:24px;--radius-pill:999px;--ease-standard:cubic-bezier(.32, .72, 0, 1);--ease-arrive:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-accel:cubic-bezier(.4, 0, 1, 1);--ease-loop:cubic-bezier(.45, 0, .55, 1);--dur-1:.12s;--dur-2:.16s;--dur-3:.22s;--dur-4:.28s;--dur-5:.32s;--dur-6:.42s;--dur-7:.56s;--stagger:40ms;--press-scale-btn:.96;--press-scale-row:.985;--press-scale-tile:.94;--press-in:var(--dur-1) var(--ease-accel);--press-out:.26s var(--ease-spring);--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}:root:not([data-theme=light]){--sr-cream:#2a1f19;--sr-paper:#362a22;--sr-mustard:#e6b85a;--sr-tomato:#e36a46;--sr-tomato-deep:#cc4f2d;--sr-meadow:#5c7f4a;--sr-pond:#7faabb;--sr-ink:#f1e4cc;--sr-ink-2:#c2ae94;--sr-border:#4a3b31;--sr-scrim:#0e0907a6;--sr-sky:#2f4850;--sr-grass:#7c9f5a;--sr-gill:#c9bda6;--sr-meadow-deep:#46613a;--sr-grass-light:#a9c47e;--on-accent:#2a1f19}}:root[data-theme=dark]{--sr-sky:#2f4850;--sr-grass:#7c9f5a;--sr-gill:#c9bda6;--sr-meadow-deep:#46613a;--sr-grass-light:#a9c47e;--sr-cream:#2a1f19;--sr-paper:#362a22;--sr-mustard:#e6b85a;--sr-tomato:#e36a46;--sr-tomato-deep:#cc4f2d;--sr-meadow:#5c7f4a;--sr-pond:#7faabb;--sr-ink:#f1e4cc;--sr-ink-2:#c2ae94;--sr-border:#4a3b31;--sr-scrim:#0e0907a6;--on-accent:#2a1f19}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--font);font-size:var(--text-3);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;line-height:1.45}button{font:inherit;color:inherit}.paper-grain:after{content:"";pointer-events:none;opacity:.06;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='g'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.3 0 0 0 0 0.18 0 0 0 0 0.12 0 0 0 1 0'/></filter><rect width='160' height='160' filter='url(%23g)'/></svg>");position:fixed;inset:0}.story{font-family:var(--font-story);font-variation-settings:var(--story-settings);letter-spacing:-.015em;line-height:1.12}.wordmark{font-family:var(--font-story);font-variation-settings:var(--story-settings);letter-spacing:-.015em;color:var(--ink);align-items:baseline;display:inline-flex}.wordmark .sh{letter-spacing:.01em;margin-right:-.03em;font-size:.62em;position:relative;top:-.34em}.wordmark.tinted .sh{color:var(--accent)}.tabular{font-variant-numeric:tabular-nums}.press-fb{transition:scale var(--press-out);scale:1}.press-fb:active{transition:scale var(--press-in);scale:var(--press-scale-btn)}.press-fb.row:active{scale:var(--press-scale-row)}.press-fb.tile:active{scale:var(--press-scale-tile)}.btn{appearance:none;border-radius:var(--radius-pill);font-weight:600;font-size:var(--text-4);background:var(--accent);color:var(--on-accent);cursor:pointer;border:0;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:14px 22px;display:inline-flex}.btn.quiet{color:var(--ink);border:1.5px solid var(--border);background:0 0}.btn.icon{width:48px;padding:0}.btn.ghost{color:var(--muted);background:0 0;min-height:44px}.screen{padding:calc(var(--safe-top) + 12px) 20px calc(var(--safe-bottom) + 16px);animation:screen-in var(--dur-6) var(--ease-arrive) backwards;flex-direction:column;display:flex;position:absolute;inset:0}.screen.leaving{animation:screen-out var(--dur-4) var(--ease-accel) forwards;pointer-events:none}@keyframes screen-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes screen-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}.screen-head{justify-content:space-between;align-items:center;min-height:48px;display:flex}.screen-title{font-size:var(--text-6);margin:0}.screen-body{flex-direction:column;flex:1;display:flex}.tabbar{z-index:10;padding:8px 16px calc(var(--safe-bottom) + 8px);background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--border);grid-template-columns:repeat(3,1fr);display:grid;position:absolute;bottom:0;left:0;right:0}.tab{appearance:none;font-size:var(--text-1);color:var(--muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:0;flex-direction:column;align-items:center;gap:4px;padding:8px 0;display:flex}.tab[aria-selected=true]{color:var(--ink)}.tab svg{width:26px;height:26px}.empty{text-align:center;color:var(--muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;padding:24px;display:flex}.empty .story{color:var(--ink);font-size:var(--text-6);margin:0}.empty p{max-width:28ch;margin:0}.empty .btn{margin-top:8px}.intro{background:var(--bg);flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden}.scene-wrap{min-height:0;animation:cap-settle var(--dur-5) var(--ease-spring) backwards;transform-origin:50% 80%;transition:transform var(--dur-7) var(--ease-standard);flex:1;overflow:hidden}.stage-onboarding .scene-wrap{transform:translateY(-6%)scale(1.04)}.scene{width:100%;height:100%;display:block}.scene .rain{opacity:0;animation:rain-in var(--dur-7) var(--ease-arrive) forwards;animation-delay:var(--dur-6);will-change:transform}.scene .rain-a line{animation:2.6s linear infinite rain-fall}.scene .rain-b line{animation:3.4s linear infinite rain-fall}.splash-page,.onboarding-page{background:var(--bg);animation:page-in var(--dur-6) var(--ease-arrive) backwards;flex-direction:column;flex:none;display:flex}.splash-page{padding:28px 24px calc(var(--safe-bottom) + 40px);align-items:center;gap:10px}.splash-page.leaving{animation:page-out var(--dur-5) var(--ease-accel) forwards}.splash-page .wordmark{font-size:var(--text-8);animation:fade-up var(--dur-6) var(--ease-arrive) backwards;animation-delay:var(--dur-2)}.splash-page .subtitle{color:var(--muted);font-size:var(--text-3);animation:fade-up var(--dur-6) var(--ease-arrive) backwards;animation-delay:var(--dur-3);margin:-6px 0 0}@keyframes page-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes page-out{to{opacity:0;transform:translateY(12px)}}@keyframes cap-settle{0%{opacity:0;scale:.96}to{opacity:1;scale:1}}@keyframes rain-in{to{opacity:1}}@keyframes rain-fall{0%{transform:translateY(-200px)}to{transform:translateY(200px)}}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-out{to{opacity:0}}.onboarding-page{padding:20px 0 calc(var(--safe-bottom) + 16px);gap:16px}.pager{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;display:flex;overflow-x:auto}.pager::-webkit-scrollbar{display:none}.pager-page{scroll-snap-align:start;scroll-snap-stop:always;box-sizing:border-box;flex:0 0 100%;padding:0 20px}.pager-page h1{font-size:var(--text-7);margin:0}.pager-page .lede{color:var(--muted);font-size:var(--text-4);max-width:32ch;margin:10px 0 0}.dots{gap:8px;display:flex}.dots i{background:var(--border);width:8px;height:8px;transition:scale var(--dur-3) var(--ease-standard);border-radius:50%}.dots i[data-on=true]{background:var(--accent);scale:1.25}.onboarding-actions{justify-content:space-between;align-items:center;gap:12px;padding:0 20px;display:flex}.sheet-scrim{z-index:30;background:var(--scrim);animation:fade-in var(--dur-4) var(--ease-standard) backwards;position:absolute;inset:0}.sheet-scrim.closing{animation:fade-out var(--dur-4) var(--ease-standard) forwards}.sheet{z-index:31;will-change:transform;background:var(--surface);border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:12px 20px calc(var(--safe-bottom) + 20px);animation:sheet-in var(--dur-6) var(--ease-arrive) backwards;box-shadow:0 -1px 0 var(--border), 0 -24px 60px #0000001f;position:absolute;bottom:0;left:0;right:0}.sheet.closing{animation:sheet-out var(--dur-5) var(--ease-accel) forwards}.sheet-handle{touch-action:none;cursor:grab;margin:-12px -20px 0;padding:12px 20px 0}.sheet.dragging{animation:none}.sheet .grabber{background:var(--border);border-radius:3px;width:36px;height:5px;margin:0 auto 14px}.sheet h2{font-size:var(--text-6);margin:0 0 6px}.sheet .hint{color:var(--muted);margin:0 0 16px}.field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.field label{font-size:var(--text-2);color:var(--muted)}.field input,.field textarea{font:inherit;color:var(--ink);background:var(--bg);border:1.5px solid var(--border);border-radius:var(--radius);outline:none;padding:12px 14px}.field input:focus,.field textarea:focus{border-color:var(--accent)}.sheet-actions{justify-content:flex-end;gap:10px;margin-top:6px;display:flex}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes sheet-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes sheet-out{0%{transform:translateY(0)}to{transform:translateY(100%)}}.room-list{flex-direction:column;gap:10px;margin:12px 0 0;padding:0;list-style:none;display:flex}.room-row{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);animation:fade-up var(--dur-6) var(--ease-arrive) backwards;align-items:center;gap:14px;padding:12px 14px;display:flex}.room-avatar{background:var(--sr-mustard);width:44px;height:44px;color:var(--sr-ink);font-family:var(--font-story);font-variation-settings:var(--story-settings);font-size:var(--text-5);border-radius:50%;place-items:center;display:grid}.room-name{font-family:var(--font-story);font-variation-settings:var(--story-settings);font-size:var(--text-5);margin:0}.room-meta{color:var(--muted);font-size:var(--text-2);margin:2px 0 0}.badge{font-size:var(--text-1);color:var(--ok);border-radius:var(--radius-pill);border:1.5px solid;margin-left:auto;padding:3px 9px;font-weight:600}@media (prefers-reduced-transparency:reduce){.paper-grain:after{display:none}.tabbar,.room-bar{-webkit-backdrop-filter:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}.paper-grain:after{display:none}.scene .rain,.scene .rain line{opacity:1;animation:none!important}.fun-fact,.closed-chip,.comment.stub .comment-body,.sponsored-body>*,.sheet-page{opacity:1;transform:none;animation:none!important}}.you-body{gap:14px;padding-bottom:96px;overflow-y:auto}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;align-items:flex-start;gap:8px;padding:18px 20px;display:flex}.card-title{font-size:var(--text-6);margin:0}.row-btn{appearance:none;font:inherit;color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:0;width:100%;padding:4px 0;font-weight:600}.egress{flex-direction:column;gap:10px;margin:6px 0 0;padding:0;list-style:none;display:flex}.center{text-align:center;font-size:var(--text-2)}.feed-body{margin:0 -20px;position:relative}.feed-body .feed{position:absolute;inset:0}.video-caption{font-size:var(--text-2);opacity:.85;margin:4px 0 0}.room-title-btn{appearance:none;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;padding:4px 0}.rules{flex-direction:column;gap:6px;margin:8px 0 12px;padding-left:20px;display:flex}.age-gate .pager-page h1{font-size:var(--text-6)}.room-screen{padding:0}.room-bar{z-index:5;padding:calc(var(--safe-top) + 6px) 12px 8px;background:color-mix(in srgb, var(--bg) 70%, transparent);-webkit-backdrop-filter:blur(14px);align-items:center;gap:8px;display:flex;position:absolute;top:0;left:0;right:0}.room-title{font-size:var(--text-5);margin:0}.sort-select{font:inherit;color:var(--ink);background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-pill);padding:8px 12px}.feed{scroll-snap-type:y mandatory;overscroll-behavior:contain;background:#0d0a08;position:absolute;inset:0;overflow-y:auto}.video-card{scroll-snap-align:start;scroll-snap-stop:always;place-items:center;height:100%;display:grid;position:relative}.video{object-fit:cover;width:100%;height:100%}.video-meta{left:16px;right:88px;bottom:calc(var(--safe-bottom) + 24px);color:#f1e4cc;text-shadow:0 1px 12px #00000080;position:absolute}.video-title{font-size:var(--text-4);margin:0;font-weight:600}.vote-rail{right:10px;bottom:calc(var(--safe-bottom) + 24px);flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute}.rail-btn{appearance:none;color:#f1e4cc;cursor:pointer;background:#00000047;border:0;border-radius:50%;place-items:center;width:48px;height:48px;display:grid}.rail-btn svg{fill:currentColor;width:26px;height:26px}.rail-btn.on-up{color:var(--up)}.rail-btn.on-down{color:var(--down)}.rail-score{color:#f1e4cc;font-size:var(--text-5);text-align:center;text-shadow:0 1px 8px #0009;min-width:48px}.rail-count{font-size:var(--text-1);margin-top:-4px}.comment-list{max-height:44vh;margin:0;padding:0;list-style:none;overflow-y:auto}.comment{border-left:2px solid var(--border);margin-bottom:6px;padding:8px 0 8px 10px}.comment-body{margin:0}.comment-meta{color:var(--muted);font-size:var(--text-1);margin:2px 0 0}.choice-list{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.choice{appearance:none;text-align:left;font:inherit;color:var(--ink);background:var(--bg);border:1.5px solid var(--border);border-radius:var(--radius);cursor:pointer;padding:12px 14px}.choice.on{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, var(--bg))}.hint.error{color:var(--accent)}.btn.quiet.on{border-color:var(--ok);color:var(--ok)}.sheet-scrim.clear{background:0 0}.sheet-body{min-height:0}.sheet.half{flex-direction:column;height:60dvh;display:flex}.sheet.half.tall{height:92dvh}.sheet.half .sheet-body{flex-direction:column;flex:1;display:flex;overflow:hidden}.sheet.half .comment-list{flex:1;max-height:none}.comment-list.nested{max-height:none;overflow:visible}.comment-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;display:flex}.c-btn{appearance:none;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.c-btn svg{fill:currentColor;width:18px;height:18px}.c-btn.on-up{color:var(--up)}.c-btn.on-down{color:var(--down)}.link-btn{appearance:none;color:var(--muted);font:inherit;font-size:var(--text-1);border-radius:var(--radius);cursor:pointer;background:0 0;border:0;padding:4px 6px}.link-btn.danger,.btn.danger{color:var(--down)}.replying{margin:0 0 6px}.section-label{font-size:var(--text-1);text-transform:uppercase;letter-spacing:.08em;margin:8px 0 0}.mute-btn{top:calc(var(--safe-top) + 64px);appearance:none;color:#f1e4cc;cursor:pointer;background:#00000047;border:0;border-radius:50%;place-items:center;width:40px;height:40px;display:grid;position:absolute;right:12px}.mute-btn svg{fill:currentColor;width:22px;height:22px}.play-badge{pointer-events:none;animation:fade-in var(--dur-3) var(--ease-arrive) backwards;place-items:center;display:grid;position:absolute;inset:0}.play-badge svg{fill:#f1e4ccd9;filter:drop-shadow(0 2px 12px #0006);width:72px;height:72px}.scrub-bar{left:16px;right:16px;bottom:calc(var(--safe-bottom) + 8px);background:#f1e4cc4d;border-radius:2px;height:4px;position:absolute;overflow:hidden}.scrub-fill{transform-origin:0;background:#f1e4cc;height:100%}.upload-progress{background:var(--border);border-radius:3px;height:6px;margin:0 0 12px;overflow:hidden}.upload-fill{background:var(--accent);transform-origin:0;height:100%;transition:transform var(--dur-3) var(--ease-standard)}.field-label{font-size:var(--text-2);color:var(--muted)}.post-list{flex-direction:column;gap:8px;margin:8px 0 0;padding:0;list-style:none;display:flex}.post-row{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.post-row-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.post-status{font-size:var(--text-1);color:var(--muted);white-space:nowrap}.post-status.published{color:var(--up)}.post-status.removed{color:var(--down)}.mod-tools{justify-content:flex-start;margin-top:12px}.rule-editor{flex-direction:column;gap:8px;max-height:50vh;margin:0 0 10px;padding:0;list-style:none;display:flex;overflow-y:auto}.rule-draft{border-top:1px solid var(--border);padding:8px 0 4px}.report-list{flex-direction:column;gap:10px;max-height:50vh;margin:0 0 8px;padding:0;list-style:none;display:flex;overflow-y:auto}.report-row{border-top:1px solid var(--border);padding:8px 0}.report-line{margin:0;font-weight:600}.eula-line{color:var(--ink)}.sheet-actions.left{justify-content:flex-start;align-items:center;margin-top:10px}.plan-line{color:var(--ink)}.you-body a{color:var(--accent)}.video-card.sponsored{background:var(--surface);color:var(--ink)}.sponsored-body{flex-direction:column;align-items:flex-start;gap:12px;max-width:420px;padding:32px 24px;display:flex}.sponsored-label{font-size:var(--text-1);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0}.sponsored-headline{font-size:var(--text-6);margin:0}.sponsored-text{color:var(--muted);margin:0}.why-btn{padding-left:0}.sponsored-body>*{animation:fade-up var(--dur-4) var(--ease-arrive) backwards}.sponsored-body>:nth-child(2){animation-delay:var(--stagger)}.sponsored-body>:nth-child(3){animation-delay:calc(var(--stagger) * 2)}.sponsored-body>:nth-child(4){animation-delay:calc(var(--stagger) * 3)}.sponsored-body>:nth-child(5){animation-delay:calc(var(--stagger) * 4)}.video-card.sponsored.leaving{animation:fade-out var(--dur-5) var(--ease-standard) forwards;pointer-events:none}.sheet-page{animation:page-slide var(--dur-5) var(--ease-arrive) backwards}@keyframes page-slide{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}.closed-chip{background:var(--surface);color:var(--muted);font-size:var(--text-1);animation:fade-up var(--dur-4) var(--ease-arrive) backwards;border-radius:999px;margin:0;padding:6px 10px}.closed-line,.moderators-line{margin:0 0 8px}.comment.stub .comment-body{color:var(--muted);animation:fade-in var(--dur-4) var(--ease-standard) backwards;font-style:italic}.fun-fact-trigger{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.fun-fact{left:16px;right:16px;bottom:calc(var(--safe-bottom) + 88px);border-radius:var(--radius-lg);background:var(--surface);max-width:360px;color:var(--ink);text-align:center;z-index:40;box-shadow:0 1px 0 var(--border), 0 12px 40px #00000024;animation:fade-up var(--dur-5) var(--ease-arrive) backwards;margin:0 auto;padding:12px 16px;position:fixed}.fun-fact.closing{animation:fade-out var(--dur-4) var(--ease-standard) forwards}.sheet.half .notice-text{flex:1;overflow:auto}.post-row-item{flex-direction:column;gap:4px;display:flex}.notice-row{flex-direction:column;gap:2px;margin-bottom:8px;display:flex}.notice-text{white-space:pre-wrap;margin:0 0 12px}.ads-controls{flex-direction:column;gap:6px;margin-top:12px;display:flex}.toggle-row{align-items:center;gap:10px;display:flex}.toggle-row input{width:20px;height:20px;accent-color:var(--accent)}