:root{--shadow-pedal:0 3px 6px #00000080, inset 0 1px 0 #ffffff14;--shadow-pedal-hover:0 4px 8px #00000080, inset 0 1px 0 #ffffff1f;--shadow-pedal-active:0 1px 3px #00000080, inset 0 2px 4px #0006;--z-bg:-1;--z-base:1;--z-ui:10;--z-overlay:20;--z-modal:30;--z-top:55;--btn-opacity-idle:.65;--btn-opacity-active:1;--btn-opacity-disabled:.25}:root[data-theme=dark]{--bg-gradient-start:#3c006e;--bg-gradient-end:#123c78;--blob-opacity:.12;--blob-blur:90px;--blob-color-a:#78a0dc;--blob-color-b:#3c006e59;--blob-color-c:#483d8bcc;--blob-color-d:#1e90ff;--blob-color-e:indigo;--blob-color-f:#87cefacc;--blob-color-g:#1e90ff99;--blob-color-h:#4b0082cc;--panel-bg:#080a1ca6;--panel-border:#7864dc2e;--panel-blur:12px;--panel-shadow:0 20px 60px #00000059, 0 4px 20px #00000040, inset 0 1px 0 #ffffff0f;--text-primary:#f4f9ff;--text-secondary:#e0e6f5;--text-accent:#4a9eff;--text-muted:#888;--text-accent-soft:#c0b8ff;--btn-bg:linear-gradient(145deg, #1f1c55, #141414);--btn-border:#34084d;--btn-active-bg:linear-gradient(145deg, #003b8b, #0052cc);--btn-active-border:#07f;--btn-active-glow:#005cff99;--btn-hover-border:#788cff66;--btn-text-shadow:0 1px 2px #000000b3;--btn-box-shadow:2px 2px 4px #00000080, inset 0 0 10px #ffffff1a;--select-bg:#0d0b1e;--select-border:#34084d;--select-border-hover:#5a3d8a;--select-border-focus:#7a5daa;--select-focus-glow:#7a5daa66;--status-bg:#14122899;--status-border:#6450c833;--info-bg:#14122866;--info-border:#6450c833;--info-divider:#6450c826;--info-value:#7a9fff;--top-bar-bg:#00000040;--expand-btn-bg:#0a081eb3;--expand-btn-border:#6450c866;--arrow-bg:#0a081eb3;--arrow-border:#6450c859;--arrow-color:#c0b8ff;--arrow-hover-border:#8c78ffb3;--arrow-hover-color:#e0d8ff;--lcd-bg:#0f2a21;--lcd-bg-2:#1a3d2f;--lcd-text:#9dffb3;--lcd-glow:#9dffb399;--lcd-glow-2:#9dffb340;--library-bg:#080618f7;--library-border:#6450c84d;--library-header-border:#6450c833;--library-scrollbar:#6450c84d;--loop-item-bg:#14103099;--loop-item-border:#6450c833;--loop-item-hover-bg:#1e1840b3;--loop-item-hover-border:#7a9fff73;--login-btn-bg:linear-gradient(145deg, #0a2018, #0d1a12);--login-btn-border:#9dffb359;--login-btn-hover-bg:linear-gradient(145deg, #0f2d20, #111f18);--login-btn-color:#9dffb3;--avatar-bg:#0a081e99;--avatar-border:#6450c859;--dropdown-bg:#0c0a1ef2;--dropdown-border:#6450c859;--dropdown-name-border:#6450c826;--logout-hover-bg:#6450c826;--viz-min-brightness:60;--infinity-start:#7fd3ff;--infinity-end:#9dffb3;--ui-glow:#9dffb359;--ui-glow-strong:#9dffb399;--ui-glow-soft:#9dffb333;--pedal-bg:linear-gradient(180deg, #2a2a2a, #1a1a1a);--pedal-bg-hover:linear-gradient(180deg, #3a3a3a, #252525);--pedal-border:#444;--pedal-border-hover:#666;--pedal-color:#aaa;--pedal-color-hover:#ddd}:root[data-theme=light]{--bg-gradient-start:#f0ecff;--bg-gradient-end:#c8d4f0;--blob-opacity:.12;--blob-blur:100px;--blob-color-a:#78a0ff40;--blob-color-b:#a078ff33;--blob-color-c:#78a0ff33;--blob-color-d:#648cff4d;--blob-color-e:#8c64ff33;--blob-color-f:#b4c8ff4d;--blob-color-g:#648cff33;--blob-color-h:#8c64ff33;--panel-bg:#ebf0ffb3;--panel-border:#0000002e;--panel-blur:10px;--panel-shadow:0 14px 40px #00000029;--text-primary:#1a1f36;--text-secondary:#3f485f;--text-accent:#2a56f6;--text-muted:#999;--text-accent-soft:#3d4fa0;--btn-bg:linear-gradient(145deg, #e8eeff, #d8e4ff);--btn-border:#2a56f640;--btn-active-bg:linear-gradient(145deg, #1f4fff, #3a78ff);--btn-active-border:#1f4fff;--btn-active-glow:#1f4fff99;--btn-hover-border:#7fd3ff66;--btn-text-shadow:none;--btn-box-shadow:0 4px 12px #00000014, inset 0 1px 0 #ffffff80;--select-bg:#f4f7ff;--select-border:#0000002e;--select-border-hover:#2a56f666;--select-border-focus:#2a56f68c;--select-focus-glow:#2a56f640;--status-bg:#cdd7ffe0;--status-border:#00000038;--info-bg:#dce4ffb3;--info-border:#0000001f;--info-divider:#0000001a;--info-value:#2a56f6;--top-bar-bg:#f0ecff26;--expand-btn-bg:#ebf0ffeb;--expand-btn-border:#2a56f659;--arrow-bg:#ebf0ffeb;--arrow-border:#2a56f64d;--arrow-color:#3d4fa0;--arrow-hover-border:#2a56f6a6;--arrow-hover-color:#1f3a99;--library-bg:#f8fafffc;--library-border:#00000024;--library-header-border:#0000001f;--library-scrollbar:#2a56f640;--loop-item-bg:#dce6ffe6;--loop-item-border:#0000001f;--loop-item-hover-bg:#c8d7fffa;--loop-item-hover-border:#1f4fff73;--login-btn-bg:linear-gradient(145deg, #dce6ff, #ccd8ff);--login-btn-border:#2a56f659;--login-btn-hover-bg:linear-gradient(145deg, #c8d6ff, #b8c8ff);--login-btn-color:var(--text-accent-soft);--avatar-bg:#d2dcffd9;--avatar-border:#2a56f64d;--dropdown-bg:#e1e8fffc;--dropdown-border:#2a56f640;--dropdown-name-border:#0000001f;--logout-hover-bg:#2a56f61a;--viz-min-brightness:80;--pedal-bg:#ffffff59;--pedal-bg-hover:#ffffff80;--pedal-border:#7896c840;--pedal-border-hover:#7fd3ff66;--pedal-color:#3a4060;--pedal-color-hover:#1a1f36;--infinity-start:#7fd3ff;--infinity-end:#9dffb3;--lcd-bg:#0a1f2e;--lcd-bg-2:#123a52;--lcd-text:#7fd3ff;--lcd-glow:#7fd3ffb3;--lcd-glow-2:#7fd3ff59}*{box-sizing:border-box;margin:0;padding:0}body{background-image:linear-gradient(135deg, var(--bg-gradient-start), var(--bg-gradient-end));flex-direction:column;justify-content:flex-start;align-items:center;min-height:100vh;padding:68px 20px 20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex;position:relative;overflow:hidden}#up{background-image:linear-gradient(80deg, var(--blob-color-a), var(--blob-color-b));width:75px;height:75px;filter:blur(var(--blob-blur));opacity:var(--blob-opacity);z-index:0;border-radius:50%;position:fixed;top:0;left:0}#down{background-image:linear-gradient(80deg, var(--blob-color-c), var(--blob-color-d));width:225px;height:225px;filter:blur(var(--blob-blur));opacity:var(--blob-opacity);z-index:0;border-radius:50%;position:fixed;top:0;right:0}#left{background-image:linear-gradient(80deg, var(--blob-color-e), var(--blob-color-f));width:175px;height:75px;filter:blur(var(--blob-blur));opacity:var(--blob-opacity);z-index:0;border-radius:50%;position:fixed;bottom:0;left:0}#right{background-image:linear-gradient(80deg, var(--blob-color-g), var(--blob-color-h));width:175px;height:75px;filter:blur(var(--blob-blur));opacity:var(--blob-opacity);z-index:0;border-radius:50%;position:fixed;bottom:0;right:0}#visualizerCanvas{width:100%;height:100%;z-index:var(--z-bg);pointer-events:none;background:0 0;position:fixed;top:0;left:0}button{background:var(--btn-bg);border:1px solid var(--btn-border);color:var(--text-primary);text-shadow:var(--btn-text-shadow);box-shadow:var(--btn-box-shadow);cursor:pointer;filter:brightness(.85);border-radius:10px;padding:10px 20px;font-size:18px;transition:all .3s;transform:scale(1)}[data-theme=light] button{filter:none}button:hover:not(:disabled){opacity:.9;border:1px solid var(--btn-hover-border)}button:active:not(:disabled){transform:scale(.97);box-shadow:0 0 10px #0ff9}button.active{background:var(--btn-active-bg);box-shadow:0 0 12px var(--btn-active-glow), 0 0 25px var(--btn-active-glow), inset 0 0 5px #fff3;border:1px solid var(--btn-active-border);opacity:1;color:#fff;transform:scale(1)}button.active:active:not(:disabled){transform:scale(.97)}button:disabled{opacity:.3;cursor:not-allowed;transform:none}select,input[type=checkbox]{border:1px solid var(--select-border);background:var(--select-bg);width:100%;color:var(--text-primary);cursor:pointer;border-radius:10px;padding:12px;font-size:1em;transition:all .3s}input[type=checkbox]{width:auto}select:hover{border-color:var(--select-border-hover)}select:focus{border-color:var(--select-border-focus);box-shadow:0 0 8px var(--select-focus-glow);outline:none}label{color:var(--text-primary);text-shadow:.5px .5px 2px #ffffff59;margin-bottom:8px;font-size:.9em;font-weight:600;display:block}@keyframes pulse{0%{box-shadow:0 0 #7a9fff33}50%{box-shadow:0 0 12px #7a9fff59}to{box-shadow:0 0 #7a9fff33}}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=600px){:root[data-theme=dark],:root[data-theme=light]{--blob-blur:50px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@media (width<=380px){button{padding:10px 20px;font-size:14px}h1{font-size:2em}}.container{background:var(--panel-bg);-webkit-backdrop-filter:blur(var(--panel-blur)) saturate(120%);border:1px solid var(--panel-border);box-shadow:var(--panel-shadow);width:100%;max-width:380px;z-index:var(--z-base);border-radius:20px;padding:28px;position:relative;overflow:hidden}.container:before{content:"";z-index:0;pointer-events:none;mix-blend-mode:overlay;opacity:.4;background-image:repeating-linear-gradient(45deg,#ffffff05 0 1px,#0000 1px 3px);position:absolute;inset:0}.container:after{content:"";z-index:0;pointer-events:none;background:linear-gradient(#ffffff12,#0000 40%);position:absolute;inset:0}.container>*{z-index:1;position:relative}@supports not ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.container{background:#0c0a1ef5}[data-theme=light] .container{background:#ebf0fffa}}.top-bar{height:60px;z-index:var(--z-overlay);background:linear-gradient(to bottom, var(--top-bar-bg), transparent);pointer-events:none;justify-content:space-between;align-items:center;padding:0 20px;display:flex;position:fixed;top:0;left:0;right:0}.top-bar>*{pointer-events:auto}.app-title{color:var(--text-primary);text-shadow:.5px .5px 2px #ffffff73;align-items:center;gap:6px;margin:0;padding:0;font-family:Orbitron,Audiowide,Segoe UI,sans-serif;font-size:2.1em;font-weight:600;display:flex}.app-title-link{color:inherit;align-items:center;gap:6px;text-decoration:none;transition:opacity .2s;display:flex}.app-title-link:hover{opacity:.82}.app-title .infinity-svg{vertical-align:middle;filter:drop-shadow(0 0 5px #7fd3ff4d);flex-shrink:0;width:1.5em;height:1.5em;display:inline-block}[data-theme=dark] .app-title .infinity-svg{filter:drop-shadow(0 0 5px var(--ui-glow-soft))}.app-title .alpha-badge{color:var(--text-muted);font-size:.45em;font-weight:400;position:relative;top:.6em}.section{margin-bottom:20px}.controls{justify-content:center;align-items:center;gap:10px;margin-bottom:20px;display:flex}.generate-controls{align-items:stretch;gap:10px;margin-bottom:16px;padding:0 8px}#selectors{opacity:1;max-height:600px;padding-top:4px;transition:max-height .5s,opacity .4s;overflow:hidden}.container.collapsed #selectors{opacity:0;max-height:0}.expand-btn{background:var(--expand-btn-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--expand-btn-border);width:48px;height:48px;color:var(--text-primary);cursor:pointer;z-index:var(--z-ui);opacity:0;pointer-events:none;border-radius:50%;justify-content:center;align-items:center;font-size:18px;transition:opacity .3s;display:flex;position:fixed;bottom:30px;right:30px}.expand-btn.visible{opacity:1;pointer-events:auto}@media (width<=480px){.app-title{font-size:1.35em}}@media (width<=380px){.app-title{font-size:1.15em}.controls{gap:5px}.container{padding:20px}}#lcdSection{opacity:1;width:100%;max-height:300px;margin-bottom:8px;transition:max-height .5s,opacity .4s;overflow:visible}.lcd-wrapper{justify-content:center;align-items:center;gap:6px;width:calc(100% + 40px);margin-left:-20px;margin-right:-20px;display:flex}.lcd-nav-btn{background:var(--pedal-bg-hover);border:1px solid var(--pedal-border-hover);width:36px;height:72px;color:var(--pedal-color-hover);cursor:pointer;box-shadow:var(--shadow-pedal-hover);opacity:1;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:11px;transition:all .15s;display:flex}.lcd-nav-btn:hover:not(:disabled){background:var(--pedal-bg-hover);color:var(--pedal-color-hover);border-color:var(--pedal-border-hover);opacity:1;box-shadow:var(--shadow-pedal-hover);transform:translateY(-1px)}.lcd-nav-btn:active:not(:disabled){box-shadow:var(--shadow-pedal-active);transform:translateY(1px)}.lcd-nav-btn:disabled{opacity:.25;pointer-events:none;cursor:default}.lcd-nav-left{border-radius:6px 4px 4px 6px;margin-right:0}.lcd-nav-right{border-radius:4px 6px 6px 4px;margin-left:0}.lcd-screen-bezel{background:linear-gradient(#1e1e1e,#141414);border:1px solid #333;border-radius:8px;flex:1 1 0;min-width:0;padding:5px 6px;box-shadow:inset 0 0 12px #000000e6,0 3px 8px #0009,0 1px #ffffff0a}.lcd-screen{background:repeating-linear-gradient(0deg, #0000000f 0px, #0000000f 1px, transparent 1px, transparent 3px), linear-gradient(180deg, var(--lcd-bg-2) 0%, var(--lcd-bg) 60%, var(--lcd-bg) 100%);height:100px;box-shadow:inset 0 0 16px #000000b3, inset 0 1px 0 var(--lcd-glow-2);border-radius:4px;transition:background .2s;animation:4s ease-in-out infinite lcdFlicker;position:relative;overflow:hidden}.lcd-content{z-index:2;flex-direction:column;justify-content:center;align-items:center;gap:1px;height:100%;padding:6px 10px;display:flex;position:relative}.lcd-style-name{letter-spacing:1.5px;color:var(--lcd-text);text-shadow:0 0 6px var(--lcd-glow), 0 0 14px var(--lcd-glow-2);text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-family:VT323,Share Tech Mono,Courier New,monospace;font-size:1.65em;font-weight:400;line-height:1;overflow:hidden}.lcd-mode-label{letter-spacing:2px;color:color-mix(in srgb, var(--lcd-text) 55%, transparent);text-shadow:0 0 4px var(--lcd-glow-2);text-align:center;text-transform:uppercase;font-family:VT323,Share Tech Mono,Courier New,monospace;font-size:.95em;font-weight:400;line-height:1}.lcd-loop-name{letter-spacing:1px;color:color-mix(in srgb, var(--lcd-text) 80%, transparent);text-shadow:0 0 5px var(--lcd-glow-2);text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:100%;min-height:1em;font-family:VT323,Share Tech Mono,Courier New,monospace;font-size:.88em;font-weight:400;line-height:1;overflow:hidden}.lcd-status-msg{letter-spacing:1px;color:color-mix(in srgb, var(--lcd-text) 40%, transparent);text-shadow:0 0 3px var(--lcd-glow-2);text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:100%;min-height:1em;font-family:VT323,Share Tech Mono,Courier New,monospace;font-size:.78em;font-weight:400;line-height:1;overflow:hidden}.lcd-scanlines{z-index:3;pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#0000001f 2px 4px);position:absolute;inset:0}.lcd-screen:after{content:"";pointer-events:none;z-index:5;background:radial-gradient(#0000 60%,#00000040);border-radius:4px;position:absolute;inset:0}.lcd-glass-reflection{z-index:4;pointer-events:none;background:linear-gradient(118deg,#ffffff21 0%,#ffffff0a 35%,#0000 55%);border-radius:4px;position:absolute;inset:0}@keyframes lcdFlicker{0%,to{opacity:1}45%{opacity:.98}47%{opacity:.94}49%{opacity:.98}51%{opacity:.96}53%{opacity:1}}@keyframes lcdRefresh{0%{opacity:.15;filter:blur(1px);transform:scaleY(1.15)translateY(-2px)}60%{opacity:.9;filter:blur();transform:scaleY(1.02)translateY(0)}to{opacity:1;filter:blur();transform:scaleY(1)translateY(0)}}.lcd-content.refreshing{animation:.2s ease-out forwards lcdRefresh}[data-theme=dark] .lcd-nav-btn,[data-theme=light] .lcd-nav-btn{color:var(--lcd-text)}[data-theme=dark] .lcd-nav-btn:hover:not(:disabled){color:var(--lcd-text);box-shadow:var(--shadow-pedal-hover), 0 0 6px var(--ui-glow-soft), 0 0 12px var(--ui-glow)}[data-theme=light] .lcd-nav-btn:hover:not(:disabled){color:var(--lcd-text)}[data-theme=dark] .lcd-nav-btn:focus-visible{box-shadow:0 0 0 2px #9dffb340, 0 0 10px var(--ui-glow);outline:none}@media (width<=380px){.lcd-wrapper{width:calc(100% + 32px);margin-left:-16px;margin-right:-16px}.lcd-nav-btn{width:30px}}.size-btn-row{gap:8px;margin-bottom:15px;padding:6px 8px 0;display:flex}.size-btn{letter-spacing:1px;text-transform:uppercase;border-radius:10px;flex:1;padding:10px 0;font-size:.85em;font-weight:600;transition:all .3s}.size-btn:hover:not(:disabled):not(.active){opacity:.9;border:1px solid #788cff66}.size-btn.active{background:var(--btn-active-bg);box-shadow:0 0 12px var(--btn-active-glow), 0 0 25px var(--btn-active-glow), inset 0 0 5px #fff3;border:1px solid var(--btn-active-border);opacity:1;color:#fff}@keyframes bpm-glow-light{0%{box-shadow:0 2px 4px #00000040,0 0 #0078ff00}30%{box-shadow:0 2px 4px #00000040,0 0 0 2px #0078ff80,0 0 10px #0078ff59,0 0 18px #0078ff33}60%{box-shadow:0 2px 4px #00000040,0 0 0 1px #0078ff4d,0 0 6px #0078ff33}to{box-shadow:0 2px 4px #00000040,0 0 #0078ff00}}@keyframes bpm-glow-dark{0%{box-shadow:var(--shadow-pedal), 0 0 0 #9dffb300}30%{box-shadow:var(--shadow-pedal), 0 0 18px #9dffb3b3}60%{box-shadow:var(--shadow-pedal), 0 0 10px #9dffb373}to{box-shadow:var(--shadow-pedal), 0 0 0 #9dffb300}}.generate-btn{letter-spacing:2px;text-transform:uppercase;color:var(--lcd-text);border-radius:18px;flex:1;justify-content:center;align-items:center;gap:8px;padding:36px 30px;font-size:1.6em;font-weight:700;display:flex}[data-theme=light] .generate-btn,[data-theme=dark] .generate-btn{letter-spacing:3px;border-radius:18px;font-family:VT323,Share Tech Mono,Courier New,monospace;font-size:1.6em}[data-theme=light] .pedal-btn.generate-btn{color:#1a3a6e!important;opacity:1!important;-webkit-backdrop-filter:blur(10px)saturate(140%)!important;filter:none!important;text-shadow:0 0 2px #0078ff99,0 0 6px #0078ff4d!important;background:linear-gradient(145deg,#0078ff14,#0078ff08)!important;border:1px solid #0078ff73!important;box-shadow:0 0 0 1px #0078ff33,0 0 8px #0078ff40,0 0 16px #0078ff1f,0 3px 6px #00000026,inset 0 1px #ffffff80!important}[data-theme=dark] .generate-btn{color:#fff;opacity:1;text-shadow:0 0 4px #fff, 0 0 8px var(--lcd-glow), 0 0 18px var(--lcd-glow), 0 0 32px var(--lcd-glow-2)}[data-theme=light] .pedal-btn.generate-btn:hover:not(:disabled){color:#0a2a5e!important;opacity:1!important;filter:none!important;text-shadow:0 0 2px #0078ffcc,0 0 8px #0078ff73!important;background:linear-gradient(145deg,#0078ff24,#0078ff0f)!important;border:1px solid #0078ffa6!important;box-shadow:0 0 0 2px #0078ff59,0 0 12px #0078ff66,0 0 22px #0078ff33,0 3px 6px #00000026,inset 0 1px #fff9!important}[data-theme=dark] .pedal-btn.generate-btn:hover:not(:disabled){color:#fff;opacity:1;text-shadow:0 0 4px #fff, 0 0 8px var(--lcd-glow), 0 0 18px var(--lcd-glow), 0 0 32px var(--lcd-glow-2)}[data-theme=light] .generate-btn.glow{animation:.5s ease-in-out bpm-glow-light}[data-theme=dark] .generate-btn.glow{animation:.5s ease-in-out bpm-glow-dark}.generate-btn.generating{cursor:wait}.generate-spinner{border:2px solid #96969666;border-top-color:#aaa;border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.7s linear infinite spin;display:none}[data-theme=light] .generate-spinner{border-color:#3d4fa0 #3d4fa040 #3d4fa040}.generate-btn.generating .generate-spinner{display:inline-block}.pedal-btn{background:var(--pedal-bg);border:1px solid var(--pedal-border);color:var(--pedal-color);letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;box-shadow:var(--shadow-pedal);opacity:var(--btn-opacity-idle);text-shadow:0 1px 2px #000c;border-radius:8px;padding:10px 0;font-size:.75em;font-weight:700;transition:all .15s}.pedal-btn:hover:not(:disabled):not(.active){background:var(--pedal-bg-hover);color:var(--pedal-color-hover);border-color:var(--pedal-border-hover);opacity:1;box-shadow:var(--shadow-pedal-hover)}.pedal-btn:active:not(:disabled){box-shadow:var(--shadow-pedal-active);transform:translateY(1px)}.pedal-btn.active{color:#fff;opacity:1;text-shadow:0 0 8px #64b4ffcc;background:linear-gradient(#003b8b,#0052cc);border-color:#07f;transform:translateY(1px);box-shadow:0 0 12px #005cff99,0 0 25px #005cff4d,inset 0 1px #ffffff26,inset 0 2px 4px #0006}.pedal-btn:disabled{opacity:.25;cursor:not-allowed;transform:none}.btn-tempo{letter-spacing:.5px;padding:10px 14px;font-size:.78em;font-weight:700}#saveBtn{border:1px solid var(--arrow-border);color:var(--text-accent-soft);cursor:pointer;opacity:.85;background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-self:center;align-items:center;width:76px;height:76px;padding:0;font-size:26px;transition:all .2s;display:flex;box-shadow:0 3px 6px #0006,inset 0 1px #ffffff0f}#saveBtn.inactive{opacity:.3;cursor:not-allowed;pointer-events:none}#saveBtn:hover{border-color:var(--arrow-hover-border);color:var(--arrow-hover-color);opacity:1}#saveBtn.saved{color:#c084fc;border-color:#c084fca6}#saveBtn.saving{opacity:.5;cursor:not-allowed}#saveBtn.disabled-saved{opacity:.45;cursor:default;pointer-events:none}#myLoopsBtn{border:1px solid var(--arrow-border);color:var(--text-accent-soft);cursor:pointer;height:40px;box-shadow:none;opacity:.85;background:0 0;border-radius:8px;justify-content:center;align-self:center;align-items:center;padding:0 12px;font-size:20px;transition:all .2s;display:none}#myLoopsBtn:hover{border-color:var(--arrow-hover-border);color:var(--arrow-hover-color);opacity:1}.theme-toggle-btn{background:var(--expand-btn-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--expand-btn-border);color:var(--text-primary);cursor:pointer;width:36px;height:36px;box-shadow:none;opacity:.85;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:16px;transition:all .3s;display:flex}.theme-toggle-btn:hover{opacity:1;border-color:var(--arrow-hover-border)}#uploadBtn{border:1px solid var(--arrow-border);color:var(--text-accent-soft);cursor:pointer;height:40px;box-shadow:none;opacity:.85;background:0 0;border-radius:8px;justify-content:center;align-self:center;align-items:center;padding:0 12px;font-size:20px;transition:all .2s;display:none}#uploadBtn:hover{border-color:var(--arrow-hover-border);color:var(--arrow-hover-color);opacity:1}[data-theme=light] .pedal-btn{-webkit-backdrop-filter:blur(10px)saturate(140%)}[data-theme=light] .pedal-btn:hover:not(:disabled):not(.active){background:var(--pedal-bg-hover);border-color:var(--pedal-border-hover);-webkit-backdrop-filter:blur(10px)saturate(160%);box-shadow:0 0 4px #7fd3ff40,0 0 10px #7fd3ff26}[data-theme=light] .pedal-btn.active{color:#1a3a5c;text-shadow:0 0 6px #7fd3ffcc;-webkit-backdrop-filter:blur(10px)saturate(160%);background:linear-gradient(145deg,#7fd3ff59,#7fd3ff26);border-color:#7fd3ffcc;box-shadow:0 0 6px #7fd3ff99,0 0 14px #7fd3ff73,0 0 28px #7fd3ff40,inset 0 1px #ffffff80}[data-theme=dark] .pedal-btn:hover:not(:disabled):not(.active){box-shadow:var(--shadow-pedal-hover), 0 0 6px var(--ui-glow-soft), 0 0 12px var(--ui-glow)}[data-theme=dark] .pedal-btn.active{color:#9dffb3;box-shadow:0 0 8px var(--ui-glow), 0 0 18px var(--ui-glow-strong), inset 0 1px 0 #9dffb326, inset 0 2px 4px #0006;filter:saturate(120%);text-shadow:0 0 8px #9dffb3cc;background:linear-gradient(#0a3020,#0d2218);border-color:#9dffb38c}[data-theme=dark] .pedal-btn:focus-visible{box-shadow:0 0 0 2px #9dffb340, 0 0 10px var(--ui-glow);outline:none}.sequence-strip{width:100%;height:52px;margin-top:12px;position:relative;overflow:hidden}.sequence-strip:before,.sequence-strip:after{content:"";z-index:2;pointer-events:none;width:20px;height:100%;position:absolute;top:0}.sequence-strip:before{background:linear-gradient(to right, var(--panel-bg), transparent);left:0}.sequence-strip:after{background:linear-gradient(to left, var(--panel-bg), transparent);right:0}.seq-track{will-change:transform;flex-direction:row;gap:3px;height:100%;transition:transform .15s;display:flex}.seq-block{flex-direction:column;flex-shrink:0;gap:2px;display:flex}.seq-label{letter-spacing:.3px;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;text-align:left;color:var(--seq-label-color,#888);padding:0 2px;font-size:.62em;font-weight:700;line-height:1;overflow:hidden}.seq-bars-row{flex-direction:row;flex:1;gap:2px;display:flex}.seq-bar{border:1px solid #0000;border-radius:3px;flex-shrink:0;transition:background 80ms,border-color 80ms,box-shadow 80ms}.seq-block.seq-verse{--seq-bg:#4a9eff2e;--seq-border:#4a9eff59;--seq-active-bg:#4a9effa6;--seq-active-border:#4a9effe6;--seq-active-glow:#4a9eff80;--seq-label-color:#4a9eff}.seq-block.seq-chorus{--seq-bg:#c084fc2e;--seq-border:#c084fc59;--seq-active-bg:#c084fca6;--seq-active-border:#c084fce6;--seq-active-glow:#c084fc80;--seq-label-color:#c084fc}.seq-block.seq-bridge{--seq-bg:#34d3992e;--seq-border:#34d39959;--seq-active-bg:#34d399a6;--seq-active-border:#34d399e6;--seq-active-glow:#34d39980;--seq-label-color:#34d399}.seq-block.seq-pre{--seq-bg:#fb923c2e;--seq-border:#fb923c59;--seq-active-bg:#fb923ca6;--seq-active-border:#fb923ce6;--seq-active-glow:#fb923c80;--seq-label-color:#fb923c}.seq-block.seq-intro{--seq-bg:#4ade802e;--seq-border:#4ade8059;--seq-active-bg:#4ade80a6;--seq-active-border:#4ade80e6;--seq-active-glow:#4ade8080;--seq-label-color:#4ade80}.seq-block.seq-ending{--seq-bg:#f871712e;--seq-border:#f8717159;--seq-active-bg:#f87171a6;--seq-active-border:#f87171e6;--seq-active-glow:#f8717180;--seq-label-color:#f87171}.seq-block.seq-unknown{--seq-bg:#94a3b82e;--seq-border:#94a3b859;--seq-active-bg:#94a3b8a6;--seq-active-border:#94a3b8e6;--seq-active-glow:#94a3b880;--seq-label-color:#94a3b8}.seq-bar{background:var(--seq-bg,#94a3b82e);border-color:var(--seq-border,#94a3b859)}.seq-bar.active{background:var(--seq-active-bg,#94a3b8a6);border-color:var(--seq-active-border,#94a3b8e6);box-shadow:0 0 6px var(--seq-active-glow,#94a3b880)}[data-theme=light] .seq-block.seq-verse{--seq-bg:#2a56f61f;--seq-border:#2a56f64d;--seq-active-bg:#2a56f68c;--seq-active-border:#2a56f6d9;--seq-active-glow:#2a56f666;--seq-label-color:#2a56f6}[data-theme=light] .seq-block.seq-chorus{--seq-bg:#9333ea1f;--seq-border:#9333ea4d;--seq-active-bg:#9333ea8c;--seq-active-border:#9333ead9;--seq-active-glow:#9333ea66;--seq-label-color:#9333ea}[data-theme=light] .seq-block.seq-bridge{--seq-bg:#0596691f;--seq-border:#0596694d;--seq-active-bg:#0596698c;--seq-active-border:#059669d9;--seq-active-glow:#05966966;--seq-label-color:#059669}[data-theme=light] .seq-block.seq-pre{--seq-bg:#ea580c1f;--seq-border:#ea580c4d;--seq-active-bg:#ea580c8c;--seq-active-border:#ea580cd9;--seq-active-glow:#ea580c66;--seq-label-color:#ea580c}[data-theme=light] .seq-block.seq-intro{--seq-bg:#16a34a1f;--seq-border:#16a34a4d;--seq-active-bg:#16a34a8c;--seq-active-border:#16a34ad9;--seq-active-glow:#16a34a66;--seq-label-color:#16a34a}[data-theme=light] .seq-block.seq-ending{--seq-bg:#dc26261f;--seq-border:#dc26264d;--seq-active-bg:#dc26268c;--seq-active-border:#dc2626d9;--seq-active-glow:#dc262666;--seq-label-color:#dc2626}[data-theme=light] .seq-block.seq-unknown{--seq-bg:#64748b1f;--seq-border:#64748b4d;--seq-active-bg:#64748b8c;--seq-active-border:#64748bd9;--seq-active-glow:#64748b66;--seq-label-color:#64748b}.song-pattern-overview{scrollbar-width:none;flex-flow:row;justify-content:center;gap:4px;margin-bottom:12px;display:flex;overflow-x:auto}.song-pattern-overview::-webkit-scrollbar{display:none}.spo-block{background:#94a3b82e;border:1px solid #94a3b859;border-radius:6px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:2px;min-width:36px;padding:5px 8px;display:flex}.spo-label{letter-spacing:.3px;text-transform:uppercase;color:#888;white-space:nowrap;font-size:.58em;font-weight:700;line-height:1}.spo-bars{color:#888;font-size:.82em;font-weight:700;line-height:1}.spo-block.seq-verse{--spo-bg:#4a9eff2e;--spo-border:#4a9eff59;--spo-color:#4a9eff}.spo-block.seq-chorus{--spo-bg:#c084fc2e;--spo-border:#c084fc59;--spo-color:#c084fc}.spo-block.seq-bridge{--spo-bg:#34d3992e;--spo-border:#34d39959;--spo-color:#34d399}.spo-block.seq-pre{--spo-bg:#fb923c2e;--spo-border:#fb923c59;--spo-color:#fb923c}.spo-block.seq-intro{--spo-bg:#4ade802e;--spo-border:#4ade8059;--spo-color:#4ade80}.spo-block.seq-ending{--spo-bg:#f871712e;--spo-border:#f8717159;--spo-color:#f87171}.spo-block.seq-unknown{--spo-bg:#94a3b82e;--spo-border:#94a3b859;--spo-color:#94a3b8}.spo-block.seq-verse,.spo-block.seq-chorus,.spo-block.seq-bridge,.spo-block.seq-pre,.spo-block.seq-intro,.spo-block.seq-ending,.spo-block.seq-unknown{background:var(--spo-bg);border-color:var(--spo-border)}.spo-block.seq-verse .spo-label,.spo-block.seq-verse .spo-bars,.spo-block.seq-chorus .spo-label,.spo-block.seq-chorus .spo-bars,.spo-block.seq-bridge .spo-label,.spo-block.seq-bridge .spo-bars,.spo-block.seq-pre .spo-label,.spo-block.seq-pre .spo-bars,.spo-block.seq-intro .spo-label,.spo-block.seq-intro .spo-bars,.spo-block.seq-ending .spo-label,.spo-block.seq-ending .spo-bars,.spo-block.seq-unknown .spo-label,.spo-block.seq-unknown .spo-bars{color:var(--spo-color)}[data-theme=light] .spo-block.seq-verse{--spo-bg:#2a56f61f;--spo-border:#2a56f64d;--spo-color:#2a56f6}[data-theme=light] .spo-block.seq-chorus{--spo-bg:#9333ea1f;--spo-border:#9333ea4d;--spo-color:#9333ea}[data-theme=light] .spo-block.seq-bridge{--spo-bg:#0596691f;--spo-border:#0596694d;--spo-color:#059669}[data-theme=light] .spo-block.seq-pre{--spo-bg:#ea580c1f;--spo-border:#ea580c4d;--spo-color:#ea580c}[data-theme=light] .spo-block.seq-intro{--spo-bg:#16a34a1f;--spo-border:#16a34a4d;--spo-color:#16a34a}[data-theme=light] .spo-block.seq-ending{--spo-bg:#dc26261f;--spo-border:#dc26264d;--spo-color:#dc2626}[data-theme=light] .spo-block.seq-unknown{--spo-bg:#64748b1f;--spo-border:#64748b4d;--spo-color:#64748b}.info{background:var(--info-bg);border:1px solid var(--info-border);border-radius:10px;padding:15px;display:none}.info.dev-visible{display:block}#infoTrace{white-space:pre;color:var(--text-secondary);-webkit-user-select:text;user-select:text;cursor:text;max-height:60vh;margin:0;font-family:monospace;font-size:.78em;overflow-y:auto}.auth-area{align-self:center;align-items:center;gap:6px;margin-top:8px;display:flex}#libraryPanel{background:var(--library-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-left:1px solid var(--library-border);width:360px;height:100vh;z-index:var(--z-modal);flex-direction:column;transition:right .35s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;right:-380px;overflow:hidden}#libraryPanel.open{right:0}.library-header{border-bottom:1px solid var(--library-header-border);flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 20px 16px;display:flex}.library-title{color:var(--text-primary);letter-spacing:.5px;font-size:1em;font-weight:700}#libraryCloseBtn{color:var(--text-muted);cursor:pointer;box-shadow:none;opacity:1;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:18px;transition:color .2s}#libraryCloseBtn:hover{color:var(--text-primary)}#libraryList{flex:1;padding:12px 16px;overflow-y:auto}#libraryList::-webkit-scrollbar{width:4px}#libraryList::-webkit-scrollbar-track{background:0 0}#libraryList::-webkit-scrollbar-thumb{background:var(--library-scrollbar);border-radius:2px}.library-empty{text-align:center;color:#666;padding:40px 20px;font-size:.85em;line-height:1.6}.library-loading{text-align:center;color:#666;padding:40px 20px;font-size:.85em}.loop-item{background:var(--loop-item-bg);border:1px solid var(--loop-item-border);cursor:pointer;border-radius:10px;margin-bottom:10px;padding:12px 14px;transition:all .2s;position:relative}.loop-item:hover{border-color:var(--loop-item-hover-border);background:var(--loop-item-hover-bg)}.loop-item.loading{opacity:.6;cursor:wait}.loop-item-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.loop-item-style{color:var(--text-accent-soft);font-size:.88em;font-weight:700}.loop-item-delete{color:#555;cursor:pointer;box-shadow:none;opacity:1;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:13px;line-height:1;transition:color .2s}.loop-item-delete:hover{color:#ff5252}.loop-item-meta{color:var(--info-value);flex-wrap:wrap;gap:10px;font-size:.78em;display:flex}.loop-item-date{color:var(--text-muted);margin-top:4px;font-size:.75em}#libraryOverlay{z-index:calc(var(--z-modal) - 1);background:#0006;display:none;position:fixed;inset:0}#libraryOverlay.visible{display:block}#uploadOverlay{z-index:calc(var(--z-modal) - 1);background:#0006;display:none;position:fixed;inset:0}#uploadOverlay.visible{display:block}#loginBtn{background:var(--login-btn-bg);border:1px solid var(--login-btn-border);color:var(--login-btn-color);cursor:pointer;letter-spacing:.4px;opacity:1;white-space:nowrap;border-radius:20px;align-items:center;gap:8px;height:40px;padding:0 18px;font-size:.9em;font-weight:700;transition:all .25s;display:flex}#loginBtn:hover{border-color:var(--arrow-hover-border);color:var(--arrow-hover-color);background:var(--login-btn-hover-bg)}#userAvatar{cursor:pointer;background:var(--avatar-bg);border:1px solid var(--avatar-border);border-radius:50%;justify-content:center;align-self:center;align-items:center;gap:0;width:44px;height:44px;margin-top:0;padding:3px;transition:border-color .2s;display:none;position:relative}#userAvatar:hover{border-color:var(--arrow-hover-border)}#userAvatarImg{object-fit:cover;border-radius:50%;width:38px;height:38px;display:block}#userAvatarName{display:none}#userDropdown{background:var(--dropdown-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--dropdown-border);border-radius:10px;min-width:140px;display:none;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 8px 24px #0006}#userDropdown.visible{display:block}#userDropdownName{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;border-bottom:1px solid var(--dropdown-name-border);max-width:160px;padding:10px 16px 6px;font-size:.8em;font-weight:600;overflow:hidden}#logoutBtn{width:100%;color:var(--text-accent-soft);text-align:left;cursor:pointer;box-shadow:none;opacity:1;background:0 0;border:none;border-radius:0;padding:12px 16px;font-size:.85em;font-weight:500;transition:background .2s}#logoutBtn:hover{background:var(--logout-hover-bg);color:var(--arrow-hover-color)}#uploadPanel{background:var(--library-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-left:1px solid var(--library-border);width:400px;height:100vh;z-index:var(--z-modal);flex-direction:column;transition:right .35s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;right:-420px;overflow:hidden}#uploadPanel.open{right:0}.upload-panel-header{border-bottom:1px solid var(--library-header-border);flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 20px 16px;display:flex}.upload-panel-title{color:var(--text-primary);letter-spacing:.5px;font-size:1em;font-weight:700}#uploadPanelCloseBtn{color:var(--text-muted);cursor:pointer;box-shadow:none;opacity:1;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:18px;transition:color .2s}#uploadPanelCloseBtn:hover{color:var(--text-primary)}.upload-panel-body{flex-direction:column;flex:1;gap:14px;padding:16px 20px;display:flex;overflow-y:auto}.upload-panel-body::-webkit-scrollbar{width:4px}.upload-panel-body::-webkit-scrollbar-track{background:0 0}.upload-panel-body::-webkit-scrollbar-thumb{background:var(--library-scrollbar);border-radius:2px}.upload-field{flex-direction:column;gap:6px;display:flex}.upload-field label{color:var(--text-secondary);text-shadow:none;margin:0;font-size:.82em;font-weight:600}.upload-field input[type=text],.upload-field input[type=number],.upload-field select{border:1px solid var(--select-border);background:var(--select-bg);width:100%;color:var(--text-primary);cursor:pointer;border-radius:8px;padding:9px 12px;font-size:.9em;transition:all .2s}.upload-field input[type=text]:focus,.upload-field input[type=number]:focus,.upload-field select:focus{border-color:var(--select-border-focus);box-shadow:0 0 6px var(--select-focus-glow);outline:none}.token-pickers{flex-direction:column;gap:10px;display:flex}.token-picker{background:var(--loop-item-bg);border:1px solid var(--loop-item-border);border-radius:8px;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.token-picker-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.token-picker-label{color:var(--text-accent-soft);text-transform:capitalize;font-size:.82em;font-weight:700}.token-picker-add-btn{background:var(--btn-bg);border:1px dashed var(--arrow-border);color:var(--text-accent-soft);cursor:pointer;box-shadow:none;opacity:.9;white-space:nowrap;border-radius:6px;flex-shrink:0;padding:4px 10px;font-size:.75em;font-weight:600;transition:all .2s}.token-picker-add-btn:hover{border-color:var(--arrow-hover-border);color:var(--arrow-hover-color);opacity:1}.token-picker-hint{color:var(--text-muted);font-size:.72em;font-weight:400}.token-picker-file-list{flex-direction:column;gap:4px;display:flex}.token-picker-error{color:#ff5252;font-size:.75em}.upload-file-item{border:1px solid var(--loop-item-border);background:#ffffff0a;border-radius:6px;align-items:center;gap:8px;padding:6px 10px;display:flex}.upload-file-name{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.78em;overflow:hidden}.upload-file-size{color:var(--text-muted);white-space:nowrap;flex-shrink:0;font-size:.72em}.upload-file-remove{color:#555;cursor:pointer;box-shadow:none;opacity:1;background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:2px 5px;font-size:12px;line-height:1;transition:color .2s}.upload-file-remove:hover{color:#ff5252}#uploadConfirmBackdrop{-webkit-backdrop-filter:blur(4px);z-index:var(--z-top);background:#0000008c;justify-content:center;align-items:center;display:none;position:fixed;inset:0}#uploadConfirmBackdrop.visible{display:flex}#uploadConfirmModal{background:var(--panel-bg);-webkit-backdrop-filter:blur(var(--panel-blur));border:1px solid var(--panel-border);box-shadow:var(--panel-shadow);border-radius:16px;flex-direction:column;gap:14px;width:calc(100% - 40px);max-width:340px;padding:24px 22px 20px;display:flex}#uploadConfirmModal h2{color:var(--text-primary);margin:0;font-size:.95em;font-weight:700}#uploadConfirmSummary{color:var(--text-secondary);margin:0;font-size:.82em;line-height:1.7}#uploadConfirmSummary strong{color:var(--text-primary)}.upload-confirm-btn-row{justify-content:flex-end;gap:10px;display:flex}#uploadConfirmCancelBtn{border:1px solid var(--panel-border);color:var(--text-muted);cursor:pointer;box-shadow:none;opacity:1;background:0 0;border-radius:10px;padding:8px 18px;font-size:.85em;font-weight:600;transition:all .2s}#uploadConfirmCancelBtn:hover{color:var(--text-primary);border-color:var(--arrow-hover-border)}#uploadConfirmProceedBtn{background:var(--btn-active-bg);border:1px solid var(--btn-active-border);color:#fff;cursor:pointer;box-shadow:0 0 10px var(--btn-active-glow);opacity:1;border-radius:10px;padding:8px 18px;font-size:.85em;font-weight:700;transition:all .2s}#uploadConfirmProceedBtn:hover{opacity:.9}.upload-error-msg{color:#ff5252;background:#ff52521a;border:1px solid #ff525240;border-radius:6px;padding:8px 12px;font-size:.82em;display:none}.upload-error-msg.visible{display:block}.upload-success-msg{color:#4caf50;background:#4caf501a;border:1px solid #4caf5040;border-radius:6px;padding:8px 12px;font-size:.82em;display:none}.upload-success-msg.visible{display:block}#uploadSubmitBtn{background:var(--btn-active-bg);border:1px solid var(--btn-active-border);color:#fff;cursor:pointer;box-shadow:0 0 10px var(--btn-active-glow);opacity:1;letter-spacing:.5px;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px;font-size:.9em;font-weight:700;transition:all .2s;display:flex}#uploadSubmitBtn:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}#uploadSubmitBtn:not(:disabled):hover{opacity:.9}.upload-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin;display:none}.upload-spinner.visible{display:inline-block}#tosModalBackdrop{-webkit-backdrop-filter:blur(4px);z-index:var(--z-top);background:#0000008c;justify-content:center;align-items:center;display:none;position:fixed;inset:0}#tosModalBackdrop.visible{display:flex}#tosModal{background:var(--panel-bg);-webkit-backdrop-filter:blur(var(--panel-blur));border:1px solid var(--panel-border);box-shadow:var(--panel-shadow);border-radius:16px;flex-direction:column;gap:16px;width:calc(100% - 40px);max-width:360px;padding:28px 24px 24px;display:flex;position:relative}#tosModal h2{color:var(--text-primary);margin:0;font-size:1em;font-weight:700}#tosModal p{color:var(--text-secondary);margin:0;font-size:.85em;line-height:1.6}.tos-checkbox-row{align-items:center;gap:10px;display:flex}.tos-checkbox-row input[type=checkbox]{cursor:pointer;border-radius:4px;flex-shrink:0;width:18px;height:18px;padding:0}.tos-checkbox-row label{color:var(--text-primary);cursor:pointer;text-shadow:none;margin:0;font-size:.85em;font-weight:600}.tos-btn-row{justify-content:flex-end;gap:10px;display:flex}#tosCancelBtn{border:1px solid var(--panel-border);color:var(--text-muted);cursor:pointer;box-shadow:none;opacity:1;background:0 0;border-radius:10px;padding:8px 18px;font-size:.85em;font-weight:600;transition:all .2s}#tosCancelBtn:hover{color:var(--text-primary);border-color:var(--arrow-hover-border)}#tosAcceptBtn{background:var(--btn-active-bg);border:1px solid var(--btn-active-border);color:#fff;cursor:pointer;box-shadow:0 0 10px var(--btn-active-glow);opacity:1;border-radius:10px;padding:8px 18px;font-size:.85em;font-weight:700;transition:all .2s}#tosAcceptBtn:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}#tosAcceptBtn:not(:disabled):hover{opacity:.9}