/* --------------------------------------------------------------------------
   DAYBOOK THEME COLLECTION — independent design languages, shared behavior.
   The standard theme is intentionally quiet and neutral. Purchased themes
   change typography, geometry, material, density and navigation treatment.
   -------------------------------------------------------------------------- */

/* Shared modern shell */
.theme-clean,.theme-editorial,.theme-swiss,.theme-botanical,.theme-brutalist,
.theme-glass,.theme-clay,.theme-midnight,.theme-artdeco,.theme-vapor{
  --page:#f5f6f8;--surface:#fff;--surface-2:#f8f9fb;--ink:#252a35;--muted:#737b89;
  --line:#e4e7ec;--accent:#5968a7;--accent-ink:#fff;--soft-accent:#edf0fa;
  --danger:#c45b58;--warning:#a66a29;--radius:12px;--radius-lg:16px;--radius-xl:20px;
  --shadow:0 16px 44px rgba(31,42,68,.07);--font-body:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI","Yu Gothic UI",sans-serif;
  --font-display:Inter,ui-sans-serif,system-ui,sans-serif;
}
.theme-clean,.theme-editorial,.theme-swiss,.theme-botanical,.theme-brutalist,
.theme-glass,.theme-clay,.theme-midnight,.theme-artdeco,.theme-vapor{
  color:var(--ink);background:var(--page);font-family:var(--font-body);font-synthesis:none;
}
.theme-clean .desktop-grain,.theme-editorial .desktop-grain,.theme-swiss .desktop-grain,
.theme-botanical .desktop-grain,.theme-brutalist .desktop-grain,.theme-glass .desktop-grain,
.theme-clay .desktop-grain,.theme-midnight .desktop-grain,.theme-artdeco .desktop-grain,.theme-vapor .desktop-grain{display:none}
.theme-clean .app-shell,.theme-editorial .app-shell,.theme-swiss .app-shell,.theme-botanical .app-shell,
.theme-brutalist .app-shell,.theme-glass .app-shell,.theme-clay .app-shell,.theme-midnight .app-shell,
.theme-artdeco .app-shell,.theme-vapor .app-shell{max-width:1440px;padding:22px 28px 18px}
.theme-clean .system-bar,.theme-editorial .system-bar,.theme-swiss .system-bar,.theme-botanical .system-bar,
.theme-brutalist .system-bar,.theme-glass .system-bar,.theme-clay .system-bar,.theme-midnight .system-bar,
.theme-artdeco .system-bar,.theme-vapor .system-bar{height:36px;margin:0 2px 12px;color:var(--muted);text-shadow:none;font:11px var(--font-body);letter-spacing:.04em}
.theme-clean .brand-mark,.theme-editorial .brand-mark,.theme-swiss .brand-mark,.theme-botanical .brand-mark,
.theme-brutalist .brand-mark,.theme-glass .brand-mark,.theme-clay .brand-mark,.theme-midnight .brand-mark,
.theme-artdeco .brand-mark,.theme-vapor .brand-mark{padding:5px 8px;border:0;border-radius:7px;background:var(--accent);color:var(--accent-ink);box-shadow:none;font-weight:750}
.theme-clean .connection-dot,.theme-editorial .connection-dot,.theme-swiss .connection-dot,.theme-botanical .connection-dot,
.theme-brutalist .connection-dot,.theme-glass .connection-dot,.theme-clay .connection-dot,.theme-midnight .connection-dot,
.theme-artdeco .connection-dot,.theme-vapor .connection-dot{box-shadow:none;background:#57a77a}
.theme-clean .window-frame,.theme-editorial .window-frame,.theme-swiss .window-frame,.theme-botanical .window-frame,
.theme-brutalist .window-frame,.theme-glass .window-frame,.theme-clay .window-frame,.theme-midnight .window-frame,
.theme-artdeco .window-frame,.theme-vapor .window-frame{min-height:calc(100vh - 100px);border:1px solid var(--line);border-radius:var(--radius-xl);overflow:hidden;background:var(--surface);box-shadow:var(--shadow)}
.theme-clean .titlebar,.theme-editorial .titlebar,.theme-swiss .titlebar,.theme-botanical .titlebar,
.theme-brutalist .titlebar,.theme-glass .titlebar,.theme-clay .titlebar,.theme-midnight .titlebar,
.theme-artdeco .titlebar,.theme-vapor .titlebar,.theme-clean .menubar,.theme-editorial .menubar,
.theme-swiss .menubar,.theme-botanical .menubar,.theme-brutalist .menubar,.theme-glass .menubar,
.theme-clay .menubar,.theme-midnight .menubar,.theme-artdeco .menubar,.theme-vapor .menubar{display:none}
.theme-clean .workspace-grid,.theme-editorial .workspace-grid,.theme-swiss .workspace-grid,.theme-botanical .workspace-grid,
.theme-brutalist .workspace-grid,.theme-glass .workspace-grid,.theme-clay .workspace-grid,.theme-midnight .workspace-grid,
.theme-artdeco .workspace-grid,.theme-vapor .workspace-grid{grid-template-columns:226px minmax(0,1fr);min-height:710px}
.theme-clean .sidebar,.theme-editorial .sidebar,.theme-swiss .sidebar,.theme-botanical .sidebar,
.theme-brutalist .sidebar,.theme-glass .sidebar,.theme-clay .sidebar,.theme-midnight .sidebar,
.theme-artdeco .sidebar,.theme-vapor .sidebar{background:var(--surface);border-right:1px solid var(--line);padding:24px 15px 15px}
.theme-clean .side-heading,.theme-editorial .side-heading,.theme-swiss .side-heading,.theme-botanical .side-heading,
.theme-brutalist .side-heading,.theme-glass .side-heading,.theme-clay .side-heading,.theme-midnight .side-heading,
.theme-artdeco .side-heading,.theme-vapor .side-heading{font:700 10px var(--font-body);letter-spacing:.13em;color:var(--muted);margin:2px 10px 12px}
.theme-clean .nav-item,.theme-clean .filter-item,.theme-editorial .nav-item,.theme-editorial .filter-item,
.theme-swiss .nav-item,.theme-swiss .filter-item,.theme-botanical .nav-item,.theme-botanical .filter-item,
.theme-brutalist .nav-item,.theme-brutalist .filter-item,.theme-glass .nav-item,.theme-glass .filter-item,
.theme-clay .nav-item,.theme-clay .filter-item,.theme-midnight .nav-item,.theme-midnight .filter-item,
.theme-artdeco .nav-item,.theme-artdeco .filter-item,.theme-vapor .nav-item,.theme-vapor .filter-item{color:var(--muted);border:0;border-radius:9px;padding:10px 11px;font:500 12px var(--font-body);transition:background .16s,color .16s}
.theme-clean .nav-item:hover,.theme-clean .filter-item:hover,.theme-editorial .nav-item:hover,.theme-editorial .filter-item:hover,
.theme-swiss .nav-item:hover,.theme-swiss .filter-item:hover,.theme-botanical .nav-item:hover,.theme-botanical .filter-item:hover,
.theme-brutalist .nav-item:hover,.theme-brutalist .filter-item:hover,.theme-glass .nav-item:hover,.theme-glass .filter-item:hover,
.theme-clay .nav-item:hover,.theme-clay .filter-item:hover,.theme-midnight .nav-item:hover,.theme-midnight .filter-item:hover,
.theme-artdeco .nav-item:hover,.theme-artdeco .filter-item:hover,.theme-vapor .nav-item:hover,.theme-vapor .filter-item:hover{background:var(--surface-2);border:0}
.theme-clean .nav-item.active,.theme-editorial .nav-item.active,.theme-swiss .nav-item.active,.theme-botanical .nav-item.active,
.theme-brutalist .nav-item.active,.theme-glass .nav-item.active,.theme-clay .nav-item.active,.theme-midnight .nav-item.active,
.theme-artdeco .nav-item.active,.theme-vapor .nav-item.active{background:var(--soft-accent);color:var(--accent);border:0;box-shadow:none;font-weight:700}
.theme-clean .nav-icon,.theme-editorial .nav-icon,.theme-swiss .nav-icon,.theme-botanical .nav-icon,
.theme-brutalist .nav-icon,.theme-glass .nav-icon,.theme-clay .nav-icon,.theme-midnight .nav-icon,
.theme-artdeco .nav-icon,.theme-vapor .nav-icon{color:var(--accent)}
.theme-clean .sidebar-rule,.theme-editorial .sidebar-rule,.theme-swiss .sidebar-rule,.theme-botanical .sidebar-rule,
.theme-brutalist .sidebar-rule,.theme-glass .sidebar-rule,.theme-clay .sidebar-rule,.theme-midnight .sidebar-rule,
.theme-artdeco .sidebar-rule,.theme-vapor .sidebar-rule{height:1px;background:var(--line);border:0;margin:17px 7px}
.theme-clean .mini-profile,.theme-editorial .mini-profile,.theme-swiss .mini-profile,.theme-botanical .mini-profile,
.theme-brutalist .mini-profile,.theme-glass .mini-profile,.theme-clay .mini-profile,.theme-midnight .mini-profile,
.theme-artdeco .mini-profile,.theme-vapor .mini-profile{border-top:1px solid var(--line)}
.theme-clean .pixel-avatar,.theme-editorial .pixel-avatar,.theme-swiss .pixel-avatar,.theme-botanical .pixel-avatar,
.theme-brutalist .pixel-avatar,.theme-glass .pixel-avatar,.theme-clay .pixel-avatar,.theme-midnight .pixel-avatar,
.theme-artdeco .pixel-avatar,.theme-vapor .pixel-avatar{border:0;border-radius:10px;background:var(--soft-accent);color:var(--accent);font:700 13px var(--font-body)}
.theme-clean .sidebar-footnote,.theme-editorial .sidebar-footnote,.theme-swiss .sidebar-footnote,.theme-botanical .sidebar-footnote,
.theme-brutalist .sidebar-footnote,.theme-glass .sidebar-footnote,.theme-clay .sidebar-footnote,.theme-midnight .sidebar-footnote,
.theme-artdeco .sidebar-footnote,.theme-vapor .sidebar-footnote{color:var(--muted);border-color:var(--line)}
.theme-clean .main-stage,.theme-editorial .main-stage,.theme-swiss .main-stage,.theme-botanical .main-stage,
.theme-brutalist .main-stage,.theme-glass .main-stage,.theme-clay .main-stage,.theme-midnight .main-stage,
.theme-artdeco .main-stage,.theme-vapor .main-stage{background:var(--page);padding:0 28px 24px}
.theme-clean .page-toolbar,.theme-editorial .page-toolbar,.theme-swiss .page-toolbar,.theme-botanical .page-toolbar,
.theme-brutalist .page-toolbar,.theme-glass .page-toolbar,.theme-clay .page-toolbar,.theme-midnight .page-toolbar,
.theme-artdeco .page-toolbar,.theme-vapor .page-toolbar{padding:27px 0 19px;border-bottom:1px solid var(--line)}
.theme-clean .eyebrow,.theme-editorial .eyebrow,.theme-swiss .eyebrow,.theme-botanical .eyebrow,
.theme-brutalist .eyebrow,.theme-glass .eyebrow,.theme-clay .eyebrow,.theme-midnight .eyebrow,
.theme-artdeco .eyebrow,.theme-vapor .eyebrow{font:700 9px var(--font-body);letter-spacing:.13em;color:var(--muted)}
.theme-clean h1,.theme-editorial h1,.theme-swiss h1,.theme-botanical h1,.theme-brutalist h1,
.theme-glass h1,.theme-clay h1,.theme-midnight h1,.theme-artdeco h1,.theme-vapor h1{font:720 25px/1.2 var(--font-display);letter-spacing:-.035em;color:var(--ink)}
.theme-clean .page-content,.theme-editorial .page-content,.theme-swiss .page-content,.theme-botanical .page-content,
.theme-brutalist .page-content,.theme-glass .page-content,.theme-clay .page-content,.theme-midnight .page-content,
.theme-artdeco .page-content,.theme-vapor .page-content{padding-top:21px}
.theme-clean .panel,.theme-editorial .panel,.theme-swiss .panel,.theme-botanical .panel,
.theme-brutalist .panel,.theme-glass .panel,.theme-clay .panel,.theme-midnight .panel,
.theme-artdeco .panel,.theme-vapor .panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:none;padding:16px}
.theme-clean .panel-title,.theme-editorial .panel-title,.theme-swiss .panel-title,.theme-botanical .panel-title,
.theme-brutalist .panel-title,.theme-glass .panel-title,.theme-clay .panel-title,.theme-midnight .panel-title,
.theme-artdeco .panel-title,.theme-vapor .panel-title{border-color:var(--line);padding-bottom:10px}
.theme-clean .panel-title h2,.theme-editorial .panel-title h2,.theme-swiss .panel-title h2,.theme-botanical .panel-title h2,
.theme-brutalist .panel-title h2,.theme-glass .panel-title h2,.theme-clay .panel-title h2,.theme-midnight .panel-title h2,
.theme-artdeco .panel-title h2,.theme-vapor .panel-title h2{font:700 10px var(--font-body);letter-spacing:.1em;color:var(--muted)}
.theme-clean .panel-title span,.theme-editorial .panel-title span,.theme-swiss .panel-title span,.theme-botanical .panel-title span,
.theme-brutalist .panel-title span,.theme-glass .panel-title span,.theme-clay .panel-title span,.theme-midnight .panel-title span,
.theme-artdeco .panel-title span,.theme-vapor .panel-title span{color:var(--muted)}
.theme-clean .welcome-panel,.theme-editorial .welcome-panel,.theme-swiss .welcome-panel,.theme-botanical .welcome-panel,
.theme-brutalist .welcome-panel,.theme-glass .welcome-panel,.theme-clay .welcome-panel,.theme-midnight .welcome-panel,
.theme-artdeco .welcome-panel,.theme-vapor .welcome-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);min-height:145px}
.theme-clean .welcome-title,.theme-editorial .welcome-title,.theme-swiss .welcome-title,.theme-botanical .welcome-title,
.theme-brutalist .welcome-title,.theme-glass .welcome-title,.theme-clay .welcome-title,.theme-midnight .welcome-title,
.theme-artdeco .welcome-title,.theme-vapor .welcome-title{font:700 22px var(--font-display);letter-spacing:-.035em;color:var(--ink)}
.theme-clean .welcome-copy,.theme-editorial .welcome-copy,.theme-swiss .welcome-copy,.theme-botanical .welcome-copy,
.theme-brutalist .welcome-copy,.theme-glass .welcome-copy,.theme-clay .welcome-copy,.theme-midnight .welcome-copy,
.theme-artdeco .welcome-copy,.theme-vapor .welcome-copy{color:var(--muted);font-size:11px}
.theme-clean .welcome-kicker,.theme-editorial .welcome-kicker,.theme-swiss .welcome-kicker,.theme-botanical .welcome-kicker,
.theme-brutalist .welcome-kicker,.theme-glass .welcome-kicker,.theme-clay .welcome-kicker,.theme-midnight .welcome-kicker,
.theme-artdeco .welcome-kicker,.theme-vapor .welcome-kicker{color:var(--muted);font:600 9px var(--font-body);letter-spacing:.1em}
.theme-clean .metric,.theme-editorial .metric,.theme-swiss .metric,.theme-botanical .metric,
.theme-brutalist .metric,.theme-glass .metric,.theme-clay .metric,.theme-midnight .metric,
.theme-artdeco .metric,.theme-vapor .metric{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:none;padding:12px;min-height:78px}
.theme-clean .metric-label,.theme-editorial .metric-label,.theme-swiss .metric-label,.theme-botanical .metric-label,
.theme-brutalist .metric-label,.theme-glass .metric-label,.theme-clay .metric-label,.theme-midnight .metric-label,
.theme-artdeco .metric-label,.theme-vapor .metric-label{color:var(--muted);font:700 9px var(--font-body);letter-spacing:.09em}
.theme-clean .metric-value,.theme-editorial .metric-value,.theme-swiss .metric-value,.theme-botanical .metric-value,
.theme-brutalist .metric-value,.theme-glass .metric-value,.theme-clay .metric-value,.theme-midnight .metric-value,
.theme-artdeco .metric-value,.theme-vapor .metric-value{color:var(--ink);font:700 23px var(--font-display);letter-spacing:-.04em}
.theme-clean .metric-note,.theme-editorial .metric-note,.theme-swiss .metric-note,.theme-botanical .metric-note,
.theme-brutalist .metric-note,.theme-glass .metric-note,.theme-clay .metric-note,.theme-midnight .metric-note,
.theme-artdeco .metric-note,.theme-vapor .metric-note{color:var(--muted)}
.theme-clean .task-row,.theme-editorial .task-row,.theme-swiss .task-row,.theme-botanical .task-row,
.theme-brutalist .task-row,.theme-glass .task-row,.theme-clay .task-row,.theme-midnight .task-row,
.theme-artdeco .task-row,.theme-vapor .task-row{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:10px;transition:background .15s,border-color .15s,transform .15s}
.theme-clean .task-row:hover,.theme-editorial .task-row:hover,.theme-swiss .task-row:hover,.theme-botanical .task-row:hover,
.theme-brutalist .task-row:hover,.theme-glass .task-row:hover,.theme-clay .task-row:hover,.theme-midnight .task-row:hover,
.theme-artdeco .task-row:hover,.theme-vapor .task-row:hover{background:var(--surface-2)}
.theme-clean .task-title,.theme-editorial .task-title,.theme-swiss .task-title,.theme-botanical .task-title,
.theme-brutalist .task-title,.theme-glass .task-title,.theme-clay .task-title,.theme-midnight .task-title,
.theme-artdeco .task-title,.theme-vapor .task-title{color:var(--ink);font-weight:650}
.theme-clean .task-meta,.theme-editorial .task-meta,.theme-swiss .task-meta,.theme-botanical .task-meta,
.theme-brutalist .task-meta,.theme-glass .task-meta,.theme-clay .task-meta,.theme-midnight .task-meta,
.theme-artdeco .task-meta,.theme-vapor .task-meta{color:var(--muted);font:9px var(--font-body)}
.theme-clean .task-check,.theme-editorial .task-check,.theme-swiss .task-check,.theme-botanical .task-check,
.theme-brutalist .task-check,.theme-glass .task-check,.theme-clay .task-check,.theme-midnight .task-check,
.theme-artdeco .task-check,.theme-vapor .task-check{appearance:auto;accent-color:var(--accent);width:15px;height:15px;border:0}
.theme-clean .tag,.theme-editorial .tag,.theme-swiss .tag,.theme-botanical .tag,.theme-brutalist .tag,
.theme-glass .tag,.theme-clay .tag,.theme-midnight .tag,.theme-artdeco .tag,.theme-vapor .tag{background:var(--soft-accent);border:0;border-radius:5px;color:var(--accent);padding:2px 7px;font:600 9px var(--font-body)}
.theme-clean .progress-track,.theme-editorial .progress-track,.theme-swiss .progress-track,.theme-botanical .progress-track,
.theme-brutalist .progress-track,.theme-glass .progress-track,.theme-clay .progress-track,.theme-midnight .progress-track,
.theme-artdeco .progress-track,.theme-vapor .progress-track{height:5px;border:0;border-radius:99px;background:var(--line)}
.theme-clean .progress-fill,.theme-editorial .progress-fill,.theme-swiss .progress-fill,.theme-botanical .progress-fill,
.theme-brutalist .progress-fill,.theme-glass .progress-fill,.theme-clay .progress-fill,.theme-midnight .progress-fill,
.theme-artdeco .progress-fill,.theme-vapor .progress-fill{background:var(--accent);border-radius:99px}
.theme-clean .bevel-button,.theme-clean .small-button,.theme-editorial .bevel-button,.theme-editorial .small-button,
.theme-swiss .bevel-button,.theme-swiss .small-button,.theme-botanical .bevel-button,.theme-botanical .small-button,
.theme-brutalist .bevel-button,.theme-brutalist .small-button,.theme-glass .bevel-button,.theme-glass .small-button,
.theme-clay .bevel-button,.theme-clay .small-button,.theme-midnight .bevel-button,.theme-midnight .small-button,
.theme-artdeco .bevel-button,.theme-artdeco .small-button,.theme-vapor .bevel-button,.theme-vapor .small-button{background:var(--surface);border:1px solid var(--line);border-radius:9px;box-shadow:none;color:var(--ink);font:650 10px var(--font-body);letter-spacing:.02em;padding:8px 12px}
.theme-clean .bevel-button.primary,.theme-editorial .bevel-button.primary,.theme-swiss .bevel-button.primary,
.theme-botanical .bevel-button.primary,.theme-brutalist .bevel-button.primary,.theme-glass .bevel-button.primary,
.theme-clay .bevel-button.primary,.theme-midnight .bevel-button.primary,.theme-artdeco .bevel-button.primary,.theme-vapor .bevel-button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.theme-clean .icon-btn,.theme-editorial .icon-btn,.theme-swiss .icon-btn,.theme-botanical .icon-btn,
.theme-brutalist .icon-btn,.theme-glass .icon-btn,.theme-clay .icon-btn,.theme-midnight .icon-btn,
.theme-artdeco .icon-btn,.theme-vapor .icon-btn{background:var(--surface-2);border:1px solid var(--line);border-radius:7px;color:var(--muted)}
.theme-clean .field-input,.theme-clean .field-select,.theme-clean .field-textarea,.theme-editorial .field-input,
.theme-editorial .field-select,.theme-editorial .field-textarea,.theme-swiss .field-input,.theme-swiss .field-select,
.theme-swiss .field-textarea,.theme-botanical .field-input,.theme-botanical .field-select,.theme-botanical .field-textarea,
.theme-brutalist .field-input,.theme-brutalist .field-select,.theme-brutalist .field-textarea,.theme-glass .field-input,
.theme-glass .field-select,.theme-glass .field-textarea,.theme-clay .field-input,.theme-clay .field-select,
.theme-clay .field-textarea,.theme-midnight .field-input,.theme-midnight .field-select,.theme-midnight .field-textarea,
.theme-artdeco .field-input,.theme-artdeco .field-select,.theme-artdeco .field-textarea,.theme-vapor .field-input,
.theme-vapor .field-select,.theme-vapor .field-textarea{background:var(--surface-2);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:8px 10px}
.theme-clean .statusbar,.theme-editorial .statusbar,.theme-swiss .statusbar,.theme-botanical .statusbar,
.theme-brutalist .statusbar,.theme-glass .statusbar,.theme-clay .statusbar,.theme-midnight .statusbar,
.theme-artdeco .statusbar,.theme-vapor .statusbar{background:var(--surface);border-top:1px solid var(--line);color:var(--muted);font:10px var(--font-body);padding:7px 12px;height:33px}
.theme-clean .status-segment,.theme-editorial .status-segment,.theme-swiss .status-segment,.theme-botanical .status-segment,
.theme-brutalist .status-segment,.theme-glass .status-segment,.theme-clay .status-segment,.theme-midnight .status-segment,
.theme-artdeco .status-segment,.theme-vapor .status-segment{border:1px solid var(--line);border-radius:5px}
.theme-clean .desktop-caption,.theme-editorial .desktop-caption,.theme-swiss .desktop-caption,.theme-botanical .desktop-caption,
.theme-brutalist .desktop-caption,.theme-glass .desktop-caption,.theme-clay .desktop-caption,.theme-midnight .desktop-caption,
.theme-artdeco .desktop-caption,.theme-vapor .desktop-caption{color:var(--muted);text-shadow:none}
.theme-clean .mobile-nav,.theme-editorial .mobile-nav,.theme-swiss .mobile-nav,.theme-botanical .mobile-nav,
.theme-brutalist .mobile-nav,.theme-glass .mobile-nav,.theme-clay .mobile-nav,.theme-midnight .mobile-nav,
.theme-artdeco .mobile-nav,.theme-vapor .mobile-nav{background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:5px;gap:3px}
.theme-clean .mobile-nav-item,.theme-editorial .mobile-nav-item,.theme-swiss .mobile-nav-item,.theme-botanical .mobile-nav-item,
.theme-brutalist .mobile-nav-item,.theme-glass .mobile-nav-item,.theme-clay .mobile-nav-item,.theme-midnight .mobile-nav-item,
.theme-artdeco .mobile-nav-item,.theme-vapor .mobile-nav-item{color:var(--muted);border:0;border-radius:9px;font:17px var(--font-body);padding:5px 2px}
.theme-clean .mobile-nav-item.active,.theme-editorial .mobile-nav-item.active,.theme-swiss .mobile-nav-item.active,
.theme-botanical .mobile-nav-item.active,.theme-brutalist .mobile-nav-item.active,.theme-glass .mobile-nav-item.active,
.theme-clay .mobile-nav-item.active,.theme-midnight .mobile-nav-item.active,.theme-artdeco .mobile-nav-item.active,
.theme-vapor .mobile-nav-item.active{background:var(--soft-accent);color:var(--accent)}
.theme-clean .mobile-nav-item small,.theme-editorial .mobile-nav-item small,.theme-swiss .mobile-nav-item small,
.theme-botanical .mobile-nav-item small,.theme-brutalist .mobile-nav-item small,.theme-glass .mobile-nav-item small,
.theme-clay .mobile-nav-item small,.theme-midnight .mobile-nav-item small,.theme-artdeco .mobile-nav-item small,
.theme-vapor .mobile-nav-item small{font:9px var(--font-body)}
.theme-clean .modal-window,.theme-editorial .modal-window,.theme-swiss .modal-window,.theme-botanical .modal-window,
.theme-brutalist .modal-window,.theme-glass .modal-window,.theme-clay .modal-window,.theme-midnight .modal-window,
.theme-artdeco .modal-window,.theme-vapor .modal-window{background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:0 25px 80px rgba(0,0,0,.22)}
.theme-clean .modal-titlebar,.theme-editorial .modal-titlebar,.theme-swiss .modal-titlebar,.theme-botanical .modal-titlebar,
.theme-brutalist .modal-titlebar,.theme-glass .modal-titlebar,.theme-clay .modal-titlebar,.theme-midnight .modal-titlebar,
.theme-artdeco .modal-titlebar,.theme-vapor .modal-titlebar{background:var(--surface-2);color:var(--ink);border-bottom:1px solid var(--line);height:40px;padding:8px 12px}
.theme-clean .toast,.theme-editorial .toast,.theme-swiss .toast,.theme-botanical .toast,.theme-brutalist .toast,
.theme-glass .toast,.theme-clay .toast,.theme-midnight .toast,.theme-artdeco .toast,.theme-vapor .toast{background:var(--ink);color:#fff;border:0;border-radius:11px;box-shadow:0 12px 32px rgba(0,0,0,.2)}
.theme-clean .toast strong,.theme-editorial .toast strong,.theme-swiss .toast strong,.theme-botanical .toast strong,
.theme-brutalist .toast strong,.theme-glass .toast strong,.theme-clay .toast strong,.theme-midnight .toast strong,
.theme-artdeco .toast strong,.theme-vapor .toast strong{color:#d8defe}

/* Quiet Minimal — default, intentionally unbranded and restrained. */
.theme-clean{--page:#f5f6f8;--surface:#fff;--surface-2:#f8f9fb;--ink:#252a35;--muted:#737b89;--line:#e6e8ee;--accent:#5968a7;--soft-accent:#edf0fa;--accent-ink:#fff;--radius:11px;--radius-lg:15px;--radius-xl:18px}
.theme-clean .system-bar{font-weight:600}
.theme-clean .welcome-panel:after{content:none}
.theme-clean .xp-strip{background:#f0f2fa;color:#303a62;border:1px solid #e1e5f3;border-radius:15px}
.theme-clean .xp-strip .metric-label,.theme-clean .xp-strip .metric-note,.theme-clean .xp-strip .progress-line{color:#6a7190!important}
.theme-clean .xp-strip .metric-value{color:#303a62}
.theme-clean .xp-bar{background:#dfe3f1}
.theme-clean .xp-bar span{background:#6978b8}

/* Editorial Paper — literary serif typography, print-like rules and paper grain. */
.theme-editorial{--page:#eee9df;--surface:#fbf8f0;--surface-2:#f4efe5;--ink:#292d27;--muted:#77786c;--line:#d9d0c0;--accent:#49614c;--soft-accent:#e8eee4;--accent-ink:#fff;--radius:3px;--radius-lg:5px;--radius-xl:7px;--font-display:Georgia,"Yu Mincho",serif;--font-body:Arial,"Yu Gothic",sans-serif}
.theme-editorial .main-stage{background:linear-gradient(90deg,rgba(125,105,72,.035) 1px,transparent 1px),var(--page);background-size:28px 28px}
.theme-editorial h1,.theme-editorial .welcome-title{font-family:Georgia,"Yu Mincho",serif;letter-spacing:-.02em;font-weight:500}
.theme-editorial .welcome-panel{border-top:3px solid var(--ink)}
.theme-editorial .welcome-panel:after{content:"№";font:italic 92px Georgia,serif;color:rgba(60,70,50,.08)}
.theme-editorial .panel{border-radius:2px}
.theme-editorial .panel-title h2{font-family:Georgia,serif;letter-spacing:.04em}
.theme-editorial .task-row{border-width:0 0 1px;border-radius:0;background:transparent!important;padding:12px 3px}
.theme-editorial .task-list{gap:0}
.theme-editorial .metric{border-width:0 0 2px;border-radius:0;background:transparent;padding-left:2px}
.theme-editorial .metric-value{font-family:Georgia,serif;font-size:29px}
.theme-editorial .tag{border-radius:0;text-transform:uppercase;letter-spacing:.05em}
.theme-editorial .bevel-button.primary{background:#49614c}

/* Swiss Grid — asymmetric typographic grid and one decisive red signal. */
.theme-swiss{--page:#f0f0ec;--surface:#fff;--surface-2:#f6f6f2;--ink:#151719;--muted:#64686b;--line:#c9ccca;--accent:#e13d32;--soft-accent:#fbe9e7;--accent-ink:#fff;--radius:0;--radius-lg:0;--radius-xl:0;--font-display:Arial,Helvetica,sans-serif;--font-body:Arial,Helvetica,sans-serif}
.theme-swiss .main-stage{background-image:linear-gradient(rgba(0,0,0,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.035) 1px,transparent 1px);background-size:24px 24px}
.theme-swiss h1{font-size:30px;font-weight:800;letter-spacing:-.07em}
.theme-swiss .welcome-panel{border:0;border-top:5px solid var(--ink);background:transparent}
.theme-swiss .welcome-title{font-size:27px;font-weight:800}
.theme-swiss .welcome-panel:after{content:"01";font:900 112px/1 Arial,sans-serif;color:rgba(0,0,0,.055);right:8px;bottom:-18px}
.theme-swiss .panel{border-radius:0;border-width:1px 0 0;background:rgba(255,255,255,.88)}
.theme-swiss .panel-title h2{color:var(--ink);font-size:11px}
.theme-swiss .task-row{border-radius:0;border-width:0 0 1px;background:transparent!important;padding:11px 2px}
.theme-swiss .task-list{gap:0}
.theme-swiss .task-title{font-weight:700}
.theme-swiss .metric{border-radius:0;border:0;border-top:3px solid var(--ink);background:transparent}
.theme-swiss .metric-value{font-size:30px;font-weight:800}
.theme-swiss .tag{border-radius:0;background:#151719;color:#fff}
.theme-swiss .bevel-button.primary{border-radius:0;background:var(--accent)}
.theme-swiss .nav-item.active{border-left:3px solid var(--accent);border-radius:0}

/* Botanical Desk — soft organic cards, garden greens and a quiet texture. */
.theme-botanical{--page:#edf0e8;--surface:#fbfaf4;--surface-2:#f1f3e9;--ink:#29392f;--muted:#778273;--line:#dce3d5;--accent:#55775b;--soft-accent:#e6eee1;--accent-ink:#fff;--radius:16px;--radius-lg:22px;--radius-xl:26px;--font-display:Georgia,"Yu Mincho",serif}
.theme-botanical .main-stage{background-image:radial-gradient(ellipse at 95% 2%,rgba(129,157,105,.12),transparent 31%),linear-gradient(135deg,transparent 0 92%,rgba(111,141,93,.04) 92%);}
.theme-botanical .welcome-panel{background:linear-gradient(120deg,#f8f8ef,#eaf0e3);border:0}
.theme-botanical .welcome-title{font-family:Georgia,"Yu Mincho",serif;font-weight:500;font-size:26px}
.theme-botanical .welcome-panel:after{content:"❧";font:120px Georgia,serif;color:rgba(75,112,72,.12);right:15px;bottom:-35px}
.theme-botanical .panel,.theme-botanical .metric{box-shadow:0 5px 18px rgba(65,87,58,.045)}
.theme-botanical .task-row{border-radius:13px;background:#fffefa}
.theme-botanical .task-list{gap:9px}
.theme-botanical .tag{border-radius:99px}
.theme-botanical .xp-strip{background:#4f7057;border:0;border-radius:22px;color:#f7f7ed}
.theme-botanical .xp-strip .metric-value{color:#fff}
.theme-botanical .xp-strip .metric-label,.theme-botanical .xp-strip .metric-note,.theme-botanical .xp-strip .progress-line{color:#dce8d7!important}

/* Neo Brutalist — hard geometry, heavy borders and poster-like emphasis. */
.theme-brutalist{--page:#f5f0e7;--surface:#fffdf6;--surface-2:#f4f0e5;--ink:#151515;--muted:#55534d;--line:#171717;--accent:#254be8;--soft-accent:#d8e0ff;--accent-ink:#fff;--radius:2px;--radius-lg:2px;--radius-xl:3px;--shadow:5px 5px 0 #151515;--font-display:Arial Black,Impact,Arial,sans-serif}
.theme-brutalist .window-frame{border:3px solid var(--ink);box-shadow:7px 7px 0 var(--ink)}
.theme-brutalist .sidebar{border-right:3px solid var(--ink)}
.theme-brutalist .main-stage{background-image:linear-gradient(rgba(0,0,0,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.045) 1px,transparent 1px);background-size:22px 22px}
.theme-brutalist h1,.theme-brutalist .welcome-title{font-family:Impact,Arial Black,sans-serif;text-transform:uppercase;letter-spacing:-.04em;font-weight:900}
.theme-brutalist .welcome-panel{background:#d8ff50;border:3px solid #151515;box-shadow:5px 5px 0 #151515}
.theme-brutalist .welcome-panel:after{content:"!";font:900 120px Impact;color:rgba(0,0,0,.09)}
.theme-brutalist .panel,.theme-brutalist .metric,.theme-brutalist .task-row{border:2px solid var(--ink);border-radius:2px;box-shadow:3px 3px 0 var(--ink)}
.theme-brutalist .metric:nth-child(2){background:#c8eaff}
.theme-brutalist .metric:nth-child(3){background:#ffb8a8}
.theme-brutalist .task-row{background:#fffdf6}
.theme-brutalist .tag{border:1px solid var(--ink);border-radius:0;background:#d8ff50;color:#151515;font-weight:800}
.theme-brutalist .bevel-button,.theme-brutalist .small-button{border:2px solid var(--ink);border-radius:0;box-shadow:3px 3px 0 var(--ink);font-weight:800;text-transform:uppercase}
.theme-brutalist .bevel-button.primary{background:#254be8;color:#fff}
.theme-brutalist .nav-item.active{background:#d8ff50;color:#151515;border:2px solid #151515;border-radius:0}

/* Glass Studio — dark atmospheric canvas; only navigation has glass material. */
.theme-glass{--page:#111a2c;--surface:#202d46;--surface-2:#293854;--ink:#f1f4fb;--muted:#aab6cc;--line:rgba(205,221,255,.16);--accent:#9f8cff;--soft-accent:rgba(159,140,255,.18);--accent-ink:#17132d;--radius:14px;--radius-lg:18px;--radius-xl:22px}
.theme-glass .app-shell{background:radial-gradient(ellipse at 80% 0%,rgba(112,91,198,.22),transparent 36%),radial-gradient(ellipse at 0% 80%,rgba(40,144,180,.12),transparent 34%)}
.theme-glass .window-frame{background:rgba(24,35,57,.74);border-color:rgba(205,221,255,.16);backdrop-filter:blur(22px)}
.theme-glass .sidebar{background:rgba(37,52,79,.7);backdrop-filter:blur(20px);border-color:rgba(205,221,255,.13)}
.theme-glass .main-stage{background:rgba(16,25,42,.48)}
.theme-glass .system-bar,.theme-glass .desktop-caption{color:#bdc8df}
.theme-glass .brand-mark{background:linear-gradient(135deg,#a99bff,#64d9e9);color:#111a2c}
.theme-glass .panel,.theme-glass .metric,.theme-glass .task-row{background:#263650;border-color:rgba(205,221,255,.14);box-shadow:0 12px 30px rgba(0,0,0,.12)}
.theme-glass .welcome-panel{background:linear-gradient(125deg,#2c3c5d,#344463)}
.theme-glass .welcome-panel:after{color:rgba(255,255,255,.035)}
.theme-glass .xp-strip{background:linear-gradient(135deg,#6e5cc0,#347f98);border:0;border-radius:18px}
.theme-glass .xp-strip .metric-value{color:#fff}
.theme-glass .xp-strip .metric-label,.theme-glass .xp-strip .metric-note,.theme-glass .xp-strip .progress-line{color:#e5e4ff!important}
.theme-glass .task-title,.theme-glass .panel-title h2,.theme-glass .metric-value,.theme-glass h1,.theme-glass .welcome-title{color:var(--ink)}
.theme-glass .task-meta,.theme-glass .metric-label,.theme-glass .metric-note,.theme-glass .eyebrow,.theme-glass .welcome-copy{color:var(--muted)}
.theme-glass .tag{background:rgba(159,140,255,.2);color:#d8d0ff}
.theme-glass .field-input,.theme-glass .field-select,.theme-glass .field-textarea{background:#17243a;border-color:rgba(205,221,255,.2);color:#f1f4fb}
.theme-glass .statusbar,.theme-glass .mobile-nav{background:rgba(31,47,73,.88);border-color:rgba(205,221,255,.16);color:#bdc8df}
.theme-glass .modal-window{background:#202d46;border-color:rgba(205,221,255,.2)}
.theme-glass .modal-titlebar{background:#17243a;color:#f1f4fb}

/* Soft Clay — tactile but legible raised surfaces. */
.theme-clay{--page:#e9e7ef;--surface:#f2f0f7;--surface-2:#eae7f1;--ink:#343345;--muted:#858397;--line:#e4e0ed;--accent:#7b70a8;--soft-accent:#e1ddf1;--accent-ink:#fff;--radius:18px;--radius-lg:22px;--radius-xl:28px;--shadow:8px 8px 18px #d4d1df,-8px -8px 18px #fff}
.theme-clay .window-frame{background:#f0eef5;border:0;box-shadow:12px 12px 28px #d3d0df,-12px -12px 28px #fff}
.theme-clay .sidebar{background:#f0eef5;border:0}
.theme-clay .main-stage{background:#eeecf4}
.theme-clay .panel,.theme-clay .metric{border:0;border-radius:20px;background:#f0eef5;box-shadow:6px 6px 14px #d5d2df,-6px -6px 14px #fff}
.theme-clay .welcome-panel{background:linear-gradient(145deg,#f7f5fb,#e8e4f1)}
.theme-clay .task-row{border:0;border-radius:15px;background:#f0eef5;box-shadow:4px 4px 9px #d7d4e1,-4px -4px 9px #fff}
.theme-clay .task-list{gap:10px}
.theme-clay .bevel-button,.theme-clay .small-button,.theme-clay .icon-btn{border:0;border-radius:12px;background:#f0eef5;box-shadow:4px 4px 8px #d5d2df,-4px -4px 8px #fff}
.theme-clay .bevel-button.primary{background:#7b70a8;color:#fff;box-shadow:3px 3px 8px rgba(86,76,128,.2)}
.theme-clay .xp-strip{background:#e5e1ef;border:0;border-radius:22px;box-shadow:inset 4px 4px 9px #d4d0df,inset -4px -4px 9px #fff;color:#403b5d}
.theme-clay .xp-strip .metric-value{color:#403b5d}
.theme-clay .xp-strip .metric-label,.theme-clay .xp-strip .metric-note,.theme-clay .xp-strip .progress-line{color:#77718f!important}

/* Midnight Focus — compact graphite workspace with a restrained violet accent. */
.theme-midnight{--page:#17191f;--surface:#20232b;--surface-2:#272b35;--ink:#e9eaf0;--muted:#9a9eaa;--line:#343844;--accent:#a99aff;--soft-accent:#343044;--accent-ink:#211d35;--radius:9px;--radius-lg:12px;--radius-xl:15px}
.theme-midnight .window-frame{background:#1b1e25;border-color:#343844}
.theme-midnight .sidebar{background:#1d2027;border-color:#343844}
.theme-midnight .main-stage{background:#17191f}
.theme-midnight .panel,.theme-midnight .metric,.theme-midnight .task-row{background:#20232b;border-color:#343844}
.theme-midnight .welcome-panel{background:linear-gradient(110deg,#252833,#292638)}
.theme-midnight .welcome-panel:after{color:rgba(190,174,255,.045)}
.theme-midnight .task-title,.theme-midnight .panel-title h2,.theme-midnight .metric-value,.theme-midnight h1,.theme-midnight .welcome-title{color:#ececf4}
.theme-midnight .task-meta,.theme-midnight .metric-label,.theme-midnight .metric-note,.theme-midnight .eyebrow,.theme-midnight .welcome-copy{color:#9a9eaa}
.theme-midnight .xp-strip{background:#343044;border:1px solid #4b4564;border-radius:12px}
.theme-midnight .xp-strip .metric-value{color:#fff}
.theme-midnight .xp-strip .metric-label,.theme-midnight .xp-strip .metric-note,.theme-midnight .xp-strip .progress-line{color:#d1c9f5!important}
.theme-midnight .field-input,.theme-midnight .field-select,.theme-midnight .field-textarea{background:#17191f;border-color:#3a3e49;color:#ececf4}
.theme-midnight .statusbar,.theme-midnight .mobile-nav{background:#20232b;border-color:#343844;color:#9a9eaa}
.theme-midnight .modal-window{background:#20232b;border-color:#434754}
.theme-midnight .modal-titlebar{background:#282c37;color:#ececf4}
.theme-midnight .notice-box{background:#343044;color:#d8d0ff}

/* Deco Atelier — deep green, brass rules, geometric symmetry. */
.theme-artdeco{--page:#172820;--surface:#20372d;--surface-2:#294337;--ink:#f0e6cb;--muted:#b9ad8e;--line:#6d694e;--accent:#c7a65c;--soft-accent:#3c493b;--accent-ink:#1b2c22;--radius:2px;--radius-lg:3px;--radius-xl:5px;--font-display:Georgia,"Yu Mincho",serif}
.theme-artdeco .window-frame{border-color:#8e7849;background:#1c3027;box-shadow:0 0 0 4px rgba(199,166,92,.12)}
.theme-artdeco .sidebar{background:#1b3026;border-color:#6d694e}
.theme-artdeco .main-stage{background:radial-gradient(ellipse at 50% 0,rgba(199,166,92,.09),transparent 48%),#172820}
.theme-artdeco .panel,.theme-artdeco .metric,.theme-artdeco .task-row{background:#20372d;border-color:#6d694e}
.theme-artdeco .welcome-panel{background:linear-gradient(120deg,#233c30,#1b3026);border:1px solid #a78c50}
.theme-artdeco h1,.theme-artdeco .welcome-title{font-family:Georgia,"Yu Mincho",serif;font-weight:500;letter-spacing:.015em;color:#f4e7c6}
.theme-artdeco .welcome-panel:after{content:"◇";font:130px Georgia,serif;color:rgba(199,166,92,.1)}
.theme-artdeco .panel-title{border-color:#6d694e}
.theme-artdeco .panel-title h2,.theme-artdeco .task-title,.theme-artdeco .metric-value{color:#f0e6cb}
.theme-artdeco .task-meta,.theme-artdeco .metric-label,.theme-artdeco .metric-note,.theme-artdeco .eyebrow,.theme-artdeco .welcome-copy{color:#b9ad8e}
.theme-artdeco .xp-strip{background:#b4944f;color:#1d2e24;border:1px solid #e0c887}
.theme-artdeco .xp-strip .metric-value{color:#1d2e24}
.theme-artdeco .xp-strip .metric-label,.theme-artdeco .xp-strip .metric-note,.theme-artdeco .xp-strip .progress-line{color:#35432f!important}
.theme-artdeco .tag{background:#3c493b;color:#e4c77f}
.theme-artdeco .statusbar,.theme-artdeco .mobile-nav{background:#1b3026;border-color:#6d694e;color:#b9ad8e}
.theme-artdeco .field-input,.theme-artdeco .field-select,.theme-artdeco .field-textarea{background:#172820;border-color:#6d694e;color:#f0e6cb}
.theme-artdeco .modal-window{background:#20372d;border-color:#a78c50}
.theme-artdeco .modal-titlebar{background:#1b3026;color:#f0e6cb}

/* Vaporwave 88 — saturated atmosphere kept behind calm, solid reading panels. */
.theme-vapor{--page:#211b3d;--surface:#30264f;--surface-2:#3b2e61;--ink:#f6efff;--muted:#c4b5df;--line:rgba(235,205,255,.2);--accent:#ff8bc7;--soft-accent:#4b356b;--accent-ink:#271b40;--radius:10px;--radius-lg:15px;--radius-xl:19px}
.theme-vapor .app-shell{background:radial-gradient(ellipse at 10% 5%,rgba(255,107,190,.22),transparent 30%),radial-gradient(ellipse at 92% 88%,rgba(73,219,232,.18),transparent 32%)}
.theme-vapor .window-frame{background:#282147;border-color:rgba(238,208,255,.25)}
.theme-vapor .sidebar{background:#30264f;border-color:rgba(238,208,255,.18)}
.theme-vapor .main-stage{background:rgba(33,27,61,.72)}
.theme-vapor .panel,.theme-vapor .metric,.theme-vapor .task-row{background:#30264f;border-color:rgba(238,208,255,.18)}
.theme-vapor .welcome-panel{background:linear-gradient(115deg,#4a2c67,#2a456b)}
.theme-vapor .welcome-panel:after{content:"✳";font:120px Georgia,serif;color:rgba(255,255,255,.07)}
.theme-vapor .task-title,.theme-vapor .panel-title h2,.theme-vapor .metric-value,.theme-vapor h1,.theme-vapor .welcome-title{color:#f6efff}
.theme-vapor .task-meta,.theme-vapor .metric-label,.theme-vapor .metric-note,.theme-vapor .eyebrow,.theme-vapor .welcome-copy{color:#c4b5df}
.theme-vapor .xp-strip{background:linear-gradient(110deg,#e87bb9,#69cbd3);border:0;color:#2b2048}
.theme-vapor .xp-strip .metric-value{color:#2b2048}
.theme-vapor .xp-strip .metric-label,.theme-vapor .xp-strip .metric-note,.theme-vapor .xp-strip .progress-line{color:#49345f!important}
.theme-vapor .tag{background:#4b356b;color:#ffd4ed}
.theme-vapor .field-input,.theme-vapor .field-select,.theme-vapor .field-textarea{background:#241d40;border-color:rgba(238,208,255,.22);color:#f6efff}
.theme-vapor .statusbar,.theme-vapor .mobile-nav{background:#30264f;border-color:rgba(238,208,255,.2);color:#c4b5df}
.theme-vapor .modal-window{background:#30264f;border-color:rgba(238,208,255,.25)}
.theme-vapor .modal-titlebar{background:#241d40;color:#f6efff}

/* Theme cabinet — each card is a miniature composition, not a color swatch. */
.shop-hero{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:24px;padding:22px 24px!important}
.shop-hero-copy{max-width:690px}.shop-hero h2,.shop-section-head h2{margin:3px 0 7px;font-size:20px;letter-spacing:-.035em;color:var(--ink)}
.shop-hero p{margin:0;color:var(--muted);font-size:11px;max-width:650px;line-height:1.8}
.shop-wallet{min-width:150px;padding:13px 16px;border-radius:12px;background:var(--soft-accent);display:flex;flex-direction:column;gap:2px;color:var(--accent)}
.shop-wallet>span:first-child{font-size:9px;font-weight:800;letter-spacing:.12em}.shop-wallet strong{font-size:24px;letter-spacing:-.04em}.shop-wallet strong small{font-size:11px}.wallet-note{font-size:9px;opacity:.75}
.shop-section-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:0 1px 12px}
.shop-section-head h2{font-size:16px;margin:0}.shop-section-head h2 small{font-size:10px;color:var(--muted);font-weight:500;margin-left:6px}
.shop-current{font-size:10px;color:var(--muted)}
.theme-filters{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 15px}
.theme-filter{border:1px solid var(--line);border-radius:99px;background:var(--surface);padding:6px 12px;color:var(--muted);font:600 10px var(--font-body,system-ui);cursor:pointer}
.theme-filter.active{background:var(--ink);border-color:var(--ink);color:var(--surface)}
.shop-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.theme-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:10px;gap:10px;box-shadow:0 4px 15px rgba(25,30,45,.035);overflow:hidden;min-width:0}
.theme-preview{height:150px;padding:8px;border:0;border-radius:9px;display:block;overflow:hidden;position:relative;background:#edf0f4}
.preview-window{height:100%;width:100%;border-radius:5px;overflow:hidden;background:#fff;box-shadow:0 3px 12px rgba(0,0,0,.12);display:flex;flex-direction:column}
.preview-chrome{height:17px;flex:none;display:flex;align-items:center;gap:5px;padding:0 7px;background:#f6f7f8;color:#647080;font:600 6px Arial,sans-serif;letter-spacing:.05em}
.preview-mark{width:6px;height:6px;border-radius:2px;background:#7280bc}.preview-chrome i{margin-left:auto;font-style:normal;letter-spacing:2px}
.preview-app{display:grid;grid-template-columns:21% 1fr;min-height:0;flex:1}
.preview-rail{background:#f5f6f8;padding:8px 5px;display:flex;flex-direction:column;gap:7px;color:#9198a4;font:600 5px Arial,sans-serif}
.preview-rail i{display:block;height:4px;width:75%;border-radius:3px;background:currentColor;opacity:.4}
.preview-main{padding:8px 9px;min-width:0;display:flex;flex-direction:column;gap:6px;background:#fff;color:#303744}
.preview-heading{display:flex;align-items:baseline;justify-content:space-between;gap:5px}.preview-heading b{font:700 10px Arial,sans-serif}.preview-heading small{font:5px Arial,sans-serif;color:#9aa0aa;letter-spacing:.08em}
.preview-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.preview-stats i{height:14px;border:1px solid #e8eaf0;border-radius:3px;background:#f6f7fa}
.preview-task{height:13px;display:flex;align-items:center;gap:4px;border-bottom:1px solid #eef0f3;color:#687080;min-width:0;font:6px Arial,sans-serif}
.preview-task b{font-weight:600;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.preview-task span{color:#6a79ba}.preview-task small{margin-left:auto;font:5px Arial,sans-serif;color:#a0a6b0}
.theme-info{align-items:flex-start}.theme-name{display:block;font-size:12px;color:var(--ink)}.theme-mood{display:block;margin-top:3px;color:var(--muted);font-size:9px}
.theme-price{white-space:nowrap;color:var(--accent);font:700 10px var(--font-body,system-ui)}.theme-desc{font-size:10px;line-height:1.65;color:var(--muted);min-height:48px}
.theme-card-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:9px;border-top:1px solid var(--line)}
.theme-category{font-size:9px;color:var(--muted);border:1px solid var(--line);border-radius:99px;padding:3px 7px}
.theme-action{border:1px solid var(--accent);background:var(--accent);color:var(--accent-ink);border-radius:7px;padding:7px 10px;font:700 9px var(--font-body,system-ui);cursor:pointer;white-space:nowrap}
.theme-action:hover{filter:brightness(1.06);transform:translateY(-1px)}.theme-action:disabled{opacity:.65;cursor:default;transform:none}
.shop-footnote{margin:17px 2px;color:var(--muted);font-size:9px;line-height:1.7}

/* The previews also demonstrate each theme's structure at a glance. */
.theme-preview--clean{background:#eef0f5}.theme-preview--clean .preview-window{border:1px solid #e0e4ec;border-radius:7px}.theme-preview--clean .preview-main{gap:6px}.theme-preview--clean .preview-task{border:1px solid #edf0f5;border-radius:4px;padding:0 4px}
.theme-preview--editorial{background:#e8e1d3}.theme-preview--editorial .preview-window{border-radius:1px;background:#faf6ed}.theme-preview--editorial .preview-chrome{background:#eee7d9;color:#5f5a4d;font-family:Georgia,serif}.theme-preview--editorial .preview-main{background:#faf6ed;color:#33372f}.theme-preview--editorial .preview-heading b{font:italic 12px Georgia,serif}.theme-preview--editorial .preview-rail{background:#e3dccd;color:#706e5d}.theme-preview--editorial .preview-task{border-bottom:1px solid #dcd4c5}.theme-preview--editorial .preview-mark{border-radius:0;background:#4e674f}
.theme-preview--swiss{background:#e3e4e0}.theme-preview--swiss .preview-window{border-radius:0;border:1px solid #222}.theme-preview--swiss .preview-chrome{border-bottom:2px solid #111;border-radius:0;background:#fff}.theme-preview--swiss .preview-mark{border-radius:0;background:#e23f34}.theme-preview--swiss .preview-rail{background:#f0f0eb;color:#222;border-right:1px solid #222}.theme-preview--swiss .preview-heading b{font:900 13px Arial,sans-serif;letter-spacing:-.08em}.theme-preview--swiss .preview-stats i{border:1px solid #111;border-radius:0}.theme-preview--swiss .preview-task{border-bottom:1px solid #222}.theme-preview--swiss .preview-task span{color:#e23f34}
.theme-preview--botanical{background:linear-gradient(135deg,#e5eadf,#cddbc8)}.theme-preview--botanical .preview-window{border-radius:11px;background:#fbfaf3}.theme-preview--botanical .preview-chrome,.theme-preview--botanical .preview-rail{background:#edf0e5;color:#5b7658}.theme-preview--botanical .preview-main{background:#fbfaf3}.theme-preview--botanical .preview-heading b{font:italic 12px Georgia,serif}.theme-preview--botanical .preview-stats i{border-radius:6px;background:#f0f3e9;border-color:#e2e8db}.theme-preview--botanical .preview-task{border-radius:5px;border:1px solid #e6ebdf;padding:0 4px}
.theme-preview--brutalist{background:#d8ff50}.theme-preview--brutalist .preview-window{border:2px solid #111;border-radius:0;box-shadow:4px 4px 0 #111}.theme-preview--brutalist .preview-chrome{background:#111;color:#fff;border-radius:0}.theme-preview--brutalist .preview-mark{border-radius:0;background:#d8ff50}.theme-preview--brutalist .preview-rail{background:#d8ff50;color:#111;border-right:2px solid #111}.theme-preview--brutalist .preview-main{background:#fffdf6}.theme-preview--brutalist .preview-heading b{font:900 12px Impact,Arial Black,sans-serif;text-transform:uppercase}.theme-preview--brutalist .preview-stats i{border:1.5px solid #111;border-radius:0}.theme-preview--brutalist .preview-task{border-bottom:1.5px solid #111;color:#111}.theme-preview--brutalist .preview-task span{color:#254be8}
.theme-preview--glass{background:radial-gradient(circle at 80% 10%,#7562bc,#172844 70%)}.theme-preview--glass .preview-window{background:rgba(29,44,68,.9);border:1px solid rgba(255,255,255,.35);backdrop-filter:blur(8px)}.theme-preview--glass .preview-chrome,.theme-preview--glass .preview-rail{background:rgba(95,113,154,.35);color:#d6d9f0}.theme-preview--glass .preview-main{background:rgba(36,54,82,.92);color:#f5f4ff}.theme-preview--glass .preview-heading small,.theme-preview--glass .preview-task small{color:#a8b4d4}.theme-preview--glass .preview-stats i{background:#394b6b;border-color:#536582}.theme-preview--glass .preview-task{border-color:#536582;color:#e1e5f6}
.theme-preview--clay{background:#e6e2ef}.theme-preview--clay .preview-window{border-radius:13px;background:#f0eef7;box-shadow:5px 5px 9px #d0cdda,-4px -4px 8px #fff}.theme-preview--clay .preview-chrome,.theme-preview--clay .preview-rail{background:#eeecf4;color:#827b9f}.theme-preview--clay .preview-main{background:#f0eef7}.theme-preview--clay .preview-stats i{border:0;border-radius:6px;box-shadow:2px 2px 4px #d7d3e1,-2px -2px 4px #fff}.theme-preview--clay .preview-task{border:0;border-radius:5px;box-shadow:2px 2px 4px #d7d3e1,-2px -2px 4px #fff;padding:0 4px}
.theme-preview--midnight{background:#17191f}.theme-preview--midnight .preview-window{background:#20232b;border:1px solid #393e49}.theme-preview--midnight .preview-chrome,.theme-preview--midnight .preview-rail{background:#1b1e25;color:#a99aff}.theme-preview--midnight .preview-main{background:#20232b;color:#ececf4}.theme-preview--midnight .preview-heading small,.theme-preview--midnight .preview-task small{color:#969bab}.theme-preview--midnight .preview-stats i{background:#292d38;border-color:#393e49}.theme-preview--midnight .preview-task{border-color:#393e49;color:#e4e5ed}
.theme-preview--artdeco{background:#172820}.theme-preview--artdeco .preview-window{background:#20372d;border:1px solid #b99a56;border-radius:2px}.theme-preview--artdeco .preview-chrome,.theme-preview--artdeco .preview-rail{background:#1b3026;color:#cfb878}.theme-preview--artdeco .preview-main{background:#20372d;color:#f0e6cb}.theme-preview--artdeco .preview-heading b{font:italic 12px Georgia,serif}.theme-preview--artdeco .preview-stats i{background:#294337;border-color:#8c784d}.theme-preview--artdeco .preview-task{border-color:#6d694e;color:#eee3c4}
.theme-preview--vapor{background:linear-gradient(130deg,#e983c1,#695bc1 55%,#5bd1d3)}.theme-preview--vapor .preview-window{background:#30264f;border:1px solid #a28bdf}.theme-preview--vapor .preview-chrome,.theme-preview--vapor .preview-rail{background:#241d40;color:#f2a8d6}.theme-preview--vapor .preview-main{background:#30264f;color:#f6efff}.theme-preview--vapor .preview-stats i{background:#49366b;border-color:#8165a8}.theme-preview--vapor .preview-task{border-color:#5a467b;color:#f6efff}
.theme-preview--classic{background:#087e80}.theme-preview--classic .preview-window{border:2px solid;border-color:#fff #555 #555 #fff;border-radius:0}.theme-preview--classic .preview-chrome{background:linear-gradient(90deg,#102f50,#275b83);color:#fff}.theme-preview--classic .preview-mark{background:#f1d98b;border-radius:0}.theme-preview--classic .preview-rail{background:#c5c1b8;color:#38515b}.theme-preview--classic .preview-main{background:#e5e2d9;color:#273b3b}.theme-preview--classic .preview-stats i{background:#efede6;border-radius:0;border-color:#aaa}.theme-preview--classic .preview-task{border:1px solid #d0ccc2;background:#f3f1eb;padding:0 3px}
.theme-preview--amber{background:#514136}.theme-preview--amber .preview-window{border-radius:0;border:2px solid #c5a678;background:#30251c}.theme-preview--amber .preview-chrome{background:#4b2b18;color:#ffdda0;font-family:monospace}.theme-preview--amber .preview-mark{background:#e3a84d;border-radius:0;box-shadow:0 0 5px #e3a84d}.theme-preview--amber .preview-rail{background:#9f8767;color:#4b2b18}.theme-preview--amber .preview-main{background:#e5d6ba;color:#38281b}.theme-preview--amber .preview-stats i{background:#f0e5ce;border-radius:0;border-color:#b79e79}.theme-preview--amber .preview-task{border-bottom:1px solid #cbb99a;color:#493522}

.theme-preview--clean .preview-chrome{background:#fff}
.theme-preview--clean .preview-rail{background:#f8f9fb}
.theme-preview--clean .preview-main{background:#fff}

@media(max-width:980px){.theme-clean .app-shell,.theme-editorial .app-shell,.theme-swiss .app-shell,.theme-botanical .app-shell,.theme-brutalist .app-shell,.theme-glass .app-shell,.theme-clay .app-shell,.theme-midnight .app-shell,.theme-artdeco .app-shell,.theme-vapor .app-shell{padding:14px}.theme-clean .workspace-grid,.theme-editorial .workspace-grid,.theme-swiss .workspace-grid,.theme-botanical .workspace-grid,.theme-brutalist .workspace-grid,.theme-glass .workspace-grid,.theme-clay .workspace-grid,.theme-midnight .workspace-grid,.theme-artdeco .workspace-grid,.theme-vapor .workspace-grid{grid-template-columns:180px minmax(0,1fr)}.theme-clean .main-stage,.theme-editorial .main-stage,.theme-swiss .main-stage,.theme-botanical .main-stage,.theme-brutalist .main-stage,.theme-glass .main-stage,.theme-clay .main-stage,.theme-midnight .main-stage,.theme-artdeco .main-stage,.theme-vapor .main-stage{padding:0 17px 18px}.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.theme-clean .app-shell,.theme-editorial .app-shell,.theme-swiss .app-shell,.theme-botanical .app-shell,.theme-brutalist .app-shell,.theme-glass .app-shell,.theme-clay .app-shell,.theme-midnight .app-shell,.theme-artdeco .app-shell,.theme-vapor .app-shell{padding:0}.theme-clean .system-bar,.theme-editorial .system-bar,.theme-swiss .system-bar,.theme-botanical .system-bar,.theme-brutalist .system-bar,.theme-glass .system-bar,.theme-clay .system-bar,.theme-midnight .system-bar,.theme-artdeco .system-bar,.theme-vapor .system-bar{height:34px;padding:0 13px;margin:0}.theme-clean .window-frame,.theme-editorial .window-frame,.theme-swiss .window-frame,.theme-botanical .window-frame,.theme-brutalist .window-frame,.theme-glass .window-frame,.theme-clay .window-frame,.theme-midnight .window-frame,.theme-artdeco .window-frame,.theme-vapor .window-frame{min-height:calc(100dvh - 34px);border-radius:0;border-left:0;border-right:0;box-shadow:none}.theme-clean .workspace-grid,.theme-editorial .workspace-grid,.theme-swiss .workspace-grid,.theme-botanical .workspace-grid,.theme-brutalist .workspace-grid,.theme-glass .workspace-grid,.theme-clay .workspace-grid,.theme-midnight .workspace-grid,.theme-artdeco .workspace-grid,.theme-vapor .workspace-grid{display:flex;flex-direction:column;min-height:0}.theme-clean .sidebar,.theme-editorial .sidebar,.theme-swiss .sidebar,.theme-botanical .sidebar,.theme-brutalist .sidebar,.theme-glass .sidebar,.theme-clay .sidebar,.theme-midnight .sidebar,.theme-artdeco .sidebar,.theme-vapor .sidebar{display:none}.theme-clean .main-stage,.theme-editorial .main-stage,.theme-swiss .main-stage,.theme-botanical .main-stage,.theme-brutalist .main-stage,.theme-glass .main-stage,.theme-clay .main-stage,.theme-midnight .main-stage,.theme-artdeco .main-stage,.theme-vapor .main-stage{padding:0 12px 18px;min-height:calc(100dvh - 100px)}.theme-clean .mobile-nav,.theme-editorial .mobile-nav,.theme-swiss .mobile-nav,.theme-botanical .mobile-nav,.theme-brutalist .mobile-nav,.theme-glass .mobile-nav,.theme-clay .mobile-nav,.theme-midnight .mobile-nav,.theme-artdeco .mobile-nav,.theme-vapor .mobile-nav{display:flex;order:0;margin:9px 0 0}.theme-clean .page-toolbar,.theme-editorial .page-toolbar,.theme-swiss .page-toolbar,.theme-botanical .page-toolbar,.theme-brutalist .page-toolbar,.theme-glass .page-toolbar,.theme-clay .page-toolbar,.theme-midnight .page-toolbar,.theme-artdeco .page-toolbar,.theme-vapor .page-toolbar{padding:17px 0 13px}.theme-clean h1,.theme-editorial h1,.theme-swiss h1,.theme-botanical h1,.theme-brutalist h1,.theme-glass h1,.theme-clay h1,.theme-midnight h1,.theme-artdeco h1,.theme-vapor h1{font-size:20px}.theme-clean .page-content,.theme-editorial .page-content,.theme-swiss .page-content,.theme-botanical .page-content,.theme-brutalist .page-content,.theme-glass .page-content,.theme-clay .page-content,.theme-midnight .page-content,.theme-artdeco .page-content,.theme-vapor .page-content{padding-top:13px}.theme-clean .summary-grid,.theme-editorial .summary-grid,.theme-swiss .summary-grid,.theme-botanical .summary-grid,.theme-brutalist .summary-grid,.theme-glass .summary-grid,.theme-clay .summary-grid,.theme-midnight .summary-grid,.theme-artdeco .summary-grid,.theme-vapor .summary-grid{gap:7px}.theme-clean .side-stack,.theme-editorial .side-stack,.theme-swiss .side-stack,.theme-botanical .side-stack,.theme-brutalist .side-stack,.theme-glass .side-stack,.theme-clay .side-stack,.theme-midnight .side-stack,.theme-artdeco .side-stack,.theme-vapor .side-stack{display:flex}.theme-clean .desktop-caption,.theme-editorial .desktop-caption,.theme-swiss .desktop-caption,.theme-botanical .desktop-caption,.theme-brutalist .desktop-caption,.theme-glass .desktop-caption,.theme-clay .desktop-caption,.theme-midnight .desktop-caption,.theme-artdeco .desktop-caption,.theme-vapor .desktop-caption{display:none}.theme-clean .statusbar,.theme-editorial .statusbar,.theme-swiss .statusbar,.theme-botanical .statusbar,.theme-brutalist .statusbar,.theme-glass .statusbar,.theme-clay .statusbar,.theme-midnight .statusbar,.theme-artdeco .statusbar,.theme-vapor .statusbar{font-size:8px}.shop-hero{padding:16px!important;align-items:flex-start}.shop-wallet{min-width:108px;padding:10px}.shop-wallet strong{font-size:19px}.shop-hero h2{font-size:17px}.shop-hero p{font-size:10px}.shop-current{display:none}.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.theme-preview{height:112px;padding:5px}.theme-card{padding:7px;gap:8px}.theme-name{font-size:11px}.theme-desc{font-size:9px;min-height:66px}.theme-card-footer{align-items:flex-start;flex-direction:column}.theme-action{width:100%;padding:7px 5px}}
@media(max-width:390px){.shop-grid{grid-template-columns:1fr}.theme-preview{height:145px}.theme-card-footer{flex-direction:row;align-items:center}.theme-action{width:auto}.shop-hero{gap:10px}.shop-wallet{min-width:96px}}

/* Additional theme entries use the same semantic component contract. */
.theme-washi,.theme-bauhaus,.theme-y2k,.theme-nordic,.theme-studio,.theme-aurora{--page:#f4f1e9;--surface:#fffdf7;--surface-2:#f7f4ec;--ink:#282823;--muted:#77766d;--line:#ddd7ca;--accent:#a74b3d;--soft-accent:#f3e5df;--accent-ink:#fff;--radius:5px;--radius-lg:8px;--radius-xl:10px;--font-display:Georgia,"Yu Mincho",serif;--font-body:Arial,"Yu Gothic",sans-serif;color:var(--ink);background:var(--page);font-family:var(--font-body)}
:is(.theme-washi,.theme-bauhaus,.theme-y2k,.theme-nordic,.theme-studio,.theme-aurora) .desktop-grain{display:none}
:is(.theme-washi,.theme-bauhaus,.theme-y2k,.theme-nordic,.theme-studio,.theme-aurora) .app-shell{max-width:1440px;padding:22px 28px 18px}
:is(.theme-washi,.theme-bauhaus,.theme-y2k,.theme-nordic,.theme-studio,.theme-aurora) .system-bar{height:36px;margin:0 2px 12px;color:var(--muted);text-shadow:none;font:11px var(--font-body)}
:is(.theme-washi,.theme-bauhaus,.theme-y2k,.theme-nordic,.theme-studio,.theme-aurora) .brand-mark{padding:5px 8px;border:0;border-radius:7px;background:var(--accent);color:white;box-shadow:none}
:is(.theme-washi,.theme-bauhaus,.theme-y2k,.theme-nordic,.theme-studio,.theme-aurora) .window-frame{min-height:calc(100vh - 100px);border:1px solid var(--line);border-radius:var(--radius-xl);overflow:hidden;background:var(--surface);box-shadow:0 16px 44px rgba(31,42,68,.07)}
:is(.theme-washi,.theme-bauhaus,.theme-y2k,.theme-nordic,.theme-studio,.theme-aurora) .titlebar,:is(.theme-washi,.theme-bauhaus,.theme-y2k,.theme-nordic,.theme-studio,.theme-aurora) .menubar{display:none}
:is(.theme-washi,.theme-bauhaus,.theme-y2k,.theme-nordic,.theme-studio,.theme-aurora) .workspace-grid{grid-template-columns:226px minmax(0,1fr);min-height:710px}
:is(.theme-washi,.theme-bauhaus,.theme-y2k,.theme-nordic,.theme-studio,.theme-aurora) .sidebar{background:var(--surface);border-right:1px solid var(--line);padding:24px 15px 15px}
:is(.theme-washi,.theme-bauhaus,.theme-y2k,.theme-nordic,.theme-studio,.theme-aurora) .side-heading{font:700 10px var(--font-body);letter-spacing:.13em;color:var(--muted)}
:is(.theme-washi,.theme-bauhaus,.theme-y2k,.theme-nordic,.theme-studio,.theme-aurora) .nav-item,:is(.theme-washi,.theme-bauhaus,.theme-y2k,.theme-nordic,.theme-studio,.theme-aurora) .filter-item{color:var(--muted);border:0;border-radius:var(--radius);padding:10px 11px;font:500 12px var(--font-body)}
:is(.theme-washi,.theme-bauhaus,.theme-y2k,.theme-nordic,.theme-studio,.theme-aurora) .nav-item.active{background:var(--soft-accent);color:var(--accent);border:0;box-shadow:none;font-weight:700}
:is(.theme-washi,.theme-bauhaus,.theme-y2k,.theme-nordic,.theme-studio,.theme-aurora) .nav-icon{color:var(--accent)}
:is(.theme-washi,.theme-bauhaus,.theme-y2k,.theme-nordic,.theme-studio,.theme-aurora) .sidebar-rule{height:1px;background:var(--line);border:0;margin:17px 7px}
:is(.theme-washi,.theme-bauhaus,.theme-y2k,.theme-nordic,.theme-studio,.theme-aurora) .mini-profile{border-color:var(--line)}
:is(.theme-washi,.theme-bauhaus,.theme-y2k,.theme-nordic,.theme-studio,.theme-aurora) .pixel-avatar{border:0;border-radius:8px;background:var(--soft-accent);color:var(--accent)}
:is(.theme-washi,.theme-bauhaus,.theme-y2k,.theme-nordic,.theme-studio,.theme-aurora) .sidebar-footnote{color:var(--muted);border-color:var(--line)}
:is(.theme-washi,.theme-bauhaus,.theme-y2k,.theme-nordic,.theme-studio,.theme-aurora) .main-stage{background:var(--page);padding:0 28px 24px}
:is(.theme-washi,.theme-bauhaus,.theme-y2k,.theme-nordic,.theme-studio,.theme-aurora) .page-toolbar{padding:27px 0 19px;border-color:var(--line)}
:is(.theme-washi,.theme-bauhaus,.theme-y2k,.theme-nordic,.theme-studio,.theme-aurora) .eyebrow{font:700 9px var(--font-body);letter-spacing:.13em;color:var(--muted)}
:is(.theme-washi,.theme-bauhaus,.theme-y2k,.theme-nordic,.theme-studio,.theme-aurora) h1{font:750 25px/1.2 var(--font-display);color:var(--ink)}
:is(.theme-washi,.theme-bauhaus,.theme-y2k,.theme-nordic,.theme-studio,.theme-aurora) .page-content{padding-top:21px}
:is(.theme-washi,.theme-bauhaus,.theme-y2k,.theme-nordic,.theme-studio,.theme-aurora) .panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:none;padding:16px}
:is(.theme-washi,.theme-bauhaus,.theme-y2k,.theme-nordic,.theme-studio,.theme-aurora) .panel-title{border-color:var(--line);padding-bottom:10px}
:is(.theme-washi,.theme-bauhaus,.theme-y2k,.theme-nordic,.theme-studio,.theme-aurora) .panel-title h2{font:700 10px var(--font-body);letter-spacing:.1em;color:var(--muted)}
:is(.theme-washi,.theme-bauhaus,.theme-y2k,.theme-nordic,.theme-studio,.theme-aurora) .welcome-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);min-height:145px}
:is(.theme-washi,.theme-bauhaus,.theme-y2k,.theme-nordic,.theme-studio,.theme-aurora) .welcome-title{font:700 23px var(--font-display);color:var(--ink)}
:is(.theme-washi,.theme-bauhaus,.theme-y2k,.theme-nordic,.theme-studio,.theme-aurora) .welcome-copy,:is(.theme-washi,.theme-bauhaus,.theme-y2k,.theme-nordic,.theme-studio,.theme-aurora) .welcome-kicker{color:var(--muted)}
:is(.theme-washi,.theme-bauhaus,.theme-y2k,.theme-nordic,.theme-studio,.theme-aurora) .metric{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:none;padding:12px}
:is(.theme-washi,.theme-bauhaus,.theme-y2k,.theme-nordic,.theme-studio,.theme-aurora) .metric-label,:is(.theme-washi,.theme-bauhaus,.theme-y2k,.theme-nordic,.theme-studio,.theme-aurora) .metric-note{color:var(--muted)}
:is(.theme-washi,.theme-bauhaus,.theme-y2k,.theme-nordic,.theme-studio,.theme-aurora) .metric-value{color:var(--ink);font:700 23px var(--font-display)}
:is(.theme-washi,.theme-bauhaus,.theme-y2k,.theme-nordic,.theme-studio,.theme-aurora) .task-row{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:10px}
:is(.theme-washi,.theme-bauhaus,.theme-y2k,.theme-nordic,.theme-studio,.theme-aurora) .task-title{color:var(--ink)}
:is(.theme-washi,.theme-bauhaus,.theme-y2k,.theme-nordic,.theme-studio,.theme-aurora) .task-meta{color:var(--muted)}
:is(.theme-washi,.theme-bauhaus,.theme-y2k,.theme-nordic,.theme-studio,.theme-aurora) .task-check{accent-color:var(--accent)}
:is(.theme-washi,.theme-bauhaus,.theme-y2k,.theme-nordic,.theme-studio,.theme-aurora) .tag{background:var(--soft-accent);border:0;border-radius:5px;color:var(--accent)}
:is(.theme-washi,.theme-bauhaus,.theme-y2k,.theme-nordic,.theme-studio,.theme-aurora) .progress-track{background:var(--line);border:0;border-radius:99px}
:is(.theme-washi,.theme-bauhaus,.theme-y2k,.theme-nordic,.theme-studio,.theme-aurora) .progress-fill{background:var(--accent);border-radius:99px}
:is(.theme-washi,.theme-bauhaus,.theme-y2k,.theme-nordic,.theme-studio,.theme-aurora) .bevel-button,:is(.theme-washi,.theme-bauhaus,.theme-y2k,.theme-nordic,.theme-studio,.theme-aurora) .small-button{background:var(--surface);border:1px solid var(--line);border-radius:7px;box-shadow:none;color:var(--ink);font:650 10px var(--font-body);padding:8px 12px}
:is(.theme-washi,.theme-bauhaus,.theme-y2k,.theme-nordic,.theme-studio,.theme-aurora) .bevel-button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
:is(.theme-washi,.theme-bauhaus,.theme-y2k,.theme-nordic,.theme-studio,.theme-aurora) .icon-btn{background:var(--surface-2);border:1px solid var(--line);border-radius:6px;color:var(--muted)}
:is(.theme-washi,.theme-bauhaus,.theme-y2k,.theme-nordic,.theme-studio,.theme-aurora) .field-input,:is(.theme-washi,.theme-bauhaus,.theme-y2k,.theme-nordic,.theme-studio,.theme-aurora) .field-select,:is(.theme-washi,.theme-bauhaus,.theme-y2k,.theme-nordic,.theme-studio,.theme-aurora) .field-textarea{background:var(--surface-2);color:var(--ink);border:1px solid var(--line);border-radius:7px;padding:8px 10px}
:is(.theme-washi,.theme-bauhaus,.theme-y2k,.theme-nordic,.theme-studio,.theme-aurora) .statusbar{height:33px;background:var(--surface);border-top:1px solid var(--line);color:var(--muted);font:10px var(--font-body);padding:7px 12px}
:is(.theme-washi,.theme-bauhaus,.theme-y2k,.theme-nordic,.theme-studio,.theme-aurora) .desktop-caption{color:var(--muted);text-shadow:none}
:is(.theme-washi,.theme-bauhaus,.theme-y2k,.theme-nordic,.theme-studio,.theme-aurora) .mobile-nav{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:5px;gap:3px}
:is(.theme-washi,.theme-bauhaus,.theme-y2k,.theme-nordic,.theme-studio,.theme-aurora) .mobile-nav-item{color:var(--muted);border:0;border-radius:8px}
:is(.theme-washi,.theme-bauhaus,.theme-y2k,.theme-nordic,.theme-studio,.theme-aurora) .mobile-nav-item.active{background:var(--soft-accent);color:var(--accent)}
:is(.theme-washi,.theme-bauhaus,.theme-y2k,.theme-nordic,.theme-studio,.theme-aurora) .modal-window{background:var(--surface);border:1px solid var(--line);border-radius:13px;box-shadow:0 25px 80px rgba(0,0,0,.2)}
:is(.theme-washi,.theme-bauhaus,.theme-y2k,.theme-nordic,.theme-studio,.theme-aurora) .modal-titlebar{background:var(--surface-2);color:var(--ink);border-bottom:1px solid var(--line);height:40px}
:is(.theme-washi,.theme-bauhaus,.theme-y2k,.theme-nordic,.theme-studio,.theme-aurora) .toast{background:var(--ink);color:var(--surface);border:0;border-radius:9px;box-shadow:0 12px 32px rgba(0,0,0,.2)}

/* Washi Atelier — stationery, book cloth and a cinnabar seal. */
.theme-washi{--page:#eee8dc;--surface:#fbf7ee;--surface-2:#f3ecdf;--ink:#302e28;--muted:#81796d;--line:#ded3c2;--accent:#a74736;--soft-accent:#f2e2d9;--accent-ink:#fff;--radius:2px;--radius-lg:3px;--radius-xl:4px}
.theme-washi .main-stage{background-image:repeating-linear-gradient(0deg,rgba(120,98,68,.028) 0 1px,transparent 1px 5px),#eee8dc}
.theme-washi .welcome-panel{background:#f8f2e6;border-top:3px solid #a74736}
.theme-washi h1,.theme-washi .welcome-title{font-family:Georgia,"Yu Mincho",serif;font-weight:500;letter-spacing:.01em}
.theme-washi .welcome-title{font-size:25px}
.theme-washi .welcome-panel:after{content:"朱";font:90px "Yu Mincho",Georgia,serif;color:rgba(167,71,54,.09);right:20px;bottom:-13px}
.theme-washi .panel{background:#fbf7ee;border-radius:2px}
.theme-washi .panel-title h2{font-family:Georgia,"Yu Mincho",serif;letter-spacing:.04em}
.theme-washi .task-row{border-width:0 0 1px;border-radius:0;background:transparent!important;padding:12px 3px}
.theme-washi .task-list{gap:0}
.theme-washi .metric{border-width:0 0 2px;border-radius:0;background:transparent}
.theme-washi .metric-value{font-family:Georgia,"Yu Mincho",serif;font-size:28px}
.theme-washi .tag{border-radius:0;letter-spacing:.04em}
.theme-washi .xp-strip{background:#e9dfce;color:#4a4237;border:1px solid #d8c7af;border-radius:3px}
.theme-washi .xp-strip .metric-value{color:#4a4237}
.theme-washi .xp-strip .metric-label,.theme-washi .xp-strip .metric-note,.theme-washi .xp-strip .progress-line{color:#736759!important}
.theme-washi .xp-bar{background:#d9cdbd}
.theme-washi .xp-bar span{background:#a74736}

/* Bauhaus Form — primary geometry, asymmetry, and functional color coding. */
.theme-bauhaus{--page:#eeeae1;--surface:#fffdf7;--surface-2:#f7f3e9;--ink:#171717;--muted:#5c5b58;--line:#1b1b1b;--accent:#d63b32;--soft-accent:#f7e1dc;--accent-ink:#fff;--radius:0;--radius-lg:0;--radius-xl:0;--font-display:Arial Black,Impact,Arial,sans-serif;--font-body:Arial,Helvetica,sans-serif}
.theme-bauhaus .window-frame{border:2px solid #171717;box-shadow:5px 5px 0 #171717}
.theme-bauhaus .sidebar{border-right:2px solid #171717}
.theme-bauhaus .main-stage{background-image:linear-gradient(rgba(0,0,0,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.045) 1px,transparent 1px);background-size:26px 26px}
.theme-bauhaus h1,.theme-bauhaus .welcome-title{font-family:Arial Black,Impact,Arial,sans-serif;font-weight:900;text-transform:uppercase;letter-spacing:-.055em}
.theme-bauhaus .welcome-panel{background:#f1d13b;border:2px solid #171717}
.theme-bauhaus .welcome-panel:after{content:"●";font:145px Arial,sans-serif;color:rgba(36,80,177,.13);right:12px;bottom:-45px}
.theme-bauhaus .panel,.theme-bauhaus .metric,.theme-bauhaus .task-row{border:1.5px solid #171717;border-radius:0}
.theme-bauhaus .panel-title{border-color:#171717}
.theme-bauhaus .metric:nth-child(2){background:#d8e5f5}.theme-bauhaus .metric:nth-child(3){background:#f6d4cf}
.theme-bauhaus .metric-value{font:800 28px Arial Black,Arial,sans-serif}
.theme-bauhaus .task-row{background:#fffdf7}
.theme-bauhaus .tag{background:#2450b1;color:#fff;border-radius:0}
.theme-bauhaus .xp-strip{background:#2450b1;border:2px solid #171717;color:#fff}
.theme-bauhaus .xp-strip .metric-value{color:#fff}.theme-bauhaus .xp-strip .metric-label,.theme-bauhaus .xp-strip .metric-note,.theme-bauhaus .xp-strip .progress-line{color:#e7edff!important}
.theme-bauhaus .bevel-button,.theme-bauhaus .small-button{border:1.5px solid #171717;border-radius:0;box-shadow:2px 2px 0 #171717;text-transform:uppercase;font-weight:800}
.theme-bauhaus .bevel-button.primary{background:#2450b1;border-color:#171717}
.theme-bauhaus .nav-item.active{background:#f1d13b;color:#171717;border:1.5px solid #171717;border-radius:0}

/* Y2K Chrome — reflective silver and gel-like controls, with calm text areas. */
.theme-y2k{--page:#dbe3ef;--surface:#f8faff;--surface-2:#eaf0f8;--ink:#202b41;--muted:#6e7a91;--line:#c4cfde;--accent:#4c67ad;--soft-accent:#dce5fa;--accent-ink:#fff;--radius:12px;--radius-lg:17px;--radius-xl:22px;--font-display:Arial,Helvetica,sans-serif}
.theme-y2k .app-shell{background:radial-gradient(ellipse at 12% 10%,rgba(255,255,255,.85),transparent 28%),radial-gradient(ellipse at 95% 90%,rgba(126,155,203,.25),transparent 35%)}
.theme-y2k .window-frame{border:1px solid #b9c6d8;background:linear-gradient(145deg,#f7f9fd,#dce5f1);box-shadow:0 18px 42px rgba(63,83,120,.2)}
.theme-y2k .sidebar{background:linear-gradient(180deg,#eef3fa,#dfe7f2);border-color:#c1cddd}
.theme-y2k .main-stage{background:linear-gradient(145deg,#edf2f9,#dfe7f2)}
.theme-y2k .brand-mark{background:linear-gradient(140deg,#fff,#8da6d0 45%,#f5b7e0);color:#26334f;border:1px solid #fff;box-shadow:inset 0 1px 2px #fff,0 1px 4px rgba(40,60,100,.2)}
.theme-y2k .panel,.theme-y2k .metric{background:linear-gradient(145deg,#fff,#eef3fa);border:1px solid #c9d5e4;box-shadow:inset 0 1px 0 #fff,0 4px 12px rgba(58,82,124,.08)}
.theme-y2k .welcome-panel{background:linear-gradient(115deg,#fff,#dce7f5 55%,#f4d9ef);border:1px solid #c3d0e2}
.theme-y2k .welcome-title{font-weight:800;letter-spacing:-.04em}
.theme-y2k .welcome-panel:after{content:"✧";font:120px Georgia,serif;color:rgba(102,126,177,.13)}
.theme-y2k .task-row{background:rgba(255,255,255,.86);border:1px solid #cbd6e5;box-shadow:inset 0 1px 0 #fff,0 2px 6px rgba(57,78,116,.06)}
.theme-y2k .task-list{gap:8px}
.theme-y2k .tag{background:linear-gradient(90deg,#e3eaff,#f7e6f5);color:#485b8f;border:1px solid #d5dced;border-radius:99px}
.theme-y2k .bevel-button,.theme-y2k .small-button,.theme-y2k .icon-btn{background:linear-gradient(180deg,#fff,#dce5f2);border:1px solid #b7c6dc;border-radius:99px;box-shadow:inset 0 1px 1px #fff,0 2px 5px rgba(53,75,114,.15)}
.theme-y2k .bevel-button.primary{background:linear-gradient(180deg,#738dc4,#4c67ad);border-color:#49629f;color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 3px 8px rgba(67,93,150,.2)}
.theme-y2k .xp-strip{background:linear-gradient(110deg,#d7e2f4,#f4d9ed);border:1px solid #c4d0e2;color:#334466;border-radius:18px}
.theme-y2k .xp-strip .metric-value{color:#334466}.theme-y2k .xp-strip .metric-label,.theme-y2k .xp-strip .metric-note,.theme-y2k .xp-strip .progress-line{color:#637696!important}
.theme-y2k .statusbar,.theme-y2k .mobile-nav{background:linear-gradient(180deg,#f5f8fd,#dce5f2);border-color:#bdcadd;color:#62718b}

.theme-preview--washi{background:#e8e0d1}.theme-preview--washi .preview-window{border:1px solid #d8ccb8;border-radius:1px;background:#faf6ec}.theme-preview--washi .preview-chrome,.theme-preview--washi .preview-rail{background:#eee6d8;color:#716555}.theme-preview--washi .preview-mark{border-radius:0;background:#a74736}.theme-preview--washi .preview-main{background:#faf6ec;color:#302e28}.theme-preview--washi .preview-heading b{font:italic 12px Georgia,serif}.theme-preview--washi .preview-stats i{border-radius:0;background:#f3ecdf;border-color:#ded3c2}.theme-preview--washi .preview-task{border-radius:0;border-bottom:1px solid #ded3c2;color:#39352d}
.theme-preview--bauhaus{background:#eeeae1}.theme-preview--bauhaus .preview-window{border:2px solid #171717;border-radius:0;box-shadow:3px 3px #171717}.theme-preview--bauhaus .preview-chrome{background:#171717;color:#fff}.theme-preview--bauhaus .preview-mark{border-radius:0;background:#d63b32}.theme-preview--bauhaus .preview-rail{background:#f1d13b;color:#171717}.theme-preview--bauhaus .preview-main{background:#fffdf7;color:#171717}.theme-preview--bauhaus .preview-heading b{font:900 12px Arial Black,Arial,sans-serif;text-transform:uppercase}.theme-preview--bauhaus .preview-stats i{border:1px solid #171717;border-radius:0}.theme-preview--bauhaus .preview-task{border-bottom:1px solid #171717;color:#171717}
.theme-preview--y2k{background:linear-gradient(135deg,#c2cde0,#f4dbef 55%,#a9c8e4)}.theme-preview--y2k .preview-window{border:1px solid #b5c5da;border-radius:9px;background:#f8faff;box-shadow:inset 0 1px 0 #fff,0 4px 8px rgba(40,60,100,.18)}.theme-preview--y2k .preview-chrome,.theme-preview--y2k .preview-rail{background:linear-gradient(180deg,#f6f9fd,#dce5f2);color:#617494}.theme-preview--y2k .preview-mark{background:linear-gradient(135deg,#fff,#9aadd2,#ecaedd)}.theme-preview--y2k .preview-main{background:#f8faff;color:#202b41}.theme-preview--y2k .preview-stats i{border:1px solid #cbd6e5;border-radius:5px;background:linear-gradient(135deg,#fff,#eaf0f8)}.theme-preview--y2k .preview-task{border-bottom:1px solid #d9e1ec;color:#3b4c69}

@media(max-width:980px){:is(.theme-washi,.theme-bauhaus,.theme-y2k,.theme-nordic,.theme-studio,.theme-aurora) .app-shell{padding:14px}:is(.theme-washi,.theme-bauhaus,.theme-y2k,.theme-nordic,.theme-studio,.theme-aurora) .workspace-grid{grid-template-columns:180px minmax(0,1fr)}:is(.theme-washi,.theme-bauhaus,.theme-y2k,.theme-nordic,.theme-studio,.theme-aurora) .main-stage{padding:0 17px 18px}}
@media(max-width:680px){:is(.theme-washi,.theme-bauhaus,.theme-y2k,.theme-nordic,.theme-studio,.theme-aurora) .app-shell{padding:0}:is(.theme-washi,.theme-bauhaus,.theme-y2k,.theme-nordic,.theme-studio,.theme-aurora) .system-bar{height:34px;padding:0 13px;margin:0}:is(.theme-washi,.theme-bauhaus,.theme-y2k,.theme-nordic,.theme-studio,.theme-aurora) .window-frame{min-height:calc(100dvh - 34px);border-radius:0;border-left:0;border-right:0;box-shadow:none}:is(.theme-washi,.theme-bauhaus,.theme-y2k,.theme-nordic,.theme-studio,.theme-aurora) .workspace-grid{display:flex;flex-direction:column;min-height:0}:is(.theme-washi,.theme-bauhaus,.theme-y2k,.theme-nordic,.theme-studio,.theme-aurora) .sidebar{display:none}:is(.theme-washi,.theme-bauhaus,.theme-y2k,.theme-nordic,.theme-studio,.theme-aurora) .main-stage{padding:0 12px 18px;min-height:calc(100dvh - 100px)}:is(.theme-washi,.theme-bauhaus,.theme-y2k,.theme-nordic,.theme-studio,.theme-aurora) .mobile-nav{display:flex;order:0;margin:9px 0 0}:is(.theme-washi,.theme-bauhaus,.theme-y2k,.theme-nordic,.theme-studio,.theme-aurora) .page-toolbar{padding:17px 0 13px}:is(.theme-washi,.theme-bauhaus,.theme-y2k,.theme-nordic,.theme-studio,.theme-aurora) h1{font-size:20px}:is(.theme-washi,.theme-bauhaus,.theme-y2k,.theme-nordic,.theme-studio,.theme-aurora) .page-content{padding-top:13px}:is(.theme-washi,.theme-bauhaus,.theme-y2k,.theme-nordic,.theme-studio,.theme-aurora) .desktop-caption{display:none}}


/* Nordic Quiet — Scandinavian public signage, pale timber and soft daylight. */
.theme-nordic{--page:#e9efef;--surface:#fbfdfb;--surface-2:#f1f6f4;--ink:#26373d;--muted:#78888b;--line:#d9e3e1;--accent:#477782;--soft-accent:#e2eff0;--accent-ink:#fff;--radius:12px;--radius-lg:17px;--radius-xl:22px;--font-display:"Avenir Next",Avenir,Arial,sans-serif;--font-body:"Avenir Next",Avenir,"Yu Gothic UI",sans-serif}
.theme-nordic .main-stage{background-image:radial-gradient(ellipse at 85% 5%,rgba(185,213,207,.23),transparent 32%)}
.theme-nordic .welcome-panel{background:linear-gradient(115deg,#fbfdfb,#edf5f2);border:1px solid #dce7e3}
.theme-nordic .panel,.theme-nordic .metric{border:1px solid #dce6e3;box-shadow:0 8px 22px rgba(48,82,82,.045)}
.theme-nordic .metric-value{font-weight:650;letter-spacing:-.04em}
.theme-nordic .task-row{background:#fbfdfb;border:1px solid #e4ece9;border-radius:11px}
.theme-nordic .tag{background:#e7f0ed;color:#4b7070;border:0;border-radius:99px;padding:3px 8px}
.theme-nordic .progress-fill{background:linear-gradient(90deg,#7da8a1,#477782)}
.theme-nordic .bevel-button.primary{background:#477782;border-color:#477782;border-radius:9px;box-shadow:none}

/* Studio Mono — photo-book contact sheets and a precise monochrome type scale. */
.theme-studio{--page:#ededeb;--surface:#fff;--surface-2:#f6f6f4;--ink:#171817;--muted:#777a77;--line:#d4d6d2;--accent:#222522;--soft-accent:#eceeeb;--accent-ink:#fff;--radius:2px;--radius-lg:3px;--radius-xl:5px;--font-display:Arial,Helvetica,sans-serif;--font-body:Arial,"Yu Gothic UI",sans-serif}
.theme-studio .main-stage{background:#ededeb}
.theme-studio .page-toolbar{border-bottom:2px solid #191b19}
.theme-studio h1,.theme-studio .welcome-title{font-weight:850;letter-spacing:-.065em;text-transform:uppercase}
.theme-studio .welcome-panel{border:0;border-top:5px solid #171817;border-radius:0;background:#f8f8f6}
.theme-studio .panel{border:1px solid #c9cbc7;border-radius:2px;box-shadow:none}
.theme-studio .metric{border:0;border-top:2px solid #171817;border-radius:0;background:transparent;padding-left:0}
.theme-studio .metric-value{font:800 30px/1 Arial,sans-serif;letter-spacing:-.06em;color:#161816}
.theme-studio .task-row{background:transparent;border:0;border-top:1px solid #c7c9c5;border-radius:0;padding:12px 2px}
.theme-studio .task-list{gap:0}
.theme-studio .tag{background:#171817;color:#fff;border:0;border-radius:0}
.theme-studio .bevel-button,.theme-studio .small-button{border:1px solid #171817;border-radius:0;box-shadow:none;background:#fff;color:#171817;text-transform:uppercase;font-weight:800}
.theme-studio .bevel-button.primary{background:#171817;color:#fff}
.theme-studio .nav-item.active{background:#171817;color:#fff;border-radius:0;box-shadow:none}

/* Aurora Night — deep sky gradients, restrained cyan light and crisp surfaces. */
.theme-aurora{--page:#101a2a;--surface:#1b293b;--surface-2:#223449;--ink:#edf4f3;--muted:#9aadb6;--line:#34495a;--accent:#6bd4c2;--soft-accent:#263f4b;--accent-ink:#10232d;--radius:10px;--radius-lg:14px;--radius-xl:19px;--font-display:Inter,ui-sans-serif,system-ui,sans-serif;--font-body:Inter,ui-sans-serif,system-ui,sans-serif;color:var(--ink);background:var(--page)}
.theme-aurora .app-shell{background:radial-gradient(ellipse at 18% 4%,rgba(54,155,153,.2),transparent 34%),radial-gradient(ellipse at 92% 20%,rgba(90,92,174,.24),transparent 31%)}
.theme-aurora .main-stage{background:radial-gradient(ellipse at 72% 0%,rgba(66,169,151,.1),transparent 35%),var(--page)}
.theme-aurora .welcome-panel{background:linear-gradient(115deg,#21394a,#243449 55%,#302d4d);border:1px solid #3d5d69}
.theme-aurora .welcome-title{color:#f3fbf7}
.theme-aurora .welcome-copy,.theme-aurora .welcome-kicker{color:#b7c9cc}
.theme-aurora .panel,.theme-aurora .metric{background:linear-gradient(145deg,#1e3043,#1a283a);border:1px solid #344d60;box-shadow:0 12px 30px rgba(0,0,0,.13)}
.theme-aurora .metric-value{color:#e9faf5}
.theme-aurora .task-row{background:#213246;border:1px solid #344b5c;border-radius:9px}
.theme-aurora .task-title{color:#eef6f4}.theme-aurora .task-meta{color:#9cafb6}
.theme-aurora .tag{background:#2d4b55;color:#a9eee0;border:1px solid #416b70;border-radius:99px}
.theme-aurora .progress-track{background:#2a4052;border:0}.theme-aurora .progress-fill{background:linear-gradient(90deg,#63c7b6,#94e6c6)}
.theme-aurora .bevel-button,.theme-aurora .small-button{background:#24394a;color:#eaf5f3;border:1px solid #456273;border-radius:8px;box-shadow:none}
.theme-aurora .bevel-button.primary{background:#70d9c5;color:#112b34;border-color:#70d9c5}
.theme-aurora .nav-item.active{background:#294750;color:#8ce5d5;box-shadow:none}
.theme-aurora .nav-icon{color:#75d8c8}
.theme-aurora .xp-strip{background:linear-gradient(120deg,#174b51,#253b58);border:1px solid #477277;border-radius:12px}
.theme-aurora .xp-strip .metric-value{color:#eafff7}.theme-aurora .xp-strip .metric-label,.theme-aurora .xp-strip .metric-note,.theme-aurora .xp-strip .progress-line{color:#afd4cc!important}

.theme-preview--nordic{background:linear-gradient(135deg,#e2ece9,#f7faf7)}.theme-preview--nordic .preview-window{background:#fbfdfb;border:1px solid #d9e3e1;border-radius:10px}.theme-preview--nordic .preview-chrome,.theme-preview--nordic .preview-rail{background:#edf4f1;color:#66827f}.theme-preview--nordic .preview-main{background:#fbfdfb;color:#26373d}.theme-preview--nordic .preview-mark{background:#477782;border-radius:50%}.theme-preview--nordic .preview-stats i{background:#eef5f2;border-color:#dce6e3;border-radius:8px}.theme-preview--nordic .preview-task{border:1px solid #e4ece9;border-radius:6px;color:#344b4e}
.theme-preview--studio{background:#dedfdd}.theme-preview--studio .preview-window{background:#fff;border:1px solid #171817;border-radius:0}.theme-preview--studio .preview-chrome{background:#171817;color:#fff;border-radius:0}.theme-preview--studio .preview-rail{background:#eceeeb;color:#171817}.theme-preview--studio .preview-main{background:#fff;color:#171817}.theme-preview--studio .preview-mark{background:#171817;border-radius:0}.theme-preview--studio .preview-stats i{background:#f3f3f1;border:1px solid #171817;border-radius:0}.theme-preview--studio .preview-task{border-top:1px solid #c9cbc7;color:#171817}
.theme-preview--aurora{background:radial-gradient(circle at 72% 10%,#315a69,#172039 64%)}.theme-preview--aurora .preview-window{background:#1b293b;border:1px solid #426072;border-radius:9px}.theme-preview--aurora .preview-chrome,.theme-preview--aurora .preview-rail{background:#22394a;color:#a7e9dc}.theme-preview--aurora .preview-main{background:#1b293b;color:#edf4f3}.theme-preview--aurora .preview-mark{background:#6bd4c2;border-radius:50%}.theme-preview--aurora .preview-stats i{background:#263f4b;border-color:#41616d;border-radius:6px}.theme-preview--aurora .preview-task{border-color:#34495a;color:#edf4f3}

/* Optional classic shell. The base component geometry supplies the native Windows-era frame. */
.theme-classic{--desk:#087e80;--surface:#d4d0c8;--surface-hi:#e7e4dc;--surface-low:#bcb8af;--ink:#202b2a;--muted:#66716e;--navy:#102f50;--navy2:#275b83;--line:#8a8982;--teal:#0d7778;background:#087e80;color:#202b2a;font-family:Tahoma,"MS PGothic","Yu Gothic UI",sans-serif}
.theme-classic .desktop-grain{display:block}
.theme-classic .system-bar,.theme-classic .desktop-caption{color:#e5f0e9;text-shadow:0 1px 2px #034e50}
.theme-classic .statusbar{background:#d0cdc5;color:#555d57}
.theme-amber{background:#514136;color:#2e2419;font-family:"Courier New",monospace}
.theme-amber .desktop-grain{display:block;opacity:.13}