/* Independent visual themes. Dimension and project colors remain user-owned. */
:is(:root,.mock)[data-theme="glass"]{--color-paper:#e3edf2;--color-canvas:#eff7fa;--color-surface:#f7fcfd;--color-surface-muted:#e3eff1;--color-ink:#253f4d;--color-secondary:#435f70;--color-muted:#526d7c;--color-line:#bdcfd9;--color-line-strong:#88a7b7;--color-accent:#386c81;--color-accent-hover:#2a576b;--color-accent-soft:#dceef0;--color-accent-on:#ffffff;--color-sidebar:#dbeaf0;--color-sidebar-ink:#304d60;--color-sidebar-muted:#536f80;--color-sidebar-line:#adc7d4;--color-focus:#286e96;--color-shadow:#5b829329;--radius-sm:12px;--radius-md:18px;--radius-lg:24px;--font-display:'Noto Sans SC',sans-serif;--glass-bg:linear-gradient(135deg,#ffffffc9,#f4ffff8c 46%,#e2ebff91);--glass-edge:#ffffffd9;--glass-shadow:inset 0 1px 0 #fff,inset 0 -2px 0 #bed4e35c,0 8px 25px #6c96ad1c}
html[data-theme="glass"] body,.mock[data-theme="glass"]{background:radial-gradient(ellipse at 6% 22%,#cce7df 0,transparent 45%),radial-gradient(ellipse at 93% 70%,#d6d9ee 0,transparent 50%),linear-gradient(135deg,#dfedf5,#e4f1f2 55%,#d8e4f0)}
[data-theme="glass"] .sidebar,[data-theme="glass"] .mock-side{background:var(--glass-bg);border-right:1px solid var(--glass-edge);box-shadow:inset -2px 0 0 #fff6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
[data-theme="glass"] .topbar,[data-theme="glass"] .mock-top{background:#f8ffff75;border-bottom:1px solid #ffffffbf}
[data-theme="glass"] .nav-item.is-active,[data-theme="glass"] .mock-nav.active{background:linear-gradient(125deg,#ffffffd9,#e5f3f4aa);border:1px solid var(--glass-edge);box-shadow:var(--glass-shadow)}
[data-theme="glass"] .panel,[data-theme="glass"] .mock-panel{background:var(--glass-bg);border:1px solid var(--glass-edge);box-shadow:var(--glass-shadow);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
[data-theme="glass"] .modal-card,[data-theme="glass"] .search-card,[data-theme="glass"] .drawer{background:linear-gradient(135deg,#f8fcfdf5,#edf5f9f5);border:1px solid #fff;box-shadow:inset 0 1px 0 #fff,0 25px 90px #345c7840;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
[data-theme="glass"] .button-soft,[data-theme="glass"] .top-icon-button,[data-theme="glass"] .theme-select-label select{background:var(--glass-bg);border:1px solid var(--glass-edge);box-shadow:var(--glass-shadow)}
[data-theme="glass"] .button-primary{background:linear-gradient(145deg,#4e8496,#35687d);border:1px solid #ffffff8c;box-shadow:inset 0 1px 0 #ffffff59,0 3px 7px #456a8b22;color:white}
[data-theme="glass"] .brand-symbol{border:1px solid #fff;background:linear-gradient(135deg,#ffffffe6,#b1d5de80);box-shadow:inset 0 -3px 1px #94baca77,0 3px 8px #7ea6bd33;border-radius:11px;transform:rotate(-6deg)}[data-theme="glass"] .brand-symbol i{background:#5b899c}
[data-theme="glass"] .page-heading h1{font-weight:500;letter-spacing:-.045em}[data-theme="glass"] .page-heading{border-bottom-color:#abc4d28c}[data-theme="glass"] .demo-banner{background:#dce9ee;color:#476371}
[data-theme="glass"] .glass-glyph{filter:drop-shadow(0 2px 2px #7295ad33)}[data-theme="glass"] .stamp{background:var(--glass-bg);border:1px solid #fff;box-shadow:var(--glass-shadow)}
.mock[data-theme="glass"]{border:1px solid #fff;border-radius:24px;box-shadow:0 20px 50px #557f9c20,inset 0 0 0 2px #ffffff66}.mock[data-theme="glass"] .mock-panel{background:var(--glass-bg);border:1px solid #fff;box-shadow:var(--glass-shadow)}.mock[data-theme="glass"] .mock-heading h3{font-weight:500}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){[data-theme="glass"] .sidebar,[data-theme="glass"] .panel,[data-theme="glass"] .mock-panel,[data-theme="glass"] .mock-side{background:#edf5f8}}
@media(prefers-reduced-transparency:reduce){[data-theme="glass"] .sidebar,[data-theme="glass"] .panel,[data-theme="glass"] .mock-panel,[data-theme="glass"] .mock-side,[data-theme="glass"] .modal-card{background:#f0f6f9;backdrop-filter:none;-webkit-backdrop-filter:none}}
:is(:root,.mock)[data-theme="library"]{--color-paper:#f0ebe2;--color-canvas:#faf7f1;--color-surface:#fffdf8;--color-surface-muted:#eae3d6;--color-ink:#40392e;--color-secondary:#645b4d;--color-muted:#756957;--color-line:#d9cfbe;--color-line-strong:#ae9d85;--color-accent:#516e63;--color-accent-hover:#3d554b;--color-accent-soft:#e0e9df;--color-accent-on:#fffdf8;--color-sidebar:#e9e1d3;--color-sidebar-ink:#40392e;--color-sidebar-muted:#76674f;--color-sidebar-line:#d7c9b3;--radius-sm:9px;--radius-md:13px;--radius-lg:18px}
:is(:root,.mock)[data-theme="pixel"]{--color-paper:#e9e6cc;--color-canvas:#f4f0d9;--color-surface:#faf5df;--color-surface-muted:#e6dfbf;--color-ink:#304335;--color-secondary:#4e614a;--color-muted:#60705a;--color-line:#b2b795;--color-line-strong:#7c8d6f;--color-accent:#4b6e4e;--color-accent-hover:#36553b;--color-accent-soft:#d5dfbf;--color-accent-on:#fff9df;--color-sidebar:#304b3f;--color-sidebar-ink:#f3ebcc;--color-sidebar-muted:#c3d0ab;--color-sidebar-line:#5a7560;--radius-sm:2px;--radius-md:2px;--radius-lg:3px;--font-display:'Noto Sans SC',sans-serif}
:is(:root,.mock)[data-theme="lunar"]{color-scheme:dark;--color-paper:#121a27;--color-canvas:#172131;--color-surface:#1d293b;--color-surface-muted:#263348;--color-ink:#e7eaf2;--color-secondary:#c1c9d8;--color-muted:#a4b1c6;--color-line:#364459;--color-line-strong:#65758e;--color-accent:#c2cbea;--color-accent-hover:#d6def5;--color-accent-soft:#303f59;--color-accent-on:#172131;--color-sidebar:#101722;--color-sidebar-ink:#edf0f8;--color-sidebar-muted:#a5b3cb;--color-sidebar-line:#2f3c51;--color-danger:#f2aaa2;--color-danger-soft:#4a303c;--color-focus:#a8cbf4;--color-scrim:#050b17bb;--color-shadow:#050b1744;--radius-sm:8px;--radius-md:12px;--radius-lg:15px}
:is(:root,.mock)[data-theme="voyage"]{--color-paper:#f1ead8;--color-canvas:#faf4e7;--color-surface:#fff9ed;--color-surface-muted:#e9e0cd;--color-ink:#293e47;--color-secondary:#48606a;--color-muted:#63747a;--color-line:#b7b8aa;--color-line-strong:#7e8d8d;--color-accent:#315d73;--color-accent-hover:#24495c;--color-accent-soft:#d6e4e9;--color-accent-on:#fff9ed;--color-sidebar:#91b9d0;--color-sidebar-ink:#223e4b;--color-sidebar-muted:#365968;--color-sidebar-line:#6c98ae;--radius-sm:12px;--radius-md:16px;--radius-lg:20px;--font-display:'Noto Sans SC',sans-serif}
.theme-select-label{display:flex;align-items:center;gap:5px}.theme-select-label select{max-width:150px;min-height:36px;border:1px solid var(--color-line);border-radius:var(--radius-sm);padding:5px 9px;background:var(--color-surface);color:var(--color-ink);font-size:12px}.theme-select-label a{display:grid;place-items:center;width:28px;height:32px;font-size:23px;color:var(--color-secondary)}
#theme-vignette:empty{display:none}#theme-vignette{margin:18px 5px 12px;text-align:center}#theme-vignette svg{display:block;max-width:190px;margin:auto}#theme-vignette span{display:block;font-size:11px;color:var(--color-sidebar-muted);margin-top:5px}html:not([data-theme="original"]) .sidebar-today{display:none}html:not([data-theme="original"]) .nav-item{min-height:49px;font-size:13px}html:not([data-theme="original"]) .nav-item .theme-icon{width:32px;height:32px;flex:none}html:not([data-theme="original"]) .brand small{font-size:12px;margin-top:7px}html:not([data-theme="original"]) .brand{padding-bottom:27px}html:not([data-theme="original"]) .sidebar{min-height:760px}html:not([data-theme="original"]) .sidebar-caption{font-size:11px}html:not([data-theme="original"]) .page-heading{min-height:142px}html:not([data-theme="original"]) .page-heading p{font-size:13px}html:not([data-theme="original"]) .modal-head{border-bottom:1px solid var(--color-line);padding-bottom:18px}
[data-theme="library"] .sidebar{border-right:1px solid #d3c3aa}[data-theme="library"] .nav-item.is-active{background:#fffaf0;box-shadow:0 3px 0 #d7c9b3;border-radius:4px 12px 12px 4px}[data-theme="library"] .brand-symbol{border-radius:3px 8px 8px 3px;border-width:2px;border-left-width:5px;transform:rotate(-5deg)}[data-theme="library"] .panel{box-shadow:0 3px 0 #dfd4c1}[data-theme="library"] .modal-card{box-shadow:0 8px 0 -3px #e5dbc8,0 15px 0 -8px #c8baa4,0 25px 80px #40392e33}[data-theme="library"] .topbar{border-bottom:3px double var(--color-line)}
[data-theme="pixel"] .sidebar{border-right:4px solid #779171}[data-theme="pixel"] .nav-item.is-active{box-shadow:inset 2px 2px #f1f0d1,inset -2px -2px #83916e;border:2px solid #172e25}[data-theme="pixel"] .button,[data-theme="pixel"] .top-icon-button{border:1px solid var(--color-line-strong);box-shadow:2px 2px 0 var(--color-line-strong)}[data-theme="pixel"] .button:active{transform:translate(2px,2px);box-shadow:none}[data-theme="pixel"] .panel,[data-theme="pixel"] .modal-card{border:2px solid var(--color-line-strong);box-shadow:3px 3px 0 var(--color-line)}[data-theme="pixel"] .brand-symbol{border-radius:0;box-shadow:3px 3px 0 var(--color-sidebar-line)}[data-theme="pixel"] .page-heading h1{font-weight:700;letter-spacing:.02em}[data-theme="pixel"] .topbar{border-bottom:2px solid var(--color-line-strong)}
[data-theme="lunar"] .sidebar{border-right:1px solid var(--color-line)}[data-theme="lunar"] .brand-symbol{box-shadow:inset -9px 0 #aebbd0;border-color:#aebbd0}[data-theme="lunar"] .brand-symbol i{display:none}[data-theme="lunar"] .nav-item.is-active{background:#26354b;border:1px solid #485a75}[data-theme="lunar"] .page-heading{position:relative;background:radial-gradient(ellipse at 88% 0,#27374e88,transparent 52%)}[data-theme="lunar"] .page-heading h1{letter-spacing:.06em}[data-theme="lunar"] .panel{box-shadow:none}[data-theme="lunar"] input,[data-theme="lunar"] select,[data-theme="lunar"] textarea{color-scheme:dark}[data-theme="lunar"] .demo-banner{background:#0c121c;color:#aebbd0}
[data-theme="voyage"] .sidebar{border-right:1px solid #567d90}[data-theme="voyage"] .brand-symbol{border-radius:12px 12px 6px 6px;border:2px solid #315d73}[data-theme="voyage"] .nav-item.is-active{background:#fcf4df;border:1px solid #315d73;box-shadow:2px 2px 0 #608ba1}[data-theme="voyage"] .page-heading{border-bottom:2px dashed var(--color-line-strong)}[data-theme="voyage"] .page-heading h1{font-weight:700;letter-spacing:-.04em}[data-theme="voyage"] .button{border:1px solid var(--color-accent)}[data-theme="voyage"] .panel{border-color:var(--color-line-strong)}[data-theme="voyage"] .modal-head{border-bottom-style:dashed}[data-theme="voyage"] .modal-card{border:1.5px solid var(--color-ink)}[data-theme="voyage"] .topbar{background:#dfebef}[data-theme="voyage"] .demo-banner{background:#315d73;color:#fff9ed}
@media(max-height:850px){#theme-vignette svg{max-width:125px}#theme-vignette{margin:8px 0}html:not([data-theme="original"]) .sidebar{min-height:650px}}
@media(max-width:1100px){.theme-select-label select{max-width:120px}.topbar{padding-inline:20px}.topbar-actions{gap:6px}.topbar-actions .demo-tag{display:none}}
@media(max-width:760px){#theme-vignette{display:none}.theme-select-label a{display:none}.theme-select-label select{max-width:112px;font-size:11px}html:not([data-theme="original"]) .sidebar{min-height:0}html:not([data-theme="original"]) .nav-item .theme-icon{width:24px;height:24px}}