:root{--accent:#c6f24e;--accent-dim:#a9d63b;--accent-ink:#10160a;--bg-0:#0a0d18;--bg-1:#0e1326;--bg-2:#141a33;--text:#f4f7fb;--muted:#f4f7fb9e;--muted-2:#f4f7fb66;--surface:#ffffff0f;--surface-2:#ffffff1a;--border:#ffffff1f;--danger:#ff5d6c;--radius:16px;--max-app:480px;--nav-h:62px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg-0);height:100%;color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;overscroll-behavior:none;margin:0;padding:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}.app-frame{background:linear-gradient(180deg, var(--bg-1), var(--bg-0) 60%);width:100%;max-width:100%;height:100dvh;position:fixed;inset:0;overflow:hidden;container-type:inline-size}@media (min-width:520px){body{background:radial-gradient(1200px 800px at 20% -10%, #1b2347 0%, transparent 55%), radial-gradient(1000px 700px at 90% 10%, #221a3d 0%, transparent 50%), var(--bg-0)}.app-frame{max-width:var(--max-app);border:1px solid var(--border);border-radius:28px;height:calc(100dvh - 36px);margin:18px auto;position:relative;inset:auto;box-shadow:0 40px 120px #0009}}.page{scrollbar-width:none;height:100%;padding-bottom:calc(var(--nav-h) + var(--safe-bottom) + 8px);overflow-y:auto}.page::-webkit-scrollbar{display:none}.pill{background:var(--surface-2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border);border-radius:999px;align-items:center;gap:6px;padding:5px 11px;font-size:12px;font-weight:600;display:inline-flex}.pill-accent{background:var(--accent);color:var(--accent-ink);border-color:#0000}.chip{background:var(--surface);border:1px solid var(--border);color:var(--text);white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:7px;padding:9px 14px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.chip[data-active=true]{background:var(--accent);color:var(--accent-ink);border-color:#0000}.section-title{letter-spacing:-.01em;margin:0;font-size:17px;font-weight:800}.row-scroll{scrollbar-width:none;scroll-snap-type:x proximity;gap:12px;padding:2px 16px 4px;scroll-padding-inline:16px;display:flex;overflow-x:auto}.row-scroll::-webkit-scrollbar{display:none}.sticky-head{z-index:20;background:linear-gradient(180deg, var(--bg-1) 70%, #0e132600);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding-top:calc(var(--safe-top) + 12px);position:sticky;top:0}.brand{letter-spacing:-.02em;font-size:20px;font-weight:900}.brand b{color:var(--accent)}.feed{scroll-snap-type:y mandatory;scrollbar-width:none;height:100%;overflow-y:scroll}.feed::-webkit-scrollbar{display:none}.feed-item{scroll-snap-align:start;scroll-snap-stop:always;height:100%;position:relative;overflow:hidden}.bg-blur{object-fit:cover;filter:blur(34px)brightness(.5)saturate(1.2);width:116%;height:116%;position:absolute;inset:-8%;transform:scale(1.05)}.media-cover{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.media-contain{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.scrim-top{pointer-events:none;background:linear-gradient(#0000008c,#0000);height:180px;position:absolute;inset:0 0 auto}.scrim-bottom{pointer-events:none;background:linear-gradient(#0000,#000000c7);height:320px;position:absolute;inset:auto 0 0}.spinner{border:3px solid #ffffff40;border-top-color:var(--accent);border-radius:50%;width:34px;height:34px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.fade-in{animation:.3s both fade}@keyframes fade{0%{opacity:0;transform:translateY(6px)}}.skel{background:linear-gradient(90deg, var(--surface) 25%, var(--surface-2) 50%, var(--surface) 75%);background-size:200% 100%;border-radius:12px;animation:1.3s infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}input,textarea{font-family:inherit}