.header{position:sticky;top:0;z-index:10;background-color:var(--surface);border-bottom:1px solid var(--border);border-top:3px solid transparent;border-image:linear-gradient(90deg,var(--liberal),var(--neutral) 50%,var(--conservative)) 1}.header-inner{max-width:1400px;margin:0 auto;padding:.6rem 1rem;display:flex;align-items:center;gap:1rem}.brand{font-size:1.35rem;font-weight:800;letter-spacing:-.02em;text-decoration:none;background:linear-gradient(90deg,var(--liberal),var(--conservative));-webkit-background-clip:text;background-clip:text;color:transparent}.main-nav{display:flex;gap:.25rem}.nav-link{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .75rem;border-radius:999px;color:var(--text-muted);text-decoration:none;font-weight:600;font-size:.95rem;border:none;background:none}.nav-link:hover,.nav-link.active{color:var(--text);background-color:var(--surface-2)}.saved-count{min-width:1.35em;padding:0 .35em;border-radius:999px;background-color:var(--brand);color:#fff;font-size:.75rem;line-height:1.35em;text-align:center}.header-actions{margin-left:auto;display:flex;align-items:center;gap:.5rem}.theme-toggle{border:none;background:none;font-size:1.15rem;cursor:pointer;padding:.25rem;line-height:1}.user-email{max-width:16ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-muted);font-size:.9rem}.auth-link{border:none;background:none;cursor:pointer;font:inherit;font-weight:600;font-size:.95rem;color:var(--text-muted);padding:.4rem .75rem;border-radius:999px}.auth-link:hover{color:var(--text);background-color:var(--surface-2)}@media(max-width:640px){.user-email{display:none}.header-inner{gap:.5rem;flex-wrap:wrap}}.search-area{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:0 1rem}.search{display:flex;width:100%;max-width:480px;border:1px solid var(--border);border-radius:999px;background-color:var(--surface);overflow:hidden;transition:box-shadow .15s ease}.search:focus-within{box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 30%,transparent)}.search-input{flex:1;min-width:0;border:none;outline:none;background:none;color:var(--text);font-size:1rem;padding:.65rem 1.1rem}.search-input::placeholder{color:var(--text-muted)}.search-button{border:none;background-color:var(--brand);color:#fff;font-weight:700;font-size:.9rem;padding:0 1.3rem;cursor:pointer}.search-button:hover{filter:brightness(1.1)}.active-query{margin:0;color:var(--text-muted);font-size:.95rem;display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;justify-content:center}.clear-search{border:1px solid var(--border);background-color:var(--surface);color:var(--text);border-radius:999px;padding:.25rem .8rem;font-size:.85rem;cursor:pointer}.clear-search:hover{background-color:var(--surface-2)}.article-card{display:flex;flex-direction:column;width:260px;flex-shrink:0;background-color:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;scroll-snap-align:start;transition:transform .15s ease,box-shadow .15s ease;border-top:3px solid var(--neutral)}.article-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px #0000001f}.article-card[data-lane=liberal]{border-top-color:var(--liberal)}.article-card[data-lane=conservative]{border-top-color:var(--conservative)}.card-image-link{display:block;aspect-ratio:16 / 9;background-color:var(--surface-2)}.card-image{width:100%;height:100%;object-fit:cover;display:block}.card-body{display:flex;flex-direction:column;flex:1;padding:.75rem .85rem;gap:.6rem}.card-headline{color:var(--text);text-decoration:none;font-weight:700;font-size:.92rem;line-height:1.35;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.card-headline:hover{text-decoration:underline}.card-footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:.5rem}.card-meta{color:var(--text-muted);font-size:.78rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bookmark-button{border:none;background:none;color:var(--text-muted);cursor:pointer;padding:.25rem;border-radius:6px;display:inline-flex;flex-shrink:0}.bookmark-button:hover{color:var(--brand);background-color:var(--surface-2)}.bookmark-button.saved{color:var(--brand)}.card-error{margin:0;color:var(--conservative);font-size:.78rem}.article-row{padding:.5rem 0 1rem}.row-header{display:flex;align-items:center;justify-content:space-between;padding:0 1rem;margin-bottom:.5rem}.row-heading{margin:0;font-size:1.35rem;letter-spacing:-.01em}.row-heading[data-lane=liberal]{color:var(--liberal)}.row-heading[data-lane=conservative]{color:var(--conservative)}.row-heading[data-lane=neutral]{color:var(--neutral-heading)}.row-arrows{display:none;gap:.4rem}@media(hover:hover)and (pointer:fine){.row-arrows{display:flex}}.row-arrow{width:34px;height:34px;border-radius:50%;border:1px solid var(--border);background-color:var(--surface);color:var(--text);font-size:1.25rem;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding-bottom:3px}.row-arrow:hover{background-color:var(--surface-2)}.row-scroller{display:flex;gap:.85rem;overflow-x:auto;padding:.25rem 1rem .75rem;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch}.row-scroller::-webkit-scrollbar{display:none}.row-empty{color:var(--text-muted);margin:.5rem 0}.home-page{max-width:1400px;margin:0 auto;padding-bottom:3rem}.hero{text-align:center;padding:2rem 1rem 1.5rem;display:flex;flex-direction:column;gap:.5rem}.app-name{margin:0;font-size:clamp(2.2rem,6vw,3.2rem);font-weight:800;letter-spacing:-.03em;background:linear-gradient(90deg,var(--liberal),var(--conservative));-webkit-background-clip:text;background-clip:text;color:transparent}.tagline{margin:0 auto .75rem;max-width:46ch;color:var(--text-muted);font-size:1.05rem}.rows{display:flex;flex-direction:column;gap:.5rem;padding-top:1rem}.page-error{text-align:center;padding:2rem 1rem;color:var(--text)}.retry-button{border:1px solid var(--border);background-color:var(--surface);color:var(--text);border-radius:999px;padding:.45rem 1.2rem;font-weight:600;cursor:pointer}.retry-button:hover{background-color:var(--surface-2)}.skeleton-row{padding:.5rem 1rem 1rem}.skeleton-heading{width:140px;height:1.5rem;border-radius:6px;background-color:var(--surface-2);margin-bottom:.75rem;animation:pulse 1.4s ease-in-out infinite}.skeleton-cards{display:flex;gap:.85rem;overflow:hidden}.skeleton-card{width:260px;height:240px;flex-shrink:0;border-radius:12px;background-color:var(--surface-2);animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}@media(prefers-reduced-motion:reduce){.skeleton-card,.skeleton-heading{animation:none}}.saved-page{max-width:1400px;margin:0 auto;padding:1.5rem 1rem 3rem}.saved-title{text-align:center;font-size:clamp(1.8rem,5vw,2.4rem);letter-spacing:-.02em;margin:.5rem 0 1rem}.saved-hint,.saved-error{text-align:center;color:var(--text-muted);margin:0 0 1.25rem}.saved-error{color:var(--conservative)}.saved-hint a{color:var(--brand);font-weight:600}.saved-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.saved-empty{text-align:center;color:var(--text-muted);padding:3rem 1rem}.saved-empty a{color:var(--brand);font-weight:600}.auth-page{display:flex;justify-content:center;padding:3rem 1rem}.auth-card{width:100%;max-width:400px;background-color:var(--surface);border:1px solid var(--border);border-radius:16px;padding:2rem}.auth-title{margin:0 0 .25rem;font-size:1.7rem;letter-spacing:-.02em}.auth-subtitle{margin:0 0 1.5rem;color:var(--text-muted);font-size:.95rem}.auth-form{display:flex;flex-direction:column;gap:1rem}.auth-label{display:flex;flex-direction:column;gap:.35rem;font-weight:600;font-size:.9rem;color:var(--text)}.auth-input{padding:.6rem .8rem;border:1px solid var(--border);border-radius:8px;background-color:var(--bg);color:var(--text);font-size:1rem}.auth-input:focus{outline:2px solid var(--brand);outline-offset:1px}.auth-hint{margin:0;color:var(--text-muted);font-size:.85rem}.auth-error{margin:0;color:var(--conservative);font-size:.9rem}.auth-submit{border:none;border-radius:999px;background-color:var(--brand);color:#fff;font-weight:700;font-size:1rem;padding:.7rem;cursor:pointer}.auth-submit:hover{filter:brightness(1.1)}.auth-submit:disabled{opacity:.6;cursor:default}.auth-footer{margin-top:1.25rem;text-align:center;color:var(--text-muted);font-size:.95rem}.auth-footer a{color:var(--brand);font-weight:600}.auth-skip{margin:1rem 0 0;text-align:center;font-size:.9rem}.auth-skip a{color:var(--text-muted)}:root{--bg: #eef1f4;--surface: #ffffff;--surface-2: #e3e8ee;--text: #1b2733;--text-muted: #5b6875;--border: #d5dce3;--brand: #1f6feb;--liberal: #175ab8;--conservative: #bf0d3e;--neutral: #8a95a1;--neutral-heading: #3d4854;color-scheme:light}:root[data-theme=dark]{--bg: #141b22;--surface: #1e2831;--surface-2: #2a3742;--text: #e8edf2;--text-muted: #9aa7b3;--border: #33414d;--brand: #4c8dff;--liberal: #5c9bff;--conservative: #ff5c7c;--neutral: #6b7885;--neutral-heading: #b6c1cc;color-scheme:dark}*{box-sizing:border-box}html{height:100%}body{margin:0;min-height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;background-color:var(--bg);color:var(--text);transition:background-color .2s ease,color .2s ease}#root{min-height:100vh}h1,h2,h3{color:var(--text)}a{color:var(--brand)}