.theme-switcher-overlay{z-index:9998;background:#0006;position:fixed;inset:0}.theme-switcher-drawer{color:#1b2a4a;z-index:9999;pointer-events:none;letter-spacing:0;text-transform:none;background:#fff;width:400px;padding:1.5rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;font-weight:400;transition:transform .3s;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(100%)}.theme-switcher-drawer--open{pointer-events:auto;transform:translate(0)}.theme-switcher-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.theme-switcher-title{color:#1b2a4a;font-size:1.25rem;font-weight:700}.theme-switcher-close{cursor:pointer;color:#4a5568;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.2rem;transition:background .15s;display:flex}.theme-switcher-close:hover{background:#f7fafc}.theme-switcher-tabs{background:#f1f5f9;border-radius:10px;gap:4px;margin-bottom:.75rem;padding:3px;display:flex}.theme-switcher-tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:8px 12px;font-family:inherit;font-size:.8125rem;font-weight:600;transition:all .15s}.theme-switcher-tab:hover{color:#334155}.theme-switcher-tab--active{color:#1b2a4a;background:#fff;box-shadow:0 1px 3px #00000014}.theme-switcher-hint{color:#94a3b8;margin-bottom:1rem;font-size:.75rem;line-height:1.5}.theme-switcher-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}.theme-switcher-card{cursor:pointer;text-align:left;border:2px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:6px;width:100%;min-height:110px;padding:.875rem;transition:all .2s;display:flex;position:relative}.theme-switcher-card--dark{border-color:#ffffff1a}.theme-switcher-card:hover{border-color:#94a3b8;transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.theme-switcher-card--dark:hover{border-color:#ffffff40;box-shadow:0 4px 12px #0000004d}.theme-switcher-card--active{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.theme-switcher-card:focus-visible{outline-offset:2px;outline:2px solid #3b82f6}.theme-switcher-card-name{font-size:.875rem;font-weight:700;line-height:1.2}.theme-switcher-swatches{gap:4px;display:flex}.theme-switcher-swatch{border:1px solid #80808033;border-radius:50%;width:14px;height:14px}.theme-switcher-card-desc{opacity:.6;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.6875rem;line-height:1.4;display:-webkit-box;overflow:hidden}.theme-switcher-check{color:#fff;background:#3b82f6;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.7rem;display:flex;position:absolute;top:6px;right:6px}.theme-switcher-trigger{cursor:pointer;color:#4a5568;background:0 0;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;padding:6px 8px;transition:all .15s;display:flex}.theme-switcher-trigger:hover{color:#1b2a4a;background:#f7fafc;border-color:#94a3b8}@media (max-width:768px){.theme-switcher-drawer{border-radius:16px 16px 0 0;width:100%;max-height:70vh;inset:auto 0 0;transform:translateY(100%)}.theme-switcher-drawer--open{transform:translateY(0)}}@media (max-width:480px){.theme-switcher-drawer{border-radius:0;max-height:100vh;inset:0;transform:translateY(100%)}.theme-switcher-drawer--open{transform:translateY(0)}}