:root{--bg-primary: #f7f3ed;--bg-secondary: #f0ebe3;--bg-card: #faf7f2;--bg-hover: #ede8e0;--bg-sidebar: #eee9e1;--text-primary: #1a1815;--text-secondary: #5c564e;--text-muted: #8c8278;--text-accent: #2c2520;--border-soft: rgba(0, 0, 0, .07);--border-medium: rgba(0, 0, 0, .12);--divider: #d8d0c6;--accent: #8b5e3c;--accent-light: #c4956a;--accent-muted: rgba(139, 94, 60, .12);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .05), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 16px rgba(0, 0, 0, .07), 0 2px 6px rgba(0, 0, 0, .04);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .1), 0 4px 12px rgba(0, 0, 0, .06);--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--sp-16: 64px;--sp-20: 80px;--serif: "Libre Baskerville", Georgia, serif;--sans: "DM Sans", system-ui, sans-serif;--sidebar-w: 240px;--ease: cubic-bezier(.25, .1, .25, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--t-fast: .12s;--t-med: .26s;--t-slow: .4s}[data-theme=dark]{--bg-primary: #1a1714;--bg-secondary: #201d1a;--bg-card: #211e1b;--bg-hover: #2a2622;--bg-sidebar: #181512;--text-primary: #e8e0d4;--text-secondary: #9e9386;--text-muted: #6e6358;--text-accent: #d4c9b8;--border-soft: rgba(255, 255, 255, .05);--border-medium: rgba(255, 255, 255, .09);--divider: #2e2a25;--accent: #c4956a;--accent-light: #d4a87a;--accent-muted: rgba(196, 149, 106, .12);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .35);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .5)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--sans);line-height:1.6;overflow-x:hidden;transition:background var(--t-slow) var(--ease),color var(--t-slow) var(--ease)}a{color:inherit;text-decoration:none}button{background:none;border:none;color:inherit;cursor:pointer;font:inherit}button:disabled{cursor:not-allowed;opacity:.58}input{font:inherit}#welcome-screen{align-items:center;background:var(--bg-primary);display:flex;justify-content:center;min-height:100vh;padding:var(--sp-8)}.welcome-inner{animation:fadeUp .7s var(--ease-out) both;max-width:440px;width:100%}@keyframes fadeUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.masthead-title{color:var(--text-primary);font-family:var(--serif);font-size:52px;font-weight:700;letter-spacing:-2px;line-height:1;margin-bottom:var(--sp-3)}.masthead-rule{background:var(--accent);height:2px;margin:var(--sp-5) 0;opacity:.6;width:40px}.masthead-tagline{color:var(--text-secondary);font-family:var(--serif);font-size:19px;font-style:italic;font-weight:400;line-height:1.5}.welcome-body{margin:var(--sp-8) 0}.welcome-body p{color:var(--text-muted);font-size:15px;font-weight:300;line-height:1.7}.demo-notice{align-items:center;background:var(--accent-muted);border-radius:4px;color:var(--accent);display:inline-flex;font-size:11px;font-weight:500;gap:var(--sp-2);letter-spacing:.06em;margin-bottom:var(--sp-5);padding:var(--sp-2) var(--sp-3)}.demo-dot{background:var(--accent);border-radius:50%;flex-shrink:0;height:5px;width:5px}.connect-label{color:var(--text-muted);font-size:10px;font-weight:500;letter-spacing:.14em;margin-bottom:var(--sp-4);text-transform:uppercase}.connect-buttons{display:flex;flex-direction:column;gap:var(--sp-3)}.connect-btn{align-items:center;background:var(--bg-card);border:1px solid var(--border-medium);border-radius:8px;box-shadow:var(--shadow-sm);color:var(--text-primary);display:flex;font-size:14px;font-weight:400;gap:var(--sp-4);padding:var(--sp-4) var(--sp-5);transition:all var(--t-med) var(--ease)}.connect-btn:hover{border-color:var(--accent-light);box-shadow:var(--shadow-md);transform:translateY(-1px)}.connect-btn-icon{align-items:center;border-radius:4px;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:20px;justify-content:center;width:20px}.gmail-icon{background:#fce8e6;color:#ea4335}.outlook-icon{background:#e6effe;color:#0072c6}.connect-btn-text{flex:1;text-align:left}.connect-btn-sub{color:var(--text-muted);display:block;font-size:11px;font-weight:300;margin-top:1px}.connect-arrow{color:var(--text-muted);font-size:16px;transition:transform var(--t-fast) var(--ease)}.connect-btn:hover .connect-arrow{transform:translate(3px)}.welcome-footer{border-top:1px solid var(--border-soft);color:var(--text-muted);font-size:11px;line-height:1.6;margin-top:var(--sp-8);padding-top:var(--sp-6)}.app{display:none;min-height:100vh}.app.active{display:flex}.sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border-soft);display:flex;flex-direction:column;left:0;min-height:100vh;position:fixed;top:0;transition:background var(--t-slow) var(--ease),transform var(--t-med) var(--ease);width:var(--sidebar-w);z-index:200}.sidebar-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000059;display:none;inset:0;position:fixed;z-index:199}.sidebar-overlay.active{display:block}.sidebar-top{border-bottom:1px solid var(--border-soft);padding:var(--sp-8) var(--sp-6) var(--sp-6)}.logo{color:var(--text-primary);display:block;font-family:var(--serif);font-size:22px;font-weight:700;letter-spacing:-.5px;margin-bottom:var(--sp-1)}.logo-sub{color:var(--text-muted);font-size:10px;font-weight:400;letter-spacing:.12em;text-transform:uppercase}.sidebar-nav{flex:1;overflow-y:auto;padding:var(--sp-5) var(--sp-3)}.nav-section-label{color:var(--text-muted);font-size:9px;font-weight:500;letter-spacing:.14em;padding:var(--sp-4) var(--sp-3) var(--sp-2);text-transform:uppercase}.nav-item{align-items:center;border-radius:6px;color:var(--text-secondary);display:flex;font-size:14px;font-weight:400;gap:var(--sp-3);margin-bottom:2px;padding:var(--sp-3);position:relative;text-align:left;transition:all var(--t-fast) var(--ease);width:100%}.nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-item.active{background:var(--accent-muted);color:var(--accent);font-weight:500}.nav-icon{flex-shrink:0;font-size:9px;letter-spacing:.02em;opacity:.7;text-transform:uppercase;width:28px}.nav-badge{background:var(--accent);border-radius:20px;color:#fff;font-size:10px;font-weight:600;margin-left:auto;min-width:18px;padding:1px 6px;text-align:center}[data-theme=dark] .nav-badge{color:var(--bg-primary)}.sidebar-bottom{border-top:1px solid var(--border-soft);padding:var(--sp-5) var(--sp-4)}.theme-toggle{align-items:center;border-radius:6px;color:var(--text-muted);display:flex;font-size:13px;gap:var(--sp-3);padding:var(--sp-3);transition:all var(--t-fast) var(--ease);width:100%}.theme-toggle:hover{background:var(--bg-hover);color:var(--text-secondary)}.main{flex:1;margin-left:var(--sidebar-w);min-height:100vh}.topbar{align-items:center;background:var(--bg-primary);border-bottom:1px solid var(--border-soft);display:flex;gap:var(--sp-4);padding:var(--sp-4) var(--sp-8);position:sticky;top:0;transition:background var(--t-slow) var(--ease);z-index:100}.topbar-menu-btn{align-items:center;border-radius:6px;color:var(--text-muted);display:none;flex-shrink:0;height:34px;justify-content:center;transition:all var(--t-fast) var(--ease);width:34px}.topbar-menu-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.topbar-title{color:var(--text-primary);flex:1;font-family:var(--serif);font-size:18px;font-weight:700}.topbar-meta{color:var(--text-muted);font-size:12px;font-weight:400}.topbar-actions{align-items:center;display:flex;gap:var(--sp-2)}.btn-icon{align-items:center;border-radius:6px;color:var(--text-muted);display:flex;font-size:14px;height:34px;justify-content:center;transition:all var(--t-fast) var(--ease);width:34px}.btn-icon:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-icon.active{background:var(--accent-muted);color:var(--accent)}.search-bar-wrapper{background:var(--bg-primary);border-bottom:1px solid var(--border-soft);display:none;padding:var(--sp-3) var(--sp-8)}.search-bar-wrapper.open{display:flex}.search-input{background:var(--bg-card);border:1px solid var(--border-medium);border-radius:6px;color:var(--text-primary);font-family:var(--sans);font-size:14px;outline:none;padding:var(--sp-3) var(--sp-4);transition:border-color var(--t-fast) var(--ease);width:100%}.search-input:focus{border-color:var(--accent-light)}.search-input::placeholder{color:var(--text-muted)}.screen{display:none}.screen.active{display:block}.filter-tabs{border-bottom:1px solid var(--border-soft);display:flex;gap:var(--sp-1);overflow-x:auto;padding:var(--sp-4) var(--sp-10);scrollbar-width:none}.filter-tabs::-webkit-scrollbar{display:none}.filter-tab{align-items:center;border:1px solid transparent;border-radius:20px;color:var(--text-muted);display:flex;font-size:12px;font-weight:500;letter-spacing:.02em;padding:var(--sp-2) var(--sp-4);transition:all var(--t-fast) var(--ease);white-space:nowrap}.filter-tab:hover{background:var(--bg-hover);color:var(--text-primary)}.filter-tab.active{background:var(--accent-muted);border-color:#8b5e3c33;color:var(--accent)}.feed-layout{display:flex;min-height:calc(100vh - 110px)}.feed-main{flex:1;min-width:0;padding:var(--sp-8) var(--sp-10)}.feed-sidebar-right{border-left:1px solid var(--border-soft);flex-shrink:0;padding:var(--sp-8) var(--sp-6);width:260px}.feed-date-header{align-items:baseline;border-bottom:1px solid var(--border-soft);display:flex;gap:var(--sp-4);margin-bottom:var(--sp-6);padding-bottom:var(--sp-4)}.feed-date-label{color:var(--text-primary);font-family:var(--serif);font-size:18px;font-weight:700}.feed-date-sub,.feed-count{color:var(--text-muted);font-size:12px}.feed-count{font-weight:300;margin-left:auto}.article-card{animation:cardIn .35s var(--ease-out) both;border-bottom:1px solid var(--border-soft);cursor:pointer;display:flex;gap:var(--sp-6);padding:var(--sp-6) 0;position:relative;transition:opacity var(--t-fast) var(--ease)}.article-card:hover .article-title{color:var(--accent)}.article-card:first-child{padding-top:0}@keyframes cardIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.article-card:nth-child(1){animation-delay:.02s}.article-card:nth-child(2){animation-delay:.06s}.article-card:nth-child(3){animation-delay:.1s}.article-card:nth-child(4){animation-delay:.14s}.article-card:nth-child(5){animation-delay:.18s}.article-card-body{flex:1;min-width:0}.article-source-row{align-items:center;display:flex;gap:var(--sp-3);margin-bottom:var(--sp-2)}.source-dot{background:var(--accent);border-radius:50%;flex-shrink:0;height:6px;width:6px}.source-name{color:var(--accent);font-size:11px;font-weight:500;letter-spacing:.06em;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.source-name.read{color:var(--text-muted)}.source-dot.read{background:var(--text-muted)}.article-date{color:var(--text-muted);font-size:11px;margin-left:auto}.article-title{color:var(--text-primary);font-family:var(--serif);font-size:18px;font-weight:700;letter-spacing:-.3px;line-height:1.3;margin-bottom:var(--sp-2);transition:color var(--t-fast) var(--ease)}.article-title.read{color:var(--text-secondary)}.article-excerpt{-webkit-box-orient:vertical;-webkit-line-clamp:2;color:var(--text-secondary);display:-webkit-box;font-size:14px;font-weight:300;line-height:1.65;overflow:hidden}.article-meta-row{align-items:center;display:flex;flex-wrap:wrap;gap:var(--sp-4);margin-top:var(--sp-3)}.reading-time{align-items:center;color:var(--text-muted);display:flex;font-size:11px;gap:var(--sp-2)}.article-tag,.save-chip{background:var(--bg-secondary);border-radius:3px;color:var(--text-muted);font-size:10px;font-weight:500;letter-spacing:.06em;padding:2px 8px;text-transform:uppercase}.save-chip:hover,.save-chip.saved{color:var(--accent)}.article-thumb-placeholder{align-items:center;background:var(--bg-secondary);border-radius:4px;color:var(--accent);display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:68px;justify-content:center;letter-spacing:0;overflow:hidden;width:84px}.unread-indicator{background:var(--accent);border-radius:50%;height:5px;left:-14px;position:absolute;top:32px;width:5px}.widget{margin-bottom:var(--sp-8)}.widget-title{border-bottom:1px solid var(--border-soft);color:var(--text-muted);font-size:10px;font-weight:500;letter-spacing:.12em;margin-bottom:var(--sp-4);padding-bottom:var(--sp-3);text-transform:uppercase}.source-item{align-items:center;display:flex;gap:var(--sp-3);padding:var(--sp-2) 0}.source-avatar{align-items:center;background:var(--bg-secondary);border-radius:4px;color:var(--accent);display:flex;flex-shrink:0;font-size:10px;font-weight:700;height:26px;justify-content:center;letter-spacing:0;width:26px}.source-info{flex:1;min-width:0}.source-info-name{color:var(--text-primary);font-size:13px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.source-info-count,.widget-copy{color:var(--text-muted);font-size:11px}.widget-copy{color:var(--text-secondary);font-size:13px;font-weight:300;line-height:1.65}.provider-chip{background:var(--accent-muted);border-radius:20px;color:var(--accent);display:inline-flex;font-size:11px;font-weight:500;letter-spacing:.06em;margin:0 var(--sp-2) var(--sp-2) 0;padding:3px 9px;text-transform:uppercase}.empty-state{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;min-height:280px;justify-content:center;text-align:center}.empty-icon{color:var(--text-muted);font-size:28px;margin-bottom:var(--sp-4);opacity:.45}.empty-title{color:var(--text-primary);font-family:var(--serif);font-size:18px;font-weight:700;margin-bottom:var(--sp-2)}.empty-desc{color:var(--text-muted);font-size:13px;font-weight:300}.inline-error{background:var(--accent-muted);border-radius:6px;color:var(--accent);font-size:13px;margin-bottom:var(--sp-5);padding:var(--sp-3) var(--sp-4)}.archive-layout,.accounts-layout{padding:var(--sp-10)}.reader-layout{margin:0 auto;max-width:760px;padding:var(--sp-10) var(--sp-10) var(--sp-20)}.reader-back{align-items:center;color:var(--text-muted);display:inline-flex;font-size:13px;gap:var(--sp-2);margin-bottom:var(--sp-10);transition:color var(--t-fast) var(--ease)}.reader-back:hover{color:var(--accent)}.reader-source-row{align-items:center;display:flex;gap:var(--sp-3);margin-bottom:var(--sp-5)}.reader-source{color:var(--accent);font-size:12px;font-weight:500;letter-spacing:.08em;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.reader-source-sep{color:var(--divider)}.reader-date{color:var(--text-muted);flex-shrink:0;font-size:12px}.reader-title{color:var(--text-primary);font-family:var(--serif);font-size:34px;font-weight:700;letter-spacing:-.8px;line-height:1.2;margin-bottom:var(--sp-4)}.reader-subtitle{color:var(--text-secondary);font-family:var(--serif);font-size:17px;font-style:italic;font-weight:400;line-height:1.55;margin-bottom:var(--sp-6)}.reader-meta{align-items:center;border-bottom:1px solid var(--border-soft);border-top:1px solid var(--border-soft);display:flex;flex-wrap:wrap;gap:var(--sp-5);margin-bottom:var(--sp-8);padding:var(--sp-5) 0}.reader-meta-item{align-items:center;color:var(--text-muted);display:flex;font-size:12px;gap:var(--sp-2)}.reader-save-btn{align-items:center;border-radius:4px;color:var(--text-muted);display:flex;font-size:12px;gap:var(--sp-2);margin-left:auto;padding:var(--sp-2) var(--sp-3);transition:all var(--t-fast) var(--ease)}.reader-save-btn:hover,.reader-save-btn.saved{background:var(--bg-hover);color:var(--accent)}.reader-content{color:var(--text-primary);font-family:var(--serif);font-size:17px;line-height:1.82}.reader-content p,.reader-content ul,.reader-content ol,.reader-content blockquote,.reader-content table,.reader-content img{margin-bottom:var(--sp-6)}.reader-content h1,.reader-content h2,.reader-content h3{color:var(--text-primary);font-family:var(--serif);line-height:1.25;margin:var(--sp-10) 0 var(--sp-4)}.reader-content h1{font-size:28px}.reader-content h2{font-size:23px}.reader-content h3{font-size:19px}.reader-content a{color:var(--accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.reader-content blockquote{border-left:2px solid var(--accent);color:var(--text-secondary);font-style:italic;padding-left:var(--sp-5)}.reader-content img{border-radius:6px;display:block;height:auto;max-width:100%}.reader-content table{border-collapse:collapse;display:block;font-family:var(--sans);font-size:14px;max-width:100%;overflow-x:auto}.reader-content td,.reader-content th{border-bottom:1px solid var(--border-soft);padding:var(--sp-2) var(--sp-3);text-align:left}.email-html{background:transparent}.email-html>*:first-child{margin-top:0}.reader-loading{min-height:360px}.archive-count{color:var(--text-muted);font-size:13px;font-weight:300;margin-bottom:var(--sp-4)}.archive-grid{display:grid;gap:var(--sp-4);grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.archive-card{background:var(--bg-card);border:1px solid var(--border-soft);border-radius:8px;box-shadow:var(--shadow-sm);cursor:pointer;padding:var(--sp-4);transition:all var(--t-med) var(--ease)}.archive-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.archive-card-thumb{align-items:center;background:var(--bg-secondary);border-radius:4px;color:var(--accent);display:flex;font-size:13px;font-weight:700;height:84px;justify-content:center;margin-bottom:var(--sp-4)}.archive-card-source{color:var(--accent);font-size:10px;font-weight:500;letter-spacing:.08em;margin-bottom:var(--sp-2);text-transform:uppercase}.archive-card-title{color:var(--text-primary);font-family:var(--serif);font-size:15px;font-weight:700;line-height:1.35;margin-bottom:var(--sp-3)}.archive-card-date{color:var(--text-muted);font-size:11px}.account-section-label{color:var(--text-muted);font-size:10px;font-weight:500;letter-spacing:.12em;margin-bottom:var(--sp-4);text-transform:uppercase}.account-card{align-items:center;background:var(--bg-card);border:1px solid var(--border-soft);border-radius:8px;display:flex;gap:var(--sp-4);margin-bottom:var(--sp-6);padding:var(--sp-4)}.add-account-btn{border:1px solid var(--border-medium);border-radius:6px;color:var(--accent);font-size:12px;font-weight:500;padding:var(--sp-2) var(--sp-3);transition:all var(--t-fast) var(--ease)}.add-account-btn:hover{background:var(--accent-muted);border-color:var(--accent-light)}.account-icon{align-items:center;border-radius:6px;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:34px;justify-content:center;width:34px}.account-info{flex:1}.account-name{color:var(--text-primary);font-size:14px}.account-email{color:var(--text-muted);font-size:12px}.account-status{align-items:center;color:var(--accent);display:flex;font-size:12px;gap:var(--sp-2)}.status-dot{background:var(--accent);border-radius:50%;height:6px;width:6px}.token-form.quiet{border-top:1px solid var(--border-soft);display:grid;gap:var(--sp-3);margin-top:var(--sp-10);padding-top:var(--sp-6)}.token-form label{color:var(--text-muted);font-size:10px;font-weight:500;letter-spacing:.12em;text-transform:uppercase}.input-row{display:grid;gap:var(--sp-3);grid-template-columns:minmax(0,1fr) auto}.input-row input{background:var(--bg-card);border:1px solid var(--border-medium);border-radius:6px;color:var(--text-primary);min-width:0;padding:var(--sp-3) var(--sp-4)}.input-row button{background:var(--accent);border-radius:6px;color:#fff;font-size:13px;padding:var(--sp-3) var(--sp-4)}@media(max-width:960px){.sidebar{box-shadow:none;transform:translate(-100%)}.sidebar.open{box-shadow:var(--shadow-lg);transform:translate(0)}.main{margin-left:0}.feed-sidebar-right{display:none}.feed-main{padding:var(--sp-6) var(--sp-5)}.topbar{padding:var(--sp-4) var(--sp-5)}.topbar-menu-btn{display:flex}.topbar-meta{display:none}.filter-tabs{padding:var(--sp-3) var(--sp-5)}.archive-layout,.accounts-layout,.reader-layout{padding:var(--sp-8) var(--sp-5)}.reader-title{font-size:26px}}@media(max-width:560px){#welcome-screen{align-items:flex-start;padding:var(--sp-10) var(--sp-5)}.masthead-title{font-size:44px}.article-card{gap:var(--sp-4)}.article-thumb-placeholder{display:none}.feed-date-header{flex-wrap:wrap}.feed-count{margin-left:0;width:100%}.input-row{grid-template-columns:1fr}}