:root{--bg: #0a0b11;--panel: rgba(255, 255, 255, .03);--panel-2: #13151d;--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .16);--text: #f0f2f7;--muted: #98a2b3;--faint: #67717f;--hr: #ff8096;--music: #6cb8f5;--accent: #74e0c2;--accent-ink: #06251e;--goal: #86e0b0;--glow-a: rgba(116, 224, 194, .07);--glow-b: rgba(108, 150, 245, .08);--glow-c: rgba(160, 120, 230, .05);--radius: 18px;--radius-sm: 12px;--surface: linear-gradient(180deg, var(--panel), rgba(255, 255, 255, .008));--card-border: var(--border);--shadow: inset 0 1px 0 rgba(255, 255, 255, .04);--shadow-hover: 0 12px 28px -18px rgba(0, 0, 0, .9);--blur: 0px;color-scheme:dark}:root[data-theme=oura]{--bg: #0b0e13;--panel: rgba(255, 255, 255, .028);--panel-2: #12161e;--border: rgba(230, 222, 211, .1);--border-strong: rgba(230, 222, 211, .2);--text: #ece7df;--muted: #9aa1ab;--faint: #6a7079;--hr: #e3a988;--music: #7aa6dd;--accent: #6f9fd8;--accent-ink: #0a1422;--goal: #d9c9b4;--glow-a: rgba(111, 159, 216, .1);--glow-b: rgba(230, 222, 211, .05);--glow-c: rgba(47, 74, 115, .14)}:root[data-theme=glass]{--bg: #070a12;--panel: rgba(255, 255, 255, .06);--panel-2: rgba(255, 255, 255, .05);--border: rgba(255, 255, 255, .12);--border-strong: rgba(255, 255, 255, .24);--text: #f2f5ff;--muted: #aab4cf;--faint: #6b7591;--hr: #ff6b9a;--music: #5bc8ff;--accent: #67e8f9;--accent-ink: #042027;--goal: #7ef0c0;--glow-a: rgba(103, 232, 249, .12);--glow-b: rgba(91, 200, 255, .12);--glow-c: rgba(167, 139, 250, .12);--radius: 20px;--surface: rgba(255, 255, 255, .06);--card-border: rgba(255, 255, 255, .14);--shadow: 0 8px 30px -12px rgba(0, 0, 0, .6), inset 0 1px 0 rgba(255, 255, 255, .12);--shadow-hover: 0 16px 42px -14px rgba(0, 0, 0, .7);--blur: 16px}:root[data-theme=soft]{--bg: #232733;--panel: #232733;--panel-2: #20242f;--border: rgba(255, 255, 255, .04);--border-strong: rgba(255, 255, 255, .09);--text: #e7ecf5;--muted: #9aa3b5;--faint: #6b7385;--hr: #ff8aa6;--music: #7ab8ff;--accent: #8ad6c2;--accent-ink: #10271f;--goal: #9fe6c0;--glow-a: rgba(0, 0, 0, 0);--glow-b: rgba(0, 0, 0, 0);--glow-c: rgba(0, 0, 0, 0);--radius: 18px;--surface: #232733;--card-border: transparent;--shadow: -6px -6px 14px rgba(255, 255, 255, .04), 8px 8px 18px rgba(0, 0, 0, .5);--shadow-hover: -8px -8px 18px rgba(255, 255, 255, .05), 10px 10px 24px rgba(0, 0, 0, .55);--blur: 0px}:root[data-theme=vibrant]{--bg: #120e21;--panel: rgba(139, 92, 246, .07);--panel-2: #1b1533;--border: rgba(196, 181, 253, .16);--border-strong: rgba(196, 181, 253, .32);--text: #f4f0ff;--muted: #b9aee0;--faint: #7d72a8;--hr: #ff5d8f;--music: #7c5cff;--accent: #a78bfa;--accent-ink: #1a1033;--goal: #34d399;--glow-a: rgba(167, 139, 250, .16);--glow-b: rgba(16, 185, 129, .1);--glow-c: rgba(255, 93, 143, .1);--radius: 20px;--surface: linear-gradient(180deg, rgba(167, 139, 250, .08), rgba(255, 255, 255, .012));--card-border: rgba(196, 181, 253, .16);--shadow: 0 14px 34px -18px rgba(124, 92, 255, .5);--shadow-hover: 0 18px 42px -18px rgba(167, 139, 250, .55);--blur: 0px}:root[data-theme=clinical]{--bg: #f4f6fb;--panel: #ffffff;--panel-2: #ffffff;--border: #e3e8f0;--border-strong: #cdd5e2;--text: #0f172a;--muted: #475569;--faint: #94a3b8;--hr: #e11d48;--music: #2563eb;--accent: #0ea5a3;--accent-ink: #ffffff;--goal: #059669;--glow-a: rgba(14, 165, 163, .06);--glow-b: rgba(37, 99, 235, .05);--glow-c: rgba(225, 29, 72, .04);--radius: 16px;--surface: #ffffff;--card-border: #e6ebf3;--shadow: 0 1px 2px rgba(15, 23, 42, .06), 0 8px 24px -16px rgba(15, 23, 42, .18);--shadow-hover: 0 2px 4px rgba(15, 23, 42, .08), 0 16px 36px -18px rgba(15, 23, 42, .22);--blur: 0px;color-scheme:light}*{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{margin:0;min-height:100vh;background:radial-gradient(820px 480px at 86% -12%,var(--glow-a) 0%,transparent 60%),radial-gradient(1000px 640px at -6% -4%,var(--glow-b) 0%,transparent 55%),radial-gradient(900px 700px at 50% 120%,var(--glow-c) 0%,transparent 60%),var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5;letter-spacing:.1px}#app{max-width:1180px;margin:0 auto;padding:26px 24px 60px}.brandbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 16px;margin-bottom:24px}.brand{display:flex;align-items:center;gap:12px}.brand .mark{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(150deg,color-mix(in srgb,var(--accent) 24%,transparent),color-mix(in srgb,var(--music) 16%,transparent));border:1px solid var(--border-strong);box-shadow:inset 0 1px #ffffff14}.brand .mark svg{width:21px;height:21px}.brand .name{font-size:18px;font-weight:650;letter-spacing:-.2px}.brand .name b{font-weight:650}.brand .name span{color:var(--accent)}.brand .sub{font-size:12px;color:var(--muted);margin-top:1px;letter-spacing:.2px}.pill{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 14px;border-radius:999px;border:1px solid var(--border);background:var(--panel);color:var(--text);font-size:12.5px;font-weight:550;cursor:pointer;white-space:nowrap;transition:border-color .15s,background .15s,transform .05s}.pill:hover{border-color:var(--border-strong)}.pill:active{transform:translateY(1px)}.pill .dot{width:7px;height:7px;border-radius:50%;background:var(--faint)}.pill.on .dot{background:var(--accent);box-shadow:0 0 9px var(--accent)}.brandbar-right{display:flex;align-items:center;gap:10px}.seg{display:inline-flex;padding:3px;gap:2px;background:var(--panel);border:1px solid var(--border);border-radius:999px}.seg button{border:none;background:transparent;color:var(--muted);font:inherit;font-size:11.5px;font-weight:600;padding:4px 10px;border-radius:999px;cursor:pointer;transition:background .15s,color .15s}.seg button:hover{color:var(--text)}.seg button.on{background:color-mix(in srgb,var(--accent) 20%,transparent);color:var(--text)}.presets{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}@media(max-width:760px){.presets{grid-template-columns:repeat(2,1fr)}}.preset{text-align:left;padding:15px 15px 14px;border-radius:var(--radius);border:1px solid var(--card-border);background:var(--surface);box-shadow:var(--shadow);backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur));color:var(--text);cursor:pointer;transition:transform .12s ease,border-color .15s,box-shadow .2s}.preset:hover{transform:translateY(-2px);border-color:var(--border-strong);box-shadow:var(--shadow-hover)}.preset.active{border-color:color-mix(in srgb,var(--accent) 55%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 28%,transparent),0 14px 30px -20px color-mix(in srgb,var(--accent) 40%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 12%,transparent),var(--surface))}.preset .ic{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent);border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);margin-bottom:11px}.preset .ic svg{width:17px;height:17px}.preset .t{font-size:14.5px;font-weight:600;letter-spacing:-.1px}.preset .d{font-size:12px;color:var(--muted);margin-top:2px}.main{display:grid;grid-template-columns:1fr 340px;gap:16px;align-items:start}@media(max-width:880px){.main{grid-template-columns:1fr}}.card{background:var(--surface);border:1px solid var(--card-border);border-radius:var(--radius);box-shadow:var(--shadow);backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur))}.card.pad{padding:16px}.chart-card{padding:10px 10px 4px}canvas#chart{width:100%;height:300px;display:block}.stats{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:12px;margin-top:12px}@media(max-width:560px){.stats{grid-template-columns:1fr 1fr}}.stat{padding:13px 15px}.stat .k{display:flex;align-items:center;gap:6px;font-size:10.5px;text-transform:uppercase;letter-spacing:.13em;color:var(--faint);font-weight:600}.stat .kic{display:inline-flex}.stat .kic svg{width:14px;height:14px}.stat.hrcard{background:linear-gradient(180deg,color-mix(in srgb,var(--hr) 11%,transparent),#ffffff02)}.stat.hrcard .kic{color:var(--hr)}.stat.musiccard{background:linear-gradient(180deg,color-mix(in srgb,var(--music) 11%,transparent),#ffffff02)}.stat.musiccard .kic{color:var(--music)}.metric{margin-top:11px}.metric .track{position:relative;height:4px;border-radius:999px;background:#ffffff1a}.metric .dot{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:12px;height:12px;border-radius:50%;transition:left .4s cubic-bezier(.4,0,.2,1)}.metric .tick{position:absolute;left:50%;top:-3px;width:2px;height:10px;border-radius:2px;background:var(--goal);transform:translate(-50%);transition:left .4s}.hrcard .metric .dot{background:var(--hr);box-shadow:0 0 10px var(--hr)}.musiccard .metric .dot{background:var(--music);box-shadow:0 0 10px var(--music)}.stat .v{margin-top:5px;font-size:30px;font-weight:300;font-variant-numeric:tabular-nums;letter-spacing:-.5px;line-height:1.05}.stat .v u{font-size:13px;font-weight:500;color:var(--muted);text-decoration:none;margin-left:3px}.stat .sub{font-size:12px;color:var(--muted);margin-top:3px;min-height:16px}.stat.np .v{font-size:16px;font-weight:550;line-height:1.3;margin-top:7px}.nphead{display:flex;align-items:center;justify-content:space-between}.transport{display:flex;gap:6px}.np-progress{margin-top:10px}.np-progress .track{height:4px;border-radius:999px;background:#ffffff1a;overflow:hidden}.np-progress .fill{height:100%;width:0%;border-radius:999px;background:linear-gradient(90deg,var(--music),var(--accent));transition:width .25s linear}.np-progress .times{display:flex;justify-content:space-between;margin-top:5px;font-size:10.5px;color:var(--faint);font-variant-numeric:tabular-nums}.iconbtn{width:30px;height:30px;border-radius:8px;border:1px solid var(--border);background:var(--panel-2);color:var(--text);display:grid;place-items:center;cursor:pointer;padding:0;transition:border-color .15s,color .15s,transform .05s}.iconbtn svg{width:15px;height:15px}.iconbtn:hover{border-color:var(--accent);color:var(--accent)}.iconbtn:active{transform:translateY(1px)}.dotline{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--muted);vertical-align:middle}.dotline:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent)}.dotline.warn{color:var(--hr)}.dotline.warn:before{background:var(--hr);box-shadow:0 0 8px var(--hr)}.tag{display:inline-block;font-size:11px;font-weight:600;padding:2px 9px;border-radius:999px;border:1px solid currentColor;vertical-align:middle}.tag.ok{color:var(--accent)}.tag.muted{color:var(--faint)}.rail{display:flex;flex-direction:column;gap:14px}.rail .card{padding:16px}.label{font-size:10.5px;text-transform:uppercase;letter-spacing:.13em;color:var(--faint);font-weight:600;margin-bottom:10px}.hrnow{display:flex;align-items:baseline;justify-content:space-between}.hrnow b{font-size:34px;font-weight:300;font-variant-numeric:tabular-nums;letter-spacing:-.5px}.hrnow b u{font-size:13px;color:var(--muted);text-decoration:none;font-weight:500}.hint{color:var(--faint);font-size:11.5px}.rangeends{display:flex;justify-content:space-between;margin-top:3px;font-size:10.5px;color:var(--faint);text-transform:lowercase;letter-spacing:.04em}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:5px;border-radius:999px;background:linear-gradient(90deg,#ffffff29,#ffffff14);outline:none;margin:12px 0 4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--text);border:3px solid var(--accent);box-shadow:0 2px 8px #00000080;cursor:pointer}select,input[type=text],input[type=number],input[type=time],input:not([type]){width:100%;height:38px;background-color:#00000029;border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);padding:0 12px;font:inherit;font-size:13px;box-shadow:inset 0 1px 2px #0003;transition:border-color .16s ease,box-shadow .16s ease}select:hover,input[type=text]:hover,input[type=number]:hover,input[type=time]:hover,input:not([type]):hover{border-color:var(--border-strong)}select:focus,input:focus{outline:none;border-color:color-mix(in srgb,var(--accent) 70%,var(--border));box-shadow:inset 0 1px 2px #0003,0 0 0 3px color-mix(in srgb,var(--accent) 15%,transparent)}input::placeholder{color:var(--faint)}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=time]::-webkit-calendar-picker-indicator{filter:invert(.85);opacity:.45;cursor:pointer}input[type=time]::-webkit-calendar-picker-indicator:hover{opacity:.85}.field{display:block;color:var(--muted);font-size:12px;margin-bottom:6px}.field-row{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.linklike{background:none;border:0;padding:2px;font:inherit;font-size:12px;font-weight:600;color:var(--accent);cursor:pointer;opacity:.85}.linklike:hover{opacity:1;text-decoration:underline}.row{margin-bottom:13px}.row.two{display:flex;gap:10px}.row.two>div{flex:1}.check{display:flex;align-items:center;gap:9px;margin:9px 0;font-size:13px}.check input{width:17px;height:17px;accent-color:var(--accent)}.enginerow{display:flex;align-items:center;justify-content:space-between;gap:12px}.switch{flex:none;width:48px;height:28px;border-radius:999px;background:#28303b;border:1px solid var(--border);position:relative;cursor:pointer;padding:0;transition:background .16s,border-color .16s}.switch .knob{position:absolute;top:2px;left:2px;width:22px;height:22px;border-radius:50%;background:#cfd8e3;transition:transform .16s;box-shadow:0 1px 3px #00000080}.switch.on{background:linear-gradient(180deg,var(--accent),#46c79b);border-color:transparent}.switch.on .knob{transform:translate(20px);background:#06231c}.btns{display:flex;gap:9px}button.btn{flex:1;height:42px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--panel-2);color:var(--text);font:inherit;font-weight:600;cursor:pointer;transition:border-color .15s,transform .05s,background .15s}button.btn:hover{border-color:var(--border-strong);background:#ffffff0d}button.btn:active{transform:translateY(1px)}button.btn.primary{background:linear-gradient(180deg,var(--accent),#46c79b);border-color:transparent;color:var(--accent-ink)}button.btn.primary:hover{filter:brightness(1.05)}button.btn:disabled{opacity:.4;cursor:not-allowed}details.disc{border-top:1px solid var(--border);padding-top:4px}details.disc>summary{list-style:none;cursor:pointer;padding:12px 2px 10px;font-size:12px;font-weight:600;letter-spacing:.04em;color:var(--muted);display:flex;align-items:center;justify-content:space-between}details.disc>summary::-webkit-details-marker{display:none}details.disc>summary:after{content:"▸";color:var(--faint);transition:transform .15s}details.disc[open]>summary:after{transform:rotate(90deg)}.disc-body{padding:6px 2px 10px}.divider{height:1px;background:var(--border);margin:12px 0}.preset-edit{border:1px solid var(--border);border-radius:var(--radius-sm);padding:9px;margin-bottom:8px;background:#ffffff04}.preset-edit .pe-top{display:flex;gap:6px;align-items:center}.preset-edit .pname{flex:1;height:32px}.preset-edit .pe-bot{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:6px}.preset-edit .pgenre{flex:1;min-width:96px;height:32px}.preset-edit .pmode{flex:none;width:100px;height:32px}.preset-edit .ptarget{width:64px;height:32px;text-align:center}.preset-edit .ptarget:disabled{opacity:.4}.preset-edit .pdel,.zone .zdel,.rule .rdel{flex:none;width:30px;height:32px;border-radius:8px;border:1px solid var(--border);background:var(--panel);color:var(--muted);font-size:17px;line-height:1;cursor:pointer;transition:border-color .16s ease,color .16s ease,background .16s ease}.preset-edit .pdel:hover:not(:disabled),.zone .zdel:hover:not(:disabled),.rule .rdel:hover:not(:disabled){border-color:var(--hr);color:var(--hr)}.preset-edit .pdel:disabled,.zone .zdel:disabled,.rule .rdel:disabled{opacity:.35;cursor:not-allowed}.rule{display:flex;align-items:center;gap:6px;margin-bottom:7px}.rule .rfrom,.rule .rto{width:88px;height:32px;padding:0 6px}.rule .rdash{color:var(--faint)}.rule .rpreset{flex:1;min-width:0;height:32px}.zone{border:1px solid var(--border);border-radius:var(--radius-sm);padding:9px 9px 8px;margin-bottom:8px;background:#ffffff04}.zone .ztop{display:flex;gap:6px;align-items:center}.zone .zname{flex:1;height:32px}.zone .zbpm{width:62px;height:32px;text-align:center}.zone .zpl{height:32px;margin-top:6px;font-size:12px}.zone .zpick,.zone .zgenre{width:100%;height:32px;margin-top:6px;font-size:12px}.zone .zhint{margin-top:6px;color:var(--faint)}pre#log{background:#060910;border:1px solid var(--border);border-radius:var(--radius-sm);padding:11px 12px;height:150px;overflow:auto;margin:0;font:11.5px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;color:#aebacb;white-space:pre-wrap}.small{color:var(--muted);font-size:12px}code{background:#ffffff0f;padding:1px 5px;border-radius:5px;font-size:12px}a{color:var(--accent)}
