@import"https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600;700&family=Chivo:wght@700;900&family=IBM+Plex+Mono:wght@300;400;500&display=swap";:root{--bg0: #0b0b0e;--bg1: #111116;--bg2: #18181f;--bg3: #22222c;--bd: #2c2c3a;--bd2: #3d3d52;--tx: #f0f0f5;--tx2: #8888aa;--tx3: #55556e;--rec: #d93a00;--play: #81c3c9;--warn: #e8a030;--blue: #5ab0b8;--accent: #e87c3e;--font: 'Instrument Sans', sans-serif;--mono: 'IBM Plex Mono', monospace;--display: 'Chivo', sans-serif;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 10px;--radius-xl: 12px;--transition: .15s ease}[data-theme=light]{--bg0: #f5f5f8;--bg1: #ededf2;--bg2: #e4e4ec;--bg3: #d8d8e4;--bd: #c4c4d4;--bd2: #a8a8be;--tx: #18181f;--tx2: #55556e;--tx3: #8888aa;--rec: #c43000;--play: #1e7e88;--warn: #b86a00;--blue: #1e7088;--accent: #d96020}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;min-height:100vh;background:var(--bg0);color:var(--tx);font-family:var(--font);overflow-x:hidden}body::after{content:"";position:fixed;inset:0;background:repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(0, 0, 0, 0.025) 2px, rgba(0, 0, 0, 0.025) 4px);pointer-events:none;z-index:9999}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.65}}@keyframes blink{0%,100%{opacity:1}50%{opacity:.4}}@keyframes toastIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}header{display:flex;align-items:center;gap:16px;padding:12px 32px;background:linear-gradient(180deg, var(--bg2), var(--bg1));border-bottom:1px solid var(--bd);position:sticky;top:0;z-index:100}@supports(padding: env(safe-area-inset-top)){header{padding-top:max(16px,env(safe-area-inset-top))}}.logo{flex-shrink:0}.logo-name{font-family:var(--display);font-size:20px;font-weight:900;letter-spacing:-0.5px;color:#fff;text-transform:uppercase}.logo-name em{color:var(--accent);font-style:normal}.h-session{display:flex;align-items:center;gap:12px;flex:1;justify-content:center;min-width:0}.session-name-input{background:rgba(0,0,0,0);border:none;border-bottom:1px solid var(--bd2);color:#fff;font-family:var(--font);font-size:14px;font-weight:700;padding:3px 4px;outline:none;min-width:0;width:auto;max-width:200px;transition:border-color var(--transition)}.session-name-input:focus{border-color:var(--play)}.session-id-badge,.meta-chip{font-family:var(--mono);font-size:10px;color:var(--tx3);background:var(--bg0);border:1px solid var(--bd);border-radius:4px;padding:3px 8px;white-space:nowrap}.session-id-badge span{color:var(--blue)}.h-right{display:flex;align-items:center;gap:8px}.role-badge{display:inline-flex;align-items:center;font-family:var(--mono);font-size:10px;font-weight:500;padding:3px 9px;border-radius:20px;letter-spacing:.5px;text-transform:uppercase;border:1px solid;white-space:nowrap}.role-producer{color:#c084fc;border-color:rgba(192,132,252,.4);background:rgba(192,132,252,.08)}.role-musiker{color:var(--tx2);border-color:var(--bd2);background:var(--bg3)}.btn-sm{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:5px;border:1px solid var(--bd2);background:var(--bg3);color:var(--tx2);font-family:var(--font);font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;cursor:pointer;transition:all var(--transition);white-space:nowrap}.btn-sm:hover{color:var(--tx);border-color:var(--tx3)}.btn-sm.share{border-color:rgba(51,153,255,.4);color:var(--blue)}.btn-sm.share:hover{background:rgba(51,153,255,.1);border-color:var(--blue)}.btn-sm.new-sess{border-color:rgba(0,212,170,.3);color:var(--play)}.btn-sm.new-sess:hover{background:rgba(0,212,170,.08);border-color:var(--play)}.btn-sm.del-s{border-color:rgba(255,61,31,.2);color:rgba(255,61,31,.35);padding:5px 9px}.btn-sm.del-s:hover{background:rgba(255,61,31,.1);border-color:var(--rec);color:var(--rec)}.btn-lang{padding:4px 10px;border-radius:4px;border:1px solid var(--bd2);background:rgba(0,0,0,0);color:var(--tx3);font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:1px;cursor:pointer;transition:all var(--transition)}.btn-lang:hover{color:var(--tx);border-color:var(--tx3)}.btn-theme{padding:4px 8px;border-radius:4px;border:1px solid var(--bd2);background:rgba(0,0,0,0);color:var(--tx3);font-size:14px;line-height:1;cursor:pointer;transition:all var(--transition);display:flex;align-items:center;justify-content:center}.btn-theme:hover{color:var(--accent);border-color:var(--accent)}.toolbar{display:flex;align-items:center;justify-content:space-between;padding:0 32px;background:var(--bg1);border-bottom:1px solid var(--bd)}.view-tabs{display:flex}.vtab{padding:10px 16px;border:none;border-bottom:2px solid rgba(0,0,0,0);background:none;color:var(--tx3);font-family:var(--font);font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;cursor:pointer;transition:all var(--transition)}.vtab:hover{color:var(--tx2)}.vtab.active{color:var(--tx);border-bottom-color:var(--accent)}.help-btn{background:none;border:1px solid var(--bd);border-radius:50%;color:var(--tx3);font-size:13px;width:26px;height:26px;cursor:pointer;transition:all var(--transition);line-height:1;display:flex;align-items:center;justify-content:center;flex-shrink:0}.help-btn:hover{color:var(--tx);border-color:var(--tx3)}.help-btn.open{color:var(--accent);border-color:var(--accent)}.https-banner{display:none;background:rgba(255,170,34,.12);border-bottom:1px solid rgba(255,170,34,.3);padding:10px 32px;font-family:var(--mono);font-size:11px;color:var(--warn);line-height:1.7}.help-overlay{position:fixed;inset:0;background:rgba(5,7,9,.88);display:flex;align-items:center;justify-content:center;z-index:500;padding:16px}.help-overlay.hidden{display:none}.help-modal{background:var(--bg2);border:1px solid var(--bd2);border-radius:var(--radius-xl);padding:28px 32px;max-width:520px;width:100%;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.help-modal-header{display:flex;align-items:center;justify-content:space-between}.help-device-tip{font-family:var(--mono);font-size:11px;color:var(--tx2);background:var(--bg3);border:1px solid var(--bd);border-radius:var(--radius-md);padding:10px 14px;line-height:1.6}.help-device-tip strong{color:var(--tx)}.help-reqs{display:flex;flex-direction:column;gap:8px}.help-req-item{display:flex;align-items:flex-start;gap:10px;font-family:var(--mono);font-size:11px;color:var(--tx2);line-height:1.5}.help-req-item strong{color:var(--tx)}.help-req-icon{flex-shrink:0;font-size:15px;line-height:1.2}.help-sect-title{font-family:var(--mono);font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--tx3);border-top:1px solid var(--bd);padding-top:12px}.help-steps-modal{display:flex;flex-direction:column;gap:8px}.hs{display:flex;align-items:flex-start;gap:8px;font-size:12px;color:var(--tx2);line-height:1.4}.hs strong{color:var(--tx)}.hs em{color:var(--play);font-style:normal}.hn{flex-shrink:0;width:18px;height:18px;border-radius:50%;background:var(--accent);color:#fff;font-family:var(--mono);font-size:10px;display:flex;align-items:center;justify-content:center;margin-top:1px}@media(max-width: 767.98px){.help-modal{padding:20px 16px}}.transport{display:grid;grid-template-columns:auto auto auto 1fr auto;align-items:center;gap:24px;padding:20px 32px;background:var(--bg1);border-bottom:1px solid var(--bd);position:relative;overflow:hidden}.transport::before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--bd) 1px, transparent 1px),linear-gradient(90deg, var(--bd) 1px, transparent 1px);background-size:40px 40px;opacity:.2;pointer-events:none}.t-master-vol{display:flex;flex-direction:column;align-items:center;gap:5px;position:relative;z-index:1}.t-master-vol label{font-family:var(--mono);font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--tx3)}.t-master-vol #masterVolPct{font-family:var(--mono);font-size:10px;color:var(--tx2)}.t-master-vol input[type=range]{-webkit-appearance:none;outline:none;cursor:pointer;height:3px;border-radius:2px;background:var(--bd2);width:72px}.t-master-vol input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;border-radius:50%;background:var(--warn);cursor:pointer;box-shadow:0 0 6px rgba(0,0,0,.3)}.t-master-vol input[type=range]::-webkit-slider-thumb{box-shadow:0 0 6px rgba(255,170,34,.4)}.t-offset{display:flex;flex-direction:column;align-items:center;gap:5px;position:relative;z-index:1}.t-offset label{font-family:var(--mono);font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--tx3)}.t-offset-row{display:flex;align-items:center;gap:4px}.t-offset input[type=number]{width:52px;background:var(--bg0);border:1px solid var(--bd2);border-radius:3px;color:var(--tx2);font-family:var(--mono);font-size:12px;text-align:center;padding:3px 6px;outline:none;-moz-appearance:textfield}.t-offset input[type=number]::-webkit-inner-spin-button,.t-offset input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}.t-offset input[type=number]:focus{border-color:var(--play)}.t-offset-unit{font-family:var(--mono);font-size:10px;color:var(--tx3)}.rec-bars-wrap{display:flex;flex-direction:column;align-items:center;gap:3px;position:relative;z-index:1}.rec-bars-label{font-family:var(--mono);font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--tx3)}.rec-bars-sel{background:var(--bg2);border:1px solid var(--bd2);border-radius:5px;color:var(--tx2);font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.5px;padding:5px 10px;outline:none;cursor:pointer;transition:all var(--transition);-webkit-appearance:none;appearance:none;text-align:center}.rec-bars-sel:hover,.rec-bars-sel:focus{border-color:var(--rec);color:var(--tx)}.t-btns{display:flex;gap:10px;position:relative;z-index:1}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:var(--radius-md);border:1px solid var(--bd2);background:var(--bg2);color:var(--tx);font-family:var(--font);font-size:12px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;cursor:pointer;transition:all var(--transition);user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,0,0,0)}.btn:hover:not(:disabled){background:var(--bg3);border-color:var(--tx3)}.btn:disabled{opacity:.25;cursor:not-allowed}.btn-rec{background:rgba(217,58,0,.08);border-color:rgba(217,58,0,.35);color:var(--rec)}.btn-rec:hover:not(:disabled){background:rgba(217,58,0,.18);border-color:var(--rec)}.btn-rec.preroll{border-color:var(--warn);color:var(--warn);background:rgba(226,107,0,.1);animation:blink .4s infinite}.btn-rec.recording{background:var(--rec);border-color:var(--rec);color:#fff;animation:pulse 1.1s infinite}.btn-play.playing{background:rgba(129,195,201,.12);border-color:var(--play);color:var(--play)}.btn-monitor{border-color:rgba(129,195,201,.25);color:var(--tx3)}.btn-monitor.active{background:rgba(129,195,201,.12);border-color:var(--play);color:var(--play)}.btn-click{border-color:rgba(160,136,88,.25);color:var(--tx3)}.btn-click.active{background:rgba(160,136,88,.12);border-color:var(--tx2);color:var(--tx2)}.beat-disp{display:flex;flex-direction:column;align-items:center;gap:10px;position:relative;z-index:1}.bar-num{font-family:var(--mono);font-size:56px;font-weight:300;line-height:1;letter-spacing:-3px;color:#fff;min-width:80px;text-align:center;transition:color .1s}.bar-num.flash{color:var(--play)}.beat-row{display:flex;gap:8px;align-items:center;min-height:14px}.dot{width:9px;height:9px;border-radius:50%;background:var(--bd2);transition:background .05s,transform .05s,box-shadow .05s}.dot.on{background:var(--play);transform:scale(1.4);box-shadow:0 0 8px var(--play)}.dot.on.d1{background:var(--warn);box-shadow:0 0 10px var(--warn);transform:scale(1.7)}.t-status{display:flex;flex-direction:column;align-items:flex-end;gap:8px;position:relative;z-index:1;min-width:160px}.status-pill{font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:1px;padding:5px 14px;border-radius:20px;border:1px solid rgba(0,0,0,0)}.s-idle{color:var(--tx3);border-color:var(--bd)}.s-pre{color:var(--warn);border-color:rgba(255,170,34,.4);background:rgba(255,170,34,.07)}.s-rec{color:var(--rec);border-color:rgba(255,61,31,.4);background:rgba(255,61,31,.07)}.s-play{color:var(--play);border-color:rgba(0,212,170,.4);background:rgba(0,212,170,.07)}.s-proc{color:var(--blue);border-color:rgba(51,153,255,.4);background:rgba(51,153,255,.07)}.prog-track{width:160px;height:3px;border-radius:2px;background:var(--bd2);overflow:hidden}.prog-bar{height:100%;border-radius:2px;background:linear-gradient(90deg, var(--play), var(--blue));width:0;transition:width .08s linear}.tracks-wrap{padding:28px 32px;min-height:200px}.tr-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.tr-title{font-size:10px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--tx3)}.tr-count{font-family:var(--mono);font-size:11px;color:var(--tx3)}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;height:160px;border:1px dashed var(--bd2);border-radius:var(--radius-lg)}.empty-ico{font-size:28px;opacity:.3}.empty-txt{font-family:var(--mono);font-size:12px;color:var(--tx3);text-align:center;line-height:1.6}.tc{background:var(--bg1);border:1px solid var(--bd);border-radius:var(--radius-lg);margin-bottom:12px;overflow:hidden;transition:border-color .2s}.tc:hover{border-color:var(--bd2)}.tc.muted{opacity:.45}.tc.uploading{border-color:rgba(51,153,255,.3)}.tc-head{display:flex;align-items:center;gap:12px;padding:11px 16px;background:var(--bg2);border-bottom:1px solid var(--bd)}.tc-num{font-family:var(--mono);font-size:11px;font-weight:500;color:var(--play);min-width:22px}.tc-name{flex:1;background:rgba(0,0,0,0);border:none;color:var(--tx);font-family:var(--font);font-size:14px;font-weight:600;outline:none;padding:2px 6px;border-radius:4px;transition:background var(--transition)}.tc-name:hover,.tc-name:focus{background:var(--bg3)}.tc-ctrls{display:flex;gap:6px;align-items:center}.tcb{width:28px;height:28px;border-radius:4px;border:1px solid var(--bd2);background:var(--bg0);color:var(--tx2);font-family:var(--mono);font-size:10px;font-weight:500;cursor:pointer;transition:all var(--transition)}.tcb:hover{background:var(--bg3);color:var(--tx)}.tcb.m-on{background:rgba(255,61,31,.15);border-color:var(--rec);color:var(--rec)}.tcb.s-on{background:rgba(255,170,34,.15);border-color:var(--warn);color:var(--warn)}.tcb.del{border-color:rgba(255,61,31,.2);color:rgba(255,61,31,.35)}.tcb.del:hover{background:rgba(255,61,31,.15);border-color:var(--rec);color:var(--rec)}.tc-body{display:flex;align-items:center;gap:16px;padding:14px 16px;flex-wrap:wrap}.vol-g{display:flex;align-items:center;gap:8px;min-width:160px}.vol-lbl{font-family:var(--mono);font-size:9px;letter-spacing:1.5px;color:var(--tx3);min-width:24px}input.vol{-webkit-appearance:none;outline:none;cursor:pointer;height:3px;border-radius:2px;background:var(--bd2);flex:1}input.vol::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;border-radius:50%;background:var(--play);cursor:pointer;box-shadow:0 0 6px rgba(0,0,0,.3)}input.vol::-webkit-slider-thumb{box-shadow:0 0 6px rgba(0,212,170,.4)}.vol-pct{font-family:var(--mono);font-size:11px;color:var(--tx2);min-width:34px;text-align:right}.wf-wrap{flex:1;min-width:120px;height:38px}canvas.wf{width:100%;height:100%;border-radius:3px;display:block}.tc-actions{display:flex;align-items:center;gap:10px;margin-left:auto}.tc-video{width:80px;height:45px;object-fit:cover;border-radius:5px;background:var(--bg0);border:1px solid var(--bd);cursor:pointer;transition:border-color var(--transition)}.tc-video:hover{border-color:var(--blue)}.no-audio{font-family:var(--mono);font-size:9px;color:var(--warn);border:1px solid rgba(255,170,34,.3);border-radius:3px;padding:2px 6px}.audio-only{font-family:var(--mono);font-size:10px;color:var(--tx3)}.btn-dl{padding:7px 12px;background:var(--bg2);border:1px solid var(--bd2);border-radius:5px;color:var(--tx2);font-family:var(--mono);font-size:11px;cursor:pointer;transition:all var(--transition);white-space:nowrap;letter-spacing:.5px;touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,0,0,0)}.btn-dl:hover{background:var(--bg3);color:var(--tx);border-color:var(--blue)}.upload-prog{display:flex;align-items:center;gap:10px;flex:1;font-family:var(--mono);font-size:11px;color:var(--blue)}.upload-bar-track{flex:1;height:3px;background:var(--bd2);border-radius:2px;overflow:hidden}.upload-bar{height:100%;background:var(--blue);border-radius:2px;transition:width .1s;width:0}footer{padding:14px 32px;border-top:1px solid var(--bd);background:var(--bg1);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}@supports(padding: env(safe-area-inset-bottom)){footer{padding-bottom:max(14px,env(safe-area-inset-bottom))}}.f-info{font-family:var(--mono);font-size:10px;color:var(--tx3);line-height:1.7}.start-screen{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:70vh;gap:24px;padding:40px 32px}.start-logo{font-family:var(--display);font-size:48px;font-weight:900;color:#fff;letter-spacing:-2px;text-transform:uppercase}.start-logo em{color:var(--accent);font-style:normal}.start-sub{font-family:var(--mono);font-size:13px;color:var(--tx3);letter-spacing:1px;margin-top:-12px}.start-card{background:var(--bg2);border:1px solid var(--bd2);border-radius:var(--radius-xl);padding:32px;width:100%;max-width:420px;display:flex;flex-direction:column;gap:20px}.start-card h2{font-size:16px;font-weight:700;color:#fff;letter-spacing:.5px}.form-row{display:flex;flex-direction:column;gap:6px}.form-label{font-family:var(--mono);font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--tx3)}.form-input{background:var(--bg0);border:1px solid var(--bd2);border-radius:5px;color:var(--tx);font-family:var(--mono);font-size:15px;padding:9px 14px;outline:none;transition:border-color var(--transition);width:100%}.form-input:focus{border-color:var(--play)}.form-row-inline{display:flex;gap:12px}.form-row-inline .form-row{flex:1}.btn-primary{width:100%;padding:12px;border-radius:var(--radius-sm);border:none;background:var(--accent);color:#fff;font-family:var(--font);font-size:14px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;cursor:pointer;transition:all var(--transition);margin-top:4px;touch-action:manipulation}.btn-primary:hover{background:#f07800;transform:translateY(-1px)}.btn-primary:disabled{opacity:.4;cursor:not-allowed;transform:none}.start-divider{display:flex;align-items:center;gap:12px;font-family:var(--mono);font-size:10px;color:var(--tx3);width:100%;max-width:760px}.start-divider::before,.start-divider::after{content:"";flex:1;height:1px;background:var(--bd)}.my-sess-wrap{width:100%;max-width:760px}.my-sess-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.my-sess-title{font-family:var(--mono);font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--tx3)}.sess-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(210px, 1fr));gap:10px}.sess-card{background:var(--bg2);border:1px solid var(--bd);border-radius:8px;padding:14px 16px;display:flex;flex-direction:column;gap:10px;transition:border-color var(--transition)}.sess-card:hover{border-color:var(--bd2)}.sess-cname{font-weight:700;font-size:13px;color:var(--tx);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sess-cmeta{font-family:var(--mono);font-size:10px;color:var(--tx3);line-height:1.9}.sess-cacts{display:flex;gap:6px;flex-wrap:wrap}.ov-wrap{padding:24px 32px}.ov-table{width:100%;border-collapse:collapse}.ov-table th{font-family:var(--mono);font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--tx3);letter-spacing:2px;padding:6px 12px;text-align:left;border-bottom:1px solid var(--bd);white-space:nowrap}.ov-table td{padding:10px 12px;border-bottom:1px solid var(--bd);color:var(--tx);vertical-align:middle}.ov-table tbody tr:last-child td{border-bottom:none}.ov-table tbody tr:hover td{background:hsla(0,0%,100%,.02)}.ov-num{font-family:var(--mono);font-size:11px;color:var(--play);width:28px}.ov-name{font-weight:600;font-size:13px}.ov-mono{font-family:var(--mono);font-size:11px;color:var(--tx2);white-space:nowrap}.ov-status-ok{font-family:var(--mono);font-size:10px;color:var(--play)}.ov-status-up{font-family:var(--mono);font-size:10px;color:var(--blue)}.ov-status-lo{font-family:var(--mono);font-size:10px;color:var(--tx3)}.ov-acts{display:flex;gap:6px}.loading-overlay{position:fixed;inset:0;background:rgba(5,7,9,.85);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;z-index:200}.loading-overlay.hidden{display:none}.spinner{width:40px;height:40px;border-radius:50%;border:3px solid var(--bd2);border-top-color:var(--play);animation:spin .8s linear infinite}.loading-text{font-family:var(--mono);font-size:13px;color:var(--tx2);letter-spacing:.5px}.toast-wrap{position:fixed;bottom:24px;right:24px;z-index:300;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{font-family:var(--mono);font-size:12px;padding:10px 18px;border-radius:var(--radius-md);border:1px solid;animation:toastIn .2s ease;pointer-events:none}.toast.ok{background:rgba(0,212,170,.12);border-color:rgba(0,212,170,.4);color:var(--play)}.toast.err{background:rgba(255,61,31,.12);border-color:rgba(255,61,31,.4);color:var(--rec)}.toast.info{background:rgba(51,153,255,.12);border-color:rgba(51,153,255,.4);color:var(--blue)}.cal-trigger{background:none;border:1px solid var(--bd2);border-radius:4px;color:var(--tx3);font-family:var(--mono);font-size:9px;font-weight:700;letter-spacing:.5px;padding:3px 8px;cursor:pointer;transition:all var(--transition);margin-top:3px;white-space:nowrap}.cal-trigger:hover{color:var(--accent);border-color:var(--accent)}.cal-overlay{position:fixed;inset:0;background:rgba(5,7,9,.88);display:flex;align-items:center;justify-content:center;z-index:500;padding:16px}.cal-overlay.hidden{display:none}.cal-modal{background:var(--bg2);border:1px solid var(--bd2);border-radius:var(--radius-xl);padding:28px 32px;max-width:480px;width:100%;display:flex;flex-direction:column;gap:16px}.cal-header{display:flex;align-items:center;justify-content:space-between}.cal-title{font-family:var(--font);font-size:15px;font-weight:700;color:#fff}.cal-close{background:none;border:1px solid var(--bd);border-radius:4px;color:var(--tx3);font-size:12px;padding:3px 8px;cursor:pointer;transition:all var(--transition)}.cal-close:hover{color:var(--tx);border-color:var(--tx3)}.cal-desc{font-family:var(--mono);font-size:11px;color:var(--tx2);line-height:1.7}.cal-desc strong{color:var(--tx)}.cal-desc em{color:var(--tx3);font-style:normal}.cal-status{font-family:var(--mono);font-size:12px;color:var(--play);min-height:18px;line-height:1.6}.cal-status strong{color:#fff}.cal-footer .btn-primary{margin-top:0}@media(max-width: 767.98px){.cal-modal{padding:20px 16px}}[data-theme=light] body::after{background:repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(0, 0, 0, 0.006) 2px, rgba(0, 0, 0, 0.006) 4px)}[data-theme=light] .transport::before{opacity:.05}[data-theme=light] .logo-name{color:var(--tx)}[data-theme=light] .start-logo{color:var(--tx)}[data-theme=light] header{background:linear-gradient(180deg, var(--bg2), var(--bg1));border-bottom-color:var(--bd)}[data-theme=light] .session-name-input{color:var(--tx)}[data-theme=light] .wf-wrap{background:var(--bg3)}[data-theme=light] .role-producer{color:#7c22e8;border-color:rgba(124,34,232,.4);background:rgba(124,34,232,.08)}@media(max-width: 767.98px){header,.tracks-wrap,footer{padding-left:16px;padding-right:16px}header{gap:8px}.h-session{display:none}.toolbar{padding:0 16px}.transport{grid-template-columns:1fr 1fr;padding:16px;gap:12px}.t-btns{grid-column:1/-1;flex-wrap:wrap}.t-master-vol{flex-direction:row;gap:8px;grid-column:1}.t-master-vol input[type=range]{flex:1;width:auto}.t-offset{flex-direction:row;gap:8px;grid-column:2;justify-content:flex-end}.beat-disp{grid-column:1}.t-status{align-items:flex-start;grid-column:2}.bar-num{font-size:40px}.prog-track{width:100%}.start-screen{padding:24px 16px}.start-logo{font-size:36px}.tc-body{flex-direction:column}.vol-g{min-width:auto;width:100%}.wf-wrap{width:100%}.tc-actions{margin-left:0;flex-wrap:wrap}.ov-wrap{padding:16px}.toast-wrap{bottom:12px;right:12px;left:12px}.toast{font-size:11px}}@media(min-width: 576px)and (max-width: 991.98px){.transport{grid-template-columns:auto auto 1fr auto;gap:16px}.rec-bars-wrap{grid-column:auto}.start-screen{padding:32px 24px}}@media(min-width: 1200px){header{padding-left:48px;padding-right:48px}.toolbar{padding-left:48px;padding-right:48px}.transport{padding-left:48px;padding-right:48px}.tracks-wrap{padding-left:48px;padding-right:48px}footer{padding-left:48px;padding-right:48px}.ov-wrap{padding-left:48px;padding-right:48px}.start-logo{font-size:64px}}