:root{--bg:#f8f9fa;--bg-card:#fff;--text:#374151;--text-h:#111827;--text-muted:#9ca3af;--border:#e5e7eb;--accent:#6366f1;--accent-light:#6366f11a;--archive-color:#ef4444;--archive-bg:#ef44441a;--reading-color:#10b981;--reading-bg:#10b9811a;--nav-bg:#ffffffeb;--shadow-sm:0 1px 2px #0000000d;--shadow:0 1px 3px #0000001a, 0 1px 2px #0000000f;--radius:12px;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font:15px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#0f1117;--bg-card:#1a1c25;--text:#d1d5db;--text-h:#f3f4f6;--text-muted:#6b7280;--border:#2d2f3a;--accent:#818cf8;--accent-light:#818cf81f;--archive-color:#f87171;--archive-bg:#f871711f;--reading-color:#34d399;--reading-bg:#34d3991f;--nav-bg:#0f1117eb;--shadow-sm:0 1px 2px #0000004d;--shadow:0 1px 3px #0006, 0 1px 2px #0000004d}}*,:before,:after{box-sizing:border-box}body{overscroll-behavior-x:none;margin:0}#root{min-height:100svh}h1,h2,h3{color:var(--text-h);margin:0}button{cursor:pointer;font:inherit;color:inherit;background:0 0;border:none}.app-shell{flex-direction:column;max-width:1200px;min-height:100svh;margin:0 auto;display:flex}.app-main{padding-bottom:calc(68px + env(safe-area-inset-bottom,0px));flex:1}.bottom-nav{background:var(--nav-bg);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--border);padding:6px 0 calc(6px + env(safe-area-inset-bottom,0px));z-index:100;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-item{color:var(--text-muted);flex-direction:column;align-items:center;gap:2px;padding:6px 12px;font-size:11px;text-decoration:none;transition:color .2s;display:flex;position:relative}.nav-item.active{color:var(--accent)}.badge{background:var(--accent);color:#fff;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:600;display:flex;position:absolute;top:2px;right:4px}.page{padding:16px}.page-header{padding-top:max(env(safe-area-inset-top,0px), 8px);margin-bottom:20px}.page-header h1{letter-spacing:-.3px;font-size:20px;font-weight:700}.page-subtitle{color:var(--text-muted);margin-top:2px;font-size:13px}.news-list{flex-direction:column;gap:12px;display:flex}.news-card-wrapper{border-radius:var(--radius);position:relative;overflow:hidden}.news-card-action-bg{border-radius:var(--radius);align-items:center;display:flex;position:absolute;inset:0}.news-card-action-bg.archive{background:var(--archive-bg);color:var(--archive-color);justify-content:flex-end;padding-right:20px}.news-card-action-bg.reading-list{background:var(--reading-bg);color:var(--reading-color);justify-content:flex-start;padding-left:20px}.action-label{flex-direction:column;align-items:center;gap:4px;font-size:12px;font-weight:600;display:flex}.news-card{background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow-sm);border:1px solid var(--border);touch-action:pan-y;position:relative;overflow:hidden}.news-card-thumbnail{background-position:50%;background-size:cover;background-color:var(--border);width:100%;height:160px;position:relative;overflow:hidden}.news-card-body{padding:12px 14px 14px}.news-card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:6px;font-size:15px;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.news-card-title a{color:inherit;text-decoration:none}.news-card-title a:active{opacity:.7}.news-card-desc{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:8px;font-size:13px;line-height:1.45;display:-webkit-box;overflow:hidden}.news-card-meta{color:var(--text-muted);justify-content:space-between;font-size:12px;display:flex}.news-card-source{color:var(--accent);font-weight:600}.news-card-ribbon{color:#fff;text-align:center;z-index:1;letter-spacing:.3px;text-shadow:0 1px 2px #0000004d;border-radius:0 0 0 8px;min-width:36px;padding:6px 10px 8px;font-size:14px;font-weight:800;position:absolute;top:0;right:0;box-shadow:-2px 2px 6px #00000040}.score-0,.score-1,.score-2{background:linear-gradient(135deg,#ef4444,#b91c1c)}.score-3,.score-4{background:linear-gradient(135deg,#f97316,#c2410c)}.score-5,.score-6{background:linear-gradient(135deg,#eab308,#a16207)}.score-7,.score-8{background:linear-gradient(135deg,#22c55e,#15803d)}.score-9,.score-10{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.restore-btn{color:var(--accent);background:var(--accent-light);border-radius:6px;align-items:center;gap:6px;margin-top:10px;padding:6px 12px;font-size:12px;font-weight:500;transition:opacity .2s;display:inline-flex}.restore-btn:active{opacity:.7}.swipe-hint{color:var(--text-muted);opacity:.6;justify-content:space-between;padding:12px 4px;font-size:11px;display:flex}.empty-state{text-align:center;color:var(--text-muted);padding:48px 16px}.empty-state p:first-child{color:var(--text);margin-bottom:8px;font-size:16px;font-weight:500}.empty-hint{font-size:13px}.topics-section{margin-bottom:28px}.section-title{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:12px;font-size:14px;font-weight:600}.topics-grid{flex-wrap:wrap;gap:8px;display:flex}.topic-chip{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;align-items:center;gap:6px;padding:8px 14px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.topic-chip:active{transform:scale(.96)}.topic-chip.active{background:var(--accent-light);border-color:var(--accent);color:var(--accent)}.topic-icon{font-size:16px}.topic-action{opacity:.5}.back-link{color:var(--accent);align-items:center;gap:4px;margin-bottom:8px;font-size:13px;text-decoration:none;display:inline-flex}.back-link:active{opacity:.7}.settings-user-badge{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:10px;margin-bottom:16px;padding:12px 14px;display:flex}.settings-user-avatar{border-radius:50%;width:32px;height:32px}.settings-user-name{color:var(--text-h);font-size:14px;font-weight:600}.settings-nav{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;display:flex;overflow:hidden}.settings-link{color:var(--text-h);align-items:center;gap:12px;padding:14px 16px;font-size:15px;text-decoration:none;transition:background .15s;display:flex}.settings-link:not(:last-child){border-bottom:1px solid var(--border)}.settings-link:active{background:var(--accent-light)}.settings-link-icon{color:var(--accent)}.settings-link-chevron{color:var(--text-muted);margin-left:auto}.account-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);text-align:center;flex-direction:column;align-items:center;gap:12px;padding:32px 16px;display:flex}.account-avatar{border-radius:50%;width:64px;height:64px}.account-info{margin-bottom:8px}.account-name{color:var(--text-h);margin:0;font-size:16px;font-weight:600}.account-email{color:var(--text-muted);margin:2px 0 0;font-size:13px}.login-section{text-align:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:32px 16px}.login-prompt{color:var(--text-muted);margin:0 0 20px;font-size:14px}.btn{border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:opacity .2s;display:inline-flex}.btn:active{opacity:.7}.btn-google{background:var(--bg);border:1px solid var(--border);color:var(--text-h);padding:10px 24px}.btn-secondary{background:var(--accent-light);color:var(--accent)}.toast{bottom:calc(72px + env(safe-area-inset-bottom,0px));background:var(--text-h);color:var(--bg);z-index:200;pointer-events:none;border-radius:8px;padding:10px 20px;font-size:13px;font-weight:500;animation:.25s toast-in;position:fixed;left:50%;transform:translate(-50%)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%)translateY(8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@media (width>=600px){.news-list{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.app-shell{border-left:1px solid var(--border);border-right:1px solid var(--border)}.page{padding:24px}}@media (width>=1024px){.news-list{grid-template-columns:repeat(3,1fr)}.page{padding:32px}.page-header h1{font-size:22px}}