:root,[data-theme=temrex]{color-scheme:light;--page-bg: #f1f5f9;--surface: #ffffff;--surface-2: #f8fafc;--border: #e2e8f0;--border-soft: #eef2f7;--fg-strong: #0f172a;--fg: #334155;--fg-muted: #475569;--fg-soft: #64748b;--fg-faint: #94a3b8;--accent: #e31e24;--accent-fg: #ffffff;--field-bg: #ffffff;--field-border: #cbd5e1;--sidebar-bg: #ffffff;--sidebar-fg: #475569;--sidebar-muted: #94a3b8;--sidebar-hover: #f1f5f9;--sidebar-border: #e8edf2;--topbar-bg: #ffffff;--topbar-border: #e2e8f0;--shadow: 0 1px 2px rgba(0, 0, 0, .05)}[data-theme=ergoflow]{color-scheme:dark;--page-bg: #06101a;--surface: #0f1b2d;--surface-2: #13233b;--border: #1e2d44;--border-soft: #1a2942;--fg-strong: #f1f5f9;--fg: #dbe4ef;--fg-muted: #aab8c9;--fg-soft: #8aa0b6;--fg-faint: #64748b;--accent: #0ad6e8;--accent-fg: #06101a;--field-bg: rgba(255, 255, 255, .04);--field-border: rgba(255, 255, 255, .14);--sidebar-bg: #0b1422;--sidebar-fg: #cbd5e1;--sidebar-muted: #5b6b80;--sidebar-hover: rgba(255, 255, 255, .05);--sidebar-border: #16243a;--topbar-bg: #0b1422;--topbar-border: #16243a;--shadow: 0 1px 2px rgba(0, 0, 0, .5)}html,body{height:100%}body{margin:0;background:var(--page-bg);color:var(--fg);font-family:Inter,system-ui,-apple-system,sans-serif}input,select,button,textarea{font-family:inherit}.nav-item{position:relative;display:flex;align-items:center;gap:12px;padding:0 12px;height:40px;border-radius:8px;border:none;cursor:pointer;font-size:14px;line-height:1;text-align:left;width:100%;background:transparent;color:var(--sidebar-fg);transition:background .12s ease,color .12s ease}.nav-item:hover{background:var(--sidebar-hover);color:var(--fg-strong)}.nav-item[data-active=true]{background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent)}.nav-accent{position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:999px;background:transparent}.nav-item[data-active=true] .nav-accent{background:var(--accent)}.nav-group-label{font-size:10px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--sidebar-muted);padding:14px 12px 4px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:flex-start;justify-content:center;padding:6vh 16px 16px;background:color-mix(in srgb,#020617 55%,transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:modal-fade .12s ease;overflow-y:auto}.modal-card{width:100%;display:flex;flex-direction:column;max-height:calc(100dvh - 12vh);background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:0 24px 60px #00000059;animation:modal-pop .14s cubic-bezier(.2,.8,.2,1)}.modal-head{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid var(--border-soft)}.modal-title{font-size:16px;font-weight:600;color:var(--fg-strong);letter-spacing:-.01em}.modal-body{min-height:0;flex:1;overflow-y:auto;padding:18px 20px}.modal-foot{flex-shrink:0;display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:12px 20px;border-top:1px solid var(--border-soft)}.modal-x{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;border:none;background:transparent;color:var(--fg-soft);cursor:pointer}.modal-x:hover{background:var(--surface-2);color:var(--fg-strong)}@keyframes modal-fade{0%{opacity:0}}@keyframes modal-pop{0%{opacity:0;transform:translateY(8px) scale(.98)}}.field-label{display:block;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--fg-soft);margin-bottom:6px}.field{width:100%;box-sizing:border-box;padding:9px 11px;border:1px solid var(--field-border);border-radius:9px;background:var(--field-bg);color:var(--fg);font-size:14px;outline:none;transition:border-color .12s ease,box-shadow .12s ease}.field:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}.field::placeholder{color:var(--fg-faint)}.form-section{border:1px solid var(--border-soft);border-radius:10px;background:var(--surface-2);padding:12px 14px}.form-section-label{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-faint);margin-bottom:8px}.tgl{position:relative;display:inline-flex;align-items:center;gap:10px;cursor:pointer;font-size:13px;color:var(--fg-muted);-webkit-user-select:none;user-select:none}.tgl-track{position:relative;width:38px;height:22px;border-radius:999px;background:var(--border);transition:background .14s ease;flex-shrink:0}.tgl-track[data-on=true]{background:var(--accent)}.tgl-knob{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:999px;background:#fff;box-shadow:0 1px 2px #0000004d;transition:transform .14s ease}.tgl-track[data-on=true] .tgl-knob{transform:translate(16px)}