:root{--brand-10: #2D1B0F;--brand-20: #4A2C17;--brand-30: #6B3F22;--brand-40: #8C5530;--brand-50: #AD6C40;--brand-60: #C77F52;--brand-70: #DB9166;--brand-80: #FF9573;--brand-90: #FFA78A;--brand-100: #FFB99F;--brand-110: #FFCAB4;--brand-120: #FFDCCA;--brand-130: #FFEDE2;--brand-140: #FFF5F0;--brand-150: #FFFAF7;--brand-160: #FFFCFB;--neutral-10: #F8F9FA;--neutral-20: #F0F0F0;--neutral-30: #E8E8E8;--neutral-40: #E1DFDD;--neutral-50: #D2D0CE;--neutral-60: #C8C6C4;--neutral-70: #A19F9D;--neutral-80: #8A8886;--neutral-90: #605E5C;--neutral-100: #484644;--neutral-110: #323130;--neutral-120: #000000;--color-background: #FBF9F8;--color-surface: #FFFFFF;--color-secondary-bg: #EBE9E8;--color-muted-bg: #F5F5F5;--color-foreground: #201F1E;--color-secondary-text: #323130;--color-muted-text: #8A8886;--color-border: #E1DFDD;--color-destructive: #C42B1C;--color-destructive-bg: #FDE7E5;--color-brand-primary: var(--brand-80);--color-brand-hover: var(--brand-90);--ax-glass-surface: rgba(255, 255, 255, .8);--ax-glass-shadow: 0 4px 24px rgba(28, 25, 23, .08), 0 1px 4px rgba(28, 25, 23, .05);--ax-glass-shadow-lift: 0 10px 32px rgba(28, 25, 23, .14);--ax-edge: rgba(28, 25, 23, .09);--ax-edge-strong: rgba(28, 25, 23, .16);--ax-coral-text: #B3401F;--ax-coral-deep-text: #E8613C;--ax-muted-text: #706E6C;--ax-semantic-amber-text: #8A6116;--ax-semantic-amber-text-strong: #6B4E12;--ax-semantic-amber-bg: #F7EBD3;--ax-semantic-amber-bg-soft: #FBF4E4;--ax-semantic-amber-border: #E5CE9C;--ax-semantic-success-text: #1F7A48;--ax-semantic-destructive-hover: #A82316;--ax-semantic-destructive-ring: rgba(196, 43, 28, .4);--ax-semantic-on-destructive: #FFFFFF;--ax-semantic-on-coral: #FFFFFF;--ax-semantic-coral-solid-hover: #9C3418;--ax-chart-grid: #F0F0F0;--ax-warn-chip-text: #B4690E;--ax-warn-chip-bg: #FDF6EC;--ax-warn-chip-bg-hover: #FAEDD9;--ax-events-title: #000;--ax-shadow-float: 0 8px 30px rgba(28, 25, 23, .16), 0 2px 8px rgba(28, 25, 23, .06);--ax-glass-bright: rgba(255, 255, 255, .94);--ax-glass-veil: rgba(255, 255, 255, .82);--ax-keyline: rgba(255, 255, 255, .9);--ax-tile-ring: rgba(255, 255, 255, .95);--ax-press-tint: rgba(28, 25, 23, .05);--ax-rail-surface: rgba(255, 255, 255, .75);--ax-rail-edge: rgba(255, 255, 255, .6);--fluent-xs: 4px;--fluent-s: 8px;--fluent-m: 16px;--fluent-l: 20px;--fluent-xl: 32px;--fluent-xxl: 40px;--radius: 6px;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 6px;font-family:Segoe UI,system-ui,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:var(--color-foreground);background-color:var(--color-background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=dark]{--neutral-10: #1A1A1A;--neutral-20: #252525;--neutral-30: #303030;--neutral-40: #3A3A3A;--neutral-50: #4A4A4A;--neutral-60: #5A5A5A;--neutral-70: #7A7A7A;--neutral-80: #9A9A9A;--neutral-90: #B0B0B0;--neutral-100: #D0D0D0;--neutral-110: #E0E0E0;--neutral-120: #FFFFFF;--brand-140: #3A2A20;--brand-150: #2D1F17;--brand-160: #251A12;--color-background: #1A1A1A;--color-surface: #252525;--color-secondary-bg: #303030;--color-muted-bg: #2A2A2A;--color-foreground: #E0E0E0;--color-secondary-text: #C0C0C0;--color-muted-text: #8A8A8A;--color-border: #3A3A3A;--color-destructive: #F87171;--color-destructive-bg: #3B1C1C;--ax-glass-surface: rgba(37, 34, 32, .8);--ax-glass-shadow: 0 4px 24px rgba(0, 0, 0, .5), 0 1px 4px rgba(0, 0, 0, .35);--ax-glass-shadow-lift: 0 10px 32px rgba(0, 0, 0, .6);--ax-edge: rgba(255, 255, 255, .1);--ax-edge-strong: rgba(255, 255, 255, .17);--ax-coral-text: #FF9573;--ax-coral-deep-text: #FF9573;--ax-muted-text: #949494;--ax-semantic-amber-text: #D9A83F;--ax-semantic-amber-text-strong: #E0B15C;--ax-semantic-amber-bg: #3A2F18;--ax-semantic-amber-bg-soft: #332A15;--ax-semantic-amber-border: #5C4A1E;--ax-semantic-success-text: #3DB870;--ax-semantic-destructive-hover: #FCA5A5;--ax-semantic-destructive-ring: rgba(248, 113, 113, .45);--ax-semantic-on-destructive: #3B1C1C;--ax-semantic-on-coral: #2D1B0F;--ax-semantic-coral-solid-hover: #FFA78A;--ax-chart-grid: rgba(255, 255, 255, .12);--ax-warn-chip-text: #D9A83F;--ax-warn-chip-bg: #3A2F18;--ax-warn-chip-bg-hover: #46381D;--ax-events-title: #FFFFFF;--ax-shadow-float: 0 8px 30px rgba(0, 0, 0, .5), 0 2px 8px rgba(0, 0, 0, .35);--ax-glass-bright: rgba(56, 52, 49, .94);--ax-glass-veil: rgba(37, 34, 32, .82);--ax-keyline: rgba(32, 29, 27, .9);--ax-tile-ring: rgba(37, 34, 32, .95);--ax-press-tint: rgba(255, 255, 255, .07);--ax-rail-surface: rgba(37, 34, 32, .75);--ax-rail-edge: rgba(255, 255, 255, .1);color-scheme:dark;color:var(--color-foreground);background-color:var(--color-background)}:focus-visible{outline:2px solid var(--brand-80);outline-offset:2px}a{font-weight:500;color:var(--brand-80);text-decoration:inherit}a:hover{color:var(--brand-90)}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}@supports (height: 100dvh){body{min-height:100dvh}}@keyframes dotPulse{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.dot-pulse{display:flex;align-items:center;justify-content:center;gap:6px}.dot-pulse__dot{width:8px;height:8px;border-radius:50%;background-color:#ff9573;animation:dotPulse 1.2s ease-in-out infinite}.dot-pulse__dot:nth-child(2){animation-delay:.2s}.dot-pulse__dot:nth-child(3){animation-delay:.4s}.dot-pulse--small .dot-pulse__dot{width:5px;height:5px}.dot-pulse--small{gap:4px}.dot-pulse--large .dot-pulse__dot{width:10px;height:10px}.dot-pulse--large{gap:8px}.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;z-index:9999;padding:8px 16px;background:var(--color-surface);color:var(--color-foreground);font-size:14px;font-weight:600;text-decoration:none;border:2px solid #FF9573;border-radius:4px}.skip-link:focus{position:fixed;left:16px;top:16px;width:auto;height:auto;overflow:visible}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100vh;width:100vw;overflow:hidden;font-family:Instrument Sans,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-feature-settings:"ss01","cv11";text-rendering:optimizeLegibility;letter-spacing:-.005em}@supports (height: 100dvh){html,body,#root{height:100dvh}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--color-foreground);background-color:var(--color-surface)}[data-numeric=tabular],.feed-section h2+*,[class*=statsRow],[class*=statItem]{font-variant-numeric:tabular-nums}h1,h2,h3{letter-spacing:-.02em;font-weight:700}button{background:none;border:none;padding:0;cursor:pointer;font:inherit;color:inherit}.auth-buttons{display:flex;gap:var(--fluent-m);justify-content:center;margin-top:var(--fluent-l)}.page-container{padding:24px;height:100%;overflow-y:auto}.feed-section{background-color:var(--color-surface);border-radius:var(--radius);box-shadow:0 1px 3px #0000001a;padding:var(--fluent-l);margin-bottom:24px}.feed-section h2{margin-top:0;margin-bottom:var(--fluent-m);font-size:18px;color:var(--color-foreground);font-weight:600}.feed-list{display:flex;flex-direction:column;gap:var(--fluent-m)}.feed-item{display:flex;gap:var(--fluent-m);padding:var(--fluent-m);border-radius:var(--radius);background-color:var(--color-muted-bg);transition:transform .2s,box-shadow .2s}.feed-item:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000000d}.feed-thumbnail{width:120px;height:80px;object-fit:cover;border-radius:var(--radius-md)}.feed-item-content{flex:1}.feed-item-content h3{margin-top:0;margin-bottom:var(--fluent-s);font-size:16px;color:var(--color-foreground);font-weight:500}.feed-item-content p{margin-top:0;margin-bottom:var(--fluent-s);color:var(--color-secondary-text);font-size:14px;line-height:1.4}.feed-item-meta{display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:12px;color:var(--color-muted-text)}.author{font-weight:500;color:var(--color-secondary-text)}.date{color:var(--color-muted-text)}.stats{display:flex;gap:10px}.read-marker{background-color:var(--color-muted-bg);color:var(--color-secondary-text);padding:2px 6px;border-radius:var(--radius-md);font-size:12px}.feed-item-channels{display:flex;flex-wrap:wrap;gap:var(--fluent-s);margin-top:var(--fluent-s)}.channel-tag{background-color:var(--brand-160);color:var(--brand-90);padding:2px 8px;border-radius:12px;font-size:12px}.login-container,.landing-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background-color:var(--color-muted-bg);padding:var(--fluent-l)}.login-form{background:var(--color-surface);padding:var(--fluent-xl);border-radius:var(--radius);box-shadow:0 2px 10px #00000014;width:100%;max-width:400px}.landing-container h1{margin-bottom:var(--fluent-xl);color:var(--color-foreground);font-weight:600}.landing-buttons{display:flex;gap:var(--fluent-m);justify-content:center;flex-wrap:wrap}.skip-read-toggle{display:flex;align-items:center;font-size:14px;color:var(--color-secondary-text);cursor:pointer}.skip-read-toggle input{margin-right:var(--fluent-s)}@media (max-width: 768px){.feed-item{flex-direction:column}.feed-thumbnail{width:100%;height:160px}}.author-with-photo{display:flex;align-items:center;gap:var(--fluent-s)}.current-user-profile{display:flex;align-items:center;gap:var(--fluent-s);margin-right:var(--fluent-l)}.user-name{font-size:14px;font-weight:500;color:var(--color-foreground)}.user-profile-section{display:flex;align-items:center}.feed-thumbnail-placeholder{width:120px;height:80px;background-color:var(--neutral-20);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--color-muted-text);font-size:12px}.content-thumbnail-placeholder{width:100%;height:160px;background-color:var(--neutral-20);display:flex;align-items:center;justify-content:center;color:var(--color-muted-text);font-size:14px}