@import"https://fonts.googleapis.com/css2?family=Heebo:wght@400;700;800;900&family=Inter:wght@400;600;700;800;900&display=swap";:root{--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-display: "Heebo", "Inter", -apple-system, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;--shell-max: 1100px;--panel-radius: 16px;--panel-pad: 20px;--btn-radius: 8px;--gap: 8px;--pad-cols: 10;--pad-cols-sm: 5;--pad-h: 68px;--pad-h-sm: 58px;--pad-fs: .8rem;--pad-radius: 12px;--pad-pad: 6px;--pad-justify: center;--pad-text-align: center;--pad-name-weight: 700;--shadow-sm: 0 1px 3px rgb(0 0 0 / .06);--shadow-md: 0 4px 16px rgb(0 0 0 / .08);--shadow-lg: 0 8px 32px rgb(0 0 0 / .12);--panel-bg: var(--surface);--card-bg: var(--surface-alt);--inset-bg: var(--surface);--plate-bg: var(--surface);--dialog-bg: var(--surface);--field-bg: var(--surface-alt);--overlay: rgb(0 0 0 / .6);--grid-line: transparent;--halo: var(--accent);--pad-code-bg: rgb(0 0 0 / .16);--danger-soft: var(--surface-alt);--accent-ink: var(--accent);--danger-ink: var(--danger)}[data-layout=classic]{--pad-cols: 10;--pad-cols-sm: 5;--pad-h: 68px;--pad-h-sm: 58px;--pad-fs: .8rem;--pad-radius: 12px;--gap: 8px}[data-layout=uniform]{--pad-cols: 6;--pad-cols-sm: 3;--pad-h: 88px;--pad-h-sm: 76px;--pad-fs: .9rem;--pad-radius: 14px;--pad-pad: 12px;--gap: 12px;--panel-radius: 20px;--panel-pad: 24px;--btn-radius: 10px;--pad-justify: flex-end;--pad-text-align: start;--pad-name-weight: 700;--shell-max: 1080px}[data-layout=neo]{--pad-cols: 4;--pad-cols-sm: 2;--pad-h: 78px;--pad-h-sm: 70px;--pad-fs: 1rem;--pad-radius: 14px;--pad-pad: 14px;--gap: 10px;--panel-radius: 22px;--panel-pad: 22px;--btn-radius: 6px;--pad-justify: flex-end;--pad-text-align: start;--pad-name-weight: 800;--shell-max: 1240px}[data-theme=rainbow]{--bg: linear-gradient(120deg, #ff5f6d, #ffa751, #ffe259, #7bed9f, #54a0ff, #a55eea, #ff5f6d);--bg-size: 400% 400%;--bg-anim: prideShift 24s ease infinite;--surface: rgb(255 255 255 / .93);--surface-alt: #f5f0eb;--border: rgb(140 100 70 / .12);--border-strong: rgb(140 100 70 / .22);--accent: #d6006e;--accent-hover: #ad0059;--accent-glow: rgb(214 0 110 / .28);--accent-light: #ffe3f1;--accent-on: #ffffff;--text: #2d1f14;--text-secondary: #6c5b4d;--text-muted: #9d8c7c;--danger: #e54d2e;--danger-hover: #d13415;--pad-bg: linear-gradient(145deg, #ff6b6b, #e40303);--pad-fg: #ffffff;--pad-border: transparent;--pad-playing-bg: linear-gradient(145deg, #fff, #ffd9ff);--pad-playing-fg: #d6006e;--panel-shadow: 0 12px 40px rgb(60 0 80 / .28)}[data-theme=dark]{--bg: radial-gradient(1200px 600px at 20% -10%, #1b2430 0%, #0b0d10 60%);--bg-size: cover;--surface: #14181d;--surface-alt: #1b2027;--border: rgb(255 255 255 / .08);--border-strong: rgb(255 255 255 / .18);--accent: #7c9cff;--accent-hover: #6382f0;--accent-glow: rgb(124 156 255 / .3);--accent-light: rgb(124 156 255 / .14);--accent-on: #0b0d10;--text: #e7ebf2;--text-secondary: #9aa6b7;--text-muted: #6f7c8e;--danger: #f2614a;--danger-hover: #d94a34;--pad-bg: #1b2027;--pad-fg: #e7ebf2;--pad-border: rgb(255 255 255 / .1);--pad-playing-bg: #7c9cff;--pad-playing-fg: #0b0d10;--panel-shadow: 0 16px 48px rgb(0 0 0 / .5)}[data-theme=light]{--bg: #faf6f1;--bg-size: cover;--surface: #ffffff;--surface-alt: #f5f0eb;--border: rgb(140 100 70 / .1);--border-strong: rgb(140 100 70 / .2);--accent: #da7756;--accent-hover: #c4623f;--accent-glow: rgb(218 119 86 / .25);--accent-light: #f2ddd4;--accent-on: #ffffff;--text: #2d1f14;--text-secondary: #7a6b5d;--text-muted: #a89888;--danger: #e54d2e;--danger-hover: #d13415;--pad-bg: linear-gradient(145deg, #fff7f2, #ffe8db);--pad-fg: #2d1f14;--pad-border: rgb(140 100 70 / .12);--pad-playing-bg: linear-gradient(145deg, #da7756, #c4623f);--pad-playing-fg: #ffffff;--panel-shadow: 0 4px 16px rgb(45 31 20 / .08)}[data-theme=pink]{--bg: linear-gradient(160deg, #ffe3f1 0%, #ffd0e6 55%, #ffc2dd 100%);--bg-size: cover;--surface: #fff7fb;--surface-alt: #ffe9f3;--border: rgb(200 40 120 / .14);--border-strong: rgb(200 40 120 / .28);--accent: #e8368f;--accent-hover: #c81f74;--accent-glow: rgb(232 54 143 / .3);--accent-light: #ffd9ec;--accent-on: #ffffff;--text: #40122c;--text-secondary: #8a4a6d;--text-muted: #b57a99;--danger: #e0245e;--danger-hover: #bf1449;--pad-bg: linear-gradient(145deg, #ffb3d7, #ff7ab8);--pad-fg: #4a0d30;--pad-border: rgb(200 40 120 / .16);--pad-playing-bg: linear-gradient(145deg, #e8368f, #a3106a);--pad-playing-fg: #ffffff;--panel-shadow: 0 12px 36px rgb(160 20 90 / .18)}[data-theme=camo]{--bg: radial-gradient(420px 320px at 12% 18%, #4b5320 0%, transparent 60%), radial-gradient(520px 380px at 78% 30%, #5a4632 0%, transparent 62%), radial-gradient(460px 340px at 42% 82%, #78866b 0%, transparent 58%), #2a2e22;--bg-size: cover;--surface: #333828;--surface-alt: #3d422f;--border: rgb(237 233 220 / .12);--border-strong: rgb(237 233 220 / .26);--accent: #c2cc9b;--accent-hover: #a9b57f;--accent-glow: rgb(194 204 155 / .28);--accent-light: rgb(194 204 155 / .16);--accent-on: #23261b;--text: #ede9dc;--text-secondary: #bcb9a3;--text-muted: #8f8d78;--danger: #b5462f;--danger-hover: #96351f;--pad-bg: #4b5320;--pad-fg: #f2efe4;--pad-border: rgb(0 0 0 / .25);--pad-playing-bg: #c2cc9b;--pad-playing-fg: #23261b;--panel-shadow: 0 14px 40px rgb(0 0 0 / .45)}[data-theme=israel]{--bg: linear-gradient(180deg, #ffffff 0%, #eef4ff 100%);--bg-size: cover;--surface: #ffffff;--surface-alt: #eef3fd;--border: rgb(0 56 184 / .14);--border-strong: rgb(0 56 184 / .3);--accent: #0038b8;--accent-hover: #002b8f;--accent-glow: rgb(0 56 184 / .25);--accent-light: #dbe6ff;--accent-on: #ffffff;--text: #0d1b3d;--text-secondary: #40527f;--text-muted: #7385ad;--danger: #c62828;--danger-hover: #9d1f1f;--pad-bg: #0038b8;--pad-fg: #ffffff;--pad-border: rgb(0 56 184 / .35);--pad-playing-bg: #ffd400;--pad-playing-fg: #0d1b3d;--panel-shadow: 0 10px 30px rgb(0 56 184 / .18)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font-body);background:var(--bg);background-size:var(--bg-size, cover);background-attachment:fixed;animation:var(--bg-anim, none);color:var(--text);display:flex;flex-direction:column;align-items:center;gap:20px;padding:36px 16px 24px;min-height:100vh}.shell{width:min(var(--shell-max),95%)}h1{font-family:var(--font-display);font-size:clamp(34px,6vw,52px);font-weight:900;color:var(--accent-ink);letter-spacing:-1px;text-align:center}.panel{background:var(--surface);border-radius:var(--panel-radius);padding:var(--panel-pad);border:1px solid var(--border);box-shadow:var(--panel-shadow)}[data-theme=rainbow] .panel{backdrop-filter:blur(6px)}.ctrl-btn,.ctrl-btn-red,.rec-btn{font-family:inherit;font-weight:700;font-size:.85rem;padding:9px 14px;border-radius:var(--btn-radius);cursor:pointer;transition:transform .15s ease,background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease}.ctrl-btn,.rec-btn{background:var(--surface);color:var(--text);border:1px solid var(--border-strong)}.ctrl-btn:hover,.rec-btn:hover{background:var(--surface-alt);border-color:var(--accent);color:var(--accent-ink);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.ctrl-btn-red{background:var(--danger);color:#fff;border:1px solid transparent}.ctrl-btn-red:hover{background:var(--danger-hover);transform:translateY(-1px)}.mode-btn{padding:7px 12px;border-radius:999px;border:1px solid var(--border-strong);background:var(--surface);color:var(--text-secondary);font:700 .8rem/1 var(--font-body);cursor:pointer;transition:all .15s ease}.mode-btn:hover{border-color:var(--accent);color:var(--accent-ink)}.mode-btn.active{background:var(--accent);color:var(--accent-on);border-color:var(--accent);box-shadow:0 2px 8px var(--accent-glow)}.saver-toggle{padding:8px 14px;border-radius:999px;border:1px solid var(--accent);background:var(--accent);color:var(--accent-on);font:700 .8rem/1 var(--font-body);cursor:pointer;transition:all .15s ease;box-shadow:0 2px 8px var(--accent-glow)}.saver-toggle:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.saver-toggle.panel-open{background:var(--surface);color:var(--text-muted);border-color:var(--border-strong);box-shadow:none;cursor:default}.saver-toggle.panel-open:hover{background:var(--surface);transform:none}.looper-big-btn{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--accent),var(--accent-hover));color:var(--accent-on);padding:12px 24px;border-radius:var(--btn-radius);font:800 1rem/1 var(--font-body);letter-spacing:.04em;border:none;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 4px 16px var(--accent-glow)}.looper-big-btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px var(--accent-glow)}.looper-big-btn.glow{animation:looperPulse 2s infinite alternate}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.hidden{display:none!important}.appearance{display:flex;flex-wrap:wrap;gap:14px 22px;align-items:center;justify-content:center;margin-top:6px}.appearance-group{display:flex;gap:8px;align-items:center}.appearance-label{font:700 .75rem/1 var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)}.layout-btn{font:700 .82rem/1 var(--font-body);padding:11px 16px;min-height:44px;border-radius:999px;border:1px solid var(--border-strong);background:var(--surface);color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.layout-btn:hover{border-color:var(--accent);color:var(--accent-ink)}.layout-btn.is-active{background:var(--accent);border-color:var(--accent);color:var(--accent-on)}.layout-btn.is-active:before{content:"✓ "}.swatch{width:44px;height:44px;border-radius:50%;border:2px solid var(--border-strong);cursor:pointer;padding:0;position:relative;transition:transform .15s ease,border-color .15s ease}.swatch:hover{transform:scale(1.08)}.swatch.is-active{border-color:var(--text);border-width:3px}.swatch.is-active:after{content:"✓";position:absolute;inset:0;display:grid;place-items:center;font-size:1rem;font-weight:900;color:#fff;text-shadow:0 1px 3px rgb(0 0 0 / .6)}.swatch-rainbow{background:conic-gradient(#e40303,#ff8c00,#ffed00,#008026,#24408e,#732982,#e40303)}.swatch-dark{background:linear-gradient(135deg,#0b0d10 50%,#7c9cff 50%)}.swatch-light{background:linear-gradient(135deg,#faf6f1 50%,#da7756 50%)}.swatch-pink{background:linear-gradient(135deg,#ffd0e6 50%,#e8368f 50%)}.swatch-camo{background:conic-gradient(#4b5320 0 25%,#78866b 0 50%,#5a4632 0 75%,#8f9779 0)}.swatch-israel{background:linear-gradient(180deg,#0038b8 0 28%,#fff 0 72%,#0038b8 0)}.clock-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(268px,.86fr);align-items:stretch;gap:22px;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--panel-radius);padding:20px}.clock-hero{display:flex;flex-direction:column;justify-content:space-between;gap:14px;min-width:0}.clock-label-row{display:flex;align-items:center;justify-content:space-between;gap:10px;direction:ltr}.clock-live{display:inline-flex;align-items:center;gap:6px;color:var(--accent-ink);font:800 .62rem/1 var(--font-mono);letter-spacing:.1em}.clock-readout{display:flex;align-items:flex-end;gap:12px;direction:ltr;font-variant-numeric:tabular-nums}.clock-time{font:900 clamp(3rem,6vw,4.4rem)/.84 var(--font-display);letter-spacing:-.05em;color:var(--text)}.clock-secs{display:grid;gap:3px;padding-bottom:.3rem}.clock-seconds{font:700 1.25rem/1 var(--font-mono);color:var(--accent-ink)}.clock-seconds-label{font:800 .58rem/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted)}.clock-date{color:var(--text-secondary);font:700 .78rem/1 var(--font-body)}.alarm-block{display:flex;flex-direction:column;gap:12px;padding-inline-start:22px;border-inline-start:1px solid var(--border)}.alarm-heading{display:grid;gap:6px}.alarm-title{font:800 .95rem/1 var(--font-display);color:var(--text)}.time-adjust{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:6px;direction:ltr;background:var(--inset-bg);padding:10px 10px 8px;border-radius:12px;border:1px solid var(--border)}.time-box{display:grid;justify-items:center;gap:4px}.time-value{font:900 2rem/1 var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.03em;color:var(--accent-ink);min-width:2.4ch;text-align:center}.time-unit{font:800 .56rem/1 var(--font-mono);color:var(--text-muted);letter-spacing:.14em;text-transform:uppercase}.time-colon{font:900 1.7rem/1 var(--font-mono);color:var(--text-muted);align-self:center;margin-bottom:13px}.adjust-btn{position:relative;width:100%;max-width:68px;height:30px;display:grid;place-items:center;border-radius:8px;border:1px solid var(--border-strong);background:var(--card-bg);color:var(--text-secondary);font:800 1rem/1 var(--font-body);cursor:pointer;transition:all .12s ease}.adjust-btn:before{content:"";position:absolute;inset:-7px -6px}.adjust-btn:hover{background:var(--accent-light);border-color:var(--accent);color:var(--accent-ink)}.alarm-state{display:flex;align-items:center;gap:8px;font:700 .76rem/1.3 var(--font-body);color:var(--text-secondary)}.alarm-state:before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:var(--text-muted)}.alarm-state[data-on=true]{color:var(--accent-ink)}.alarm-state[data-on=true]:before{content:"";background:var(--accent);box-shadow:0 0 10px var(--accent-glow)}.alarm-countdown{margin-inline-start:auto;color:var(--text-muted);font:800 .68rem/1 var(--font-mono);letter-spacing:.04em;white-space:nowrap}.alarm-actions{display:grid;grid-template-columns:1.35fr 1fr;gap:8px}.alarm-actions>button{width:100%;white-space:nowrap}.top-controls{display:flex;gap:16px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;direction:ltr}.transport{display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.mode-controls{display:flex;gap:4px;align-items:center}.volume-control{display:flex;gap:8px;align-items:center}.volume-control label{font:700 .8rem/1 var(--font-body);color:var(--text-secondary)}#volVal{font:700 .8rem/1 var(--font-mono);color:var(--text-secondary);min-width:42px;text-align:center}input[type=range]{-webkit-appearance:none;appearance:none;width:110px;height:6px;background:var(--border-strong);border-radius:3px;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--accent);cursor:pointer;border:2px solid var(--surface);box-shadow:0 1px 4px #00000026}input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--accent);cursor:pointer;border:2px solid var(--surface)}.mid-buttons{display:flex;gap:8px;align-items:center;justify-content:center;margin-top:16px;flex-wrap:wrap}.mid-buttons a{text-decoration:none}.soundboard{display:grid;grid-template-columns:repeat(var(--pad-cols),minmax(0,1fr));gap:var(--gap);margin-top:18px}.pad-wrap{position:relative;min-width:0}.pad{position:relative;width:100%;height:var(--pad-h);padding:var(--pad-pad);display:flex;flex-direction:column;justify-content:var(--pad-justify);align-items:stretch;text-align:var(--pad-text-align);gap:2px;overflow:hidden;border-radius:var(--pad-radius);border:1px solid var(--pad-border);background:var(--pad-bg);color:var(--pad-fg);font-family:var(--font-display);cursor:pointer;touch-action:none;user-select:none;appearance:none;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.pad::-moz-focus-inner{border:0}.pad-name{font-size:var(--pad-fs);font-weight:var(--pad-name-weight);line-height:1.15;position:relative;z-index:1}.pad-code{font:700 .62rem/1 var(--font-mono);letter-spacing:.08em;position:relative;z-index:1}.pad-meter{position:absolute;inset-inline-start:0;bottom:0;height:3px;width:0;background:var(--pad-playing-fg);opacity:0}.pad:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.pad:active{transform:scale(.97)}.pad.playing{background:var(--pad-playing-bg);color:var(--pad-playing-fg);box-shadow:0 4px 22px var(--accent-glow)}.pad.playing .pad-meter{opacity:1;width:100%}@media (prefers-reduced-motion: no-preference){.pad.playing .pad-meter{animation:cueLevel 1.1s ease-in-out infinite alternate}}[data-layout=classic] .pad{align-items:center;justify-content:center}[data-layout=classic] .pad-name{text-align:center}[data-layout=classic] .pad-code{display:none}[data-layout=uniform] .pad{border-width:1px;box-shadow:var(--shadow-sm)}[data-layout=uniform] .pad-code{position:absolute;top:8px;inset-inline-end:10px}[data-layout=neo] .pad{display:grid;grid-template-columns:48px 1fr;align-items:stretch;padding:0}[data-layout=neo] .pad-code{display:grid;place-items:center;background:var(--pad-code-bg);font-size:.95rem;font-weight:800;letter-spacing:.06em}[data-layout=neo] .pad-name{display:flex;align-items:center;padding-inline:14px;letter-spacing:-.01em}[data-layout=neo] .pad-meter{height:4px}.looper-frame{margin-top:12px;border:1px solid var(--border);background:var(--surface-alt);padding:12px;border-radius:var(--btn-radius);display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap}.looper-frame label{font:700 .8rem/1 var(--font-body);color:var(--text-secondary)}#loopMs{width:100px;padding:7px 10px;border-radius:6px;border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font:600 .85rem/1 var(--font-mono)}.col-headers{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--gap);margin-top:12px}.col-header{display:flex;flex-direction:column;align-items:center;gap:6px}.col-header label{font:700 .8rem/1 var(--font-body);color:var(--text-secondary)}.col-checkbox{width:20px;height:20px;accent-color:var(--accent)}.seq-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--gap);margin-top:8px}.seq-cell{background:var(--surface);border:2px solid var(--border);border-radius:var(--btn-radius);padding:8px;min-height:72px;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:box-shadow .15s ease,border-color .15s ease}.cell-title{display:flex;gap:8px;align-items:center;justify-content:space-between;font:700 .78rem/1 var(--font-body);color:var(--text-secondary);margin-bottom:6px}.cell-clear{font-size:.72rem;padding:4px 8px}.selected-summary{font:600 .8rem/1.3 var(--font-body);color:var(--text);min-height:32px;overflow:auto;padding:6px;background:var(--surface-alt);border-radius:6px;border:1px solid var(--border)}.seq-cell.col-active{box-shadow:0 4px 20px var(--accent-glow);border-color:var(--accent)}.seq-cell.drop-target{outline:3px dashed var(--accent)}.drag-ghost{position:fixed;pointer-events:none;z-index:99999;background:var(--surface);padding:8px 14px;border-radius:var(--btn-radius);border:1px solid var(--border-strong);box-shadow:var(--shadow-lg);transform:translate(-50%,-50%);font-weight:800;color:var(--text)}.timer-display{font:800 .95rem/1 var(--font-mono);color:var(--text-secondary);text-align:center;min-width:90px}small.note{display:block;text-align:center;margin-top:10px;color:var(--text-muted);font-size:.82rem}.saver-floating{position:fixed;right:18px;bottom:18px;z-index:100000;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);border-radius:var(--panel-radius);padding:8px;min-width:260px;max-width:420px}.saver-handle{cursor:grab;padding:4px 8px;border-radius:var(--btn-radius);font-weight:800;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:32px;color:var(--text)}#saverCloseBtn{background:none;border:none;cursor:pointer;color:var(--text-muted);font-size:1rem;line-height:1;padding:4px 6px;border-radius:4px;transition:color .15s}#saverCloseBtn:hover{color:var(--danger)}.saver-body{display:flex;flex-direction:column;gap:6px}.saver-body .looper-frame{margin-top:0;flex-direction:column;align-items:stretch;padding:8px;background:transparent;border:none}.rec-row{display:flex;gap:6px;align-items:center;justify-content:space-between;flex-wrap:wrap}.rec-group{display:flex;gap:6px;flex-wrap:wrap}#recTimer{font:900 .95rem/1 var(--font-mono);color:var(--accent-ink)}#recInfo{font:700 .82rem/1 var(--font-body);color:var(--text-secondary)}.share-dialog{position:fixed;inset:0;z-index:100001;display:flex;align-items:center;justify-content:center;padding:16px;background:var(--overlay);direction:rtl}.share-dialog-card{width:min(460px,100%);background:var(--surface);color:var(--text);border-radius:var(--panel-radius);padding:20px;box-shadow:var(--shadow-lg);border:1px solid var(--border)}.share-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.share-dialog-head h2{font:800 1.2rem/1.2 var(--font-display)}.share-dialog-close{width:44px;height:44px;border:0;border-radius:50%;background:var(--surface-alt);color:var(--text);font-size:1.1rem;cursor:pointer}.share-dialog-close:hover{background:var(--accent-light);color:var(--accent-ink)}.share-dialog-phrase{font:800 1rem/1.3 var(--font-display);color:var(--accent-ink);margin-bottom:10px}.share-dialog-url{width:100%;direction:ltr;text-align:left;border:1px solid var(--border-strong);border-radius:var(--btn-radius);padding:11px 12px;background:var(--surface-alt);color:var(--text);font:600 .85rem/1.3 var(--font-mono)}.share-dialog-actions{display:flex;gap:8px;margin-top:12px}.share-dialog-status{min-height:1.4em;margin-top:10px;color:var(--text-secondary);font-size:.85rem}.autoplay-prompt{position:fixed;left:50%;top:18px;z-index:100002;transform:translate(-50%);display:flex;align-items:center;gap:12px;max-width:calc(100% - 32px);padding:10px 12px;background:var(--surface);color:var(--text);border-radius:var(--btn-radius);box-shadow:var(--shadow-lg);border:1px solid var(--border-strong);direction:rtl}.autoplay-prompt-text{font:700 .85rem/1.3 var(--font-body)}#rv_toast{position:fixed;bottom:18px;left:50%;transform:translate(-50%);background:var(--text);color:var(--surface);padding:10px 18px;border-radius:var(--btn-radius);z-index:99999;font:600 .9rem/1 var(--font-body);opacity:0;pointer-events:none;transition:opacity .3s ease}#rv_toast.is-visible{opacity:1}[data-theme=rainbow] body:before{content:"";position:fixed;top:0;left:0;right:0;height:8px;z-index:99998;background:linear-gradient(180deg,#e40303 0 16.6%,#ff8c00 16.6% 33.3%,#ffed00 33.3% 50%,#008026 50% 66.6%,#24408e 66.6% 83.3%,#732982 83.3% 100%)}[data-theme=rainbow] header.shell{padding:16px 20px;border:1px solid var(--border);border-radius:var(--panel-radius);background:#ffffffdb;backdrop-filter:blur(6px)}[data-theme=rainbow] h1{background:linear-gradient(90deg,#e40303,#c46200,#8a7f00,#008026,#24408e,#732982,#e40303);background-size:300% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:prideSlide 8s linear infinite;filter:drop-shadow(0 2px 4px rgb(0 0 0 / .25))}[data-theme=rainbow] .looper-big-btn{background:linear-gradient(90deg,#e40303,#ac5e00,#7d7400,#008026,#24408e,#732982);background-size:300% auto;animation:prideSlide 8s linear infinite;color:#fff}[data-theme=rainbow] .pad{text-shadow:0 1px 3px rgb(0 0 0 / .35)}[data-theme=rainbow] .pad-wrap:nth-child(6n+1) .pad{background:linear-gradient(145deg,#e40303,#a80202)}[data-theme=rainbow] .pad-wrap:nth-child(6n+2) .pad{background:linear-gradient(145deg,#ffa94d,#f07800);color:#3a1e00;text-shadow:none}[data-theme=rainbow] .pad-wrap:nth-child(6n+3) .pad{background:linear-gradient(145deg,#ffe259,#e6c800);color:#5a4a00;text-shadow:none}[data-theme=rainbow] .pad-wrap:nth-child(6n+4) .pad{background:linear-gradient(145deg,#008026,#005c1b)}[data-theme=rainbow] .pad-wrap:nth-child(6n+5) .pad{background:linear-gradient(145deg,#24408e,#1a3068)}[data-theme=rainbow] .pad-wrap:nth-child(6n) .pad{background:linear-gradient(145deg,#732982,#551e5f)}[data-theme=rainbow] .pad-wrap .pad.playing{background:var(--pad-playing-bg);color:var(--pad-playing-fg);text-shadow:none;box-shadow:0 0 24px #ffffffe6,0 0 48px #ff2fb3}[data-theme=camo] .pad-wrap:nth-child(4n+1) .pad{background:#4b5320}[data-theme=camo] .pad-wrap:nth-child(4n+2) .pad{background:#5f6a54}[data-theme=camo] .pad-wrap:nth-child(4n+3) .pad{background:#5a4632}[data-theme=camo] .pad-wrap:nth-child(4n) .pad{background:#8f9779;color:#23261b}[data-theme=camo] .pad-wrap .pad.playing{background:var(--pad-playing-bg);color:var(--pad-playing-fg)}[data-theme=israel] .pad-wrap:nth-child(2n) .pad{background:#fff;color:#0d1b3d;border-color:#0038b859}[data-theme=israel] .pad-wrap .pad.playing{background:var(--pad-playing-bg);color:var(--pad-playing-fg);border-color:var(--accent)}[data-theme=israel] body:before,[data-theme=israel] body:after{content:"";position:fixed;left:0;right:0;height:10px;background:#0038b8;z-index:99998}[data-theme=israel] body:before{top:0}[data-theme=israel] body:after{bottom:0}[data-theme=dark] .pad:hover,[data-theme=light] .pad:hover,[data-theme=pink] .pad:hover{border-color:var(--accent)}@media (max-width: 640px){body{padding:44px 8px 12px;gap:12px}:root,[data-layout]{--pad-cols: var(--pad-cols-sm);--pad-h: var(--pad-h-sm)}.top-controls{flex-direction:column;align-items:stretch}.transport,.clock-card{justify-content:center}.col-headers,.seq-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.seq-cell{min-height:56px;padding:6px}.saver-floating{width:calc(100% - 32px);left:16px;right:auto;bottom:12px;min-width:0}[data-layout=neo]{--pad-h-sm: 84px}[data-layout=neo] .pad{grid-template-columns:38px 1fr}[data-layout=neo] .pad-code{font-size:.85rem}[data-layout=neo] .pad-name{font-size:.85rem;padding-inline:10px 12px}}@media (max-width: 380px){.pad{font-size:.7rem}}@keyframes prideShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes prideSlide{0%{background-position:0% 50%}to{background-position:300% 50%}}@keyframes looperPulse{0%{box-shadow:0 4px 16px var(--accent-glow)}to{box-shadow:0 8px 32px var(--accent-glow);transform:translateY(-2px)}}@keyframes cueLevel{0%{opacity:.55}to{opacity:1}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition-duration:.01ms!important}body{background-attachment:scroll}.pad:hover,.ctrl-btn:hover,.looper-big-btn:hover{transform:none}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}[data-theme=dark]{--bg: #080b0d;--surface: #11171a;--surface-alt: #182125;--border: rgb(215 232 226 / .1);--border-strong: rgb(215 232 226 / .2);--accent: #c7f36b;--accent-hover: #ddff92;--accent-glow: rgb(199 243 107 / .22);--accent-light: rgb(199 243 107 / .12);--accent-on: #10150d;--text: #eaf2ed;--text-secondary: #99aaa5;--text-muted: #64726f;--danger: #ff6f61;--danger-hover: #ff8f84;--pad-bg: linear-gradient(145deg, #1b292e, #121c20);--pad-fg: #eaf2ed;--pad-border: rgb(215 232 226 / .12);--pad-playing-bg: #c7f36b;--pad-playing-fg: #10150d;--panel-shadow: 0 24px 70px rgb(0 0 0 / .38);--panel-radius: 20px;--btn-radius: 10px;--panel-bg: rgb(13 19 22 / .88);--card-bg: linear-gradient(145deg, rgb(26 37 41 / .96), rgb(15 22 25 / .96));--inset-bg: rgb(8 11 13 / .52);--plate-bg: rgb(17 23 26 / .72);--dialog-bg: #11191c;--field-bg: #0a1012;--overlay: rgb(2 5 6 / .78);--grid-line: rgb(255 255 255 / .025);--pad-code-bg: rgb(199 243 107 / .08);--danger-soft: #2a1f1e;--accent-ink: #c7f36b;--danger-ink: #ff8f84;--text-muted: #808f8c}[data-theme=rainbow]{--panel-bg: rgb(255 255 255 / .93);--card-bg: #f6f1ec;--inset-bg: #ece4db;--plate-bg: rgb(255 255 255 / .92);--dialog-bg: #fffaf6;--field-bg: #f5f0eb;--overlay: rgb(45 31 20 / .6);--pad-code-bg: rgb(0 0 0 / .22);--danger-soft: #fbe9e5;--accent-ink: #bd0061;--danger-ink: #bd3315;--text-secondary: #5f4f42;--text-muted: #6b5b4d;--pad-playing-bg: #ffffff;--pad-playing-fg: #c80067}[data-theme=light]{--panel-bg: #ffffff;--card-bg: #f7f2ec;--inset-bg: #efe7de;--plate-bg: #ffffff;--dialog-bg: #ffffff;--field-bg: #f5f0eb;--overlay: rgb(45 31 20 / .55);--pad-code-bg: rgb(45 31 20 / .09);--danger-soft: #fbeae6;--accent-ink: #a03f1b;--danger-ink: #b3300f;--accent-hover: #e8916f;--accent-on: #2d1f14;--text-secondary: #6f6154;--text-muted: #71614f;--pad-playing-bg: linear-gradient(145deg, #eb9d80, #e08a68);--pad-playing-fg: #2d1f14}[data-theme=pink]{--accent: #d81878;--accent-hover: #c81f74;--panel-bg: #fff7fb;--card-bg: #ffeef6;--inset-bg: #ffe1ee;--plate-bg: #fff7fb;--dialog-bg: #fff7fb;--field-bg: #ffe9f3;--overlay: rgb(64 18 44 / .6);--pad-code-bg: rgb(64 18 44 / .12);--danger-soft: #fce4ec;--accent-ink: #b31468;--danger-ink: #ad1544;--text-secondary: #7f4364;--text-muted: #85486a}[data-theme=camo]{--panel-bg: #333828;--card-bg: #3a4030;--inset-bg: #262a1f;--plate-bg: rgb(38 42 31 / .9);--dialog-bg: #333828;--field-bg: #242719;--overlay: rgb(10 12 8 / .74);--pad-code-bg: rgb(0 0 0 / .3);--danger-soft: #463a33;--accent-ink: #c2cc9b;--danger-ink: #f0b3a6;--text-muted: #b3b2a2}[data-theme=israel]{--panel-bg: #ffffff;--card-bg: #f3f7ff;--inset-bg: #e6eefb;--plate-bg: #ffffff;--dialog-bg: #ffffff;--field-bg: #eef3fd;--overlay: rgb(13 27 61 / .6);--pad-code-bg: rgb(13 27 61 / .1);--danger-soft: #fbe8e8;--accent-ink: #0038b8;--danger-ink: #b41f1f;--text-muted: #536690}[data-theme=dark] body{background-color:var(--bg);background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px),radial-gradient(900px 480px at 50% -20%,rgb(58 90 82 / .32),transparent 72%);background-size:32px 32px,32px 32px,auto}body:before{content:"";position:fixed;inset:0 0 auto;height:3px;z-index:99998;background:var(--halo);box-shadow:0 0 24px var(--accent-glow)}body{gap:24px;padding:28px 16px 36px;color:var(--text)}header.shell{display:grid;gap:18px}.masthead-meta,.clock-label-row,.transport-panel-head,.board-header,.tool-group,.masthead-main{display:flex;align-items:center}.masthead-meta{gap:12px;direction:ltr;color:var(--text-muted);font:800 .66rem/1 var(--font-mono);letter-spacing:.13em}.brand-chip{color:var(--accent-on);background:var(--accent);border-radius:5px;padding:6px 8px;letter-spacing:.04em}.system-status{display:inline-flex;align-items:center;gap:6px;margin-inline-start:auto}.system-status i,.clock-live i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent-glow)}.masthead-main{justify-content:space-between;gap:24px;direction:rtl}.masthead-main h1{margin-top:6px;color:var(--text);font-size:clamp(2.1rem,5vw,4.2rem);line-height:.98;letter-spacing:-.06em;text-align:start}.masthead-subtitle{margin-top:10px;color:var(--text-secondary);font-size:.92rem}.section-kicker,.tool-group-label{color:var(--text-muted);font:800 .63rem/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase}.appearance{justify-content:flex-end;gap:8px;margin-top:0;padding:8px;border:1px solid var(--border);border-radius:12px;background:var(--plate-bg)}.appearance-group{gap:5px}.appearance-label{margin-inline:5px;color:var(--text-muted);font-size:.62rem}.layout-btn{min-height:34px;padding:8px 10px;border-color:transparent;background:transparent;color:var(--text-secondary);font-size:.72rem}.layout-btn.is-active{background:var(--accent);color:var(--accent-on)}.swatch{width:30px;height:30px;border-width:1px}.control-deck{display:grid;grid-template-columns:minmax(320px,1.1fr) minmax(300px,.9fr);align-items:stretch;gap:12px;direction:rtl}.clock-card,.transport-panel{min-height:180px;border:1px solid var(--border);border-radius:16px;background:var(--card-bg);box-shadow:inset 0 1px #ffffff0a}.transport-panel{display:flex;flex-direction:column;justify-content:space-between;gap:20px;padding:20px}.transport-panel-head{justify-content:space-between;gap:12px}.transport-panel-head h2{margin-top:8px;color:var(--text);font:800 1rem/1 var(--font-display)}.saver-toggle{padding:9px 12px;border-color:var(--border-strong);background:var(--surface-alt);color:var(--text-secondary);box-shadow:none;font-size:.72rem}.saver-toggle:hover,.saver-toggle.panel-open{border-color:var(--accent);background:var(--accent-light);color:var(--accent-ink)}.transport{flex-direction:column;align-items:stretch;gap:0;direction:ltr}.transport-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 0}.transport-row+.transport-row{border-top:1px solid var(--border)}.transport-panel>.saver-toggle{width:100%;min-height:40px}.mode-controls{gap:5px;padding:4px;border:1px solid var(--border);border-radius:10px;background:var(--inset-bg)}.mode-btn{min-height:34px;padding:7px 9px;border-color:transparent;background:transparent;color:var(--text-muted);font-size:.67rem}.mode-btn.active{background:var(--accent);color:var(--accent-on);box-shadow:none}.volume-control{gap:8px;color:var(--text-muted)}.volume-control label,#volVal{color:var(--text-muted);font-size:.67rem}input[type=range]{width:auto;background:var(--border-strong)}.volume-control{flex:1;justify-content:flex-end}.volume-control label,#volVal{flex:none}.volume-control input[type=range]{flex:1 1 auto;min-width:0;max-width:160px}input[type=range]::-webkit-slider-thumb,input[type=range]::-moz-range-thumb{background:var(--accent)}.panel{padding:24px;border-color:var(--border);background:var(--panel-bg)}.board-header{justify-content:space-between;gap:20px;direction:rtl}.board-heading{display:grid;gap:8px}.board-heading h2{color:var(--text);font:800 clamp(1.4rem,3vw,2rem)/1 var(--font-display);letter-spacing:-.04em}.board-heading p{color:var(--text-secondary);font-size:.82rem}.board-header-actions{display:flex;align-items:center;gap:14px;direction:ltr}.board-count{color:var(--text-muted);font:700 .72rem/1 var(--font-mono);white-space:nowrap}.board-count strong{color:var(--accent-ink);font-size:1.05rem}.share-primary{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 15px;border:1px solid var(--accent);border-radius:var(--btn-radius);background:var(--accent);color:var(--accent-on);cursor:pointer;font:800 .76rem/1 var(--font-body);transition:transform .15s ease,background .15s ease,box-shadow .15s ease}.share-primary svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.8}.share-primary:hover{background:var(--accent-hover);box-shadow:0 6px 22px var(--accent-glow);transform:translateY(-1px)}.soundboard{margin-top:22px;gap:8px}.pad{min-height:var(--pad-h);border-color:var(--pad-border);box-shadow:inset 0 1px #ffffff0a}.pad:hover{border-color:var(--accent);box-shadow:0 8px 24px #0000003d,inset 0 1px #ffffff14}.pad-code{color:inherit}[data-layout=neo] .pad{min-height:76px;grid-template-columns:52px 1fr}[data-layout=neo] .pad-name{padding-inline:16px}.pad.playing{background:var(--pad-playing-bg);color:var(--pad-playing-fg);box-shadow:0 0 0 1px var(--accent),0 8px 30px var(--accent-glow)}.pad-meter{opacity:1}.pad.playing .pad-meter{width:100%;min-width:100%;opacity:1!important}.pad.playing .pad-name,.pad.playing .pad-code{color:var(--pad-playing-fg)}.pad.playing .pad-code{background:transparent;background:color-mix(in srgb,var(--pad-playing-fg) 10%,transparent)}.mid-buttons{justify-content:space-between;margin-top:18px;padding-top:18px;border-top:1px solid var(--border)}.tool-group{flex-wrap:wrap;gap:7px}.tool-group-label{width:100%;margin-bottom:2px}.tool-group-secondary{justify-content:flex-end}.ctrl-btn,.ctrl-btn-red,.rec-btn{min-height:40px;padding:9px 12px;border-color:var(--border-strong);background:var(--surface-alt);color:var(--text-secondary);font-size:.73rem}.ctrl-btn:hover,.rec-btn:hover{border-color:var(--accent);background:var(--accent-light);color:var(--accent-ink)}.ctrl-btn-red{background:var(--danger-soft);border-color:var(--danger-ink);border-color:color-mix(in srgb,var(--danger-ink) 78%,transparent);color:var(--danger-ink)}.ctrl-btn.alarm-arm{border-color:var(--accent);background:var(--accent);color:var(--accent-on)}.ctrl-btn.alarm-arm:hover{border-color:var(--accent-hover);background:var(--accent-hover);color:var(--accent-on);box-shadow:0 6px 18px var(--accent-glow)}.ctrl-btn-red:hover{background:var(--danger-soft);border-color:var(--danger-ink);box-shadow:0 4px 14px color-mix(in srgb,var(--danger-ink) 26%,transparent);color:var(--danger-ink)}.looper-big-btn{min-height:44px;padding:11px 16px;border-radius:var(--btn-radius);background:var(--accent);color:var(--accent-on);box-shadow:none;font-size:.78rem}.looper-big-btn:hover{background:var(--accent-hover);box-shadow:0 6px 22px var(--accent-glow)}.share-dialog{background:var(--overlay);backdrop-filter:blur(10px)}.share-dialog-card{width:min(620px,100%);max-height:min(740px,calc(100dvh - 32px));overflow:auto;padding:24px;border-color:var(--border-strong);background:var(--dialog-bg)}.share-dialog-head{align-items:flex-start;margin-bottom:18px}.share-dialog-head h2{margin-top:8px;font-size:1.5rem}.share-dialog-close{background:var(--surface-alt);color:var(--text-secondary)}.share-dialog-intro{max-width:46ch;margin-bottom:16px;color:var(--text-secondary);font-size:.85rem;line-height:1.6}.share-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.share-choice{min-height:52px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--border);border-radius:9px;background:var(--surface-alt);color:var(--text);cursor:pointer;text-align:start;transition:border-color .15s ease,background .15s ease,transform .15s ease}.share-choice:hover{border-color:var(--accent);background:var(--accent-light);transform:translateY(-1px)}.share-choice:hover .share-choice-name{color:var(--text)}.share-choice-code{color:var(--accent-ink);font:800 .62rem/1 var(--font-mono)}.share-choice-name{overflow:hidden;color:var(--text-secondary);font:700 .72rem/1.2 var(--font-display);text-overflow:ellipsis;white-space:nowrap}.share-choice-arrow{color:var(--text-muted);font:700 .9rem/1 var(--font-mono)}.share-result-badge{display:inline-flex;padding:6px 8px;border-radius:5px;background:var(--accent);color:var(--accent-on);font:800 .6rem/1 var(--font-mono);letter-spacing:.12em}.share-dialog-phrase{margin-top:16px;color:var(--accent-ink);font-size:1.1rem}.share-dialog-url{margin-top:4px;border-color:var(--border-strong);background:var(--field-bg);color:var(--text)}.share-dialog-actions{justify-content:flex-end;align-items:center}.share-dialog-status{color:var(--accent-ink)}.saver-floating{border-color:var(--border-strong);background:var(--dialog-bg)}@media (max-width: 760px){body{padding:22px 10px 24px}.masthead-main,.board-header{align-items:flex-start;flex-direction:column}.appearance{align-self:stretch;justify-content:space-between}.control-deck{grid-template-columns:1fr}.clock-card{grid-template-columns:1fr;gap:18px}.alarm-block{padding-inline-start:0;padding-top:16px;border-inline-start:0;border-top:1px solid var(--border)}.board-header-actions{width:100%;justify-content:space-between}.mid-buttons{align-items:stretch;flex-direction:column}.tool-group,.tool-group-secondary{justify-content:stretch}.tool-group>button,.tool-group>a{flex:1 1 auto}.tool-group>a .ctrl-btn{width:100%}.share-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 420px){.panel{padding:16px}.masthead-meta{font-size:.57rem}.system-status{display:none}.clock-time{font-size:3.3rem}.transport{align-items:stretch;flex-direction:column}.mode-controls{justify-content:stretch}.mode-btn{flex:1}.volume-control{justify-content:space-between}.volume-control input[type=range]{flex:1}.share-choice-grid{grid-template-columns:1fr}.share-dialog-card{padding:18px}}