:root{--bg:#000;--surface:#121212;--border:#2a2a2a;--text:#f2f2f2;--muted:#9a9a9a;--accent:#fe2c55;--accent-text:#fff;--error:#ff6b6b;--notice:#f5c451;--radius:12px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-family:-apple-system,system-ui,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.4}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);min-height:100dvh;color:var(--text);margin:0}body{overscroll-behavior:none;-webkit-tap-highlight-color:transparent}html.privacy-mask #root{visibility:hidden}.screen{min-height:100dvh;padding:max(24px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));justify-content:center;align-items:center;display:flex}.panel{flex-direction:column;gap:16px;width:100%;max-width:380px;display:flex}.brand{letter-spacing:-.02em;text-align:center;margin:0 0 8px;font-size:2rem;font-weight:700}.title{text-align:center;margin:0;font-size:1.25rem;font-weight:600}.hint{color:var(--muted);text-align:center;margin:0}.notice{color:var(--notice);text-align:center;margin:0}.error{color:var(--error);margin:0}.field{color:var(--muted);flex-direction:column;gap:6px;font-size:.875rem;display:flex}.field input{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:100%;color:var(--text);font:inherit;padding:12px 14px;font-size:1rem}.field input:focus{outline:2px solid var(--accent);outline-offset:0;border-color:#0000}.field input:disabled{opacity:.6}.toggle{color:var(--muted);align-items:center;gap:8px;font-size:.875rem;display:flex}.toggle input{width:18px;height:18px;accent-color:var(--accent);margin:0}.button{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);min-height:48px;color:var(--text);font:inherit;cursor:pointer;touch-action:manipulation;padding:12px 16px;font-weight:600}.button:disabled{opacity:.6;cursor:default}.button--primary{background:var(--accent);color:var(--accent-text);border-color:#0000}.button--quiet{color:var(--muted);background:0 0;border-color:#0000}.feed-screen{background:var(--bg);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.feed{scroll-snap-type:y mandatory;overscroll-behavior:contain;scrollbar-width:none;outline:none;position:absolute;inset:0;overflow-y:scroll}.feed::-webkit-scrollbar{display:none}.card{scroll-snap-align:start;scroll-snap-stop:always;background:var(--bg);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;height:100dvh;display:flex;position:relative;overflow:hidden}.card__media{object-fit:contain;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;width:100%;height:100%}.card__surface{touch-action:manipulation;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.card__favorite{right:max(12px, env(safe-area-inset-right));bottom:calc(max(16px, env(safe-area-inset-bottom)) + 72px);z-index:1;width:48px;height:48px;color:var(--text);cursor:pointer;touch-action:manipulation;background:#00000059;border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:absolute}.card__favorite svg{fill:none;stroke:currentColor;stroke-width:1.8px;width:28px;height:28px}.card__favorite--on svg{fill:var(--accent);stroke:var(--accent)}.card__message{color:var(--muted);text-align:center;flex-direction:column;align-items:center;gap:12px;margin:0;padding:0 24px;display:flex}.card__message p{margin:0}.feed__bar{top:max(12px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));z-index:1;gap:8px;display:flex;position:fixed}.feed__bar--left{right:auto;left:max(12px, env(safe-area-inset-left))}.pill{color:var(--text);font:inherit;cursor:pointer;touch-action:manipulation;background:#00000073;border:0;border-radius:999px;padding:8px 14px;font-size:.875rem;font-weight:600}.spinner{border:3px solid var(--border);border-top-color:var(--text);border-radius:50%;width:32px;height:32px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:3s}}.sheet-backdrop{z-index:2;background:#0009;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{width:100%;max-width:480px;padding:20px max(16px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));background:var(--surface);border-radius:16px 16px 0 0;flex-direction:column;gap:12px;display:flex}.video{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.video__element,.video__poster{object-fit:contain;-webkit-touch-callout:none;width:100%;height:100%;position:absolute;inset:0}.video__tap{color:var(--text);font:inherit;touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background:0 0;border:0;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.video__notice{border-radius:var(--radius);background:#0000008c;padding:10px 16px}.video__controls{padding:12px max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));background:linear-gradient(#0000,#0009);align-items:center;gap:10px;font-size:.8125rem;display:flex;position:absolute;bottom:0;left:0;right:0}.video__progress{min-width:0;accent-color:var(--accent);touch-action:none;flex:1}.video__time{font-variant-numeric:tabular-nums;color:var(--text)}.video__sound{color:var(--text);font:inherit;touch-action:manipulation;background:#00000073;border:0;border-radius:999px;padding:6px 10px}.card{touch-action:manipulation}.toast{left:50%;bottom:calc(max(16px, env(safe-area-inset-bottom)) + 16px);z-index:3;border-radius:var(--radius);background:var(--surface);width:calc(100% - 32px);max-width:420px;color:var(--error);text-align:center;cursor:pointer;padding:12px 16px;position:fixed;transform:translate(-50%)}.grid-screen{min-height:100dvh;padding-bottom:env(safe-area-inset-bottom)}.grid-screen__header{z-index:1;padding:max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) 12px max(12px, env(safe-area-inset-left));background:#000000d9;align-items:center;gap:12px;display:flex;position:sticky;top:0}.grid-screen__title{margin:0;font-size:1.125rem;font-weight:600}.grid-screen__panel{margin:48px auto 0;padding:0 24px}.grid-screen__spinner{margin:48px auto 0}.grid{grid-template-columns:repeat(3,1fr);gap:2px;display:grid}.grid__tile{aspect-ratio:1;background:var(--surface);color:var(--muted);font:inherit;cursor:pointer;touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;border:0;padding:0;font-size:.75rem;position:relative;overflow:hidden}.grid__image{object-fit:cover;-webkit-touch-callout:none;width:100%;height:100%}.grid__badge{width:18px;height:18px;fill:var(--text);filter:drop-shadow(0 0 2px #000c);position:absolute;top:6px;right:6px}