html.dark{--color-page-bg:#1a1816;--color-surface:#262320;--color-surface-hover:#322e2a;--color-accent:#d4a843;--color-accent-hover:#c49432;--color-accent-subtle:#3d3520;--color-destructive:#e06050;--color-destructive-hover:#c84a3a;--color-text:#e8e2dc;--color-text-secondary:#a8a098;--color-text-muted:#787068;--color-border:#3e3a36;--color-border-light:#332f2b;--color-input-bg:#262320;--color-input-border:#4e4a46;--color-input-focus:#d4a843;--color-input-placeholder:#6b6560;--color-success-bg:#1a2e22;--color-success-text:#6ee6b0;--color-success-border:#27ae60;--color-error-bg:#2e1a16;--color-error-text:#f5a89a;--color-error-border:#e06050;--color-warning-bg:#2e2a1a;--color-warning-text:#fcd34d;--color-warning-border:#d4a843;--color-info-bg:#1a2230;--color-info-text:#93c5f0;--color-info-border:#4a8ac8;--shadow-sm:0 1px 2px rgba(0,0,0,.3);--shadow-md:0 2px 8px rgba(0,0,0,.4);--shadow-lg:0 4px 16px rgba(0,0,0,.5);--shadow-xl:0 8px 24px rgba(0,0,0,.6)}html.dark body{color:var(--color-text)}html.dark #app,html.dark body{background-color:var(--color-page-bg)}html.dark .auth-card{background-color:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-md)}html.dark .auth-card h1{color:var(--color-text)}html.dark .auth-card p{color:var(--color-text-secondary)}html.dark .form-input{background-color:var(--color-input-bg);border-color:var(--color-input-border);color:var(--color-text)}html.dark .form-input::placeholder{color:var(--color-input-placeholder)}html.dark .form-input:focus{border-color:var(--color-input-focus);box-shadow:0 0 0 3px var(--color-accent-subtle)}html.dark .form-label{color:var(--color-text)}html.dark .form-field-error{border-color:var(--color-destructive)!important}html.dark .form-field-error:focus{box-shadow:0 0 0 3px rgba(224,96,80,.25)!important}html.dark .form-error{color:var(--color-error-text)}html.dark .form-button{background-color:var(--color-accent);color:var(--color-page-bg)}html.dark .form-button:hover{background-color:var(--color-accent-hover)}html.dark .form-button:focus{box-shadow:0 0 0 3px var(--color-accent-subtle)}html.dark .form-button:disabled{background-color:var(--color-text-muted);opacity:.6}html.dark .form-button-secondary{background-color:transparent!important;border-color:var(--color-accent);color:#d4a843!important}html.dark .form-button-secondary:hover{background-color:var(--color-accent-subtle)}html.dark .message-success{background-color:var(--color-success-bg);border-color:var(--color-success-border);color:var(--color-success-text)}html.dark .message-error{background-color:var(--color-error-bg);border-color:var(--color-error-border);color:var(--color-error-text)}html.dark .message-warning{background-color:var(--color-warning-bg);border-color:var(--color-warning-border);color:var(--color-warning-text)}html.dark .message-info{background-color:var(--color-info-bg);border-color:var(--color-info-border);color:var(--color-info-text)}html.dark .auth-links a{color:var(--color-accent)}html.dark .auth-links a:focus{outline-color:var(--color-accent)}html.dark .qr-code img{background:var(--color-surface);border-color:var(--color-border)}html.dark .backup-codes{background:var(--color-surface-hover);border-color:var(--color-border);color:var(--color-text)}html.dark .backup-codes-hint{color:var(--color-text-muted)}html.dark .twofa-warning{background:var(--color-warning-bg);border-color:var(--color-warning-border);color:var(--color-warning-text)}html.dark img{filter:brightness(.85) saturate(.9)}html.dark .tiptap,html.dark .tiptap ProseMirror{background-color:var(--color-surface);color:var(--color-text)}html.dark .tiptap ProseMirror:focus{outline:none}html.dark .tiptap ProseMirror h1,html.dark .tiptap ProseMirror h2,html.dark .tiptap ProseMirror h3{color:var(--color-text)}html.dark .tiptap ProseMirror p{color:var(--color-text-secondary)}html.dark .tiptap ProseMirror a{color:var(--color-accent)}html.dark .tiptap ProseMirror blockquote{background-color:var(--color-surface-hover);border-left-color:var(--color-accent);color:var(--color-text-secondary)}html.dark .dashboard-header h1{color:var(--color-text)}html.dark .dashboard-header p{color:var(--color-text-secondary)}html.dark .site-header{background:var(--color-surface);border-bottom-color:var(--color-border)}html.dark .site-logo{color:var(--color-text)}html.dark .site-logo:hover{color:var(--color-accent)}html.dark .site-nav-link{color:var(--color-text-muted)}html.dark .site-nav-link:hover{background-color:var(--color-surface-hover);color:var(--color-text)}html.dark .site-nav-link-active{color:var(--color-accent)!important}html.dark .site-nav-link-auth{color:var(--color-accent)}html.dark .site-content{background:var(--color-page-bg)}html.dark .site-footer{background:var(--color-surface);border-top-color:var(--color-border)}html.dark .browse-header h1{color:var(--color-text)}html.dark .browse-header{color:var(--color-text-secondary)}html.dark .browse-sidebar{background:var(--color-surface);box-shadow:var(--shadow-sm);color:var(--color-text)}html.dark .browse-sidebar h3{color:var(--color-text)}html.dark .featured-card{background:var(--color-surface);box-shadow:var(--shadow-sm)}html.dark .featured-card:hover{box-shadow:var(--shadow-md)}html.dark .featured-card-title{color:var(--color-text)}html.dark .featured-card-author{color:var(--color-text-muted)}html.dark .story-card{background:var(--color-surface);box-shadow:var(--shadow-sm)}html.dark .story-card:hover{box-shadow:var(--shadow-md)}html.dark .story-card--minimal{border-bottom-color:var(--color-border)}html.dark .story-card--minimal:hover{background:var(--color-surface-hover)}html.dark .story-card-title{color:var(--color-text)}html.dark .story-card-author{color:var(--color-text-muted)}html.dark .story-card-author .author-link{color:var(--color-accent)}html.dark .story-card-meta{color:var(--color-text-muted)}html.dark .tag-badge{background:var(--color-surface-hover);color:var(--color-accent)}html.dark .btn-pagination{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}html.dark .btn-pagination:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-text-muted)}html.dark .pagination-info{color:var(--color-text-muted)}html.dark .skeleton-card,html.dark .skeleton-detail{background:var(--color-surface-hover)}html.dark .back-link{color:var(--color-accent)}html.dark .story-detail-header h1{color:var(--color-text)}html.dark .story-detail-header p{color:var(--color-text-secondary)}html.dark .detail-meta{color:var(--color-text-muted)}html.dark .detail-body h2,html.dark .detail-body h3,html.dark .detail-body li,html.dark .detail-body p,html.dark .profile-header h1,html.dark .search-header h1{color:var(--color-text)}html.dark .profile-header p{color:var(--color-text-secondary)}html.dark .newsletter-card{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-md)}html.dark .newsletter-card h1{color:var(--color-text)}html.dark .newsletter-card p{color:var(--color-text-secondary)}html.dark .newsletter-footer{color:var(--color-text)}html.dark .newsletter-footer-input{background:var(--color-input-bg);border-color:var(--color-input-border);color:var(--color-text)}html.dark .newsletter-footer-button{color:var(--color-page-bg)}html.dark .newsletter-footer-link{color:var(--color-accent)}html.dark .newsletter-cooldown-timer{color:var(--color-text-muted)}html.dark .newsletter-confirm-text{color:var(--color-text-secondary)}html.dark .newsletter-resubscribe{border-top-color:var(--color-border)}html.dark .newsletter-resubscribe h3{color:var(--color-text)}html.dark .newsletter-preferences-card{background-color:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-md)}html.dark .newsletter-preferences-card h1{color:var(--color-text)}html.dark .newsletter-toggle-slider{background-color:var(--color-input-border)}html.dark .newsletter-toggle input:checked+.newsletter-toggle-slider{background-color:var(--color-accent)}html.dark .newsletter-toggle-text strong{color:var(--color-text)}html.dark .newsletter-phone-masked,html.dark .newsletter-toggle-text p{color:var(--color-text-muted)}html.dark .newsletter-mute-section{border-top-color:var(--color-border)}html.dark .newsletter-mute-section h3{color:var(--color-text)}html.dark .newsletter-muted-author-item{background:var(--color-surface-hover);color:var(--color-text-secondary)}html.dark .newsletter-save-section{border-top-color:var(--color-border)}html.dark .bell-icon{color:var(--color-text-muted)}html.dark .bell-icon:hover{background-color:var(--color-surface-hover);color:var(--color-text)}html.dark .bell-dropdown{background:var(--color-surface);border-color:var(--color-border);box-shadow:var(--shadow-md)}html.dark .bell-dropdown-header{border-bottom-color:var(--color-border)}html.dark .bell-dropdown-title{color:var(--color-text)}html.dark .bell-mark-all-read{color:var(--color-accent)}html.dark .bell-mark-all-read:hover{background-color:var(--color-accent-subtle)}html.dark .bell-dropdown-item{border-bottom-color:var(--color-border-light)}html.dark .bell-dropdown-item:hover{background-color:var(--color-surface-hover)}html.dark .bell-dropdown-item-title{color:var(--color-text)}html.dark .bell-dropdown-item-time{color:var(--color-text-muted)}html.dark .bell-dropdown-view-all{border-top-color:var(--color-border);color:var(--color-accent)}html.dark .bell-dropdown-view-all:hover{background-color:var(--color-surface-hover)}html.dark .bell-dropdown-empty{color:var(--color-text-muted)}html.dark .notifications-card{background-color:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-md)}html.dark .notifications-card h1{color:var(--color-text)}html.dark .notifications-tabs{border-bottom-color:var(--color-border)}html.dark .notifications-tab{color:var(--color-text-muted)}html.dark .notifications-tab:hover{color:var(--color-text)}html.dark .notifications-tab-active{border-bottom-color:var(--color-accent);color:var(--color-accent)}html.dark .notification-item{border-bottom-color:var(--color-border-light)}html.dark .notification-item:hover{background-color:var(--color-surface-hover)}html.dark .notification-title{color:var(--color-text)}html.dark .notification-body{color:var(--color-text-secondary)}html.dark .notification-time,html.dark .notifications-empty{color:var(--color-text-muted)}html.dark .notifications-pagination{border-top-color:var(--color-border)}.theme-toggle,html.dark .notifications-page-info{color:var(--color-text-muted)}.theme-toggle{align-items:center;background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;display:flex;justify-content:center;padding:var(--space-1);transition:color var(--transition-fast),background-color var(--transition-fast)}.theme-toggle:hover{background-color:var(--color-surface-hover);color:var(--color-text)}.theme-toggle:focus{outline:2px solid var(--color-accent);outline-offset:2px}html.dark .spinner{border-color:hsla(0,0%,100%,.2);border-top-color:var(--color-text)}html.dark ::-webkit-scrollbar{height:8px;width:8px}html.dark ::-webkit-scrollbar-track{background:var(--color-page-bg)}html.dark ::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-sm)}html.dark ::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}html.dark ::selection{background-color:var(--color-accent);color:var(--color-page-bg)}html.dark .admin-btn{background-color:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}html.dark .admin-btn:hover:not(:disabled){background-color:var(--color-surface-hover)}html.dark .admin-btn--primary{background-color:var(--color-accent);border-color:var(--color-accent);color:var(--color-page-bg)}html.dark .admin-btn--primary:hover:not(:disabled){background-color:var(--color-accent-hover)}html.dark .admin-btn--danger{background-color:var(--color-destructive);border-color:var(--color-destructive);color:var(--color-page-bg)}html.dark .admin-btn--danger:hover:not(:disabled){background-color:var(--color-destructive-hover)}html.dark .admin-btn--success{background-color:var(--color-success-text);border-color:var(--color-success-text);color:var(--color-page-bg)}html.dark .admin-btn--success:hover:not(:disabled){background-color:var(--color-success-border)}html.dark .admin-btn--secondary{color:var(--color-text)}html.dark .btn-primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-page-bg)}html.dark .btn-primary:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover)}html.dark .btn-secondary{background:var(--color-surface);border-color:var(--color-accent);color:var(--color-accent)}html.dark .btn-secondary:hover{background:var(--color-accent-subtle)}html.dark .btn-danger{background:var(--color-surface);border-color:var(--color-destructive);color:var(--color-destructive)}html.dark .btn-danger:hover{background:var(--color-error-bg)}html.dark .btn-link{color:var(--color-accent)}html.dark .btn-link:hover{color:var(--color-accent-hover)}