: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);--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;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}@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:Segoe UI,system-ui,sans-serif}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--color-foreground);background-color:var(--color-surface)}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}.empty-state{color:var(--color-muted-text);font-style:italic;text-align:center;padding:var(--fluent-xl) 0}.loading-spinner{display:flex;justify-content:center;align-items:center;height:200px;font-size:16px;color:var(--color-secondary-text)}.error-container{margin:var(--fluent-l);padding:var(--fluent-l);background-color:var(--color-destructive-bg);border-radius:var(--radius);color:var(--color-destructive)}.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}.users-page{max-width:1200px;margin:0 auto;padding:var(--fluent-l)}.users-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--fluent-l);margin-top:var(--fluent-l)}.user-card{background-color:var(--color-surface);border-radius:var(--radius);box-shadow:0 2px 10px #0000000d;padding:var(--fluent-l);display:flex;flex-direction:column;align-items:center;transition:transform .2s,box-shadow .2s}.user-card:hover{transform:translateY(-3px);box-shadow:0 6px 12px #0000001f}.user-details{margin-top:12px;text-align:center;width:100%}.user-name{font-weight:600;font-size:16px;margin:8px 0 4px;color:var(--color-foreground)}.user-email{font-size:14px;color:var(--color-secondary-text);margin:4px 0;word-break:break-all}.user-job-title{font-size:14px;color:var(--color-brand-primary);font-weight:500;margin:4px 0}.user-department{font-size:13px;color:var(--color-secondary-text);margin:2px 0}.user-location{font-size:13px;color:var(--color-muted-text);margin:2px 0}.user-phone,.user-mobile{font-size:12px;color:var(--color-muted-text);margin:2px 0;font-family:monospace}.search-container{margin:var(--fluent-l) 0}.search-input{width:100%;max-width:500px;padding:12px var(--fluent-m);border:1px solid var(--color-border);border-radius:var(--radius);font-size:16px;transition:border-color .2s,box-shadow .2s}.search-input:focus{outline:none;border-color:var(--brand-80);box-shadow:0 0 0 2px #ff957333}.permission-error{text-align:center;padding:var(--fluent-xxl) var(--fluent-l);background-color:var(--color-destructive-bg);border:1px solid var(--color-destructive);border-radius:var(--radius);margin:var(--fluent-l) 0}.permission-error h2{color:var(--color-destructive);margin-bottom:var(--fluent-m)}.permission-error p{color:var(--color-destructive);margin-bottom:12px}.permission-error ul{text-align:left;max-width:300px;margin:var(--fluent-m) auto;color:var(--color-destructive)}.permission-error li{margin:4px 0}.retry-button{background-color:var(--brand-80);color:#fff;border:none;padding:12px 24px;border-radius:var(--radius);cursor:pointer;font-size:14px;font-weight:500;margin-top:var(--fluent-m);transition:background-color .2s}.retry-button:hover{background-color:var(--brand-90)}.retry-button:active{background-color:var(--brand-70)}