:root{color-scheme:light;--font-sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--page-bg:#f8f4ec;--page-gradient:linear-gradient(135deg,#f8f4ec,#eef6f0 45%,#e8f1f6);--app-text:#1d2a2c;--app-text-soft:#4f6565;--app-text-muted:#6b7f7b;--on-color:#fff;--surface:rgba(255,252,246,.76);--surface-strong:hsla(0,0%,100%,.94);--surface-muted:rgba(238,244,238,.78);--surface-solid:#fffaf2;--border:rgba(48,75,74,.16);--border-strong:rgba(47,143,131,.4);--primary:#2f8f83;--primary-hover:#26786f;--primary-soft:rgba(47,143,131,.14);--secondary:#3f75a2;--secondary-hover:#315f84;--success:#319769;--success-hover:#267a55;--danger:#c55e5d;--danger-hover:#a84f50;--warning:#d49a43;--phase-inhale:#3f75a2;--phase-hold:#4d9b70;--phase-exhale:#d58f4a;--phase-pause:#8a7fb8;--ring-track:rgba(63,117,162,.28);--ring-shadow:rgba(47,91,93,.18);--practice-color:#91c7a1;--timer-bg:hsla(0,0%,100%,.34);--practice-tint-opacity:0.34;--timer-shell-shadow:0 24px 70px rgba(68,90,82,.18);--button-shadow:0 14px 32px rgba(37,71,74,.18);--modal-overlay:rgba(29,42,44,.3);--focus-ring:0 0 0 4px rgba(47,143,131,.22);--input-bg:hsla(0,0%,100%,.88);--input-border:rgba(48,75,74,.18);--input-track:rgba(63,117,162,.16);--theme-button-bg:hsla(0,0%,100%,.68);--theme-button-hover:hsla(0,0%,100%,.92)}html[data-theme=dark]{color-scheme:dark;--page-bg:#020908;--page-gradient:radial-gradient(circle at 18% 10%,rgba(19,119,97,.26),transparent 30%),radial-gradient(circle at 84% 16%,rgba(34,109,140,.22),transparent 32%),linear-gradient(135deg,#020908,#061412 52%,#04111a);--app-text:#f8fff9;--app-text-soft:#e5f8ef;--app-text-muted:#bddbd1;--on-color:#02100d;--surface:#0d2421;--surface-strong:#102b27;--surface-muted:#143430;--surface-solid:#0b211e;--border:rgba(192,255,232,.22);--border-strong:rgba(123,255,202,.68);--primary:#7dffbd;--primary-hover:#b0ffd5;--primary-soft:rgba(125,255,189,.18);--secondary:#82ddff;--secondary-hover:#b6ecff;--success:#80f0a8;--success-hover:#b4f7ca;--danger:#ff8d86;--danger-hover:#ffb8b3;--warning:#ffd36f;--phase-inhale:#8ee8ff;--phase-hold:#7dffbd;--phase-exhale:#ffd36f;--phase-pause:#c8b6ff;--ring-track:rgba(215,255,244,.16);--ring-shadow:rgba(0,0,0,.68);--practice-color:#061412;--timer-bg:#071917;--practice-tint-opacity:1;--timer-shell-shadow:0 34px 110px rgba(0,0,0,.68);--button-shadow:0 18px 42px rgba(0,0,0,.48);--modal-overlay:rgba(1,7,7,.82);--focus-ring:0 0 0 4px rgba(125,255,189,.32);--input-bg:#071917;--input-border:rgba(192,255,232,.26);--input-track:rgba(130,221,255,.26);--theme-button-bg:#071917;--theme-button-hover:#10312c}*{box-sizing:border-box}html{background:var(--page-bg)}body,html{min-height:100%}body{margin:0;background:var(--page-gradient);color:var(--app-text);font-family:var(--font-sans);text-rendering:optimizeLegibility;transition:background .24s ease,color .24s ease}body.modal-open{overflow:hidden!important;position:fixed;width:100vw}#app,#q-app{min-height:100vh}button,input,select{font:inherit}button{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,select:focus-visible{outline:none;box-shadow:var(--focus-ring)}