:root,[data-theme=blossom]{--bg-base: #f5f0ff;--bg-glow-1: #ffd9ea;--bg-glow-2: #e4dbff;--card: #fffafd;--card-2: #fff0f7;--control-bg: #ffffff;--control-disabled: #f5f5f5;--line: #ffffff;--line-soft: #f0dcea;--shadow: 0 8px 24px rgba(186, 142, 196, .18);--shadow-rgb: 186, 142, 196;--overlay-rgb: 255, 255, 255;--accent-glow-rgb: 176, 106, 150;--live-glow-rgb: 255, 111, 156;--scrim-rgb: 120, 96, 138;--modal-shadow-rgb: 150, 110, 165;--highlight-rgb: 224, 122, 176;--ink: #6b5876;--ink-soft: #7c6789;--ink-strong: #7a5a92;--ink-heading: #8a6aa8;--ink-accent: #b06a96;--ink-callout: #a25688;--ink-warm: #855;--on-accent: #3a2c42;--on-zone: #5a4566;--accent: #ffb6d5;--accent-2: #c9b6ff;--accent-soft: #d784ac;--danger: #c33a3a;--danger-bg: #ffe8e8;--danger-border: #ffcccc;--danger-strong: #e05d5d;--success: #337e61;--success-bg: #eafaf3;--success-border: #cdeee0;--titlebar-bg: #ffd9ea;--titlebar-ink: #785990;--wave: #bfa9e6;--wave-progress: #ff9ec5;--wave-cursor: #ff89bb;--live: #ff8a80;--live-2: #ff6f9c;--chart-1: #e07ab0;--chart-2: #9b7ad0;--chart-3: #5fb89a;--chart-4: #d99a4e;--chart-5: #cf7fb0;--chart-3-band: #b8ecd8;--chart-4-band: #c9b6ff;--accent-emphasis: #c04886;--wave-icon: #c0a9d6;--ink-faint: #b7a8c2;--zone-masc: #bcd3f0;--zone-masc-ink: #5e7fb8;--zone-fem: #ffb6d5;--zone-fem-soft: #ffd9ea;--zone-neutral: #ffe9a8;--zone-grow: #cdc6da;--zone-soft: #d7d0e8;--zone-comfy: #cdeadd;--zone-strong: #ffd9ea;--radius: 22px}[data-theme=paper]{--bg-base: #f2efe8;--bg-glow-1: #f6f0e4;--bg-glow-2: #efeade;--card: #fffdf8;--card-2: #f7f4ee;--control-bg: #ffffff;--control-disabled: #f7f4ee;--line: #ffffff;--line-soft: #e5dcc6;--shadow: 0 8px 24px rgba(150, 128, 96, .18);--shadow-rgb: 150, 128, 96;--overlay-rgb: 255, 255, 255;--accent-glow-rgb: 138, 107, 58;--live-glow-rgb: 200, 90, 58;--scrim-rgb: 74, 62, 46;--modal-shadow-rgb: 110, 90, 65;--highlight-rgb: 214, 158, 74;--ink: #45403a;--ink-soft: #716a5f;--ink-strong: #5c4a30;--ink-heading: #7a5f34;--ink-accent: #8a6b3a;--ink-callout: #6e5228;--ink-warm: #7c5a3c;--on-accent: #201b15;--on-zone: #453a2a;--accent: #c2a878;--accent-2: #a89a84;--accent-soft: #b0813a;--danger: #bb3b35;--danger-bg: #f9e6df;--danger-border: #f0c8ba;--danger-strong: #d9524a;--success: #31795d;--success-bg: #eaf3e2;--success-border: #d3e4bf;--titlebar-bg: #ece4d6;--titlebar-ink: #5c554a;--wave: #c5b394;--wave-progress: #c2a878;--wave-cursor: #a8895a;--live: #d97a4a;--live-2: #c85a3a;--chart-1: #e07ab0;--chart-2: #9b7ad0;--chart-3: #5fb89a;--chart-4: #d99a4e;--chart-5: #cf7fb0;--chart-3-band: #b8ecd8;--chart-4-band: #c9b6ff;--accent-emphasis: #8e6f1e;--wave-icon: #b9b093;--ink-faint: #937e62;--zone-masc: #bcd3f0;--zone-masc-ink: #5e7fb8;--zone-fem: #ffb6d5;--zone-fem-soft: #f6d7e2;--zone-neutral: #ffe9a8;--zone-grow: #cdc6da;--zone-soft: #dfd6ea;--zone-comfy: #d2e9da;--zone-strong: #f6d7e2;--radius: 22px}[data-theme=light-mint]{--bg-base: #eef6f2;--bg-glow-1: #d9f2e6;--bg-glow-2: #e3f1ea;--card: #fbfffd;--card-2: #f2faf6;--control-bg: #ffffff;--control-disabled: #f2faf6;--line: #ffffff;--line-soft: #d3ece1;--shadow: 0 8px 24px rgba(100, 138, 118, .18);--shadow-rgb: 100, 138, 118;--overlay-rgb: 255, 255, 255;--accent-glow-rgb: 45, 122, 92;--live-glow-rgb: 242, 84, 90;--scrim-rgb: 40, 70, 58;--modal-shadow-rgb: 45, 95, 75;--highlight-rgb: 58, 168, 126;--ink: #355044;--ink-soft: #5d7266;--ink-strong: #234436;--ink-heading: #2f6b52;--ink-accent: #2d7a5c;--ink-callout: #1f5c44;--ink-warm: #9a5a3a;--on-accent: #10180f;--on-zone: #2b4a3c;--accent: #4f9e7f;--accent-2: #7fa8c4;--accent-soft: #2f8a68;--danger: #bd3f37;--danger-bg: #fbe9e7;--danger-border: #f2c9c4;--danger-strong: #d85850;--success: #287a57;--success-bg: #e3f5ea;--success-border: #c3e6d2;--titlebar-bg: #cfeee0;--titlebar-ink: #365f4d;--wave: #9dc0b2;--wave-progress: #5fae8d;--wave-cursor: #3f8f6d;--live: #ff7a66;--live-2: #f2545a;--chart-1: #e07ab0;--chart-2: #9b7ad0;--chart-3: #5fb89a;--chart-4: #d99a4e;--chart-5: #cf7fb0;--chart-3-band: #b8ecd8;--chart-4-band: #c9b6ff;--accent-emphasis: #148364;--wave-icon: #95bab1;--ink-faint: #629274;--zone-masc: #bcd3f0;--zone-masc-ink: #5e7fb8;--zone-fem: #ffb6d5;--zone-fem-soft: #f7cfd6;--zone-neutral: #ffe9a8;--zone-grow: #cdc6da;--zone-soft: #dcd7ee;--zone-comfy: #c5ead9;--zone-strong: #f7cfd6;--radius: 22px}[data-theme=dusk-plum]{--bg-base: #14131f;--bg-glow-1: #2c1f38;--bg-glow-2: #221f3d;--card: #221b2e;--card-2: #1b1626;--control-bg: #3d324f;--control-disabled: #1b1626;--line: rgba(255, 255, 255, .07);--line-soft: rgba(255, 255, 255, .14);--shadow: 0 8px 24px rgba(7, 5, 10, .18);--shadow-rgb: 7, 5, 10;--overlay-rgb: 27, 22, 38;--accent-glow-rgb: 235, 145, 213;--live-glow-rgb: 224, 67, 62;--scrim-rgb: 11, 7, 13;--modal-shadow-rgb: 25, 13, 28;--highlight-rgb: 255, 168, 208;--ink: #ece3f5;--ink-soft: #a294b4;--ink-strong: #d5bded;--ink-heading: #dfa9ec;--ink-accent: #eb91d5;--ink-callout: #e76db6;--ink-warm: #e2c8b9;--on-accent: #140c1d;--on-zone: #37163b;--accent: #f093c2;--accent-2: #b6a2f2;--accent-soft: #ed4a9c;--danger: #ea9f90;--danger-bg: #2f1c18;--danger-border: #5f332b;--danger-strong: #d25941;--success: #71d0a1;--success-bg: #182a21;--success-border: #2d5842;--titlebar-bg: #251d33;--titlebar-ink: #c8b6dd;--wave: #7d6aa8;--wave-progress: #f093c2;--wave-cursor: #ffa8d0;--live: #ed7f6e;--live-2: #e0433e;--chart-1: #e48bba;--chart-2: #b095da;--chart-3: #9cd3c1;--chart-4: #e6bc89;--chart-5: #d897bf;--chart-3-band: #92e2c3;--chart-4-band: #b6a2f2;--accent-emphasis: #f296d1;--wave-icon: #81699e;--ink-faint: #bfb4cf;--zone-masc: #a8c8ee;--zone-masc-ink: #5d9fec;--zone-fem: #f59ec6;--zone-fem-soft: #eeb0cd;--zone-neutral: #e8d089;--zone-grow: #b3a9c6;--zone-soft: #b9b0d2;--zone-comfy: #a6d6c0;--zone-strong: #eeb0cd;--radius: 22px}[data-theme=dark-mint]{--bg-base: #0f1614;--bg-glow-1: #17281f;--bg-glow-2: #16231f;--card: #182420;--card-2: #131d1a;--control-bg: #30443d;--control-disabled: #131d1a;--line: rgba(255, 255, 255, .07);--line-soft: rgba(255, 255, 255, .14);--shadow: 0 8px 24px rgba(5, 10, 8, .18);--shadow-rgb: 5, 10, 8;--overlay-rgb: 19, 29, 26;--accent-glow-rgb: 152, 221, 191;--live-glow-rgb: 224, 67, 62;--scrim-rgb: 7, 13, 10;--modal-shadow-rgb: 13, 28, 20;--highlight-rgb: 158, 232, 200;--ink: #e2efe8;--ink-soft: #92a89d;--ink-strong: #c0e3d0;--ink-heading: #aee1c8;--ink-accent: #98ddbf;--ink-callout: #77d5ae;--ink-warm: #e0c4b4;--on-accent: #0c1d14;--on-zone: #163b29;--accent: #7fd7b4;--accent-2: #8fb8d8;--accent-soft: #3dcc93;--danger: #ea9c90;--danger-bg: #2f1b18;--danger-border: #5f322b;--danger-strong: #d25441;--success: #1eb861;--success-bg: #182a20;--success-border: #2d583f;--titlebar-bg: #1b2a24;--titlebar-ink: #a9c9ba;--wave: #5f7d71;--wave-progress: #7fd7b4;--wave-cursor: #9ee8c8;--live: #ed7f6e;--live-2: #e0433e;--chart-1: #e48bba;--chart-2: #b095da;--chart-3: #9cd3c1;--chart-4: #e6bc89;--chart-5: #d897bf;--chart-3-band: #92e2c3;--chart-4-band: #b6a2f2;--accent-emphasis: #90f1d2;--wave-icon: #5a8b7f;--ink-faint: #abc7b8;--zone-masc: #a8c8ee;--zone-masc-ink: #5d9fec;--zone-fem: #f59ec6;--zone-fem-soft: #eeb0cd;--zone-neutral: #e8d089;--zone-grow: #b3a9c6;--zone-soft: #b9b0d2;--zone-comfy: #a6d6c0;--zone-strong: #eeb0cd;--radius: 22px}[data-theme=midnight]{--bg-base: #0d1322;--bg-glow-1: #1a2440;--bg-glow-2: #151d33;--card: #182036;--card-2: #121a2c;--control-bg: #2b385b;--control-disabled: #121a2c;--line: rgba(255, 255, 255, .07);--line-soft: rgba(255, 255, 255, .14);--shadow: 0 8px 24px rgba(5, 7, 10, .18);--shadow-rgb: 5, 7, 10;--overlay-rgb: 18, 26, 44;--accent-glow-rgb: 145, 169, 235;--live-glow-rgb: 224, 67, 62;--scrim-rgb: 7, 9, 13;--modal-shadow-rgb: 13, 18, 28;--highlight-rgb: 176, 194, 255;--ink: #e3e9f5;--ink-soft: #93a0bd;--ink-strong: #bdcded;--ink-heading: #a9beec;--ink-accent: #91a9eb;--ink-callout: #6d8be7;--ink-warm: #e2c8b9;--on-accent: #0c121d;--on-zone: #16213b;--accent: #8fa6f0;--accent-2: #b79ae8;--accent-soft: #587cef;--danger: #ea9690;--danger-bg: #2f1a18;--danger-border: #5f2e2b;--danger-strong: #d24b41;--success: #71d0a1;--success-bg: #182a21;--success-border: #2d5842;--titlebar-bg: #141c30;--titlebar-ink: #a8b6d4;--wave: #5c6a90;--wave-progress: #8fa6f0;--wave-cursor: #b0c2ff;--live: #ed7f6e;--live-2: #e0433e;--chart-1: #e48bba;--chart-2: #b095da;--chart-3: #9cd3c1;--chart-4: #e6bc89;--chart-5: #d897bf;--chart-3-band: #92e2c3;--chart-4-band: #b6a2f2;--accent-emphasis: #96a4f2;--wave-icon: #5a608b;--ink-faint: #b6c1d6;--zone-masc: #c3dcff;--zone-masc-ink: #76afff;--zone-fem: #f59ec6;--zone-fem-soft: #eeb0cd;--zone-neutral: #e8d089;--zone-grow: #b3a9c6;--zone-soft: #b9b0d2;--zone-comfy: #a6d6c0;--zone-strong: #eeb0cd;--radius: 22px}[data-theme=cocoa]{--bg-base: #16110f;--bg-glow-1: #261c18;--bg-glow-2: #1f1714;--card: #211a17;--card-2: #1a1411;--control-bg: #403530;--control-disabled: #1a1411;--line: rgba(255, 255, 255, .07);--line-soft: rgba(255, 255, 255, .14);--shadow: 0 8px 24px rgba(10, 7, 5, .18);--shadow-rgb: 10, 7, 5;--overlay-rgb: 26, 20, 17;--accent-glow-rgb: 226, 178, 145;--live-glow-rgb: 224, 62, 94;--scrim-rgb: 13, 10, 7;--modal-shadow-rgb: 28, 19, 13;--highlight-rgb: 245, 195, 160;--ink: #f0e6df;--ink-soft: #ab998e;--ink-strong: #e6cdbb;--ink-heading: #e4c1a8;--ink-accent: #e2b291;--ink-callout: #db9b6f;--ink-warm: #e0c3b2;--on-accent: #1d130c;--on-zone: #3b2516;--accent: #e0a882;--accent-2: #c98f6f;--accent-soft: #d87c3e;--danger: #ea9990;--danger-bg: #2f1b18;--danger-border: #5f302b;--danger-strong: #d25041;--success: #71d0a1;--success-bg: #182a21;--success-border: #2d5842;--titlebar-bg: #241b17;--titlebar-ink: #cdb5a5;--wave: #7a6559;--wave-progress: #e0a882;--wave-cursor: #f5c3a0;--live: #ed6e7a;--live-2: #e03e5e;--chart-1: #e48bba;--chart-2: #b095da;--chart-3: #9cd3c1;--chart-4: #e6bc89;--chart-5: #d897bf;--chart-3-band: #92e2c3;--chart-4-band: #b6a2f2;--accent-emphasis: #f1c28e;--wave-icon: #8b735a;--ink-faint: #c7b4aa;--zone-masc: #a8c8ee;--zone-masc-ink: #5d9fec;--zone-fem: #f59ec6;--zone-fem-soft: #eeb0cd;--zone-neutral: #e8d089;--zone-grow: #b3a9c6;--zone-soft: #b9b0d2;--zone-comfy: #a6d6c0;--zone-strong: #eeb0cd;--radius: 22px}[data-theme=amber-night]{--bg-base: #131007;--bg-glow-1: #1f1810;--bg-glow-2: #1a150c;--card: #1e1810;--card-2: #17120b;--control-bg: #413525;--control-disabled: #17120b;--line: rgba(255, 255, 255, .07);--line-soft: rgba(255, 255, 255, .14);--shadow: 0 8px 24px rgba(10, 8, 5, .18);--shadow-rgb: 10, 8, 5;--overlay-rgb: 23, 18, 11;--accent-glow-rgb: 238, 198, 118;--live-glow-rgb: 224, 62, 100;--scrim-rgb: 13, 11, 7;--modal-shadow-rgb: 28, 23, 13;--highlight-rgb: 247, 221, 162;--ink: #f3e7cd;--ink-soft: #b0a084;--ink-strong: #f0d7a3;--ink-heading: #f1d18d;--ink-accent: #eec676;--ink-callout: #ecb750;--ink-warm: #dbbba8;--on-accent: #1d180c;--on-zone: #3b2f16;--accent: #e8c37a;--accent-2: #d9a94f;--accent-soft: #e4a832;--danger: #ea9690;--danger-bg: #2f1a18;--danger-border: #5f2e2b;--danger-strong: #d24b41;--success: #71d0a1;--success-bg: #182a21;--success-border: #2d5842;--titlebar-bg: #1f1810;--titlebar-ink: #d8bd8a;--wave: #806f4f;--wave-progress: #e8c37a;--wave-cursor: #f7dda2;--live: #ed6e7f;--live-2: #e03e64;--chart-1: #e48bba;--chart-2: #b095da;--chart-3: #9cd3c1;--chart-4: #e6bc89;--chart-5: #d897bf;--chart-3-band: #92e2c3;--chart-4-band: #b6a2f2;--accent-emphasis: #efd780;--wave-icon: #8b825a;--ink-faint: #c9b9a2;--zone-masc: #a9cdf5;--zone-masc-ink: #5aa5f7;--zone-fem: #f0a0c0;--zone-fem-soft: #eeb0cd;--zone-neutral: #efd390;--zone-grow: #b3a9c6;--zone-soft: #b9b0d2;--zone-comfy: #a6d6c0;--zone-strong: #eeb0cd;--radius: 22px}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:transparent transparent}html.is-scrolling{scrollbar-color:var(--accent) transparent}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:transparent;border-radius:999px}html.is-scrolling::-webkit-scrollbar-thumb{background-color:var(--accent)}::-webkit-scrollbar-corner{background:transparent}body{margin:0;font-family:ui-rounded,SF Pro Rounded,Hiragino Maru Gothic ProN,Quicksand,system-ui,sans-serif;color:var(--ink);background:radial-gradient(1200px 600px at 15% -5%,var(--bg-glow-1),transparent 60%),radial-gradient(1100px 700px at 95% 0%,var(--bg-glow-2),transparent 55%),linear-gradient(160deg,var(--card-2),var(--bg-base));background-attachment:fixed;min-height:100vh;line-height:1.5}.titlebar{display:flex;align-items:center;gap:8px;height:40px;padding:0 14px;background:var(--titlebar-bg);color:var(--titlebar-ink);font-size:13px;font-weight:700;-webkit-app-region:drag;-webkit-user-select:none;user-select:none}.update-banner{position:fixed;right:16px;bottom:16px;z-index:90;display:flex;align-items:center;gap:10px;max-width:340px;background:var(--card);border:2px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:12px 16px;font-size:12.5px;color:var(--ink)}.update-banner button{flex:none;border:none;border-radius:999px;padding:7px 14px;font-size:12px;font-weight:700;font-family:inherit;color:var(--on-accent);cursor:pointer;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 3px 10px rgba(var(--accent-glow-rgb),.3);transition:transform .14s ease}.update-banner button:hover:not(:disabled){transform:translateY(-1px)}.update-banner button:disabled{opacity:.65;cursor:not-allowed}.engine-badge{position:fixed;right:16px;bottom:16px;left:16px;z-index:90;max-width:340px;margin-left:auto;font-size:12px;font-weight:700;line-height:1.4;color:var(--ink-strong);background:var(--bg-base);border:2px solid var(--line);border-radius:16px;padding:10px 16px;box-shadow:var(--shadow)}.wrap{max-width:1040px;margin:0 auto;padding:32px 20px 80px}header.hero{text-align:center;margin-bottom:28px}header.hero h1{font-size:clamp(28px,5vw,44px);margin:0 0 6px;letter-spacing:.5px;color:var(--ink-accent);text-shadow:0 2px 0 var(--line)}header.hero p{margin:0;color:var(--ink-soft);font-size:15px}.settings-btn{display:grid;place-items:center;width:34px;height:34px;background:var(--card);border:none;border-radius:999px;box-shadow:var(--shadow);font-size:16px;line-height:1;cursor:pointer;padding:0;transition:background .15s ease,transform .15s ease}.settings-btn:hover{background:rgba(var(--overlay-rgb),.6);transform:rotate(20deg)}.settings-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.theme-toggle{display:grid;place-items:center;width:34px;height:34px;border:none;border-radius:999px;background:var(--card);color:var(--ink-soft);box-shadow:var(--shadow);font-size:15px;cursor:pointer;transition:transform .14s ease,color .14s ease}.theme-toggle:hover{transform:translateY(-1px);color:var(--ink)}.theme-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (max-width: 400px){.hero-text{padding-right:90px}}.latest-banner{background:rgba(var(--overlay-rgb),.72);backdrop-filter:blur(10px) saturate(1.1);-webkit-backdrop-filter:blur(10px) saturate(1.1);border:1.5px solid rgba(var(--overlay-rgb),.9);border-radius:999px;padding:9px 20px;display:inline-flex;gap:8px;align-items:center;margin-top:16px;box-shadow:0 6px 18px rgba(var(--shadow-rgb),.22);font-size:14px}.record-panel{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;margin:18px auto 0;max-width:520px}.record-panel input[type=text]{flex:1 1 240px;min-width:0;padding:11px 16px;border:2px solid var(--line);border-radius:999px;background:rgba(var(--overlay-rgb),.75);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);font-family:inherit;font-size:13.5px;color:var(--ink);box-shadow:var(--shadow);transition:border-color .15s ease,background .15s ease}.record-panel input[type=text]::placeholder{color:var(--ink-soft)}.record-panel input[type=text]:focus{outline:none;border-color:var(--accent);background:var(--card)}.record-panel button{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;padding:11px 20px;border:none;border-radius:999px;font-family:inherit;font-size:13.5px;font-weight:700;color:var(--on-accent);cursor:pointer;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 4px 14px rgba(var(--accent-glow-rgb),.35);transition:transform .14s ease,box-shadow .14s ease}.record-panel button:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(var(--accent-glow-rgb),.45)}.record-panel button:active{transform:translateY(0) scale(.97)}.record-panel button.is-recording{background:linear-gradient(135deg,var(--live),var(--live-2));animation:record-pulse 1.6s ease-in-out infinite}@keyframes record-pulse{0%,to{box-shadow:0 0 rgba(var(--live-glow-rgb),.45)}50%{box-shadow:0 0 0 10px rgba(var(--live-glow-rgb),0)}}@media (prefers-reduced-motion: reduce){.record-panel button.is-recording{animation:none}}.record-panel .saving{font-size:13.5px;color:var(--ink-soft);background:var(--card-2);padding:10px 18px;border-radius:999px}.record-panel .rec-error{font-size:13px;color:var(--danger);background:var(--danger-bg);border:1.5px solid var(--danger-border);padding:8px 16px;border-radius:999px}.record-panel .retry{background:transparent;color:var(--ink-soft);border:1.5px solid var(--line-soft);box-shadow:none}.record-panel .retry:hover{background:var(--card);box-shadow:none;transform:none}section{margin-top:34px}.section-title{font-size:20px;margin:0 0 14px;color:var(--ink-heading);display:flex;align-items:center;gap:8px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.stat{background:var(--card);border-radius:var(--radius);padding:18px 18px 16px;box-shadow:var(--shadow);border:2px solid var(--line)}.stat .label{font-size:13px;color:var(--ink-soft);display:flex;justify-content:space-between;align-items:baseline}.stat .value{font-size:30px;font-weight:700;color:var(--ink-accent);margin:2px 0 4px}.stat .value small{font-size:14px;font-weight:600;color:var(--ink-soft)}.stat .sub{font-size:12px;color:var(--ink-soft);min-height:16px}.stat.resonance{grid-column:1 / -1}.res-desc{font-size:12.5px;color:var(--ink-soft);margin:2px 0 14px}.res-desc b{color:var(--ink-accent)}.fgauge{margin:14px 0}.fgauge.is-clickable{cursor:pointer;border-radius:14px;padding:8px 10px;margin:6px -10px;transition:background .15s ease,box-shadow .15s ease}.fgauge.is-clickable:hover,.fgauge.is-clickable:focus-visible{background:var(--card-2);box-shadow:0 4px 14px rgba(var(--shadow-rgb),.16);outline:none}.fgauge-head{display:flex;justify-content:space-between;align-items:baseline;font-size:13px;gap:8px}.fgauge-head .fname b{color:var(--ink-strong);font-size:14px}.fgauge-head .fname span{color:var(--ink-soft);font-size:11.5px}.fgauge-head .fval{font-weight:700;color:var(--ink-accent);white-space:nowrap}.fgauge-head .fval .pill{margin-left:6px}.fends{display:flex;justify-content:space-between;font-size:10px;color:var(--ink-soft);margin-top:3px}.res-summary{margin-top:10px;font-size:13px;background:var(--card-2);border-radius:12px;padding:11px 13px;color:var(--ink-strong)}.res-f1{font-size:12px;color:var(--ink-soft);margin-top:10px;background:var(--bg-base);border-radius:11px;padding:9px 11px}.res-f1 b{color:var(--ink-strong)}.zonebar{position:relative;height:12px;border-radius:8px;margin:12px 0 6px;overflow:hidden}.zonebar .seg{position:absolute;top:0;bottom:0}.zone-labels{display:flex;justify-content:space-between;font-size:10px;color:var(--ink-soft)}.marker{position:absolute;top:-4px;width:4px;height:20px;background:var(--on-zone);border-radius:3px;box-shadow:0 0 0 2px var(--line);transform:translate(-2px)}.pill{display:inline-block;font-size:11px;padding:2px 9px;border-radius:999px;font-weight:700}.chart-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.chart-card{background:var(--card);border-radius:var(--radius);padding:16px 16px 10px;box-shadow:var(--shadow);border:2px solid var(--line)}.chart-card h3{margin:0 0 2px;font-size:15px;color:var(--ink-heading)}.chart-card .cap{font-size:11px;color:var(--ink-soft);margin:0 0 8px}@media (max-width: 360px){.chart-card{padding-left:10px;padding-right:10px}}.rec-grid{display:grid;grid-template-columns:1fr;gap:14px}.rec{background:var(--card);border-radius:var(--radius);padding:16px 18px;box-shadow:var(--shadow);border:2px solid var(--line);display:grid;grid-template-columns:1fr;gap:10px}.rec .top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px}.rec .num{background:rgba(var(--overlay-rgb),.85);color:var(--ink-accent);border:2px solid var(--accent);font-weight:700;width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:14px;box-shadow:0 3px 8px rgba(var(--accent-glow-rgb),.22)}.rec .label-txt{font-weight:700;font-size:16px;color:var(--ink-warm)}.rec .date{font-size:12px;color:var(--ink-soft)}.rec .metrics{display:flex;flex-wrap:wrap;gap:8px}.chip{background:var(--bg-base);border-radius:12px;padding:6px 11px;font-size:12px;display:flex;flex-direction:column;gap:1px;min-width:78px}.chip b{font-size:15px;color:var(--ink-strong)}.chip span{color:var(--ink-soft);font-size:10px}.rec .note{font-size:13px;color:var(--ink-soft);font-style:italic}.rec-delete{background:none;border:none;cursor:pointer;font-size:15px;line-height:1;padding:5px 7px;border-radius:50%;opacity:.55;transition:opacity .15s ease,background .15s ease,transform .15s ease}.rec-delete:hover{opacity:1;background:var(--danger-bg);transform:scale(1.08)}.rec-confirm,.danger-confirm{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:12.5px;color:var(--danger);background:var(--danger-bg);border:1.5px solid var(--danger-border);border-radius:12px;padding:9px 13px}.rec-confirm-yes{border:none;border-radius:999px;padding:6px 14px;font-size:12px;font-weight:700;font-family:inherit;color:var(--on-accent);background:var(--danger-strong);cursor:pointer;transition:background .15s ease}.rec-confirm-yes:hover:not(:disabled){background:var(--danger)}.rec-confirm-no{border:1.5px solid var(--line-soft);border-radius:999px;padding:6px 14px;font-size:12px;font-weight:700;font-family:inherit;color:var(--ink-soft);background:transparent;cursor:pointer;transition:background .15s ease}.rec-confirm-no:hover:not(:disabled){background:var(--card)}.rec-confirm-yes:disabled,.rec-confirm-no:disabled{opacity:.65;cursor:not-allowed}.player{display:flex;align-items:center;gap:12px;margin-top:4px;padding:9px 13px;background:var(--bg-base);border-radius:16px;transition:box-shadow .18s ease,background .18s ease}.player:hover{background:var(--bg-base);box-shadow:0 6px 18px rgba(var(--shadow-rgb),.16)}.player .wave{cursor:pointer}.player .play{flex:0 0 auto;width:38px;height:38px;border:none;border-radius:50%;cursor:pointer;color:var(--on-accent);background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 3px 8px rgba(var(--accent-glow-rgb),.35);display:flex;align-items:center;justify-content:center;transition:transform .12s ease}.player .play:hover{transform:scale(1.06)}.player .play:active{transform:scale(.95)}.player .wave{flex:1 1 auto;min-width:0}.player .time{flex:0 0 auto;font-size:12px;color:var(--ink-soft);font-variant-numeric:tabular-nums;white-space:nowrap}.player .time span{opacity:.65}.player .vol{flex:0 0 auto;display:flex;align-items:center;gap:6px}.player .vol input[type=range]{width:62px;accent-color:var(--accent);cursor:pointer}@media (max-width: 520px){.player .vol{display:none}}.player .dl{flex:0 0 auto;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--ink-accent);background:rgba(var(--overlay-rgb),.7);border:1.5px solid var(--bg-glow-1);text-decoration:none;transition:transform .12s ease,background .12s ease,border-color .12s ease}.player .dl:hover{background:var(--card);border-color:var(--accent);transform:translateY(1px)}.player .dl:active{transform:scale(.94)}details.cheat{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);border:2px solid var(--line);padding:4px 20px;margin-top:4px}details.cheat summary{cursor:pointer;list-style:none;font-size:18px;color:var(--ink-heading);padding:12px 0;font-weight:700;-webkit-user-select:none;user-select:none}details.cheat summary::-webkit-details-marker{display:none}details.cheat summary:after{content:" ▾";color:var(--ink-soft);font-size:14px}details.cheat[open] summary:after{content:" ▴"}.gloss{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;padding:6px 0 18px}.gloss-item{background:var(--bg-base);border-radius:16px;padding:14px}.gloss-item h4{margin:0 0 4px;font-size:14px;color:var(--ink-strong);display:flex;gap:6px;align-items:center}.gloss-item p{margin:0 0 6px;font-size:12.5px;color:var(--ink)}.gloss-item .guide{font-size:12px;color:var(--ink-strong);background:var(--card);border-radius:10px;padding:6px 9px;margin-bottom:6px}.gloss-item .tip{font-size:12px;color:var(--ink-soft)}.gloss-note{grid-column:1 / -1;font-size:12px;color:var(--ink-soft);font-style:italic;background:var(--card-2);border-radius:12px;padding:10px 12px}.empty{text-align:center;color:var(--ink-soft);padding:50px 20px}footer{text-align:center;color:var(--ink-soft);font-size:12px;margin-top:50px}a.legend-link{color:var(--ink-accent)}.picker{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:4px 0 8px}.picker .picker-label{font-size:12px;color:var(--ink-soft);margin-right:2px}.picker button{font-family:inherit;cursor:pointer;border:2px solid var(--line);background:var(--card);color:var(--ink-soft);border-radius:999px;padding:7px 14px;font-size:13px;box-shadow:var(--shadow);transition:color .15s,background .15s}.picker button:hover{color:var(--ink-accent)}.picker button.active{background:linear-gradient(135deg,var(--bg-glow-1),var(--bg-glow-2));color:var(--ink-accent);font-weight:700}.contour-card{background:var(--card);border-radius:var(--radius);padding:14px 16px 8px;box-shadow:var(--shadow);border:2px solid var(--line)}.contour-wrap{display:block;width:100%}.contour{display:block}.posbars{display:flex;gap:18px;align-items:flex-end;height:130px;padding:0 6px}.posbar{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end}.posbar-track{width:46px;height:100%;display:flex;align-items:flex-end;background:var(--bg-base);border-radius:10px;overflow:hidden}.posbar-fill{width:100%;border-radius:10px 10px 0 0;transition:height .4s ease}.posbar-val{font-weight:700;color:var(--zone-masc-ink);font-size:14px;margin-top:6px}.posbar-lbl{font-size:11px;color:var(--ink-soft);text-align:center}.insight{background:var(--card);border-radius:var(--radius);padding:20px 22px;box-shadow:var(--shadow);border:2px solid var(--line)}.insight h3{margin:0 0 4px;font-size:18px;color:var(--ink-accent)}.insight .insight-sub{font-size:13px;color:var(--ink-soft);margin:0 0 16px}.insight p{font-size:13.5px;color:var(--ink)}.insight .drill{background:var(--bg-base);border-radius:14px;padding:12px 14px;font-size:13px;margin-top:10px}.insight .drill b{color:var(--ink-strong)}.insight-placeholder{background:var(--card);border-radius:var(--radius);padding:26px 22px;box-shadow:var(--shadow);border:2px dashed var(--line-soft);color:var(--ink-soft);font-size:13.5px;text-align:center}.insight-badges{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 14px}.insight-badge{font-size:12px;padding:4px 11px;border-radius:999px;font-weight:700;background:var(--card-2);color:var(--ink-accent)}.insight-placeholder button{margin-top:14px;padding:11px 22px;border:none;border-radius:999px;font-family:inherit;font-size:13.5px;font-weight:700;color:var(--on-accent);cursor:pointer;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 4px 14px rgba(var(--accent-glow-rgb),.35);transition:transform .14s ease,box-shadow .14s ease}.insight-placeholder button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 18px rgba(var(--accent-glow-rgb),.45)}.insight-placeholder button:disabled{opacity:.65;cursor:not-allowed;transform:none}.insight button{padding:7px 16px;border:1.5px solid var(--accent);border-radius:999px;background:var(--control-bg);color:var(--ink-accent);font-family:inherit;font-size:12.5px;font-weight:700;cursor:pointer;transition:background .15s ease}.insight button:hover:not(:disabled){background:var(--card-2)}.insight button:disabled{opacity:.65;cursor:not-allowed}.take-hint{margin:-6px 0 14px;font-size:12.5px;color:var(--ink-accent);background:var(--card-2);border:1.5px solid var(--bg-glow-1);border-radius:999px;padding:6px 14px;display:inline-block;font-weight:600}.stat.is-clickable{position:relative;cursor:pointer;border-color:var(--bg-glow-1);background:linear-gradient(180deg,var(--card) 0%,var(--card-2) 100%);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.stat.is-clickable:hover,.stat.is-clickable:focus-visible{transform:translateY(-3px);box-shadow:0 14px 30px rgba(var(--shadow-rgb),.28);outline:none}.stat.is-clickable:focus-visible{border-color:var(--accent)}.stat-expand{position:absolute;top:14px;right:14px;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--card-2);color:var(--accent-soft);font-size:.78em;box-shadow:inset 0 0 0 1.5px var(--bg-glow-1);transition:background .16s ease,color .16s ease,transform .16s ease;pointer-events:none}.stat.is-clickable .label{padding-right:30px}.stat.is-clickable:hover .stat-expand,.stat.is-clickable:focus-visible .stat-expand{background:var(--accent);color:var(--on-accent);transform:scale(1.08)}.stat-tap{display:inline-flex;align-items:center;gap:4px;margin-top:8px;font-size:10.5px;font-weight:700;letter-spacing:.02em;color:var(--accent-soft);text-transform:lowercase}.stat-tap:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent)}.fgauge-expand{display:inline-flex;align-items:center;justify-content:center;margin-left:7px;width:20px;height:20px;border-radius:50%;background:var(--card-2);color:var(--accent-soft);font-size:.72em;box-shadow:inset 0 0 0 1.5px var(--bg-glow-1);vertical-align:-.22em;transition:background .16s ease,color .16s ease,transform .16s ease}.fgauge.is-clickable:hover .fgauge-expand,.fgauge.is-clickable:focus-visible .fgauge-expand{background:var(--accent);color:var(--on-accent);transform:scale(1.08)}.mm-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(var(--scrim-rgb),.28);backdrop-filter:blur(6px) saturate(1.1);-webkit-backdrop-filter:blur(6px) saturate(1.1);animation:mm-fade .2s ease both}@keyframes mm-fade{0%{opacity:0}to{opacity:1}}.mm-card{position:relative;width:min(640px,100%);max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px);overflow-y:auto;overscroll-behavior:contain;background:var(--card);border-radius:26px;border:2px solid var(--line);box-shadow:0 24px 60px rgba(var(--modal-shadow-rgb),.34);padding:26px 28px 22px;transform-origin:var(--ox, 50%) var(--oy, 50%);animation:mm-pop .34s cubic-bezier(.22,1.2,.36,1) both}@keyframes mm-pop{0%{opacity:0;transform:scale(.86) translateY(14px)}to{opacity:1;transform:scale(1) translateY(0)}}.mm-close{position:absolute;top:14px;right:14px;width:30px;height:30px;border:none;border-radius:50%;background:var(--card-2);color:var(--ink-accent);font-size:14px;font-weight:700;cursor:pointer;transition:background .15s ease,transform .15s ease}.mm-close:hover{background:var(--bg-glow-1);transform:rotate(90deg)}.mm-head h3{margin:0 36px 4px 0;font-size:19px;color:var(--ink-accent)}.mm-head p{margin:0 0 22px;font-size:12.5px;color:var(--ink-soft)}.mm-scale-wrap{position:relative;margin:0 6px 8px}.mm-row{position:relative;height:30px}.mm-row-take{height:34px}.mm-band-wrap{position:relative;height:18px}.mm-band{position:relative;height:18px;border-radius:9px;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(var(--modal-shadow-rgb),.08)}.mm-seg{position:absolute;top:0;bottom:0;display:flex;align-items:center;justify-content:center}.mm-seg-name{font-size:9px;font-weight:700;letter-spacing:.02em;color:var(--on-zone);opacity:.7;text-transform:lowercase;white-space:nowrap;overflow:hidden}.mm-takes{position:relative}.mm-take{position:absolute;bottom:0;display:flex;align-items:center;gap:4px;white-space:nowrap;transform:translate(-6.5px)}.mm-take.is-active{transform:translate(-8.5px)}.mm-guide{position:absolute;left:6.5px;top:50%;width:2px;transform:translate(-50%);background-image:repeating-linear-gradient(to bottom,rgba(var(--accent-glow-rgb),.6) 0 3px,transparent 3px 6px);pointer-events:none}.mm-take.is-active .mm-guide{left:8.5px;background-image:repeating-linear-gradient(to bottom,rgba(var(--highlight-rgb),.85) 0 3px,transparent 3px 6px)}.mm-take-dot{width:13px;height:13px;border-radius:50%;background:var(--ink-accent);border:2.5px solid var(--line);box-shadow:0 2px 6px rgba(var(--modal-shadow-rgb),.5);flex:none;z-index:2;display:flex;align-items:center;justify-content:center}.mm-spk{font-size:8px;color:var(--on-accent);opacity:.92}.mm-take-label{font-size:11px;font-weight:700;color:var(--ink-soft);z-index:2}.mm-take.is-active .mm-take-dot{width:17px;height:17px;background:var(--accent);box-shadow:0 0 0 3px var(--bg-glow-1),0 3px 8px rgba(var(--highlight-rgb),.55)}.mm-take.is-active .mm-spk{font-size:10px}.mm-take.is-active .mm-take-label{color:var(--ink-accent);font-size:12px}.mm-row-ref{height:20px;margin-top:-2.5px}.mm-ref{position:absolute;top:0;transform:translate(-50%)}.mm-ref-stem{display:block;width:3px;height:16px;border-radius:2px}.mm-ref-fem .mm-ref-stem{background:var(--zone-fem);box-shadow:0 0 0 1px var(--line)}.mm-ref-masc .mm-ref-stem{background:var(--zone-masc);box-shadow:0 0 0 1px var(--line)}.mm-axis{display:flex;justify-content:space-between;font-size:10px;color:var(--ink-soft);margin-top:4px}.mm-legend{display:flex;flex-wrap:wrap;gap:14px;margin-top:18px;padding-top:14px;border-top:1px dashed var(--line-soft);font-size:11.5px;color:var(--ink-soft)}.mm-legend span{display:inline-flex;align-items:center;gap:5px}.mm-key{display:inline-block;width:11px;height:11px;border-radius:3px}.mm-key-take{border-radius:50%;background:var(--ink-accent)}.mm-legend-note{font-style:italic}.mm-take.is-clickable,.mm-ref.is-clickable{cursor:pointer}.mm-take.is-clickable .mm-take-dot{transition:transform .14s ease,box-shadow .14s ease}.mm-take.is-clickable:hover .mm-take-dot{transform:scale(1.18)}.mm-take.is-playing .mm-take-dot{background:var(--accent);box-shadow:0 0 0 4px var(--bg-glow-1),0 3px 8px rgba(var(--highlight-rgb),.6)}.mm-ref.is-clickable .mm-ref-stem{transition:transform .14s ease,filter .14s ease}.mm-ref.is-clickable:hover .mm-ref-stem,.mm-ref.is-clickable:focus-visible .mm-ref-stem{transform:scaleY(1.25);filter:brightness(.95)}.mm-ref.is-clickable:focus-visible{outline:none}.mm-ref.is-playing .mm-ref-stem{box-shadow:0 0 0 2px var(--line),0 0 0 3.5px rgba(var(--accent-glow-rgb),.5)}.mm-ref-spk{position:absolute;left:50%;top:-13px;transform:translate(-50%) scale(.6);transform-origin:center bottom;font-size:11px;color:var(--ink-accent);opacity:0;pointer-events:none;transition:opacity .14s ease,transform .14s ease}.mm-ref.is-clickable:hover .mm-ref-spk,.mm-ref.is-clickable:focus-visible .mm-ref-spk,.mm-ref.is-playing .mm-ref-spk{opacity:1;transform:translate(-50%) scale(1)}.mm-ref-masc .mm-ref-spk{color:var(--zone-masc-ink)}.mm-hear{display:flex;align-items:center;gap:8px;margin-top:18px;padding:9px 14px;background:linear-gradient(180deg,var(--card-2) 0%,var(--bg-base) 100%);border:1.5px solid var(--bg-glow-1);border-radius:14px;font-size:12.5px;font-weight:600;color:var(--ink-accent)}.mm-hear b{color:var(--ink-callout)}.mm-hear-icon{flex:none;font-size:16px;color:var(--accent-soft)}.mm-player{margin-top:16px;padding:12px 14px;background:var(--card-2);border-radius:18px;border:1.5px solid var(--bg-glow-1);animation:mm-player-in .22s ease both}@keyframes mm-player-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.mm-player-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.mm-player-title{font-size:12.5px;font-weight:700;color:var(--ink-accent)}.mm-player-close{border:none;background:transparent;color:var(--ink-soft);font-size:13px;cursor:pointer;padding:2px 6px;border-radius:8px;transition:background .15s ease,color .15s ease}.mm-player-close:hover{background:var(--bg-glow-1);color:var(--ink-accent)}@media (pointer: coarse){.settings-btn,.theme-toggle,.mm-close,.rec-delete,.player .play,.player .dl,.player .vol input[type=range],.picker button,.record-panel button,.insight-placeholder button,.mm-take.is-clickable,.mm-player-close{min-width:44px;min-height:44px}.mm-ref{z-index:1}.mm-ref:after{content:"";position:absolute;left:50%;top:50%;width:14px;height:44px;transform:translate(-50%,-50%)}}@media (prefers-reduced-motion: reduce){.mm-backdrop,.mm-card{animation:none}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:101;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(var(--scrim-rgb),.32);backdrop-filter:blur(6px) saturate(1.1);-webkit-backdrop-filter:blur(6px) saturate(1.1);animation:modal-fade .2s ease both}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}.modal{width:min(500px,100%);max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px);overflow-y:auto;overscroll-behavior:contain;background:var(--card);border-radius:26px;border:2px solid var(--line);box-shadow:0 24px 60px rgba(var(--modal-shadow-rgb),.34);padding:28px;animation:modal-slide .34s cubic-bezier(.22,1.2,.36,1) both}@keyframes modal-slide{0%{opacity:0;transform:scale(.86) translateY(14px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal h2{margin:0 0 8px;font-size:22px;color:var(--ink-accent)}.modal.onboarding h3{margin:20px 0 8px;font-size:16px;color:var(--ink-accent)}.theme-picker{display:grid;gap:14px;margin-bottom:20px}.theme-group{border:none;margin:0;padding:0}.theme-group legend{font-size:11px;font-weight:800;color:var(--ink-soft);padding:0;margin-bottom:7px}.theme-mode,.theme-swatch{display:inline-flex;align-items:center;gap:6px;margin:0 8px 8px 0;padding:6px 12px;border-radius:999px;background:var(--card-2);color:var(--ink);font-size:12px;font-weight:700;cursor:pointer;border:2px solid transparent}.theme-mode.is-on,.theme-swatch.is-on{border-color:var(--accent)}.theme-mode input,.theme-swatch input{position:absolute;opacity:0;width:0;height:0}.theme-mode:focus-within,.theme-swatch:focus-within{outline:2px solid var(--accent);outline-offset:2px}.theme-chip{width:22px;height:22px;border-radius:7px;display:grid;place-items:center;background:var(--bg-base);border:1px solid var(--line)}.theme-chip i{width:9px;height:9px;border-radius:3px;background:var(--accent)}.modal>p{margin:0 0 16px;font-size:14px;color:var(--ink-soft)}.modal ol{margin:0 0 20px;padding-left:20px;font-size:13.5px;color:var(--ink);line-height:1.6}.modal li{margin-bottom:8px}.modal a{color:var(--ink-accent);text-decoration:none;font-weight:600;transition:color .15s ease}.modal a:hover{color:var(--accent-soft);text-decoration:underline}.modal input[type=password],.modal input[type=text]{width:100%;padding:12px 14px;margin:0 0 16px;border:2px solid var(--line-soft);border-radius:14px;background:var(--card);font-size:14px;color:var(--ink);font-family:inherit;transition:border-color .15s ease,background .15s ease;box-sizing:border-box}.modal input[type=password]:focus,.modal input[type=text]:focus{outline:none;border-color:var(--accent);background:var(--card)}.modal input[type=password]:disabled,.modal input[type=text]:disabled{background:var(--control-disabled);color:var(--ink-soft)}.modal-actions{display:flex;gap:10px;justify-content:flex-end}.modal button{padding:10px 18px;border:none;border-radius:10px;font-size:13.5px;font-weight:600;cursor:pointer;font-family:inherit;transition:background .15s ease,color .15s ease}.modal button:first-child{background:transparent;color:var(--ink-soft);border:1.5px solid var(--line-soft)}.modal button:first-child:hover{background:var(--card);border-color:var(--ink-soft)}.modal button:last-child{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:var(--on-accent);box-shadow:0 4px 12px rgba(var(--accent-glow-rgb),.35)}.modal button:last-child:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px rgba(var(--accent-glow-rgb),.45)}.modal button:disabled{opacity:.6;cursor:not-allowed}.modal-error{margin:-12px 0 16px;padding:10px 13px;background:var(--danger-bg);border:1.5px solid var(--danger-border);border-radius:10px;font-size:13px;color:var(--danger);line-height:1.4}.backup-zone{margin-top:20px;padding-top:16px;border-top:1.5px dashed var(--line-soft)}.backup-btn{border:1.5px solid var(--bg-glow-2);border-radius:999px;padding:8px 16px;font-size:12.5px;font-weight:700;font-family:inherit;color:var(--ink-strong);background:var(--control-bg);cursor:pointer;transition:background .15s ease}.backup-btn:hover:not(:disabled){background:var(--bg-base)}.backup-btn:disabled{opacity:.65;cursor:not-allowed}.backup-success{margin:10px 0 0;font-size:12.5px;color:var(--success);background:var(--success-bg);border:1.5px solid var(--success-border);border-radius:10px;padding:8px 12px;word-break:break-all}.danger-zone{margin-top:20px;padding-top:16px;border-top:1.5px dashed var(--line-soft)}.danger-zone-label{margin:0 0 8px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft)}.danger-btn{border:1.5px solid var(--danger-border);border-radius:999px;padding:8px 16px;font-size:12.5px;font-weight:700;font-family:inherit;color:var(--danger);background:var(--control-bg);cursor:pointer;transition:background .15s ease}.danger-btn:hover{background:var(--danger-bg)}@media (hover: none){.rec-delete{opacity:1}}