:root{--color-bg-primary:#fff;--color-bg-secondary:#f8f9fa;--color-bg-tertiary:#f1f3f5;--color-text-primary:#212529;--color-text-secondary:#6c757d;--color-text-muted:#adb5bd;--color-accent:#228be6;--color-accent-hover:#1c7ed6;--color-accent-text:#fff;--color-border:#dee2e6;--color-error:#fa5252;--color-success:#40c057;--color-star:#fab005;--color-unread-badge:#228be6;--radius-sm:4px;--radius-md:8px;--font-size-sm:.8125rem;--font-size-xs:.75rem}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--color-text-primary);background:var(--color-bg-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}.auth-container{background:var(--color-bg-secondary);justify-content:center;align-items:center;min-height:100vh;display:flex}.auth-card{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;max-width:400px;padding:2rem}.auth-card h1{margin-bottom:1.5rem;font-size:1.5rem}.form-group{margin-bottom:1rem}.form-group label{color:var(--color-text-secondary);margin-bottom:.25rem;font-size:.875rem;font-weight:500;display:block}.form-group input{border:1px solid var(--color-border);border-radius:var(--radius-sm);outline:none;width:100%;padding:.5rem .75rem;font-size:1rem;transition:border-color .15s}.form-group input:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px #228be626}.form-hint{color:var(--color-text-secondary);margin-top:.25rem;font-size:.75rem;display:block}.btn-primary{background:var(--color-accent);width:100%;color:var(--color-accent-text);border-radius:var(--radius-sm);cursor:pointer;border:none;margin-top:.5rem;padding:.625rem 1rem;font-size:1rem;font-weight:500;transition:background .15s}.btn-primary:hover:not(:disabled){background:var(--color-accent-hover)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;background:0 0;padding:.375rem .75rem;font-size:.875rem;transition:background .15s}.btn-secondary:hover{background:var(--color-bg-secondary)}.auth-error{color:var(--color-error);border-radius:var(--radius-sm);background:#fff5f5;border:1px solid #ffc9c9;margin-bottom:1rem;padding:.5rem .75rem;font-size:.875rem}.auth-link{text-align:center;color:var(--color-text-secondary);margin-top:1rem;font-size:.875rem}.auth-link a{color:var(--color-accent);text-decoration:none}.auth-link a:hover{text-decoration:underline}.main-container{min-height:100vh}.main-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:.75rem 1.5rem;display:flex}.main-header h1{font-size:1.25rem}.header-user{color:var(--color-text-secondary);align-items:center;gap:.75rem;font-size:.875rem;display:flex}.main-content{padding:2rem}[data-font-size=small]{font-size:14px}[data-font-size=large]{font-size:18px}[data-density=compact] .article-list-item{padding:4px 12px}[data-density=compact] .article-item-summary{display:none}[data-density=compact] .expanded-article-item{padding:.75rem 1rem}[data-density=compact] .accordion-item-header{padding:4px 12px}[data-density=compact] .magazine-card{gap:0}.spinner{border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}[data-theme=dark]{--color-bg-primary:#1a1b1e;--color-bg-secondary:#25262b;--color-bg-tertiary:#2c2e33;--color-text-primary:#c1c2c5;--color-text-secondary:#909296;--color-text-muted:#5c5f66;--color-accent:#4dabf7;--color-accent-hover:#339af0;--color-accent-text:#fff;--color-border:#373a40;--color-error:#ff6b6b;--color-success:#51cf66;--color-star:#fcc419;--color-unread-badge:#4dabf7}@media (prefers-color-scheme:dark){[data-theme=system]{--color-bg-primary:#1a1b1e;--color-bg-secondary:#25262b;--color-bg-tertiary:#2c2e33;--color-text-primary:#c1c2c5;--color-text-secondary:#909296;--color-text-muted:#5c5f66;--color-accent:#4dabf7;--color-accent-hover:#339af0;--color-accent-text:#fff;--color-border:#373a40;--color-error:#ff6b6b;--color-success:#51cf66;--color-star:#fcc419;--color-unread-badge:#4dabf7}}