:root{--accent-ink: color-mix(in srgb, var(--accent) 65%, var(--sheet-fg));--accent-soft: color-mix(in srgb, var(--accent) var(--accent-soft-mix, 16%), var(--sheet-bg));--control: var(--accent-ink);--control-fg: var(--sheet-bg);--rec: #dc2626;--blue: var(--control);--red: var(--danger);--white: #ffffff;--danger: #b8434f;--tile-bg: var(--plate-bg);--tile-fg: var(--plate-fg);--tile-name: var(--plate-fg)}[data-theme=light]{color-scheme:light;--surface: rgba(0, 0, 0, .06);--surface-strong: rgba(0, 0, 0, .12);--beat-idle: rgba(0, 0, 0, .2);--focus-band: rgba(0, 0, 0, .05);--focus-line: rgba(0, 0, 0, .12);--accent-soft-mix: 16%;--accent-soft: color-mix(in srgb, var(--accent) 16%, var(--sheet-bg));--danger: #b8434f}[data-theme=dark]{color-scheme:dark;--surface: rgba(255, 255, 255, .1);--surface-strong: rgba(255, 255, 255, .18);--beat-idle: rgba(255, 255, 255, .24);--focus-band: rgba(255, 255, 255, .06);--focus-line: rgba(255, 255, 255, .14);--accent-soft-mix: 26%;--accent-soft: color-mix(in srgb, var(--accent) 26%, var(--sheet-bg));--danger: #e8848e}[data-theme=light],[data-palette=sage][data-theme=light]{--bg: #e7eae2;--plate-bg: #ccdbb8;--plate-fg: #87a35e;--accent: #cf6b73;--accent-fg: #ffffff;--sheet-bg: #f2f4ec;--sheet-fg: #2c2c2c}[data-theme=dark]:not([data-palette]),[data-palette=sage][data-theme=dark]{--bg: #303631;--plate-bg: #5a6b4e;--plate-fg: #b6cb9d;--accent: #cf6b73;--accent-fg: #ffffff;--sheet-bg: #292e2a;--sheet-fg: #eef0e9}[data-palette=terracotta][data-theme=light]{--bg: #fbf3ec;--plate-bg: #f2dcc9;--plate-fg: #7a4326;--accent: #e2542c;--accent-fg: #ffffff;--sheet-bg: #fdf7f1;--sheet-fg: #3f2418}[data-palette=terracotta][data-theme=dark]{--bg: #221812;--plate-bg: #3b2a20;--plate-fg: #f4dcc9;--accent: #ff7043;--accent-fg: #2a1108;--sheet-bg: #2b1f17;--sheet-fg: #f4dcc9}[data-palette=ocean][data-theme=light]{--bg: #edf4f5;--plate-bg: #cfe5e8;--plate-fg: #1f5f6b;--accent: #0e7c86;--accent-fg: #ffffff;--sheet-bg: #f4f9fa;--sheet-fg: #17414a}[data-palette=ocean][data-theme=dark]{--bg: #0e1c20;--plate-bg: #1c3a40;--plate-fg: #ddf1f3;--accent: #2ec4b6;--accent-fg: #04231f;--sheet-bg: #14262b;--sheet-fg: #ddf1f3}[data-palette=graphite][data-theme=light]{--bg: #f3f4f6;--plate-bg: #e3e6ea;--plate-fg: #262a31;--accent: #b7e400;--accent-fg: #14170f;--sheet-bg: #fafbfc;--sheet-fg: #1b1e24}[data-palette=graphite][data-theme=dark]{--bg: #14161a;--plate-bg: #23272e;--plate-fg: #eceff4;--accent: #c8f02e;--accent-fg: #10130a;--sheet-bg: #1c1f25;--sheet-fg: #eceff4}[data-palette=indigo][data-theme=light]{--bg: #eef0f8;--plate-bg: #dfe3f4;--plate-fg: #2c3352;--accent: #ff9f1c;--accent-fg: #1b1d2b;--sheet-bg: #f6f7fc;--sheet-fg: #22273d}[data-palette=indigo][data-theme=dark]{--bg: #12141f;--plate-bg: #1e2233;--plate-fg: #e6eaff;--accent: #ffb020;--accent-fg: #1b1d2b;--sheet-bg: #191d2b;--sheet-fg: #e6eaff}[data-palette=lavender][data-theme=light]{--bg: #e9e7ee;--plate-bg: #d7cde8;--plate-fg: #907cba;--accent: #cf6b73;--accent-fg: #ffffff;--sheet-bg: #f3f1f7;--sheet-fg: #2b2833}[data-palette=lavender][data-theme=dark]{--bg: #322e3b;--plate-bg: #5d5378;--plate-fg: #c0b1da;--accent: #cf6b73;--accent-fg: #ffffff;--sheet-bg: #2a2732;--sheet-fg: #efecf4}[data-palette=plum][data-theme=light]{--bg: #f7f2f8;--plate-bg: #e8daf0;--plate-fg: #5c3a7e;--accent: #f0a500;--accent-fg: #2a1a3a;--sheet-bg: #fbf7fc;--sheet-fg: #3a2450}[data-palette=plum][data-theme=dark]{--bg: #1a1322;--plate-bg: #33254a;--plate-fg: #efe6f7;--accent: #ffc857;--accent-fg: #241a06;--sheet-bg: #221a2e;--sheet-fg: #efe6f7}[data-palette=salsa-rojo][data-theme=light]{--bg: #fff1f0;--plate-bg: #f3dde0;--plate-fg: #a50e00;--accent: #f7072a;--accent-fg: #ffffff;--sheet-bg: #fff7f6;--sheet-fg: #4f0600}[data-palette=salsa-rojo][data-theme=dark]{--bg: #1a0b0d;--plate-bg: #3b151a;--plate-fg: #ffc7c2;--accent: #fb7185;--accent-fg: #2a0610;--sheet-bg: #220f12;--sheet-fg: #ffc7c2}[data-palette=mambo-magenta][data-theme=light]{--bg: #fff0f8;--plate-bg: #fbcfe8;--plate-fg: #9d174d;--accent: #db2777;--accent-fg: #ffffff;--sheet-bg: #fdf2f8;--sheet-fg: #500724}[data-palette=mambo-magenta][data-theme=dark]{--bg: #1a0a14;--plate-bg: #580735;--plate-fg: #f3aeca;--accent: #e97dad;--accent-fg: #2a0618;--sheet-bg: #2d071c;--sheet-fg: #f8a9c8}[data-palette=cuba-lime][data-theme=light]{--bg: #f7ffe8;--plate-bg: #e2f7a4;--plate-fg: #3f6212;--accent: #84cc16;--accent-fg: #1a2e05;--sheet-bg: #fbfff2;--sheet-fg: #1a2e05}[data-palette=cuba-lime][data-theme=dark]{--bg: #10180a;--plate-bg: #313f06;--plate-fg: #cfefa7;--accent: #a1e932;--accent-fg: #152604;--sheet-bg: #233200;--sheet-fg: #ccf5a1}[data-palette=neon-cyan][data-theme=light]{--bg: #eefcff;--plate-bg: #cffafe;--plate-fg: #0e7490;--accent: #06b6d4;--accent-fg: #042f2e;--sheet-bg: #f5feff;--sheet-fg: #083344}[data-palette=neon-cyan][data-theme=dark]{--bg: #051316;--plate-bg: #0e2a30;--plate-fg: #a5f3fc;--accent: #22d3ee;--accent-fg: #042f2e;--sheet-bg: #0a1c20;--sheet-fg: #a5f3fc}[data-palette=electric-violet][data-theme=light]{--bg: #f5f3ff;--plate-bg: #ddd6fe;--plate-fg: #5b21b6;--accent: #7c3aed;--accent-fg: #ffffff;--sheet-bg: #faf5ff;--sheet-fg: #2e1065}[data-palette=electric-violet][data-theme=dark]{--bg: #08002f;--plate-bg: #160371;--plate-fg: #e7dbf9;--accent: #b590f5;--accent-fg: #1e0b3d;--sheet-bg: #210043;--sheet-fg: #e6dbf9}[data-palette=royal-gold][data-theme=light]{--bg: #eef2ff;--plate-bg: #c7d2fe;--plate-fg: #1e3a8a;--accent: #eab308;--accent-fg: #1c1917;--sheet-bg: #f8fafc;--sheet-fg: #1e293b}[data-palette=royal-gold][data-theme=dark]{--bg: #000a2c;--plate-bg: #021666;--plate-fg: #9db1ea;--accent: #f8c527;--accent-fg: #1c1917;--sheet-bg: #13202d;--sheet-fg: #d9e0ec}[data-palette=flamingo][data-theme=light]{--bg: #fff5f3;--plate-bg: #fecdd3;--plate-fg: #9f1239;--accent: #fb7185;--accent-fg: #4c0519;--sheet-bg: #fff8f7;--sheet-fg: #4c0519}[data-palette=flamingo][data-theme=dark]{--bg: #290700;--plate-bg: #67020e;--plate-fg: #fad1dc;--accent: #fca5b1;--accent-fg: #4c0519;--sheet-bg: #360700;--sheet-fg: #fccfdc}[data-palette=matcha][data-theme=light]{--bg: #f3faf0;--plate-bg: #d9f0c7;--plate-fg: #3f6212;--accent: #65a30d;--accent-fg: #ffffff;--sheet-bg: #f7fcf4;--sheet-fg: #1a2e05}[data-palette=matcha][data-theme=dark]{--bg: #121a0e;--plate-bg: #284512;--plate-fg: #b2e571;--accent: #9eee2d;--accent-fg: #1a2e05;--sheet-bg: #172a0c;--sheet-fg: #ccf5a1}[data-palette=sakura][data-theme=light]{--bg: #fff5f8;--plate-bg: #fce7f3;--plate-fg: #9d174d;--accent: #ec4899;--accent-fg: #ffffff;--sheet-bg: #fdf2f8;--sheet-fg: #4a044e}[data-palette=sakura][data-theme=dark]{--bg: #29000c;--plate-bg: #4e0a31;--plate-fg: #f8d2e1;--accent: #f175b2;--accent-fg: #2a0618;--sheet-bg: #2f071d;--sheet-fg: #facefc}[data-palette=sunset-strip][data-theme=light]{--bg: #fff7ed;--plate-bg: #fed7aa;--plate-fg: #9a3412;--accent: #c026d3;--accent-fg: #ffffff;--sheet-bg: #fffbeb;--sheet-fg: #431407}[data-palette=sunset-strip][data-theme=dark]{--bg: #291700;--plate-bg: #572f01;--plate-fg: #faded4;--accent: #df88ea;--accent-fg: #2a0a2e;--sheet-bg: #382d00;--sheet-fg: #fadcd4}[data-palette=arctic-ice][data-theme=light]{--bg: #f0f9ff;--plate-bg: #e6f0f8;--plate-fg: #045b88;--accent: #0789c2;--accent-fg: #ffffff;--sheet-bg: #f8fafc;--sheet-fg: #044876}[data-palette=arctic-ice][data-theme=dark]{--bg: #0a1520;--plate-bg: #153045;--plate-fg: #bae6fd;--accent: #38bdf8;--accent-fg: #0c4a6e;--sheet-bg: #102030;--sheet-fg: #e0f2fe}[data-palette=espresso][data-theme=light]{--bg: #faf6f1;--plate-bg: #e8d9c8;--plate-fg: #5c3d2e;--accent: #b45309;--accent-fg: #ffffff;--sheet-bg: #fffdf9;--sheet-fg: #292524}[data-palette=espresso][data-theme=dark]{--bg: #1c1410;--plate-bg: #3a2a22;--plate-fg: #e7d5c4;--accent: #f59e0b;--accent-fg: #1c1917;--sheet-bg: #241b16;--sheet-fg: #e7d5c4}[data-palette=bubblegum][data-theme=light]{--bg: #fdf4ff;--plate-bg: #e9d5ff;--plate-fg: #6b21a8;--accent: #38bdf8;--accent-fg: #0c4a6e;--sheet-bg: #faf5ff;--sheet-fg: #3b0764}[data-palette=bubblegum][data-theme=dark]{--bg: #25002d;--plate-bg: #300064;--plate-fg: #ebdcf8;--accent: #7fd4fa;--accent-fg: #0c4a6e;--sheet-bg: #210042;--sheet-fg: #ecd8fc}[data-palette=ultramarine][data-theme=light]{--bg: #eff6ff;--plate-bg: #bfdbfe;--plate-fg: #1e3a8a;--accent: #2563eb;--accent-fg: #ffffff;--sheet-bg: #f8fafc;--sheet-fg: #1e3a8a}[data-palette=ultramarine][data-theme=dark]{--bg: #00142e;--plate-bg: #023472;--plate-fg: #cad4f3;--accent: #6994f1;--accent-fg: #0b1e3d;--sheet-bg: #142230;--sheet-fg: #e1e7f8}[data-palette=wine-noir][data-theme=light]{--bg: #fdf2f4;--plate-bg: #f5d0d6;--plate-fg: #7f1d1d;--accent: #9f1239;--accent-fg: #ffffff;--sheet-bg: #fff7f8;--sheet-fg: #4c0519}[data-palette=wine-noir][data-theme=dark]{--bg: #160a10;--plate-bg: #420e16;--plate-fg: #f6d5d5;--accent: #e41a52;--accent-fg: #ffffff;--sheet-bg: #2e0006;--sheet-fg: #fccfdc}[data-palette=cactus-sand][data-theme=light]{--bg: #faf6ef;--plate-bg: #e7d8c0;--plate-fg: #57534e;--accent: #15803d;--accent-fg: #ffffff;--sheet-bg: #fffdf8;--sheet-fg: #292524}[data-palette=cactus-sand][data-theme=dark]{--bg: #16120e;--plate-bg: #392c16;--plate-fg: #d6d3d1;--accent: #47e181;--accent-fg: #052e16;--sheet-bg: #322400;--sheet-fg: #e7e5e4}[data-palette=berry-smoothie][data-theme=light]{--bg: #f5f3ff;--plate-bg: #e9e0f5;--plate-fg: #6000c9;--accent: #f7072a;--accent-fg: #ffffff;--sheet-bg: #faf5ff;--sheet-fg: #33006b}[data-palette=berry-smoothie][data-theme=dark]{--bg: #140b1f;--plate-bg: #2e1848;--plate-fg: #e9d5ff;--accent: #fb7185;--accent-fg: #4c0519;--sheet-bg: #1c1230;--sheet-fg: #e9d5ff}[data-palette=steel-mint][data-theme=light]{--bg: #f4f6f7;--plate-bg: #dce2e6;--plate-fg: #2e415a;--accent: #23a998;--accent-fg: #042f2e;--sheet-bg: #fafbfc;--sheet-fg: #131b26}[data-palette=steel-mint][data-theme=dark]{--bg: #111417;--plate-bg: #1f272c;--plate-fg: #e2e8f0;--accent: #2dd4bf;--accent-fg: #042f2e;--sheet-bg: #171c20;--sheet-fg: #e2e8f0}[data-palette=tangerine][data-theme=light]{--bg: #fff7ed;--plate-bg: #ffedd5;--plate-fg: #9a3412;--accent: #f97316;--accent-fg: #ffffff;--sheet-bg: #fffbeb;--sheet-fg: #7c2d12}[data-palette=tangerine][data-theme=dark]{--bg: #1a1008;--plate-bg: #4b2b00;--plate-fg: #f6c3b2;--accent: #fa8a3d;--accent-fg: #431407;--sheet-bg: #2c2300;--sheet-fg: #f4c4b4}[data-palette=orchid][data-theme=light]{--bg: #faf5ff;--plate-bg: #f3e8ff;--plate-fg: #6b21a8;--accent: #d946ef;--accent-fg: #ffffff;--sheet-bg: #fdf4ff;--sheet-fg: #4a044e}[data-palette=orchid][data-theme=dark]{--bg: #160a1e;--plate-bg: #310067;--plate-fg: #d6b6f1;--accent: #e57ef4;--accent-fg: #4a044e;--sheet-bg: #2e0038;--sheet-fg: #fad1fd}[data-palette=copper-patina][data-theme=light]{--bg: #f4faf9;--plate-bg: #cce7e3;--plate-fg: #115e59;--accent: #c2410c;--accent-fg: #ffffff;--sheet-bg: #f8fcfb;--sheet-fg: #134e4a}[data-palette=copper-patina][data-theme=dark]{--bg: #0c1615;--plate-bg: #193430;--plate-fg: #a1eee9;--accent: #f37744;--accent-fg: #431407;--sheet-bg: #10241f;--sheet-fg: #d3f4f2}[data-palette=ink-paper][data-theme=light]{--bg: #fafafa;--plate-bg: #e5e5e5;--plate-fg: #171717;--accent: #187cf8;--accent-fg: #ffffff;--sheet-bg: #ffffff;--sheet-fg: #0a0a0a}[data-palette=ink-paper][data-theme=dark]{--bg: #0a0a0a;--plate-bg: #262626;--plate-fg: #f5f5f5;--accent: #60a5fa;--accent-fg: #0b1e3d;--sheet-bg: #171717;--sheet-fg: #f5f5f5}[data-palette=lemon-pop][data-theme=light]{--bg: #fefce8;--plate-bg: #fef08a;--plate-fg: #713f12;--accent: #eab308;--accent-fg: #1c1917;--sheet-bg: #fffef0;--sheet-fg: #422006}[data-palette=lemon-pop][data-theme=dark]{--bg: #141208;--plate-bg: #2e2a12;--plate-fg: #fef08a;--accent: #facc15;--accent-fg: #1c1917;--sheet-bg: #1c1a0e;--sheet-fg: #fef9c3}[data-palette=midnight-neon][data-theme=light]{--bg: #f3e8ff;--plate-bg: #e9d5ff;--plate-fg: #581c87;--accent: #22c55e;--accent-fg: #052e16;--sheet-bg: #faf5ff;--sheet-fg: #3b0764}[data-palette=midnight-neon][data-theme=dark]{--bg: #07040f;--plate-bg: #1d003d;--plate-fg: #ecdcf8;--accent: #48e080;--accent-fg: #052e16;--sheet-bg: #100a1c;--sheet-fg: #f3e8ff}[data-palette=caribbean][data-theme=light]{--bg: #ecfeff;--plate-bg: #a5f3fc;--plate-fg: #155e75;--accent: #f59e0b;--accent-fg: #1c1917;--sheet-bg: #f0fdfa;--sheet-fg: #164e63}[data-palette=caribbean][data-theme=dark]{--bg: #06161a;--plate-bg: #023b42;--plate-fg: #b0e1f1;--accent: #f6aa29;--accent-fg: #1c1917;--sheet-bg: #062e25;--sheet-fg: #d7eef6}[data-palette=crimson-ink][data-theme=light]{--bg: #fff1f2;--plate-bg: #fecdd3;--plate-fg: #9f1239;--accent: #be123c;--accent-fg: #ffffff;--sheet-bg: #fff7f8;--sheet-fg: #4c0519}[data-palette=crimson-ink][data-theme=dark]{--bg: #14080c;--plate-bg: #4b020b;--plate-fg: #fad1dc;--accent: #f27a97;--accent-fg: #4c0519;--sheet-bg: #2a0005;--sheet-fg: #fccfdc}[data-palette=avocado][data-theme=light]{--bg: #f7f8ef;--plate-bg: #dce5b8;--plate-fg: #3f6212;--accent: #ca8a04;--accent-fg: #1c1917;--sheet-bg: #fbfcf5;--sheet-fg: #365314}[data-palette=avocado][data-theme=dark]{--bg: #14160e;--plate-bg: #2a3018;--plate-fg: #d9f99d;--accent: #eab308;--accent-fg: #1c1917;--sheet-bg: #1a1e12;--sheet-fg: #ecfccb}[data-palette=lava-glow][data-theme=light]{--bg: #fff7ed;--plate-bg: #ffedd5;--plate-fg: #7c2d12;--accent: #dc2626;--accent-fg: #ffffff;--sheet-bg: #fffbeb;--sheet-fg: #431407}[data-palette=lava-glow][data-theme=dark]{--bg: #120a08;--plate-bg: #3a2100;--plate-fg: #ed9f84;--accent: #de3131;--accent-fg: #1c1917;--sheet-bg: #1a100c;--sheet-fg: #f7c0b1}[data-palette=iris-fog][data-theme=light]{--bg: #eef2ff;--plate-bg: #c7d2fe;--plate-fg: #3730a3;--accent: #6366f1;--accent-fg: #ffffff;--sheet-bg: #f8fafc;--sheet-fg: #312e81}[data-palette=iris-fog][data-theme=dark]{--bg: #0c1024;--plate-bg: #1e2550;--plate-fg: #c7d2fe;--accent: #818cf8;--accent-fg: #1e1b4b;--sheet-bg: #121830;--sheet-fg: #e0e7ff}[data-palette=guava][data-theme=light]{--bg: #fff5f3;--plate-bg: #ffd4c8;--plate-fg: #9a3412;--accent: #ea580c;--accent-fg: #ffffff;--sheet-bg: #fff8f6;--sheet-fg: #7c2d12}[data-palette=guava][data-theme=dark]{--bg: #1a0e0c;--plate-bg: #531200;--plate-fg: #f09d81;--accent: #f57f42;--accent-fg: #431407;--sheet-bg: #320b00;--sheet-fg: #f4c4b4}[data-palette=pixel-green][data-theme=light]{--bg: #f0fdf4;--plate-bg: #c7ebd6;--plate-fg: #0c5b29;--accent: #1d9c4b;--accent-fg: #ffffff;--sheet-bg: #f7fef9;--sheet-fg: #052e13}[data-palette=pixel-green][data-theme=dark]{--bg: #05140c;--plate-bg: #0f2a1a;--plate-fg: #86efac;--accent: #4ade80;--accent-fg: #052e16;--sheet-bg: #0a1c12;--sheet-fg: #bbf7d0}[data-palette=blooming-ocean][data-theme=light]{--bg: #cce9dd;--plate-bg: #a5cfbf;--plate-fg: #2c5041;--accent: #2ec4b6;--accent-fg: #04231f;--sheet-bg: #d6efe4;--sheet-fg: #1f3f32}[data-palette=blooming-ocean][data-theme=dark]{--bg: #0e1c20;--plate-bg: #1c3a40;--plate-fg: #ddf1f3;--accent: #2ec4b6;--accent-fg: #04231f;--sheet-bg: #14262b;--sheet-fg: #ddf1f3}[data-palette=mandarin-lava][data-theme=light]{--bg: #fff7ed;--plate-bg: #f3e3e1;--plate-fg: #8c4902;--accent: #f96b09;--accent-fg: #ffffff;--sheet-bg: #fffbeb;--sheet-fg: #492801}[data-palette=mandarin-lava][data-theme=dark]{--bg: #120a08;--plate-bg: #2a1410;--plate-fg: #fdba74;--accent: #f97316;--accent-fg: #1c1917;--sheet-bg: #1a100c;--sheet-fg: #fed7aa}:root{--plate-radius: 18px;--layout-vw: 100vw;--app-pad-x: 12px;--ui-gap: clamp(6px, calc(var(--layout-vw) * .022), 10px);--dock-bpm-scale: 1.44;--dock-size-max: 150px;--dock-size: clamp( 34px, calc( (var(--layout-vw) - 2 * var(--app-pad-x) - 4 * var(--ui-gap)) / (4 + var(--dock-bpm-scale)) ), var(--dock-size-max) );--content-max: calc( (4 + var(--dock-bpm-scale)) * var(--dock-size) + 4 * var(--ui-gap) + 4px );--ui-size: clamp( 34px, calc((var(--layout-vw) - 2 * var(--app-pad-x) - 5 * var(--ui-gap)) / 8), 72px );--time-chip-font: calc(var(--ui-size) * 20 / 44 * 4 / 3);--time-slot-width: max( calc(var(--ui-size) * var(--dock-bpm-scale)), 66.816px );--settings-row: clamp(36px, calc(var(--dock-size) * .34), 48px);--settings-text: clamp(15px, calc(var(--content-max) * .026), 22px);--settings-text-sm: clamp(14px, calc(var(--content-max) * .024), 19px);--settings-text-xs: clamp(11px, calc(var(--content-max) * .018), 14px);--settings-title: clamp(22px, calc(var(--content-max) * .04), 32px);--tile-bg: var(--plate-bg);--tile-fg: var(--plate-fg);--tile-name: var(--plate-fg);--tile-active-idle: var(--accent);--tile-fg-active: var(--accent-fg);--tile-active-run: var(--accent)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--sheet-fg);overscroll-behavior:none;user-select:none}.app{display:flex;flex-direction:column;width:100%;height:100vh;height:100dvh;overflow:hidden;--dot-ring: clamp(2px, calc(var(--ui-size) * 3 / 44), 3px);--dot-down: clamp(12px, calc(var(--ui-size) * 22 / 44), 22px);--dot-mid: clamp(10px, calc(var(--ui-size) * 16 / 44), 16px);--dot-up: clamp(7px, calc(var(--ui-size) * 10 / 44), 10px);padding:calc(var(--tg-content-safe-area-inset-top, env(safe-area-inset-top, 0px)) + var(--app-camera-fs-pad, 0px)) var(--app-pad-x) env(safe-area-inset-bottom);--app-camera-fs-pad: 0px;position:relative}html[data-platform=android]{--android-nav-inset: env(safe-area-inset-bottom, 0px);--android-status-inset: env(safe-area-inset-top, 0px);--android-gap-bottom: 12px}html[data-platform=android] .app{height:100%;padding-top:calc(var(--android-status-inset) + var(--app-camera-fs-pad, 0px));padding-bottom:0}html[data-platform=vk]{--phone-max: 480px;--layout-vw: min(100vw, var(--phone-max))}html[data-platform=vk] .app{width:min(100%,var(--phone-max));margin-inline:auto}html[data-platform=vk] .sheet,html[data-platform=vk] .feedback-sheet{max-width:var(--phone-max)}html[data-platform=vk] .coach-film{width:min(100%,var(--phone-max));margin-inline:auto}.app.is-camera-preview-full{--app-camera-fs-pad: 0px}.app.is-camera-preview-small .topbar{position:absolute;top:calc(var(--tg-content-safe-area-inset-top, env(safe-area-inset-top, 0px)) + var(--app-camera-fs-pad, 0px));left:var(--app-pad-x);right:var(--app-pad-x);width:auto;max-width:var(--content-max);margin-inline:auto}.app.is-camera-preview-small .topbar .chip,.app.is-camera-preview-small .topbar .count-digit,.app.is-camera-preview-small .topbar .rec-badge{background:color-mix(in srgb,var(--bg) 90%,var(--sheet-fg))}.app.is-camera-preview-small.is-running .topbar .chip--count,.app.is-camera-preview-small .topbar .count-digit.is-active{background:var(--accent);color:var(--accent-fg)}.topbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--ui-gap);flex:none;width:min(100%,var(--content-max));margin-inline:auto;padding:10px 0;position:relative;z-index:5}.timeline{min-width:0;height:calc(var(--dot-down) + 2 * var(--dot-ring));overflow:visible}.timeline-beats{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));align-items:center;justify-items:center;position:relative;height:100%;width:100%}.timeline-beats:before{content:"";position:absolute;left:6.25%;right:6.25%;top:50%;height:2px;border-radius:2px;background:var(--beat-idle);opacity:.5;transform:translateY(-50%);z-index:0;pointer-events:none}.timeline-beat{position:relative;z-index:1;flex:none;width:var(--dot-up);height:var(--dot-up);border-radius:50%;background:var(--bg);box-shadow:0 0 0 var(--dot-ring) var(--bg),inset 0 0 0 40px var(--beat-idle);transition:box-shadow 60ms ease}.timeline-beat--mid{width:var(--dot-mid);height:var(--dot-mid)}.timeline-beat--down{width:var(--dot-down);height:var(--dot-down)}.timeline-beat.is-active{box-shadow:0 0 0 var(--dot-ring) var(--bg),inset 0 0 0 40px var(--accent)}.chip{display:inline-flex;align-items:center;justify-content:center;gap:4px;flex:none;min-width:var(--ui-size);height:var(--ui-size);padding:0 calc(var(--ui-size) * 12 / 44);border:none;border-radius:12px;background:var(--surface);color:var(--sheet-fg);font-size:calc(var(--ui-size) * 20 / 44);font-weight:700;font-variant-numeric:tabular-nums;cursor:pointer}.time-slot{position:relative;flex:none;width:var(--time-slot-width);min-width:var(--time-slot-width);height:var(--ui-size);overflow:visible;z-index:2}.chip--time{cursor:default;box-sizing:border-box;width:100%;min-width:100%;padding-left:4px;padding-right:4px;font-size:var(--time-chip-font, calc(var(--ui-size) * 20 / 44 * 4 / 3));line-height:1;justify-content:center;overflow:hidden;border-radius:9px;color:var(--sheet-fg);opacity:.75}.chip--time.is-empty{visibility:visible}.time-slot:has(.rec-badge:not([hidden])) .chip--time{visibility:hidden}.chip--time .chip-label{text-align:center;width:100%}.chip-label{display:block;transform:translateY(-.045em)}.chip--bpm{width:calc(var(--dock-size) * var(--dock-bpm-scale));min-width:calc(var(--dock-size) * var(--dock-bpm-scale));height:var(--dock-size);padding:0;font-size:calc(var(--dock-size) * 20 / 44 * 4 / 3);line-height:1;align-items:center;justify-content:center;color:var(--sheet-fg);opacity:.75}.chip--bpm .chip-label{display:block;width:auto;height:auto;line-height:1;transform:translateY(.08em)}.chip--bpm .chip-label__frac{font-size:50%;font-weight:700;letter-spacing:0}.chip--count{width:var(--ui-size);min-width:var(--ui-size);padding:0;background:var(--surface);color:transparent;font-size:calc(var(--ui-size) * 20 / 44 * 4 / 3);line-height:1;visibility:visible}.app.is-running .chip--count{background:var(--accent);color:var(--accent-fg)}.count-digits{display:none!important;min-width:0;width:100%;height:var(--ui-size);align-items:center;justify-content:center;gap:4px;container-type:inline-size;--count-digit-size: min(var(--ui-size), calc((100cqw - 28px)/8) )}.app.count-digits-top .topbar{grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:calc(var(--ui-gap) / 1.5)}.app.count-digits-top .timeline,.app.count-digits-top .chip--count{display:none!important}.app.count-digits-top .count-digits{display:flex!important;grid-column:1;grid-row:1;margin-top:0}.app.count-digits-top .time-slot{grid-column:2;grid-row:1}.count-digit{box-sizing:border-box;flex:none;width:var(--count-digit-size);height:var(--count-digit-size);display:inline-flex;align-items:center;justify-content:center;border-radius:9px;background:var(--surface);color:transparent;font-size:var(--time-chip-font, calc(var(--ui-size) * 20 / 44 * 4 / 3));font-weight:700;font-variant-numeric:tabular-nums;line-height:1;transform:translateY(-.045em)}.count-digit.is-active{background:var(--accent);color:var(--accent-fg)}.app.is-running .count-digit:not(.is-active){color:color-mix(in srgb,var(--sheet-fg) 50%,transparent)}.chip--icon{width:44px;padding:0;opacity:.75;font-size:22px}.chip--icon svg{display:block;width:28px;height:28px}.chip--sound .sound-on,.chip--sound .sound-off{display:inline-flex}.chip--sound .sound-off{display:none}.chip--sound.is-muted{opacity:1;color:var(--red)}.chip--sound.is-muted .sound-on{display:none}.chip--sound.is-muted .sound-off{display:inline-flex}.app.muted .chip--sound{opacity:1;color:var(--red)}.app.muted .chip--sound .sound-on{display:none}.app.muted .chip--sound .sound-off{display:inline-flex}.sheet-sound-btn.is-muted{opacity:1;color:var(--red)}.stage-shell{flex:1;min-height:0;width:min(100%,var(--content-max));margin-inline:auto}.stage{position:relative;height:100%;overflow:hidden;width:calc(100% + 2 * var(--app-pad-x));margin-left:calc(-1 * var(--app-pad-x))}.reel{position:absolute;inset:0;z-index:1;margin:0;padding:0;list-style:none}.slot{position:absolute;top:0;left:var(--app-pad-x);right:var(--app-pad-x);transform-origin:top center;transform:translateY(var(--slot-y, 0px)) scale(var(--slot-scale, 1));--slot-crop: 1;--slot-y: 0px;--slot-scale: 1;--plate-border: 0}.app.is-running .slot{will-change:transform,opacity}@property --slot-crop{syntax: "<number>"; inherits: true; initial-value: 1;}@property --slot-y{syntax: "<length>"; inherits: false; initial-value: 0px;}@property --slot-scale{syntax: "<number>"; inherits: false; initial-value: 1;}@property --plate-border{syntax: "<number>"; inherits: true; initial-value: 0;}.plate{display:grid;grid-template-columns:1fr auto auto 1fr;grid-template-rows:1fr auto 1fr;column-gap:21px;align-items:center;height:calc(100% * var(--slot-crop, 1));overflow:hidden;padding:0 4px;border:3px solid color-mix(in srgb,var(--accent) calc(var(--plate-border) * 100%),var(--plate-bg));border-radius:var(--plate-radius);background-color:var(--plate-bg);color:var(--plate-fg);transition:background-color var(--plate-fade-ms, 0ms) linear,color var(--plate-ink-ms, 0ms) linear,--plate-border var(--plate-border-ms, 0ms) var(--plate-border-ease, ease-in)}.plate-icon{grid-column:2;grid-row:1 / -1;align-self:center;justify-self:end;width:52px;height:52px;display:inline-flex;transform-origin:center center}.plate-icon svg{width:100%;height:100%;transform:scale(1.3);transform-origin:center center}.plate-name{grid-column:3;grid-row:2;max-width:100%;font-size:clamp(21px,calc(var(--content-max) * .1),50px);font-weight:700;line-height:1;transform:translateY(-.06em);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;justify-self:start}.plate-pips{grid-column:1 / -1;grid-row:3;justify-self:center;align-self:center;display:flex;gap:7px;opacity:0;transition:opacity .12s ease}.plate-pips i{width:9px;height:9px;border-radius:50%;background:currentColor;opacity:.3;transform-origin:center;transition:transform .12s ease,opacity .12s ease}.plate-pips i.is-on{opacity:1}.plate-pips i.is-pop{transform:scale(2)}.slot.is-current .plate{background-color:var(--accent);color:var(--accent-fg)}.slot.is-current.is-leaving .plate{background-color:var(--bg);color:var(--bg)}.slot.is-current,.slot.is-next{--plate-border: 1}.slot.is-current.is-leaving,.slot.is-next.is-next-fill{--plate-border: 0}.slot.is-prev .plate,.slot.is-gone .plate{color:var(--plate-bg)}.slot.is-prev.is-prev-out .plate,.slot.is-gone .plate{background-color:var(--bg);color:var(--bg)}.slot.is-current .plate-pips{opacity:1}.app.pips-off .plate-pips{visibility:hidden;opacity:0}.slot.is-next.is-next-fill .plate{background-color:var(--accent);color:var(--accent-fg)}.slot.is-cue .plate{animation:plate-cue var(--plate-cue-ms, .4s) ease-out}.slot.is-cue .plate-icon{animation:icon-tick var(--plate-cue-ms, .4s) ease-in-out}@keyframes plate-cue{0%{box-shadow:0 0 0 3px var(--accent)}to{box-shadow:0 0 0 10px transparent}}@keyframes icon-tick{0%{transform:scale(1)}40%,50%{transform:scale(1.2)}to{transform:scale(1)}}.dock{display:flex;align-items:center;justify-content:space-between;gap:var(--ui-gap);flex:none;width:min(100%,var(--content-max));margin-inline:auto;padding:10px 2px calc(20px + env(safe-area-inset-bottom))}html[data-platform=android] .dock{padding-bottom:calc(var(--android-gap-bottom) + var(--android-nav-inset))}.dock-cluster{display:flex;align-items:center;gap:var(--ui-gap);flex:none}.dock-btn{width:var(--dock-size);height:var(--dock-size);border:none;border-radius:12px;background:var(--surface);color:var(--sheet-fg);font-size:calc(var(--dock-size) * 22 * 1.3 / 44);line-height:1;opacity:.75;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.dock-btn svg{display:block;width:calc(var(--dock-size) * 22 * 1.3 / 44);height:calc(var(--dock-size) * 22 * 1.3 / 44)}.dock-btn--camera.is-off{opacity:.75}.dock-btn--camera.is-off .camera-dock-icon{opacity:.37}.dock-btn--camera.is-on{opacity:.75;color:var(--sheet-fg)}.dock-btn--camera:disabled,.dock-btn--camera.is-unavailable{opacity:0;pointer-events:none;cursor:default;background:transparent}.dock-btn--camera .camera-dock-icon svg{width:calc(var(--dock-size) * 22 * 1.3 / 44 * 2);height:calc(var(--dock-size) * 22 * 1.3 / 44 * 2);transform:translateY(-2px)}.settings-icon,.camera-dock-icon{display:inline-flex;align-items:center;justify-content:center}.transport{display:flex;align-items:center;gap:var(--ui-gap);flex:none}.play-btn{display:inline-flex;align-items:center;justify-content:center;flex:none;width:var(--dock-size);min-width:var(--dock-size);height:var(--dock-size);padding:0;border:none;border-radius:12px;background:var(--accent);color:var(--accent-fg);line-height:0;cursor:pointer}.play-btn .icon-play,.play-btn .icon-pause{display:block;width:60%;height:60%;line-height:0}.play-btn .icon-play svg,.play-btn .icon-pause svg{display:block;width:100%;height:100%}.play-btn .icon-pause{display:none;width:50%;height:50%}.app.is-running .play-btn .icon-play{display:none}.app.is-running .play-btn .icon-pause{display:block}.play-btn:disabled,.play-btn[aria-disabled=true]{opacity:.45;cursor:not-allowed}.stop-btn{width:var(--dock-size);height:var(--dock-size);padding:0;border:none;border-radius:12px;background:var(--surface);color:var(--sheet-fg);opacity:.75;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex:none}.stop-btn__icon{display:block;width:92%;height:92%;line-height:0}.stop-btn__icon svg{display:block;width:100%;height:100%}.app.is-running .stop-btn,.stop-btn.is-rec-hot,.app.is-camera-recording .stop-btn{background:var(--accent);color:var(--accent-fg);opacity:1}.sheet-backdrop{position:fixed;inset:0;background:#00000073;display:flex;align-items:flex-end;justify-content:center;z-index:20}.sheet-backdrop[hidden]{display:none}.sheet{width:100%;max-width:520px;max-height:min(92dvh,100%);container-type:inline-size;background:var(--sheet-bg);color:var(--sheet-fg);color-scheme:light;border-radius:3.46% 3.46% 0 0;padding:0;animation:slide-up .18s ease;overflow:hidden;display:flex;flex-direction:column}[data-theme=dark] .sheet{color-scheme:dark}@keyframes slide-up{0%{transform:translateY(100%)}}.sheet-inner{--px: calc(100cqw / 520);padding:calc(30 * var(--px)) calc(20 * var(--px)) calc(20 * var(--px) + env(safe-area-inset-bottom));overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;min-height:0;flex:1 1 auto}html[data-platform=android] .sheet-inner{padding-bottom:calc(20 * var(--px) + var(--android-gap-bottom) + var(--android-nav-inset))}.sheet-handle{width:calc(40 * var(--px));height:calc(4 * var(--px));border-radius:calc(2 * var(--px));background:var(--beat-idle);margin:calc(-15 * var(--px)) auto calc(25 * var(--px))}.bpm-dial{display:grid;grid-template-columns:calc(60 * var(--px)) max-content calc(60 * var(--px));column-gap:calc(20 * var(--px));row-gap:calc(32 * var(--px));justify-content:center;justify-items:center;align-items:center;margin:0 0 calc(18 * var(--px))}.sheet-title{text-align:center;font-size:calc(24 * var(--px));margin:0 0 calc(16 * var(--px));opacity:.7}.bpm-dial .sheet-title{margin:0;transform:translateY(calc(-1 * var(--px)))}.round-btn{display:inline-flex;align-items:center;justify-content:center;width:calc(60 * var(--px));height:calc(60 * var(--px));padding:0;border-radius:50%;border:none;background:var(--accent-soft);color:var(--accent-ink);font-size:calc(28 * 1.3 * var(--px));font-weight:700;line-height:1;cursor:pointer}.round-btn__icon{display:block;width:48%;height:48%;line-height:0}.round-btn__icon svg{display:block;width:100%;height:100%}.round-btn--fine .round-btn__icon{width:52%;height:52%}#bpmPlus,#bpmPlus1{padding-left:0}.round-btn--fine{width:calc(38 * var(--px));height:calc(38 * var(--px));font-size:calc(18 * var(--px))}.bpm-display{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;height:calc(56 * var(--px));min-width:calc(90 * var(--px))}.bpm-display span{font-size:calc(50 * var(--px));font-weight:700;line-height:1;letter-spacing:-.02em;transform:translateY(calc(3 * var(--px)));cursor:pointer;user-select:none;-webkit-user-select:none}.bpm-display small{position:absolute;bottom:100%;left:50%;transform:translate(-50%,calc(-3 * var(--px)));margin-top:0;font-size:calc(20 * var(--px));opacity:.6;font-weight:700}.presets{display:flex;gap:calc(10 * var(--px));justify-content:center;margin-bottom:calc(20 * var(--px))}.preset-btn{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;flex:1 1 0;min-width:0;width:auto;height:calc(67 * var(--px));border-radius:calc(15 * var(--px));border:calc(2 * var(--px)) solid transparent;background-color:color-mix(in srgb,var(--sheet-fg) 16%,var(--sheet-bg));background-image:none;color:var(--sheet-fg);font-size:calc(35 * var(--px));font-weight:700;line-height:1;cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.preset-btn.is-selected{background-color:var(--control);background-image:none;border-color:var(--control);color:var(--control-fg)}.preset-btn:active{transform:scale(.98)}.sheet-footer-row{display:grid;grid-template-columns:auto 1fr;gap:calc(10 * var(--px));align-items:stretch;margin-top:8px}.sheet-footer-row[hidden]{display:none!important}.sheet-sound-btn{box-sizing:border-box;width:calc(54 * var(--px));height:calc(54 * var(--px));margin:0;padding:0;border:none;border-radius:calc(12 * var(--px));background:var(--surface);color:var(--sheet-fg);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;opacity:.85;-webkit-tap-highlight-color:transparent}.sheet-sound-btn svg{display:block;width:calc(26 * var(--px));height:calc(26 * var(--px))}.sheet-close{width:100%;height:calc(54 * var(--px));margin:0;border:none;border-radius:calc(12 * var(--px));background:var(--surface);color:var(--accent-ink);font-size:calc(26 * var(--px));font-weight:700;cursor:pointer}.track-pick-music-btn,.track-save-bot-btn{display:flex;align-items:center;justify-content:center;width:100%;margin:0;height:calc(54 * var(--px));min-height:calc(54 * var(--px));padding:0 14px;box-sizing:border-box;border-radius:calc(12 * var(--px));font-size:calc(26 * var(--px));font-weight:700;line-height:1.25;text-align:center;cursor:pointer}.track-save-bot-btn[hidden],.track-pick-music-btn[hidden]{display:none!important}.catalog-sheet-backdrop{z-index:40;overscroll-behavior:none}.catalog-sheet-backdrop[hidden]{display:none!important}.catalog-sheet{height:min(96dvh,100%);max-height:min(96dvh,100%)}.catalog-sheet .sheet-inner{overflow-y:hidden;display:flex;flex-direction:column;flex:1 1 auto;min-height:0;height:100%}.catalog-sheet .sheet-handle,.catalog-sheet .sheet-title,.catalog-sheet .sheet-close{flex:none}.catalog-sheet .track-catalog{flex:1 1 auto;min-height:0;margin:0 0 16px;display:flex;flex-direction:column}.catalog-sheet .track-catalog__head,.catalog-sheet .track-catalog__empty{flex:none}.catalog-sheet .track-catalog__list{flex:1 1 auto;min-height:0;max-height:none;padding:1px;box-sizing:border-box;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y}.sheet-title--track{display:flex;align-items:center;justify-content:center;gap:calc(6 * var(--px));text-align:center;margin:0 0 4px}.catalog-source{width:calc(16 * var(--px));height:calc(16 * var(--px));display:inline-flex;flex:none;color:inherit}.catalog-source[hidden]{display:none!important}.catalog-source .ui-icon,.catalog-source .ui-icon svg{width:100%;height:100%;display:block}.sheet-track-name{margin:0 0 6px;text-align:center;font-size:calc(27 * var(--px));opacity:.9;word-break:normal;overflow-wrap:anywhere;min-height:0;line-height:1.25;pointer-events:none;user-select:text}.sheet-track-buffer{height:calc(6 * var(--px));margin:0 0 8px;width:100%;border-radius:calc(3 * var(--px));background:color-mix(in srgb,var(--sheet-fg) 30%,transparent);overflow:hidden}.sheet-track-buffer__bar{height:100%;width:0;border-radius:inherit;background:var(--accent);transition:width .2s linear}.sheet-track-buffer[hidden]{display:none!important}.sheet-track-tags{margin:0 0 18px;text-align:center;font-size:calc(15 * var(--px));opacity:.6;line-height:1.3;word-break:normal;overflow-wrap:anywhere}.sheet-track-tags[hidden],.sheet-track-dancer-msg[hidden]{display:none!important}.sheet-track-dancer-msg{margin:0 0 12px;text-align:center;font-size:calc(16 * var(--px));opacity:.75;line-height:1.35}.bpm-music-btn{display:block;width:100%;margin:8px 0 0;height:calc(54 * var(--px));border-radius:calc(12 * var(--px));font-size:calc(26 * var(--px));font-weight:700;cursor:pointer}.bpm-music-btn[hidden]{display:none!important}.bpm-music-btn:active{opacity:.8}.track-bpm-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;column-gap:10px;margin:18px 0}.track-bpm-row>.track-bpm-readonly__label,.track-bpm-row>.track-bpm-readonly__unit{font-size:calc(22 * var(--px));line-height:1;opacity:.65;white-space:nowrap;transform:translateY(calc(5 * var(--px)))}.track-bpm-row>.track-bpm-readonly__label{grid-column:1;justify-self:end}.track-bpm-row>.track-bpm-readonly__unit{grid-column:3;justify-self:start}.track-bpm-row>.track-bpm-readonly__value{grid-column:2;justify-self:center;display:block;min-width:calc(90 * var(--px));text-align:center;font-size:calc(50 * var(--px));font-weight:700;line-height:1;letter-spacing:-.02em;transform:translateY(calc(3 * var(--px)));cursor:default;user-select:none}.track-seek{display:flex;align-items:center;height:calc(54 * var(--px));margin:0 0 8px;box-sizing:border-box}.track-seek[hidden]{display:none!important}.track-seek__input{width:100%;margin:0;accent-color:var(--accent);cursor:pointer}.track-seek__input:disabled{opacity:.45;cursor:default}.sheet:has(#bpmTrackPanel:not([hidden])) .sheet-handle{margin-bottom:calc(36 * var(--px))}.track-play-btn{display:block;width:100%;height:calc(54 * var(--px));margin:6px 0 8px;border:none;border-radius:calc(12 * var(--px));background:var(--accent);color:var(--accent-fg);font-size:calc(26 * var(--px));font-weight:700;cursor:pointer}.track-play-btn:disabled,.track-play-btn[aria-disabled=true]{opacity:.45;cursor:not-allowed}.bpm-start-click-btn{margin:12px 0 0}.bpm-start-click-btn.is-stop{border:1px solid var(--accent);background:transparent;color:var(--accent)}.track-pick-music-btn,.bpm-music-btn{border:none;background:var(--accent-soft);color:var(--accent-ink);opacity:1}.track-save-bot-btn,.track-clear-btn{border:none;background:var(--accent);color:var(--accent-fg);opacity:1}.track-session-actions{display:grid;grid-template-columns:1fr;gap:8px;align-items:stretch;margin:0 0 8px}.track-session-actions__stack{display:flex;flex-direction:column;gap:8px;min-width:0}.track-clear-btn{display:block;width:100%;height:calc(54 * var(--px));margin:0;border-radius:calc(12 * var(--px));font-size:calc(26 * var(--px));font-weight:700;cursor:pointer}.track-clear-btn:disabled{opacity:.45;cursor:default}#trackDancerCloseBtn[hidden]{display:none!important}.track-catalog{margin:0 0 12px}.track-catalog__head{display:flex;align-items:center;gap:8px;margin:0 0 6px}.track-catalog__head-label{font-size:calc(14 * var(--px) * 4 / 3);opacity:.55;text-align:right;line-height:1.25;flex:1 1 auto;min-width:0}.track-catalog__head-label.is-align-start{text-align:left}.track-catalog__sort{width:calc(36 * var(--px));height:calc(36 * var(--px));flex:none;display:inline-flex;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--sheet-fg) 22%,transparent);border-radius:calc(10 * var(--px));background:transparent;color:var(--sheet-fg);cursor:pointer;padding:0;opacity:1}.track-catalog__sort.is-idle{opacity:.38}.track-catalog__sort-icon{width:12px;height:12px;transition:transform .16s ease}.track-catalog__sort.is-desc .track-catalog__sort-icon{transform:rotate(180deg)}.track-catalog__fav-filter{width:calc(36 * var(--px));height:calc(36 * var(--px));flex:none;display:inline-flex;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--sheet-fg) 22%,transparent);border-radius:calc(10 * var(--px));background:transparent;color:var(--sheet-fg);cursor:pointer;padding:0;opacity:.38}.track-catalog__fav-filter .ui-icon{display:block;width:16px;height:16px;line-height:0}.track-catalog__fav-filter .ui-icon svg{display:block;width:100%;height:100%}.track-catalog__fav-filter.is-on{opacity:1;color:var(--accent);border-color:color-mix(in srgb,var(--accent) 55%,transparent)}.track-catalog__list{display:flex;flex-direction:column;gap:6px;max-height:min(55vh,calc(420 * var(--px)));padding:1px;box-sizing:border-box;overflow:auto;-webkit-overflow-scrolling:touch}.track-catalog__item{display:grid;grid-template-columns:minmax(0,1fr) calc(40 * var(--px));align-items:stretch;width:100%;min-height:calc(68 * var(--px));height:auto;box-sizing:border-box;border:2px solid color-mix(in srgb,var(--sheet-fg) 16%,transparent);border-radius:calc(10 * var(--px));background:transparent;color:var(--sheet-fg);overflow:hidden}.track-catalog__item.is-cached{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.track-catalog__pick{display:block;width:100%;min-width:0;min-height:calc(68 * var(--px));margin:0;padding:8px 4px 8px 10px;box-sizing:border-box;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer;white-space:normal}.track-catalog__fav{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:calc(68 * var(--px));margin:0;padding:0 6px 0 0;border:0;background:transparent;color:var(--sheet-fg);opacity:.32;cursor:pointer}.track-catalog__fav:disabled{opacity:.14;cursor:default}.track-catalog__fav.is-on{opacity:1;color:var(--accent)}.track-catalog__fav .ui-icon{display:block;width:20px;height:20px;line-height:0}.track-catalog__fav .ui-icon svg{display:block;width:100%;height:100%}.track-catalog__row{display:grid;grid-template-columns:calc(44 * var(--px)) 1fr;align-items:center;column-gap:calc(6 * var(--px));min-width:0;min-height:calc(1.25 * 16 * var(--px) * 1.2 * 2)}.track-catalog__bpm{font-size:calc(18 * var(--px) * 1.2);font-weight:700;opacity:.85;font-variant-numeric:tabular-nums;line-height:1.25}.track-catalog__name{min-width:0;font-size:calc(16 * var(--px) * 1.2);line-height:1.25;white-space:normal;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.track-catalog__empty{margin:8px 0 0;text-align:center;font-size:calc(15 * var(--px));opacity:.55}.feedback-backdrop{position:fixed;inset:0;z-index:85;display:flex;align-items:center;justify-content:center;padding:max(16px,env(safe-area-inset-top)) 16px calc(20px + env(safe-area-inset-bottom));background:color-mix(in srgb,#000 45%,transparent)}html[data-platform=android] .feedback-backdrop{padding-top:max(16px,var(--android-status-inset));padding-bottom:calc(var(--android-gap-bottom) + var(--android-nav-inset))}.feedback-backdrop[hidden]{display:none!important}.coach-film{position:fixed;inset:0;z-index:130;display:flex;align-items:center;justify-content:center;background:#1a1412}.coach-film[hidden]{display:none!important}.coach-film__img{width:100%;height:100%;object-fit:contain;pointer-events:none}.coach-film__hit{position:absolute;inset:0;border:0;padding:0;background:transparent;cursor:pointer}.coach-film__close{position:absolute;z-index:2;top:calc(10px + env(safe-area-inset-top));right:calc(10px + env(safe-area-inset-right));width:40px;height:40px;border:0;border-radius:50%;background:#0000008c;color:#fff;font-size:26px;line-height:1;cursor:pointer}html[data-platform=android] .coach-film__close{top:calc(10px + var(--android-status-inset))}.coach-film__dots{position:absolute;z-index:2;left:0;right:0;bottom:calc(12px + env(safe-area-inset-bottom));display:flex;justify-content:center;gap:6px;pointer-events:none}html[data-platform=android] .coach-film__dots{bottom:calc(12px + var(--android-nav-inset))}.coach-film__dot{width:6px;height:6px;border-radius:50%;background:#ffffff59}.coach-film__dot.is-on{background:#fff}.feedback-sheet{width:100%;max-width:var(--content-max);padding:20px 18px 18px;border-radius:18px;background:var(--sheet-bg);color:var(--sheet-fg);box-shadow:0 12px 40px color-mix(in srgb,#000 35%,transparent);container-type:inline-size;--px: calc(100cqw / 520);color-scheme:light}[data-theme=dark] .feedback-sheet{color-scheme:dark}.feedback-sheet__title{margin:0 0 8px;text-align:center;font-size:var(--settings-text);font-weight:700}.feedback-sheet__hint{margin:0 0 14px;text-align:center;font-size:var(--settings-text);opacity:.75;line-height:1.35}.feedback-sheet__label{display:block;margin:0 0 6px;font-size:var(--settings-text);opacity:.75}.feedback-sheet__text{display:block;width:100%;box-sizing:border-box;min-height:calc(120 * var(--px));padding:12px;border:2px solid color-mix(in srgb,var(--sheet-fg) 18%,transparent);border-radius:12px;background:var(--tile-bg);color:var(--sheet-fg);font:inherit;font-size:var(--settings-text);line-height:1.35;resize:vertical;outline:none;accent-color:var(--accent);caret-color:var(--accent)}.feedback-sheet__text::placeholder{color:color-mix(in srgb,var(--sheet-fg) 42%,transparent)}.feedback-sheet__text:focus{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 28%,transparent)}.feedback-sheet .add-step-input{width:100%;box-sizing:border-box;margin-bottom:14px;background:var(--tile-bg);color:var(--sheet-fg);caret-color:var(--accent);accent-color:var(--accent)}.feedback-sheet .add-step-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 28%,transparent)}.feedback-sheet__meta{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:6px 0 10px}.feedback-sheet__version,.feedback-sheet__count{margin:0;font-size:var(--settings-text-sm);opacity:.55}.feedback-sheet__count{margin-left:auto;text-align:right;font-variant-numeric:tabular-nums}.feedback-sheet__status{margin:0 0 10px;text-align:center;font-size:var(--settings-text);font-weight:600}.feedback-sheet__status[hidden]{display:none!important}.feedback-sheet__status.is-error{color:var(--red)}.feedback-sheet__actions{display:grid;grid-template-columns:1fr;gap:10px}.feedback-sheet__cancel,.feedback-sheet__send{width:100%;min-height:calc(52 * var(--px));height:auto;padding:14px 16px;border:none;border-radius:14px;font-size:var(--settings-text);font-weight:700;cursor:pointer;outline:none}.feedback-sheet__cancel:focus-visible,.feedback-sheet__send:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 45%,transparent)}.feedback-sheet__cancel{background:var(--surface);color:var(--sheet-fg);opacity:.9}.feedback-sheet__send{background:var(--accent);color:var(--accent-fg)}.feedback-sheet__send:disabled,.feedback-sheet__cancel:disabled{opacity:.45;cursor:default}.legal-sheet{display:flex;flex-direction:column;max-height:min(88vh,720px)}.legal-sheet__body{overflow-y:auto;-webkit-overflow-scrolling:touch;flex:1 1 auto;min-height:min(52vh,420px);max-height:min(70vh,560px);margin:0 0 12px;padding-right:4px;font-size:var(--settings-text-sm);line-height:1.45}.legal-sheet__body h1{display:none}.legal-sheet__body h2{margin:16px 0 8px;font-size:var(--settings-text)}.legal-sheet__body p,.legal-sheet__body li{margin:0 0 8px}.legal-sheet__body .meta,.legal-sheet__body .muted{opacity:.7}.legal-sheet__body a{color:var(--accent)}.legal-sheet__status{margin:12px 0;text-align:center;font-size:var(--settings-text);font-weight:600}.legal-sheet__status.is-error{color:var(--red)}.exit-confirm-sheet{padding:18px 16px 16px}.exit-confirm-sheet__title{margin:0 0 14px;font-size:var(--settings-text)}.exit-confirm-sheet__actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.exit-confirm-sheet__actions .feedback-sheet__send,.exit-confirm-sheet__actions .feedback-sheet__cancel{width:100%;min-height:calc(48 * var(--px));margin:0}#feedbackBackdrop .feedback-sheet__title,#feedbackBackdrop .feedback-sheet__hint,#feedbackBackdrop .feedback-sheet__label,#feedbackBackdrop .feedback-sheet__text{font-size:calc(var(--settings-text) * 4 / 3)}#feedbackBackdrop .feedback-sheet__text{min-height:calc(180 * var(--px));height:calc(180 * var(--px))}#feedbackBackdrop .feedback-sheet__actions{grid-template-columns:1fr 1fr;gap:10px}#feedbackBackdrop .feedback-sheet__send,#feedbackBackdrop .feedback-sheet__cancel{font-size:calc(var(--settings-text) * 4 / 3 * 1.1)}.cam-preview-wrap{position:absolute;left:var(--app-pad-x);bottom:0;z-index:3;width:55%;max-width:none;aspect-ratio:3 / 4;--cam-scoop: 10px;border-radius:var(--cam-scoop);overflow:hidden;-webkit-clip-path:inset(0 round var(--cam-scoop));clip-path:inset(0 round var(--cam-scoop));box-shadow:0 8px 28px color-mix(in srgb,#000 40%,transparent);--cam-close-size: min( var(--ui-size), calc((var(--content-max) - var(--time-slot-width) - var(--ui-gap) - 7 * 4px) / 8) )}.cam-preview-wrap:not(.cam-preview-wrap--full) .cam-preview{border-radius:inherit}.cam-preview-wrap--full{top:0;bottom:0;left:var(--app-pad-x);right:var(--app-pad-x);width:auto;height:auto;max-width:none;aspect-ratio:auto;--cam-scoop: 10px;border-radius:var(--cam-scoop);-webkit-clip-path:inset(0 round var(--cam-scoop));clip-path:inset(0 round var(--cam-scoop));box-shadow:none;--cam-close-size: var(--ui-size)}.cam-preview-wrap[hidden]{display:none!important}.cam-rec-btn{position:absolute;z-index:6;left:50%;bottom:0;transform:translate(-50%);box-sizing:border-box;width:calc(var(--dock-size) * 1.15);height:calc(var(--dock-size) * 1.15);margin:0;padding:0;border:none;border-radius:50%;background:transparent;color:var(--rec);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;line-height:0}.cam-rec-btn[hidden]{display:none!important}.cam-rec-btn svg{display:block;width:108%;height:108%}.cam-rec-btn__icon{display:none;width:100%;height:100%;align-items:center;justify-content:center}.cam-rec-btn__icon--start{display:inline-flex}.cam-rec-btn.is-recording .cam-rec-btn__icon--start{display:none}.cam-rec-btn.is-recording .cam-rec-btn__icon--stop{display:inline-flex}.cam-rec-btn.is-recording .cam-rec-btn__icon--stop svg circle{animation:cam-rec-stroke-blink-light 2.4s ease-in-out infinite}.cam-rec-btn.is-recording .cam-rec-btn__icon--stop svg rect{animation:cam-rec-fill-blink-light 2.4s ease-in-out infinite}[data-theme=dark] .cam-rec-btn.is-recording .cam-rec-btn__icon--stop svg circle{animation-name:cam-rec-stroke-blink-dark}[data-theme=dark] .cam-rec-btn.is-recording .cam-rec-btn__icon--stop svg rect{animation-name:cam-rec-fill-blink-dark}.app.is-camera-preview-small .cam-rec-btn{left:calc(var(--app-pad-x) + 27.5%);bottom:0;width:calc(var(--dock-size) * 1.15 * .8);height:calc(var(--dock-size) * 1.15 * .8)}@keyframes cam-rec-fill-blink-light{0%,to{fill:var(--rec)}50%{fill:#fff}}@keyframes cam-rec-stroke-blink-light{0%,to{stroke:var(--rec)}50%{stroke:#fff}}@keyframes cam-rec-fill-blink-dark{0%,to{fill:var(--rec)}50%{fill:#000}}@keyframes cam-rec-stroke-blink-dark{0%,to{stroke:var(--rec)}50%{stroke:#000}}@media(prefers-reduced-motion:reduce){.cam-rec-btn.is-recording .cam-rec-btn__icon--stop svg circle,.cam-rec-btn.is-recording .cam-rec-btn__icon--stop svg rect{animation:none;fill:var(--rec);stroke:var(--rec)}.cam-rec-btn.is-recording .cam-rec-btn__icon--stop svg circle{fill:none}}.cam-preview{display:block;width:100%;height:100%;object-fit:cover;background:#000;transform:scaleX(-1);cursor:pointer;border:none}.cam-preview-close{position:absolute;top:8px;right:8px;z-index:4;box-sizing:border-box;width:var(--cam-close-size);height:var(--cam-close-size);padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;border:none;background:transparent;box-shadow:0 0 0 1px var(--bg),inset 0 0 0 1px var(--bg);color:var(--accent);cursor:pointer;line-height:0;-webkit-tap-highlight-color:transparent}.cam-preview-wrap--full .cam-preview-close{border-radius:12px;top:10px;right:10px}.cam-preview-close__icon{display:block;width:100%;height:100%;line-height:0}.cam-preview-close__icon svg{display:block;width:100%;height:100%}.cam-preview-close:active{opacity:.85}.cam-preview-chrome{position:absolute;top:8px;right:8px;z-index:4;display:flex;flex-direction:column;align-items:flex-end;gap:8px;pointer-events:none}.cam-preview-wrap--full .cam-preview-chrome{top:10px;right:10px;gap:10px}.cam-preview-chrome .cam-preview-close{position:static;top:auto;right:auto;pointer-events:auto}.cam-preview-chrome .rec-badge{position:static;top:auto;left:auto;width:auto;min-width:var(--cam-close-size);max-width:none;padding:2px 6px 3px;transform:none;box-shadow:0 4px 14px color-mix(in srgb,#000 35%,transparent);pointer-events:none}.cam-preview-round{display:block;pointer-events:none}.cam-preview-round__c{position:absolute;z-index:2;width:var(--cam-scoop, 10px);height:var(--cam-scoop, 10px);background-color:var(--bg)}.cam-preview-round__c--tl{top:0;left:0;background:radial-gradient(circle at 100% 100%,transparent calc(var(--cam-scoop) - .5px),var(--bg) var(--cam-scoop))}.cam-preview-round__c--tr{top:0;right:0;background:radial-gradient(circle at 0 100%,transparent calc(var(--cam-scoop) - .5px),var(--bg) var(--cam-scoop))}.cam-preview-round__c--bl{bottom:0;left:0;background:radial-gradient(circle at 100% 0,transparent calc(var(--cam-scoop) - .5px),var(--bg) var(--cam-scoop))}.cam-preview-round__c--br{bottom:0;right:0;background:radial-gradient(circle at 0 0,transparent calc(var(--cam-scoop) - .5px),var(--bg) var(--cam-scoop))}.rec-badge{position:absolute;top:0;left:0;z-index:4;display:flex;flex-direction:column;align-items:center;gap:1.5px;box-sizing:border-box;width:100%;min-width:100%;max-width:100%;padding:2px 3px 3px;border-radius:9px;background:var(--surface);color:var(--sheet-fg);box-shadow:0 4px 14px color-mix(in srgb,#000 18%,transparent);pointer-events:none;animation:rec-badge-blink 2.4s ease-in-out infinite;transform:translateY(calc(-8 * var(--px)))}.rec-badge[hidden]{display:none!important}.rec-badge.is-paused{animation:none}.rec-badge__time{display:block;width:100%;text-align:center;font-size:var(--time-chip-font, calc(var(--ui-size) * 20 / 44 * 4 / 3));font-weight:700;font-variant-numeric:tabular-nums;line-height:1;transform:translateY(-.045em)}.rec-badge__size{display:block;width:100%;text-align:center;font-size:calc(var(--settings-text-xs) * 1.3);font-weight:600;font-variant-numeric:tabular-nums;line-height:1;opacity:.75;min-height:1em}@keyframes rec-badge-blink{0%,to{background:var(--surface);color:var(--sheet-fg)}50%{background:var(--rec);color:#fff}}@media(prefers-reduced-motion:reduce){.rec-badge{animation:none}}.camera-mode{margin:8px 0 0;padding-top:0}#bpmTrackPanel:not([hidden])+.camera-mode{margin-top:8px}.camera-mode[hidden],.camera-preview-modes[hidden],.camera-mode__error[hidden],.camera-mode-btn[hidden]{display:none!important}.camera-mode-btn{display:block;width:100%;height:calc(54 * var(--px));margin:0;border-radius:calc(12 * var(--px));font-size:calc(26 * var(--px));font-weight:700;cursor:pointer;border:1px solid var(--accent);color:var(--accent);background:transparent}.camera-mode-btn.is-on{border:none;background:var(--accent);color:var(--accent-fg)}.camera-mode-btn:disabled{opacity:.45;cursor:default}.camera-takes-btn{margin-top:8px}.camera-takes-btn.has-unsaved{border-color:var(--red);color:var(--red)}.camera-mode__error{margin:8px 0 0;text-align:center;font-size:var(--settings-text-sm);font-weight:600;color:var(--red)}.camera-toast{position:absolute;top:calc(10px + var(--ui-size) + 8px);left:12px;right:12px;z-index:80;margin:0 auto;max-width:var(--content-max);padding:10px 12px;border-radius:12px;border:2px solid color-mix(in srgb,#fff 55%,var(--accent));background:color-mix(in srgb,var(--danger) 92%,#000);color:#fff;font-size:calc(15 * var(--px));font-weight:700;line-height:1.3;text-align:center;box-shadow:0 0 0 1px color-mix(in srgb,#000 40%,transparent),0 8px 24px color-mix(in srgb,#000 45%,transparent);pointer-events:none}.camera-toast[hidden]{display:none!important}.camera-preview-modes{margin:8px 0 0}.camera-preview-modes__label{display:block;margin:0 0 6px;text-align:center;font-size:var(--settings-text-sm);opacity:.75}.camera-preview-modes__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.camera-preview-mode{height:calc(40 * var(--px));border-radius:calc(12 * var(--px));border:1px solid var(--accent);background:transparent;color:var(--accent);font-size:calc(16 * var(--px));font-weight:600;cursor:pointer;opacity:1}.camera-preview-mode.is-active{border:none;color:var(--accent-fg);background:var(--accent);opacity:1}.camera-mode__hint{margin:10px 0 0;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.2em;font-size:calc(16 * var(--px));opacity:.7;line-height:1.35}.camera-mode__hint span{display:block}.video-result-backdrop{z-index:86}.video-result-backdrop .feedback-sheet__title{font-size:calc(var(--settings-text) * 4 / 3);margin-bottom:10px}.video-result-backdrop .feedback-sheet__hint,.video-result-backdrop .feedback-sheet__status{font-size:calc(var(--settings-text) * 4 / 3);line-height:1.3}.video-result__actions{display:grid;grid-template-columns:1fr;gap:var(--ui-gap)}.video-result__actions .feedback-sheet__send,.video-result__actions .feedback-sheet__cancel{height:auto;min-height:calc(44 * var(--px));padding:10px 12px;font-size:calc(var(--dock-size) * 16 * .85 / 44);line-height:1.15}.video-result__send{background:var(--control);color:var(--control-fg)}.video-result__send--first{order:-1}.video-result__send[hidden],.video-result__progress[hidden]{display:none!important}.video-result__reject{background:color-mix(in srgb,var(--red) 18%,var(--surface));color:var(--red);border:1px solid color-mix(in srgb,var(--red) 45%,transparent)}.takes-backdrop{padding:max(8px,env(safe-area-inset-top)) 6px calc(8px + env(safe-area-inset-bottom));align-items:stretch}html[data-platform=android] .takes-backdrop{padding-top:max(8px,var(--android-status-inset));padding-bottom:calc(8px + var(--android-nav-inset))}.takes-sheet{display:flex;flex-direction:column;box-sizing:border-box;width:100%;max-width:none;height:min(94dvh,100%);max-height:min(94dvh,100%);margin-block:auto;overflow:hidden}.takes-sheet .feedback-sheet__title,.takes-sheet .feedback-sheet__hint,.takes-sheet .feedback-sheet__status,.takes-sheet .takes-save-music,.takes-sheet .takes-clear-music,.takes-sheet>.feedback-sheet__cancel{flex:0 0 auto}.takes-sheet .feedback-sheet__hint{overflow-wrap:anywhere}.takes-list{flex:1 1 auto;min-height:0;margin:0 0 12px;padding:0;list-style:none;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;display:grid;gap:8px;align-content:start}.takes-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:calc(12 * var(--px));background:var(--surface);border:1px solid transparent}.takes-row.is-unsaved{border-color:var(--accent)}.takes-row__meta{display:grid;gap:2px;min-width:0}.takes-row__title{font-weight:700;font-size:var(--settings-text-sm)}.takes-row__sub{font-size:var(--settings-text-xs);opacity:.75}.takes-row__actions{display:flex;gap:8px}.takes-row__btn{min-height:calc(36 * var(--px));padding:6px 12px;border-radius:calc(10 * var(--px));border:1px solid var(--accent);background:transparent;color:var(--accent);font-size:var(--settings-text-xs);font-weight:600;cursor:pointer}.takes-row__btn--danger{border-color:var(--red);color:var(--red)}.takes-save-music,.takes-clear-music{width:100%;margin:0 0 8px;min-height:calc(40 * var(--px));padding:8px 12px;border-radius:calc(12 * var(--px));border:1px solid var(--accent);background:transparent;color:var(--accent);font-size:var(--settings-text-sm);font-weight:600;cursor:pointer}.takes-clear-music{border-color:var(--red);color:var(--red)}.takes-save-music[hidden],.takes-clear-music[hidden]{display:none!important}.takes-save-music:disabled,.takes-clear-music:disabled{opacity:.45;cursor:not-allowed}.video-result__progress{height:6px;margin:0 0 10px;border-radius:999px;overflow:hidden;background:color-mix(in srgb,var(--sheet-fg) 14%,transparent)}.video-result__bar{width:0;height:100%;background:var(--accent);transition:width .2s linear}#bpmMetronomePanel[hidden],#bpmTrackPanel[hidden]{display:none!important}.settings{position:fixed;inset:0;background:var(--bg);color:var(--sheet-fg);z-index:15;display:grid;grid-template-columns:minmax(0,1fr) min(100%,var(--content-max)) minmax(0,1fr);grid-auto-rows:max-content;align-content:start;padding:var(--tg-content-safe-area-inset-top, env(safe-area-inset-top)) 16px env(safe-area-inset-bottom);overflow-y:auto;box-sizing:border-box}html[data-platform=android] .settings{padding-top:var(--android-status-inset);padding-bottom:calc(var(--android-gap-bottom) + var(--android-nav-inset))}.settings>*{grid-column:2;min-width:0;width:100%;box-sizing:border-box}.settings[hidden]{display:none}#colorSettingsView{background:#e8e8ea;color:#1a1a1c}[data-theme=dark] #colorSettingsView{background:#141416;color:#ececed}.settings-header{display:grid;grid-template-columns:var(--settings-row) 1fr var(--settings-row);align-items:center;gap:8px;padding:14px 0 12px}.settings-header h2{font-size:var(--settings-title);font-weight:700;line-height:1.2;text-align:center;margin:0;min-width:0}.settings-header-spacer{width:var(--settings-row);height:var(--settings-row)}.settings-back-chip{width:var(--settings-row);height:var(--settings-row);justify-self:end;padding:0;border:none;border-radius:12px;background:var(--control);color:var(--control-fg);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.settings-back-chip .ui-icon,.settings-back-chip svg{display:block;width:calc(var(--settings-row) * .46);height:calc(var(--settings-row) * .46);line-height:0}.settings-back-chip .ui-icon svg{width:100%;height:100%}.text-btn{border:none;background:transparent;color:var(--blue);font-size:var(--settings-text-sm);cursor:pointer;padding:4px 0}.settings-back{align-self:flex-end;display:inline-flex;align-items:center;gap:.12em;margin:4px 0 8px;padding:12px 4px 12px 20px;font-size:calc(var(--settings-text-sm) * 1.3);font-weight:400;line-height:1.2}.settings-back__chevron{display:inline-flex;width:.9em;height:.9em;line-height:0;transform:translateY(-.02em)}.settings-back__chevron svg{display:block;width:100%;height:100%}.settings-hint{opacity:.65;font-size:var(--settings-text-xs);margin:4px 0 14px}.settings-hint--center{text-align:center}.settings-hint.is-error{color:var(--red);opacity:1;font-weight:600}.theme-toggle{display:flex;gap:8px;margin:0 0 18px}.theme-toggle button{flex:1;min-height:var(--settings-row);height:auto;border:2px solid transparent;border-radius:12px;background:var(--tile-bg);color:var(--sheet-fg);font-size:var(--settings-text-sm);font-weight:700;cursor:pointer;padding:4px}.theme-toggle button.is-active{border-color:var(--control);color:var(--control)}.settings-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.settings-item{display:flex;align-items:center;gap:12px;box-sizing:border-box;min-height:var(--settings-row);padding:4px 12px;border-radius:12px;background:var(--tile-bg)}.settings-item.is-off{opacity:.5}.settings-item .si-icon{width:32px;height:32px;color:var(--tile-fg);flex:none}.settings-item .si-icon svg{width:100%;height:100%}.settings-item .si-text{flex:1;min-width:0}.settings-item .si-name{font-size:var(--settings-text-sm);font-weight:700;min-width:0;line-height:1.2}.settings-item .si-order{font-size:var(--settings-text-xs);opacity:.6}.si-actions{display:flex;align-items:center;gap:6px}.si-actions button{width:36px;height:36px;border:none;border-radius:8px;background:var(--surface);color:inherit;font-size:18px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0}.si-actions button .ui-icon{display:block;width:55%;height:55%;line-height:0}.si-actions button .ui-icon svg{display:block;width:100%;height:100%}.si-actions button:disabled{opacity:.3;cursor:default}.si-toggle{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box}.si-toggle.is-on{background:var(--control);color:var(--control-fg)}.si-toggle.is-off{background:transparent;border:2px solid var(--focus-line);opacity:.9}.si-toggle .si-check{display:block;width:18px;height:18px;line-height:0}.si-toggle .si-check svg{display:block;width:100%;height:100%}.si-dup{background:var(--surface)}.settings-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}.settings-dedupe{border:none;border-radius:12px;background:var(--surface);color:var(--sheet-fg);min-height:var(--settings-row);height:auto;padding:4px 14px;font-size:var(--settings-text-sm);font-weight:700;cursor:pointer;flex:none}.settings-dedupe:disabled{opacity:.4;cursor:default}.settings-footer .settings-back{margin:0;padding:12px 4px 12px 12px}.settings-add-step{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;margin:12px 0 0;min-height:var(--settings-row);height:auto;border:2px dashed color-mix(in srgb,var(--blue) 45%,transparent);border-radius:12px;background:transparent;color:var(--blue);font-size:var(--settings-text);font-weight:700;cursor:pointer;padding:4px 12px}.settings-add-step:disabled{opacity:.4;cursor:default}.settings-add-step__plus{display:inline-flex;width:1.1em;height:1.1em;line-height:0}.settings-add-step__plus svg{display:block;width:100%;height:100%}.template-list__item{cursor:pointer}.template-list__item .si-text{flex:1;min-width:0}.template-list__item .si-order{display:block;opacity:.65;font-size:calc(13 * var(--px));margin-top:calc(4 * var(--px));white-space:normal}.settings-seq-action{display:flex;align-items:center;justify-content:center;gap:10px;box-sizing:border-box;width:100%;min-height:var(--settings-row);margin:12px 0;border:none;color:var(--sheet-fg);font:inherit;font-size:var(--settings-text);font-weight:700;text-align:center;cursor:pointer;padding:4px 12px}.settings-seq-action__icon{display:inline-flex;align-items:center;justify-content:center;flex:none;width:32px;height:32px;border:2px solid color-mix(in srgb,var(--blue) 55%,transparent);border-radius:10px;color:var(--blue)}.settings-seq-action__icon .ui-icon,.settings-seq-action__icon svg{display:block;width:18px;height:18px}.settings-seq-action:disabled{opacity:.4;cursor:default}.settings-seq-action:active{transform:scale(.99)}.settings-seq-action+.settings-list{margin-top:4px}.settings-seq-action+.settings-add-step{margin-top:10px}.add-step-form{display:flex;flex-direction:column;gap:14px}.add-step-field{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:700}.add-step-field__row{display:flex;justify-content:space-between;opacity:.75}.add-step-count{font-weight:600;opacity:.7}.add-step-input{height:48px;border:2px solid transparent;border-radius:12px;background:var(--tile-bg);color:var(--sheet-fg);font-size:18px;font-weight:700;padding:0 14px;outline:none}.add-step-input:focus{border-color:var(--blue)}.add-step-label{margin:2px 0 0;font-size:14px;font-weight:700;opacity:.75}.add-step-icons{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.add-step-icon{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border:2px solid transparent;border-radius:12px;background:var(--tile-bg);color:var(--tile-fg);cursor:pointer;padding:8px}.add-step-icon svg{width:72%;height:72%}.add-step-icon.is-selected{border-color:var(--blue);color:var(--blue)}.add-step-submit{margin-top:8px;height:48px;border:none;border-radius:12px;background:var(--control);color:var(--control-fg);font-size:17px;font-weight:700;cursor:pointer}.add-step-submit:disabled{opacity:.4;cursor:default}.si-delete{color:var(--red)}.settings-menu{display:flex;flex-direction:column;gap:18px;padding:4px 0}.settings-menu-section{display:flex;flex-direction:column;gap:8px}.settings-menu-section[hidden]{display:none}.settings-section-title{margin:0;font-size:var(--settings-text-xs);font-weight:700;opacity:.6}.settings-menu-card{display:flex;align-items:center;gap:10px;width:100%;min-height:var(--settings-row);padding:4px 12px;border:2px solid transparent;border-radius:12px;background:var(--tile-bg);color:var(--sheet-fg);font-size:var(--settings-text);font-weight:700;text-align:left;line-height:1.2;cursor:pointer}.settings-menu-card--support{justify-content:center;gap:14px;margin-bottom:4px}html[data-platform=vk] .settings-menu-card--support{display:none!important}.settings-menu-card--support .settings-menu-card__label{flex:0 1 auto;text-align:center}.settings-support-star{display:inline-flex;align-items:center;justify-content:center;flex:none;width:28px;height:28px;color:gold}.settings-support-star .ui-icon{display:block;width:100%;height:100%}.settings-support-star .ui-icon svg{display:block;width:100%;height:100%}.settings-menu-card[hidden]{display:none!important}.settings-menu-card:active{transform:scale(.99)}.settings-menu-card--toggle:active{transform:none}.settings-menu-card__icon{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:var(--settings-row);height:var(--settings-row);padding:4px;border-radius:10px;background:var(--control);color:var(--control-fg);flex:none}.settings-menu-card__icon .ui-icon{display:block;width:100%;height:100%;line-height:0}.settings-menu-card__icon:has([data-icon=share]) .ui-icon{width:80%;height:80%;transform:translate(calc(-2 * var(--px)),calc(5 * var(--px)))}.settings-menu-card__icon:has([data-icon=motion]) .ui-icon{width:80%;height:80%}.settings-menu-card__icon .ui-icon svg{display:block;width:100%;height:100%}.settings-menu-card__icon--frame>svg{display:block;width:100%;height:100%}.settings-menu-card__icon--track{background:var(--accent);color:var(--accent-fg)}.settings-menu-card__icon--track-off{background:var(--surface);color:var(--sheet-fg)}.settings-count-haptics{display:flex;flex-direction:column;gap:10px;padding:12px 14px 14px;border-radius:calc(14 * var(--px));background:color-mix(in srgb,var(--sheet-fg) 6%,transparent)}.settings-count-haptics[hidden]{display:none!important}.settings-count-haptics__label{font-size:var(--settings-text-sm);font-weight:600;color:var(--sheet-fg)}.settings-count-haptics__digits{display:flex;flex-wrap:nowrap;justify-content:space-between;gap:4px;container-type:inline-size;--settings-count-haptic-size: min(40px, calc((100cqw - 28px)/8) )}.settings-count-haptic{box-sizing:border-box;flex:none;width:var(--settings-count-haptic-size);height:var(--settings-count-haptic-size);margin:0;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid color-mix(in srgb,var(--sheet-fg) 18%,transparent);background:color-mix(in srgb,var(--sheet-fg) 8%,transparent);color:color-mix(in srgb,var(--sheet-fg) 45%,transparent);font-size:calc(var(--settings-count-haptic-size) * .42);font-weight:700;font-variant-numeric:tabular-nums;line-height:1;cursor:pointer}.settings-count-haptic.is-on{border-color:transparent;background:var(--control);color:var(--control-fg)}.settings-menu-card__label{flex:1;min-width:0;line-height:1.25}.settings-menu-card__chevron{margin-left:auto;opacity:.45;display:inline-flex;width:28px;height:28px;flex:none;line-height:0}.settings-menu-card__chevron svg{display:block;width:100%;height:100%}.settings-menu-card--frame{justify-content:space-between;gap:20px}.settings-menu-card--frame .settings-menu-card__label{flex:1;min-width:0}.settings-frame-control{display:inline-flex;align-items:center;gap:8px;flex:none;margin-left:auto}.settings-menu-card--frame .settings-switch{margin-left:0;flex:none}.settings-frame-side{flex:none;font-size:calc(24 * var(--px));font-weight:600;white-space:nowrap}.settings-menu-card--frame[aria-pressed=false] .settings-frame-side:first-child{color:var(--accent)}.settings-menu-card--frame[aria-pressed=true] .settings-frame-side:last-child{color:var(--accent)}.settings-switch{margin-left:auto;flex:none;width:48px;height:28px;border-radius:14px;background:var(--surface-strong);position:relative;overflow:hidden;contain:layout;transition:background .18s ease}.settings-switch__knob{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:var(--sheet-fg);opacity:.35;transition:transform .18s ease,background .18s ease,opacity .18s ease}.settings-menu-card[aria-pressed=true] .settings-switch{background:var(--control)}.settings-menu-card[aria-pressed=true] .settings-switch__knob{transform:translate(20px);background:var(--control-fg);opacity:1}.color-scheme-list{display:flex;flex-direction:column;gap:8px;margin-top:4px}.color-scheme-option{display:flex;align-items:center;gap:10px;width:100%;min-height:var(--settings-row);padding:4px 12px;border:2px solid transparent;border-radius:12px;background:var(--tile-bg);color:var(--sheet-fg);text-align:left;cursor:pointer}.color-scheme-option.is-selected{border-color:var(--blue)}.color-scheme-option__swatches{display:flex;gap:6px;flex:none}.color-scheme-option__swatch{width:28px;height:28px;border-radius:6px;border:1px solid var(--focus-line)}.color-scheme-option__text{flex:1}.color-scheme-option__name{display:block;font-size:17px;font-weight:700}.color-scheme-option__hint{display:block;font-size:13px;opacity:.65;margin-top:2px}.color-scheme-option__check{display:inline-flex;width:22px;height:22px;color:var(--blue);opacity:0;line-height:0;flex:none}.color-scheme-option__check svg{display:block;width:100%;height:100%}.color-scheme-option.is-selected .color-scheme-option__check{opacity:1}.scheme-card-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:4px}.scheme-card{display:flex;flex-direction:column;gap:8px;min-width:0;padding:8px;border:2px solid var(--focus-line);border-radius:12px;background:var(--scheme-plate, var(--tile-bg));color:var(--scheme-sheet-fg, var(--sheet-fg));text-align:left;cursor:pointer}.scheme-card.is-selected{border-color:var(--scheme-control, var(--control))}.scheme-card__preview{display:flex;flex-direction:column;justify-content:flex-end;gap:4px;height:108px;padding:8px;border-radius:10px;background:var(--scheme-bg, var(--bg))}.scheme-card__plate{position:relative;height:28px;border-radius:7px;background:var(--scheme-plate, var(--plate-bg))}.scheme-card__plate--accent{height:18px;background:var(--scheme-accent, var(--accent))}.scheme-card__stripe{position:absolute;inset:0 28px 0 8px;height:5px;margin-block:auto;border-radius:2px;background:var(--scheme-plate-fg, var(--plate-fg))}.scheme-card__dot{position:absolute;right:7px;top:50%;width:6px;height:6px;border-radius:50%;background:var(--scheme-accent-fg, var(--accent-fg));transform:translateY(-50%)}.scheme-card__foot{display:flex;align-items:center;gap:6px}.scheme-card__name{flex:1;min-width:0;font-size:var(--settings-text-sm);font-weight:700;line-height:1.2}.scheme-card__check{display:inline-flex;width:18px;height:18px;color:var(--scheme-control, var(--control));opacity:0;flex:none;line-height:0}.scheme-card__check svg{display:block;width:100%;height:100%}.scheme-card.is-selected .scheme-card__check{opacity:1}