[data-mockup-theme=night]{--mu-bg:#0A0C10;--mu-surface:#12141A;--mu-surface-hi:#1A1C22;--mu-border:#1E2130;--mu-border-hover:#2A2E40;--mu-accent:#02FFFC;--mu-accent-dim:rgba(2,255,252,0.15);--mu-accent-glow:rgba(2,255,252,0.4);--mu-purple:#A78BFA;--mu-green:#4ADE80;--mu-orange:#F97316;--mu-red:#FF6B6B;--mu-text:#F0F2F5;--mu-text-muted:#8B8FA3;--mu-text-dim:#555A6E;--mu-pill-bg:#6C5CE7;--mu-tab-active-text:#0A0C10;--color-mu-bg:#0A0C10;--color-mu-surface:#12141A;--color-mu-surface-hi:#1A1C22;--color-mu-border:#1E2130;--color-mu-border-hover:#2A2E40;--color-mu-accent:#02FFFC;--color-mu-accent-dim:rgba(2,255,252,0.15);--color-mu-accent-glow:rgba(2,255,252,0.4);--color-mu-purple:#A78BFA;--color-mu-green:#4ADE80;--color-mu-orange:#F97316;--color-mu-red:#FF6B6B;--color-mu-text:#F0F2F5;--color-mu-text-muted:#8B8FA3;--color-mu-text-dim:#555A6E;--color-mu-pill-bg:#6C5CE7;--color-mu-tab-active:#0A0C10}[data-mockup-theme=day]{--mu-bg:#F0F1F4;--mu-surface:#FFFFFF;--mu-surface-hi:#E8E9EE;--mu-border:#D8DAE0;--mu-border-hover:#B8BBC5;--mu-accent:#0094A0;--mu-accent-dim:rgba(0,148,160,0.12);--mu-accent-glow:rgba(0,148,160,0.3);--mu-purple:#7C3AED;--mu-green:#16A34A;--mu-orange:#EA580C;--mu-red:#DC2626;--mu-text:#1A1C24;--mu-text-muted:#5C6070;--mu-text-dim:#9498A8;--mu-pill-bg:#7C3AED;--color-mu-bg:#F0F1F4;--color-mu-surface:#FFFFFF;--color-mu-surface-hi:#E8E9EE;--color-mu-border:#D8DAE0;--color-mu-border-hover:#B8BBC5;--color-mu-accent:#0094A0;--color-mu-accent-dim:rgba(0,148,160,0.12);--color-mu-accent-glow:rgba(0,148,160,0.3);--color-mu-purple:#7C3AED;--color-mu-green:#16A34A;--color-mu-orange:#EA580C;--color-mu-red:#DC2626;--color-mu-text:#1A1C24;--color-mu-text-muted:#5C6070;--color-mu-text-dim:#9498A8;--color-mu-pill-bg:#7C3AED;--color-mu-tab-active:#FFFFFF;--mu-tab-active-text:#FFFFFF}[data-mockup-theme] input[type=range]{-webkit-appearance:none;appearance:none;height:3px;background:var(--mu-border);border-radius:9999px;outline:none;cursor:pointer}[data-mockup-theme] input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--mu-accent);border:2px solid var(--mu-bg);cursor:pointer;box-shadow:0 0 6px var(--mu-accent-glow)}[data-mockup-theme] input[type=checkbox].mu-check{width:14px;height:14px;border-radius:4px;border:1px solid var(--mu-border);background:var(--mu-bg);cursor:pointer;appearance:none;-webkit-appearance:none;position:relative;flex-shrink:0}[data-mockup-theme] input[type=checkbox].mu-check:checked{background:var(--mu-accent);border-color:var(--mu-accent)}[data-mockup-theme] input[type=checkbox].mu-check:checked:after{content:"✓";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:9px;color:var(--mu-bg);font-weight:700}[data-mockup-theme] select.mu-select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23555A6E'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;padding-right:22px}[data-mockup-theme] select.mu-select option{background:var(--mu-surface);color:var(--mu-text);padding:6px 8px}[data-mockup-theme] .mu-sidebar-scroll::-webkit-scrollbar{width:3px}[data-mockup-theme] .mu-sidebar-scroll::-webkit-scrollbar-track{background:transparent}[data-mockup-theme] .mu-sidebar-scroll::-webkit-scrollbar-thumb{background:var(--mu-accent-dim);border-radius:9999px}[data-mockup-theme] input[type=range].mu-volume{height:8px;border-radius:9999px;border:1px solid var(--mu-border);cursor:pointer}[data-mockup-theme] input[type=range].mu-volume::-webkit-slider-thumb{width:2px;height:6px;border-radius:1px;background:rgba(255,255,255,.6);border:none;box-shadow:none;cursor:pointer}[data-mockup-theme] .group:hover .mu-icon-glow{filter:drop-shadow(0 0 4px var(--mu-accent-glow))}[data-mockup-theme] .mu-chart-grid{background-image:linear-gradient(to right,var(--mu-border) 1px,transparent 1px),linear-gradient(to bottom,var(--mu-border) 1px,transparent 1px);background-size:calc(100% / 7) calc(100% / 5)}@keyframes mu-pulse{0%,to{opacity:1}50%{opacity:.4}}[data-mockup-theme] button:focus-visible{outline:1px solid var(--mu-accent);outline-offset:1px}[data-mockup-theme] input[type=range]:focus-visible{outline:1px solid var(--mu-accent);outline-offset:2px;border-radius:9999px}[data-mockup-theme] input[type=checkbox].mu-check:focus-visible{outline:1px solid var(--mu-accent);outline-offset:2px}@keyframes mu-gradient-drift{0%{background-position:0 0}to{background-position:100% 100%}}