:root{--fs-2xs: .76rem;--fs-xs: .84rem;--fs-sm: .92rem;--fs-base: 1rem;--fs-md: 1.13rem;--fs-lg: 1.32rem;--fs-xl: 1.6rem;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-pill: 999px;--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-out: cubic-bezier(.22, 1, .36, 1);--shadow-card: 0 1px 2px 0 #00000052;--shadow-bar: 0 2px 12px -2px #0000008c;--shadow-sheet: 0 18px 40px -20px #00000073}@media(prefers-color-scheme:light){html:not([data-theme=dark]){--shadow-card: 0 1px 2px 0 #1018280d, 0 4px 12px -4px #1018281a;--shadow-bar: 0 1px 2px #1018280f, 0 8px 20px -8px #10182829;--shadow-sheet: 0 18px 40px -20px #00000073}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;background:var(--bg);background-image:var(--bg-grad);background-attachment:fixed;font-size:106.25%}@media(min-width:640px){html{background-image:radial-gradient(circle,var(--dot) 1px,transparent 1.5px),var(--bg-grad);background-size:16px 16px,auto;background-attachment:scroll,fixed}}@supports (font: -apple-system-body){@media(pointer:coarse){html{font:-apple-system-body;font-family:var(--font)}}}html,body{height:100%}body{font-family:var(--font);font-size:var(--fs-base);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;min-height:100dvh;line-height:1.5}:focus-visible{box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 45%,transparent);outline:none}*{-webkit-tap-highlight-color:transparent}::selection{background:color-mix(in srgb,var(--accent) 28%,transparent)}@media(prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}:root{--column: 640px;--measure: 480px}.app{--gutter: 16px;padding-left:16px;padding-right:16px;padding-inline:max(var(--gutter),env(safe-area-inset-left)) max(var(--gutter),env(safe-area-inset-right));flex-direction:column;display:flex}@media(min-width:640px){.app{--gutter: 28px;max-width:640px;max-width:var(--column, 640px);margin-left:auto;margin-right:auto;padding-left:28px;padding-right:28px;padding-inline:var(--gutter);border-left:1px solid var(--border);border-right:1px solid var(--border);border-inline:1px solid var(--border);background:var(--surface);-webkit-backdrop-filter:blur(40px) saturate(1.4);margin-inline:auto}}.below{position:relative}.kernel{margin-inline:calc(-1*max(var(--gutter),env(safe-area-inset-left))) calc(-1*max(var(--gutter),env(safe-area-inset-right)));padding:16px;padding:var(--gutter);min-height:calc(100vh - 82px);min-height:calc(100dvh - var(--shell-top));flex-direction:column;padding-block-end:calc(var(--gutter) + env(safe-area-inset-bottom,0px));display:flex}@media(min-width:640px){.kernel{margin-inline:calc(-1 * var(--gutter))}}:root{--shell-top: 78px}#kernel{scroll-margin-top:var(--shell-top)}[data-kind=game] .kernel{--preroll-radius: 0px;height:calc(100vh - 82px);min-height:0;height:calc(100lvh - var(--shell-top));padding:0}.toolbar{background:var(--toolbar-bg, #1e202a);box-shadow:var(--toolbar-shadow, var(--shadow-bar));border-block-end:none}@media(prefers-color-scheme:light){html:not([data-theme=dark]) .toolbar{background:var(--toolbar-bg, #fbfcfe)}}.tb-nav:not(.tb-mark) svg{width:26.67px;height:26.67px}.tb-nav.tb-mark img,.tb-nav.tb-mark svg{width:20px;height:20px}#navPosts svg{transform:translateY(-1px)}:root{--font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Inter", system-ui, sans-serif;--mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace;--accent: #0f6e8c;--accent-press: #0d5f78;--accent-on: #fff;--accent-ink: #138ab0;--accent-text: var(--accent-ink);--live: #ff453a;--bg: #000;--bg-grad: radial-gradient(120% 80% at 50% -10%, #1b2a4a 0%, #0b1020 60%, #070a14 100%);--surface: #1c1c229e;--surface-2: #ffffff0f;--border: #ffffff1a;--dot: #ffffff0d;--track: #ffffff24;--text: #f5f5f7;--text-dim: #98989f;--shadow: 0 30px 80px -20px #000000b3}@media(prefers-color-scheme:light){:root{--confirm-accent: #0f6e8c;--accent-ink: #0f6e8c;--live: #d70015;--bg: #f2f2f7;--bg-grad: radial-gradient(120% 80% at 50% -10%, #fff 0%, #eef0f5 60%, #e6e8ee 100%);--surface: #ffffffb8;--surface-2: #0000000a;--border: #0000001a;--dot: #0000000d;--track: #0000001f;--text: #1c1c1e;--text-dim: #6b6b70;--shadow: 0 30px 80px -30px #0000002e}}