:root,html.theme-light{--bg: #F9FAFB;--surface: #FFFFFF;--sidebar: #FFFFFF;--border: #E5E7EB;--border-strong: #D1D5DB;--accent: #2563EB;--accent-hover: #1D4ED8;--accent-light: rgba(37, 99, 235, .08);--text-primary: #111827;--text-secondary: #6B7280;--text-muted: #9CA3AF;--text-inverse: #FFFFFF;--icon-bg: #F3F4F6;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--pill-open-bg: #DCFCE7;--pill-open-text: #166534;--pill-prog-bg: #DBEAFE;--pill-prog-text: #1D4ED8;--pill-closed-bg: #F3F4F6;--pill-closed-text: #6B7280;--pill-pending-bg: #FEF9C3;--pill-pending-text: #854D0E;--notif-dot: #2563EB;--notif-dot-read: #D1D5DB;--new-btn-bg: #2563EB;--new-btn-text: #FFFFFF;--feat-icon-blue: #DBEAFE;--feat-icon-green: #DCFCE7;--feat-icon-amber: #FEF9C3;--feat-icon-purple: #EDE9FE;--feat-icon-red: #FEE2E2}html.theme-light.accent-green{--accent: #16a34a;--accent-hover: #15803d;--accent-light: rgba(22, 163, 74, .08);--notif-dot: #16a34a;--new-btn-bg: #16a34a}html.theme-light.accent-purple{--accent: #7c3aed;--accent-hover: #6d28d9;--accent-light: rgba(124, 58, 237, .08);--notif-dot: #7c3aed;--new-btn-bg: #7c3aed}html.theme-light.accent-blue{--accent: #2563EB;--accent-hover: #1D4ED8;--accent-light: rgba(37, 99, 235, .08);--notif-dot: #2563EB;--new-btn-bg: #2563EB}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-bg);min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--color-text-primary)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-md)}p{color:var(--color-text-secondary);line-height:var(--line-height-normal)}a{color:var(--color-accent-green);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-green-hover)}img,svg,video{display:block;max-width:100%}ul,ol{list-style:none}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit;background:transparent;border:1px solid var(--color-border);outline:none}input::placeholder,textarea::placeholder{color:var(--color-text-muted)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}*{scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:2px solid var(--color-accent-green);outline-offset:2px}::selection{background:var(--color-accent-green);color:var(--color-bg)}#root{min-height:100vh;display:flex;flex-direction:column}.filter-btn{background:var(--surface);border:1px solid var(--border);color:var(--text-secondary);padding:6px 16px;border-radius:20px;font-size:13px;cursor:pointer;transition:all .2s}.filter-btn:hover{background:var(--icon-bg);color:var(--text-primary)}.filter-btn.active{background:var(--accent);color:var(--new-btn-text, #ffffff);border-color:var(--accent)}html.theme-light .filter-btn{background:#fff;border-color:#e5e7eb;color:#6b7280}html.theme-light .filter-btn:hover{background:#f3f4f6;color:#111827}html.theme-light .filter-btn.active{background:#2563eb;border-color:#2563eb;color:#fff}