.brand{font-size:25px;letter-spacing:-1px}.brand-mark{width:32px;height:35px;flex-shrink:0}.theme-toggle{width:34px;height:34px;display:grid;place-items:center;border:1px solid #e8e5f2;border-radius:10px;background:#fff;color:#88839d;cursor:pointer;padding:8px;flex-shrink:0}.theme-toggle svg{width:17px;height:17px}.theme-toggle:hover{background:#f2efff;color:#6960d8}.theme-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.theme-choice{background:#faf9fe;border:1px solid #e7e2f2;border-radius:12px;padding:12px;color:#7b718e;text-align:left;cursor:pointer}.theme-choice[aria-pressed="true"]{border-color:#9b8cde;box-shadow:0 0 0 1px #9b8cde;background:#f4f0ff}.theme-choice>strong{font:600 11px Inter,'Segoe UI',sans-serif;display:flex;align-items:center;justify-content:space-between;margin-top:10px}.theme-mini{height:49px;display:flex;border-radius:6px;background:#fff;border:1px solid #e7e4ee;overflow:hidden}.theme-mini:before{content:'';display:block;width:22%;border-right:1px solid #e4e1ed;background:#faf9fc}.theme-mini:after{content:'';display:block;flex:1;margin:9px;background:linear-gradient(125deg,#e3ddff,#e4f6ee);border-radius:3px}.theme-mini.dark{background:#1b1c2c;border-color:#343147}.theme-mini.dark:before{background:#151622;border-color:#343147}.theme-mini.dark:after{background:linear-gradient(125deg,#44345c,#253c3a)}.theme-mini.system{background:linear-gradient(90deg,#fff 50%,#1b1c2c 50%)}.theme-mini.system:after{background:linear-gradient(90deg,#e4ddfa 50%,#49385f 50%)}.theme-help{font-size:11px!important;margin-top:13px!important}.legal-links{display:flex;gap:14px;align-items:center;font-size:10px}.legal-links a:hover{text-decoration:underline}.setup-banner{display:flex;align-items:center;gap:15px;padding:18px 21px;margin-top:24px;border:1px solid #dfd7f4;background:#f4eeff;border-radius:13px;color:#7d659e;font-size:12px;line-height:1.8}.setup-banner>div{flex:1}.setup-banner strong{display:block;color:#76608e;font-weight:650}.setup-banner .button{flex-shrink:0}.legal-setting-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px}.legal-setting-links a{font-size:11px;color:#9b7ab7;text-decoration:underline;text-underline-offset:3px}.settings-section .button.danger{font-size:11px}.close-warning{padding:12px 15px;border:1px solid #f0dbe3;background:#fff6f9;color:#b48496;font-size:11px;line-height:1.8;border-radius:8px;margin-top:15px}
html[data-theme="dark"]{--bg:#11131e;--paper:#1a1c2b;--ink:#f0eff7;--muted:#a29db6;--green:#9a88ff;--line:#2a2c40;--pale:#27233d;--accent:#b7a6ff;color-scheme:dark}
[data-theme="dark"] body{background:#11131e;color:#efedf7}
[data-theme="dark"] .sidebar{background:#151722;border-color:#292a3e}
[data-theme="dark"] .brand,[data-theme="dark"] h1,[data-theme="dark"] .stat-value,[data-theme="dark"] .site-name{color:#f4f0ff}
[data-theme="dark"] .brand-period,[data-theme="dark"] h1>span{color:#aa96ff}
[data-theme="dark"] .workspace-label,[data-theme="dark"] .eyebrow{color:#77758f}
[data-theme="dark"] nav a{color:#9c96ae}
[data-theme="dark"] nav a:hover{background:#212033;color:#bcaaff}
[data-theme="dark"] nav a.active{background:#2b2445;color:#c3afff}
[data-theme="dark"] .nav-count{background:#41315f;color:#c4a9f5}
[data-theme="dark"] .focus-tip{background:linear-gradient(130deg,#29213d,#202535);border-color:#3a2d50}
[data-theme="dark"] .focus-tip>span{color:#b59ae6}
[data-theme="dark"] .focus-tip strong{color:#d1bee6}
[data-theme="dark"] .focus-tip p{color:#9a89b0}
[data-theme="dark"] .focus-tip>a{color:#bb9fe6}
[data-theme="dark"] .focus-tip:after{border-color:#654c7d55;box-shadow:0 0 0 12px #48345f22}
[data-theme="dark"] .help-link,[data-theme="dark"] .profile small{color:#82758e}
[data-theme="dark"] .avatar{background:#30243f;color:#b99bd7}
[data-theme="dark"] .profile strong{color:#c7b4d5}
[data-theme="dark"] .topbar{background:#151722ed}
[data-theme="dark"] .breadcrumb{color:#74667f}
[data-theme="dark"] .breadcrumb b{color:#b29abe}
[data-theme="dark"] .breadcrumb span{color:#44364e}
[data-theme="dark"] .connection{background:#18362f;color:#8ad2b9}
[data-theme="dark"] .connection.preview{background:#2d233d;color:#b59acc}
[data-theme="dark"] .theme-toggle{background:#211e30;border-color:#382b47;color:#b59dcb}
[data-theme="dark"] .theme-toggle:hover{background:#33263f;color:#d7b7ec}
[data-theme="dark"] .install-button,[data-theme="dark"] .hero-button,[data-theme="dark"] .button.primary{background:#8a71f3;border-color:#8a71f3;color:#fff;box-shadow:0 5px 16px #8b64f31a}
[data-theme="dark"] .install-button:hover,[data-theme="dark"] .hero-button:hover,[data-theme="dark"] .button.primary:hover{background:#9c7ffb}
[data-theme="dark"] .page-title>p{color:#9a89a9}
[data-theme="dark"] .hero{background:radial-gradient(ellipse at 0 0,#59417b55,transparent 60%),radial-gradient(ellipse at 100% 0,#23544c44,transparent 70%),#1a1d2b;border-color:#3b304a;box-shadow:inset 0 1px 0 #ffffff05}
[data-theme="dark"] .hero h2{color:#f6f0ff}
[data-theme="dark"] .hero h2 em{background-image:linear-gradient(90deg,#c0a2fb,#91b5ef)}
[data-theme="dark"] .hero .eyebrow{color:#b49bce}
[data-theme="dark"] .hero p{color:#b09bbb}
[data-theme="dark"] .hero .text-button{color:#b79ac7}
[data-theme="dark"] .mini-browser{background:#252234;border-color:#493654;box-shadow:0 10px 35px #08070f33}
[data-theme="dark"] .mini-browser-top{background:#2b243c;border-color:#46314e}
[data-theme="dark"] .mini-browser-top i{background:#6e517d}
[data-theme="dark"] .mini-browser-top span{color:#a680b3}
[data-theme="dark"] .mini-timer{background:linear-gradient(140deg,#42304e,#233d38);border-color:#57405f;color:#c39dd9}
[data-theme="dark"] .mini-browser strong{color:#cbb2da}
[data-theme="dark"] .mini-browser>span{color:#aa89b8}
[data-theme="dark"] .floating-site{background:#30243c;border-color:#5b3b67;box-shadow:0 6px 20px #08061133}
[data-theme="dark"] .floating-site strong{color:#e1b8e9}
[data-theme="dark"] .floating-site small{color:#b591c3}
[data-theme="dark"] .floating-status{background:#23362f;border-color:#3f5748;color:#a4d3b8;box-shadow:0 5px 22px #060c0b22}
[data-theme="dark"] .hero-star{color:#b38dcb}
[data-theme="dark"] .stat-card,[data-theme="dark"] .panel{background:#1a1c2b;border-color:#2e2b40;box-shadow:0 4px 20px #09080f0a}
[data-theme="dark"] .stat-heading{color:#a48cb4}
[data-theme="dark"] .stat-heading>.icon{color:#b294ce}
[data-theme="dark"] .stat-foot{color:#8d769d}
[data-theme="dark"] .stat-value span{color:#ab8ebc}
[data-theme="dark"] .panel-heading h2{color:#ddd0e8}
[data-theme="dark"] .panel-heading .icon{color:#a280bb}
[data-theme="dark"] .panel-header .text-button,[data-theme="dark"] .panel-bottom .text-button{color:#ad88c7}
[data-theme="dark"] .site-row{border-color:#2a253b}
[data-theme="dark"] .site-domain{color:#967aa9}
[data-theme="dark"] .site-row .site-category{color:#9577a5}
[data-theme="dark"] .toggle{background:#4b3a59}
[data-theme="dark"] .toggle.on{background:#a27bd4}
[data-theme="dark"] .toggle:after{background:#f3e6ff}
[data-theme="dark"] .tag{background:#282034;border-color:#3c2d47;color:#b291c7}
[data-theme="dark"] .panel-bottom{color:#987aaa}
[data-theme="dark"] .chart{border-color:#3c2e49;background:repeating-linear-gradient(to top,transparent 0,transparent 36px,#30243a 37px,#30243a 38px)}
[data-theme="dark"] .chart-bar{background:#604477}
[data-theme="dark"] .chart-column.today .chart-bar{background:#b28cd6}
[data-theme="dark"] .chart-empty>span{background:#211d2e;border-color:#45314f;color:#b18dc5}
[data-theme="dark"] .chart-labels,[data-theme="dark"] .chart-caption{color:#9874ae}
[data-theme="dark"] .quote-card{background:linear-gradient(130deg,#30213f,#252437 65%,#1c302d);border-color:#493151}
[data-theme="dark"] .quote-card blockquote{color:#ceb0e3}
[data-theme="dark"] .quote-card .eyebrow,[data-theme="dark"] .quote-card cite{color:#ad85c2}
[data-theme="dark"] .quote-card>.quote-decoration{color:#53305f}
[data-theme="dark"] .info-strip{background:#241c31;border-color:#3e2a4b;color:#ad86c1}
[data-theme="dark"] .info-strip strong{color:#c6a0d9}
[data-theme="dark"] .info-strip .text-button{color:#c299d9}
[data-theme="dark"] .main-footer{color:#80638e}
[data-theme="dark"] .footer-brand{color:#bc8fd2}
[data-theme="dark"] .button{background:#282033;border-color:#49314f;color:#c296d5}
[data-theme="dark"] .button.danger{background:#33202f;border-color:#5d3247;color:#df9db6}
[data-theme="dark"] .search input,[data-theme="dark"] dialog input,[data-theme="dark"] .custom-default input{background:#201a2c;border-color:#4b2f56;color:#dec2ee}
[data-theme="dark"] input::placeholder{color:#9874ac}
[data-theme="dark"] .count-label{color:#b189c5}
[data-theme="dark"] .site-remove{color:#a27ab7}
[data-theme="dark"] .site-remove:hover{background:#3a2435;color:#e5a3b9}
[data-theme="dark"] .settings-section h3,[data-theme="dark"] .guide-card h2{color:#e1ccee}
[data-theme="dark"] .settings-section>p,[data-theme="dark"] .setting-row p,[data-theme="dark"] .guide-card p,[data-theme="dark"] .guide-card li{color:#b799c9}
[data-theme="dark"] .segmented button{background:#2b1f36;border-color:#50305c;color:#bc8ed2}
[data-theme="dark"] .segmented button.selected{background:#462957;border-color:#8853a6;color:#ddb2f4}
[data-theme="dark"] .custom-default{color:#bc8fd2}
[data-theme="dark"] .step-number{background:#392145;border-color:#5a3269;color:#d09be9}
[data-theme="dark"] .flow-step strong{color:#c395db}
[data-theme="dark"] .flow-step p,[data-theme="dark"] .settings-note{color:#b58cc9}
[data-theme="dark"] .settings-note{background:linear-gradient(130deg,#33213e,#20332f);border-color:#4e315a}
[data-theme="dark"] .settings-note strong{color:#d1a6e4}
[data-theme="dark"] .history-row small{color:#b38cc9}
[data-theme="dark"] .history-status{background:#3c2450;color:#d0a4e6}
[data-theme="dark"] .guide-card code{background:#382044;color:#dab0ee}
[data-theme="dark"] .empty-state h3{color:#c598dd}
[data-theme="dark"] .empty-state p{color:#b08ac4}
[data-theme="dark"] dialog{background:#211a2c;border-color:#57315e;color:#e5d3ee;box-shadow:0 25px 100px #08060c77}
[data-theme="dark"] dialog::backdrop{background:#090810a6}
[data-theme="dark"] dialog h2{color:#f2dcfa}
[data-theme="dark"] dialog p,[data-theme="dark"] dialog label{color:#c396d8}
[data-theme="dark"] .section-icon{background:#3b2349;border-color:#693773;color:#d49ae8}
[data-theme="dark"] .icon-button{color:#c49ada}
[data-theme="dark"] .icon-button:hover{background:#432a4e}
[data-theme="dark"] .toast{background:#9b6bb7;color:#fff}
[data-theme="dark"] .preview-dialog{background:radial-gradient(ellipse at 0 0,#52336177,transparent 65%),radial-gradient(ellipse at 100% 0,#20453877,transparent 60%),#211a2d}
[data-theme="dark"] .preview-dialog h2{color:#f2def9}
[data-theme="dark"] .preview-dialog h2 em{color:#c69cde}
[data-theme="dark"] .preview-label,[data-theme="dark"] .preview-site{background:#3c2549;border-color:#693774;color:#d39eea}
[data-theme="dark"] .preview-options button{background:#30203b;border-color:#64336e;color:#d09ce6}
[data-theme="dark"] .preview-options button b{color:#dab2ef}
[data-theme="dark"] .preview-options button.selected{background:#503062;border-color:#a56bc0;box-shadow:0 0 0 1px #a56bc0}
[data-theme="dark"] .preview-countdown{color:#dbb1f0}
[data-theme="dark"] .preview-foot{color:#ac7cc0!important}
[data-theme="dark"] .active-card{background:#352040;border-color:#63316d}
[data-theme="dark"] .active-card strong{color:#e2b3f5}
[data-theme="dark"] .active-card p,[data-theme="dark"] .active-card .active-time{color:#c894de}
[data-theme="dark"] .theme-choice{background:#282033;border-color:#4e315a;color:#c49ada}
[data-theme="dark"] .theme-choice[aria-pressed="true"]{background:#452b55;border-color:#a570bf;box-shadow:0 0 0 1px #a570bf}
[data-theme="dark"] .setup-banner{background:#33213f;border-color:#633571;color:#c59bd9}
[data-theme="dark"] .setup-banner strong{color:#e2b7f1}
[data-theme="dark"] .close-warning{background:#382230;border-color:#663a50;color:#da9cb7}
[data-theme="dark"] .legal-setting-links a,[data-theme="dark"] .legal-links a{color:#c89ae0}
@media(max-width:690px){.brand{font-size:26px}.top-actions{gap:6px}.topbar{padding:0 13px;gap:9px}.topbar .breadcrumb{display:none}.top-actions{margin-left:auto}.theme-toggle{width:31px;height:31px;padding:7px}.theme-options{gap:7px}.theme-choice{padding:10px}.theme-choice>strong{font-size:10px}.setup-banner{flex-wrap:wrap}.main-footer .legal-links{order:4;width:100%;padding-top:7px}}