:root{--x-bg: #05050d;--x-bg2: #0a0a16;--x-surface: rgba(255, 255, 255, .04);--x-surface2: rgba(255, 255, 255, .065);--x-border: rgba(255, 255, 255, .08);--x-border-strong: rgba(255, 255, 255, .18);--x-text: #ffffff;--x-text2: rgba(255, 255, 255, .72);--x-text3: rgba(255, 255, 255, .45);--x-text4: rgba(255, 255, 255, .25);--x-accent: #3ee8a7;--x-accent-rgb: 62, 232, 167;--x-cyan: #00d4ff;--x-purple: #8b5cf6;--x-gold: #f0b429;--x-red: #ff6b83;--x-radius: 14px;--x-radius-lg: 20px;--x-tap-min: 48px;--x-tap-lg: 56px}.x-overlay{position:fixed;inset:0;z-index:99000;background:#02020ad1;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);display:flex;align-items:flex-end;justify-content:center;padding:0;opacity:0;transition:opacity .22s ease;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,sans-serif}.x-overlay.active{opacity:1}.x-overlay.x-exit{opacity:0;transition:opacity .18s ease}@media(min-width:640px){.x-overlay{align-items:center;padding:1.5rem}}.x-sheet{background:linear-gradient(180deg,#0d0d1c,#06060f);border:1px solid var(--x-border);border-top-left-radius:24px;border-top-right-radius:24px;width:100%;max-width:520px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 -20px 60px #0009;transform:translateY(24px);transition:transform .28s cubic-bezier(.16,1,.3,1);padding-bottom:env(safe-area-inset-bottom,0);overflow:hidden}.x-overlay.active .x-sheet{transform:translateY(0)}.x-overlay.x-exit .x-sheet{transform:translateY(12px)}@media(min-width:640px){.x-sheet{border-radius:var(--x-radius-lg);max-width:480px;transform:scale(.96) translateY(12px)}.x-overlay.active .x-sheet{transform:scale(1) translateY(0)}}.x-grip{width:36px;height:4px;background:#ffffff26;border-radius:2px;margin:10px auto 0;flex-shrink:0}@media(min-width:640px){.x-grip{display:none}}.x-head{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem .75rem;flex-shrink:0}.x-head-title{font-size:1.1rem;font-weight:700;letter-spacing:-.02em;color:var(--x-text);margin:0}.x-head-sub{font-size:.76rem;color:var(--x-text3);margin-top:.2rem;font-weight:500}.x-close{background:var(--x-surface);border:none;width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--x-text2);cursor:pointer;transition:background .12s,color .12s;flex-shrink:0;-webkit-tap-highlight-color:transparent}.x-close:hover,.x-close:active{background:var(--x-surface2);color:var(--x-text)}.x-body{flex:1;padding:.5rem 1.25rem 1.25rem;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.x-body::-webkit-scrollbar{width:4px}.x-body::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:2px}.x-body::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.x-btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.75rem 1.25rem;border:none;border-radius:12px;font-size:.88rem;font-weight:600;font-family:inherit;cursor:pointer;transition:background .12s,transform .08s,color .12s;white-space:nowrap;-webkit-tap-highlight-color:transparent;min-height:var(--x-tap-min)}.x-btn:active{transform:scale(.97)}.x-btn-primary{background:var(--x-text);color:#0a0a0f}.x-btn-primary:hover{background:#ffffffeb}.x-btn-ghost{background:var(--x-surface);color:var(--x-text2);border:1px solid var(--x-border)}.x-btn-ghost:hover{background:var(--x-surface2);color:var(--x-text)}.x-btn-outline{background:transparent;color:var(--x-text2);border:1px solid var(--x-border-strong)}.x-btn-outline:hover{color:var(--x-text);border-color:#ffffff52}.x-btn-danger{background:#ff6b8314;color:var(--x-red);border:1px solid rgba(255,107,131,.2)}.x-btn-danger:hover{background:#ff6b8326}.x-btn-full{width:100%}.x-tap-wrap{display:flex;flex-direction:column;align-items:center;gap:1.25rem;padding:.75rem 0 1rem}.x-tap-display{text-align:center;font-variant-numeric:tabular-nums}.x-tap-bpm{font-size:4.5rem;font-weight:800;letter-spacing:-.04em;color:var(--x-text);line-height:1;transition:color .12s,transform .08s}.x-tap-bpm.live{color:var(--x-accent)}.x-tap-bpm.pulse{transform:scale(1.05)}.x-tap-unit{font-size:.7rem;font-weight:700;color:var(--x-text3);text-transform:uppercase;letter-spacing:.25em;margin-top:.3rem}.x-tap-pad{width:180px;height:180px;border-radius:50%;background:radial-gradient(circle at center,rgba(var(--x-accent-rgb),.18) 0%,rgba(var(--x-accent-rgb),.04) 60%,transparent 100%);border:2px solid rgba(var(--x-accent-rgb),.25);color:var(--x-accent);display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;transition:background .1s,transform .08s,border-color .12s;font-family:inherit;position:relative}.x-tap-pad:active,.x-tap-pad.hit{background:radial-gradient(circle at center,rgba(var(--x-accent-rgb),.35) 0%,rgba(var(--x-accent-rgb),.08) 60%,transparent 100%);border-color:rgba(var(--x-accent-rgb),.65);transform:scale(.95)}.x-tap-pad:before{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid rgba(var(--x-accent-rgb),.4);opacity:0;transition:transform .6s ease-out,opacity .6s ease-out;pointer-events:none}.x-tap-pad.hit:before{opacity:1;transform:scale(1.2);transition:transform 0s,opacity 0s;animation:xTapRipple .6s ease-out forwards}@keyframes xTapRipple{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}.x-tap-hint{font-size:.78rem;color:var(--x-text3);text-align:center;min-height:1.2rem;letter-spacing:.01em}.x-tap-hint strong{color:var(--x-accent);font-weight:700}.x-tap-nudge{display:flex;gap:.4rem;align-items:center;justify-content:center}.x-tap-nudge-btn{background:var(--x-surface);border:1px solid var(--x-border);color:var(--x-text);min-width:48px;height:44px;border-radius:10px;font-size:.85rem;font-weight:700;font-family:inherit;cursor:pointer;font-variant-numeric:tabular-nums;transition:background .1s,transform .08s;-webkit-tap-highlight-color:transparent}.x-tap-nudge-btn:hover{background:var(--x-surface2)}.x-tap-nudge-btn:active{transform:scale(.94)}.x-tap-nudge-input{background:transparent;border:1px solid var(--x-border);color:var(--x-text);width:72px;height:44px;border-radius:10px;font-size:1rem;font-weight:700;font-family:inherit;text-align:center;font-variant-numeric:tabular-nums;outline:none;transition:border-color .12s}.x-tap-nudge-input:focus{border-color:var(--x-border-strong)}.x-tap-slider{width:100%;max-width:320px;-webkit-appearance:none;appearance:none;height:4px;background:var(--x-border);border-radius:2px;outline:none;cursor:pointer}.x-tap-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:var(--x-text);cursor:pointer;box-shadow:0 0 0 4px #ffffff14;transition:box-shadow .15s}.x-tap-slider::-webkit-slider-thumb:hover{box-shadow:0 0 0 6px #ffffff1f}.x-tap-slider::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--x-text);border:none;cursor:pointer}.x-tap-restore{background:transparent;border:1px dashed var(--x-border-strong);color:var(--x-text3);font-size:.78rem;padding:.5rem .9rem;border-radius:10px;font-family:inherit;cursor:pointer;transition:color .12s,border-color .12s;-webkit-tap-highlight-color:transparent}.x-tap-restore:hover{color:var(--x-text);border-color:#ffffff59}.x-rhythms-summary{display:flex;align-items:center;justify-content:space-between;padding:.25rem 0 1rem;gap:.75rem}.x-rhythms-count{font-size:.8rem;color:var(--x-text3)}.x-rhythms-count strong{color:var(--x-text);font-variant-numeric:tabular-nums;font-weight:700}.x-rhythms-list{display:flex;flex-direction:column;gap:.5rem}.x-rhythm-card{background:var(--x-surface);border:1px solid var(--x-border);border-radius:14px;padding:.85rem .95rem;display:flex;align-items:stretch;gap:.75rem;cursor:pointer;transition:border-color .12s,background .12s,transform .08s;-webkit-tap-highlight-color:transparent;position:relative;min-height:var(--x-tap-lg)}.x-rhythm-card:hover{background:var(--x-surface2);border-color:var(--x-border-strong)}.x-rhythm-card:active{transform:scale(.99)}.x-rhythm-card.deleting{opacity:.3;pointer-events:none}.x-rhythm-accent{width:4px;align-self:stretch;border-radius:2px;background:var(--x-purple);flex-shrink:0}.x-rhythm-content{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:.4rem}.x-rhythm-top,.x-rhythm-bottom{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.x-rhythm-name{flex:1;min-width:0;font-size:.95rem;font-weight:600;color:var(--x-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}.x-rhythm-name-input{background:transparent;border:1px dashed var(--x-border-strong);border-radius:6px;color:var(--x-text);font-size:.95rem;font-weight:600;font-family:inherit;padding:.25rem .4rem;width:100%;outline:none;letter-spacing:-.01em}.x-rhythm-name-input:focus{border-color:var(--x-accent);border-style:solid}.x-rhythm-meta{display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:var(--x-text3);min-width:0;overflow:hidden;flex-wrap:wrap}.x-rhythm-meta-dot{width:3px;height:3px;border-radius:50%;background:currentColor;opacity:.5}.x-rhythm-bpm{font-weight:700;color:var(--x-text2);font-variant-numeric:tabular-nums}.x-rhythm-base{color:var(--x-text3)}.x-rhythm-pending{color:var(--x-gold);font-weight:600;background:#ffc83c14;border:1px solid rgba(255,200,60,.3);border-radius:999px;padding:.15rem .5rem;font-size:inherit;font-family:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.x-rhythm-actions{display:flex;gap:.25rem;flex-shrink:0}.x-rhythm-action{background:transparent;border:none;color:var(--x-text3);width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .12s,color .12s;-webkit-tap-highlight-color:transparent}.x-rhythm-action:hover{background:var(--x-surface2);color:var(--x-text)}.x-rhythm-action.danger:hover{background:#ff6b831f;color:var(--x-red)}.x-empty{text-align:center;padding:2.5rem 1rem;color:var(--x-text3)}.x-empty-icon{margin:0 auto .75rem;width:44px;height:44px;opacity:.5}.x-empty-title{font-size:.95rem;font-weight:600;color:var(--x-text2);margin-bottom:.35rem}.x-empty-desc{font-size:.78rem;line-height:1.5;max-width:280px;margin:0 auto}.x-toast{position:fixed;left:50%;transform:translate(-50%) translateY(12px);bottom:calc(env(safe-area-inset-bottom,0) + 20px);z-index:99500;background:#13131f;border:1px solid var(--x-border-strong);border-radius:14px;padding:.7rem .9rem .7rem 1rem;display:flex;align-items:center;gap:.75rem;font-family:-apple-system,BlinkMacSystemFont,Inter,sans-serif;font-size:.85rem;color:var(--x-text);box-shadow:0 10px 40px #00000080;opacity:0;transition:opacity .2s ease,transform .2s cubic-bezier(.16,1,.3,1);max-width:calc(100vw - 2rem);min-width:260px}.x-toast.active{opacity:1;transform:translate(-50%) translateY(0)}.x-toast-icon{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.x-toast-icon.success{color:var(--x-accent)}.x-toast-icon.info{color:var(--x-cyan)}.x-toast-icon.warn{color:var(--x-gold)}.x-toast-msg{flex:1;line-height:1.35;font-weight:500}.x-toast-action{background:transparent;border:none;color:var(--x-accent);font-size:.8rem;font-weight:700;letter-spacing:.02em;padding:.35rem .6rem;border-radius:8px;cursor:pointer;font-family:inherit;transition:background .12s;-webkit-tap-highlight-color:transparent;white-space:nowrap}.x-toast-action:hover{background:rgba(var(--x-accent-rgb),.1)}.x-search-wrap{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.x-search-input-wrap{position:relative;display:flex;align-items:center}.x-search-input{width:100%;padding:.7rem 2.4rem;background:var(--x-surface);border:1px solid var(--x-border);border-radius:12px;color:var(--x-text);font-size:.92rem;font-family:inherit;outline:none;transition:border-color .15s,background .15s;-webkit-appearance:none}.x-search-input::placeholder{color:var(--x-text4)}.x-search-input:focus{border-color:var(--x-border-strong);background:var(--x-surface2)}.x-search-icon{position:absolute;left:.8rem;color:var(--x-text3);pointer-events:none}.x-search-clear{position:absolute;right:.5rem;background:transparent;border:none;color:var(--x-text3);width:28px;height:28px;border-radius:8px;display:none;align-items:center;justify-content:center;cursor:pointer;transition:background .12s,color .12s;-webkit-tap-highlight-color:transparent}.x-search-clear.visible{display:flex}.x-search-clear:hover{background:var(--x-surface2);color:var(--x-text)}.x-chips{display:flex;gap:.4rem;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:2px;scrollbar-width:none;scroll-snap-type:x proximity}.x-chips::-webkit-scrollbar{display:none}.x-chip{flex-shrink:0;background:var(--x-surface);border:1px solid var(--x-border);color:var(--x-text2);padding:.45rem .85rem;border-radius:999px;font-size:.78rem;font-weight:600;font-family:inherit;cursor:pointer;transition:background .12s,color .12s,border-color .12s;-webkit-tap-highlight-color:transparent;white-space:nowrap;scroll-snap-align:start;display:inline-flex;align-items:center;gap:.35rem}.x-chip:hover{background:var(--x-surface2);color:var(--x-text)}.x-chip.active{background:var(--x-text);color:#0a0a0f;border-color:var(--x-text)}.x-chip-count{font-size:.68rem;opacity:.55;font-weight:700;font-variant-numeric:tabular-nums}.x-search-match{background:rgba(var(--x-accent-rgb),.18);color:var(--x-accent);padding:0 1px;border-radius:2px;font-weight:700}.x-save-fields{display:flex;flex-direction:column;gap:.85rem;margin-bottom:1rem}.x-save-field label{display:block;font-size:.68rem;font-weight:600;color:var(--x-text3);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.35rem}.x-save-input{width:100%;padding:.75rem .9rem;background:var(--x-surface);border:1px solid var(--x-border);border-radius:12px;color:var(--x-text);font-size:.95rem;font-family:inherit;font-weight:500;outline:none;transition:border-color .12s,background .12s;-webkit-appearance:none}.x-save-input:focus{border-color:var(--x-border-strong);background:var(--x-surface2)}.x-save-input-bpm{font-size:1.35rem;font-weight:700;text-align:center;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.x-save-hint{font-size:.72rem;color:var(--x-text4);margin-top:.3rem;line-height:1.4}.x-save-actions{display:flex;gap:.5rem}.x-save-actions .x-btn{flex:1}.rhythm-strip-search{padding:.4rem .5rem .25rem}.rhythm-strip-search-trigger{width:100%;display:flex;align-items:center;gap:.55rem;padding:.6rem .9rem;background:#ffffff09;border:1px solid rgba(255,255,255,.06);border-radius:10px;color:#ffffff8c;font-size:.85rem;font-family:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:border-color .15s,background .15s,color .15s;text-align:left}.rhythm-strip-search-trigger:hover,.rhythm-strip-search-trigger:active{border-color:#ffffff2e;background:#ffffff0d;color:#fffc}.rhythm-strip-search-trigger.has-query{color:#fff;background:#00e68c14;border-color:#00e68c59}.rhythm-strip-search-icon{color:#fff6;flex-shrink:0}.rhythm-strip-search-trigger.has-query .rhythm-strip-search-icon{color:#00e68c}.rhythm-strip-search-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rhythm-strip-search-clear-inline{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:6px;color:#ffffff8c;background:#ffffff0f;transition:background .12s,color .12s;flex-shrink:0}.rhythm-strip-search-clear-inline:hover{background:#ffffff1f;color:#fff}.rss-sheet{max-width:480px}.rss-sheet .x-body{display:flex;flex-direction:column;gap:.65rem;max-height:70vh;overflow:hidden}.rss-results{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:.3rem;padding:.1rem 0;-webkit-overflow-scrolling:touch}.rss-item{display:block;width:100%;padding:.85rem 1rem;background:#ffffff09;border:1px solid rgba(255,255,255,.06);border-radius:10px;color:#fff;font-size:.92rem;font-family:inherit;text-align:left;cursor:pointer;transition:border-color .12s,background .12s,transform .08s;-webkit-tap-highlight-color:transparent}.rss-item:hover,.rss-item:active{border-color:#ffffff29;background:#ffffff0f}.rss-item:active{transform:scale(.995)}.rss-item.active{border-color:#00e68c73;background:#00e68c14;color:#fff;font-weight:600}.rss-empty{padding:1.5rem 1rem;text-align:center;color:#fff6;font-size:.88rem}.x-picker .x-sheet{max-width:440px;max-height:85vh}.x-picker-body-wrap{padding-top:.25rem}.x-picker-list{display:flex;flex-direction:column;gap:.35rem}.x-picker-row{display:flex;align-items:center;gap:.8rem;padding:.75rem .9rem;background:var(--x-surface);border:1px solid var(--x-border);border-radius:12px;text-align:left;cursor:pointer;font-family:inherit;color:var(--x-text);transition:background .12s,border-color .12s,transform .08s;-webkit-tap-highlight-color:transparent;min-height:var(--x-tap-lg);width:100%}.x-picker-row:hover{background:var(--x-surface2);border-color:var(--x-border-strong)}.x-picker-row:active{transform:scale(.99)}.x-picker-row-current{background:rgba(var(--x-accent-rgb),.1);border-color:rgba(var(--x-accent-rgb),.4)}.x-picker-row-current:hover{background:rgba(var(--x-accent-rgb),.15);border-color:rgba(var(--x-accent-rgb),.5)}.x-picker-num{font-size:1rem;font-weight:800;color:var(--x-text3);min-width:28px;text-align:center;font-variant-numeric:tabular-nums;letter-spacing:-.5px;flex-shrink:0}.x-picker-row-current .x-picker-num{color:var(--x-accent)}.x-picker-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:.15rem}.x-picker-name{font-size:.95rem;font-weight:600;color:var(--x-text);letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.x-picker-personal{color:var(--x-purple)}.x-picker-meta{font-size:.72rem;color:var(--x-text3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.x-picker-now{display:inline-flex;align-items:center;gap:.35rem;font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--x-accent);padding:.3rem .55rem;border-radius:999px;background:rgba(var(--x-accent-rgb),.12);flex-shrink:0}.x-picker-now-dot{width:6px;height:6px;border-radius:50%;background:var(--x-accent);box-shadow:0 0 0 3px rgba(var(--x-accent-rgb),.2);animation:xPickerPulse 1.4s ease-in-out infinite}@keyframes xPickerPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.x-picker-chevron{color:var(--x-text3);flex-shrink:0;transition:transform .12s,color .12s}.x-picker-row:hover .x-picker-chevron{color:var(--x-text);transform:translate(2px)}.x-picker-foot{padding:.75rem 1.25rem;border-top:1px solid var(--x-border);background:var(--x-bg)}.fav-center-clickable{position:relative}.fav-center-clickable:after{content:"";position:absolute;top:6px;right:7px;width:14px;height:14px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgba(255,150,40,0.9)' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><line x1='8' y1='6' x2='21' y2='6'/><line x1='8' y1='12' x2='21' y2='12'/><line x1='8' y1='18' x2='21' y2='18'/><line x1='3' y1='6' x2='3.01' y2='6'/><line x1='3' y1='12' x2='3.01' y2='12'/><line x1='3' y1='18' x2='3.01' y2='18'/></svg>");background-repeat:no-repeat;background-size:contain;opacity:.7;pointer-events:none;transition:opacity .2s}.fav-center-clickable:hover:after{opacity:1}.fav-center-clickable .fav-position{position:relative;padding-right:14px}.fav-center-clickable .fav-position:after{content:" · ver lista";color:#00d4ff80;font-style:normal}@media(max-width:420px){.fav-center-clickable .fav-position:after{content:""}}.x-stage-banner{position:fixed;top:env(safe-area-inset-top,0);left:50%;transform:translate(-50%);z-index:98500;background:#080812f0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(var(--x-accent-rgb),.2);border-top:none;border-radius:0 0 14px 14px;padding:.45rem .6rem .45rem .9rem;display:flex;align-items:center;gap:.75rem;font-family:-apple-system,BlinkMacSystemFont,Inter,sans-serif;animation:xStageIn .35s cubic-bezier(.16,1,.3,1)}@keyframes xStageIn{0%{transform:translate(-50%) translateY(-100%);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.x-stage-banner-dot{width:7px;height:7px;border-radius:50%;background:var(--x-accent);box-shadow:0 0 0 4px rgba(var(--x-accent-rgb),.15);animation:xStagePulse 1.8s ease-in-out infinite;flex-shrink:0}@keyframes xStagePulse{0%,to{opacity:1;box-shadow:0 0 0 4px rgba(var(--x-accent-rgb),.15)}50%{opacity:.6;box-shadow:0 0 0 8px rgba(var(--x-accent-rgb),.05)}}.x-stage-banner-label{font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--x-accent)}.x-stage-banner-exit{background:#ffffff0f;border:none;color:#fff;font-family:inherit;font-size:.75rem;font-weight:600;padding:.35rem .7rem;border-radius:8px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .12s}.x-stage-banner-exit:hover{background:#ffffff1a}body.stage-mode .global-topbar,body.stage-mode .demo-topbar,body.stage-mode .demo-value-banner{display:none!important}body.stage-mode .user-performance-grid{gap:.8rem}body.stage-mode .grid-cell{min-height:88px;font-weight:700}body.stage-mode .cell-label{font-size:.82rem!important;letter-spacing:.2em!important}body.stage-mode .cell-number{font-size:.9rem!important}body.stage-mode .app-container{padding-top:2.4rem}body.stage-mode .fav-edit-btn,body.stage-mode .rhythm-category-filters,body.stage-mode .rhythm-strip-search{display:none!important}body.stage-mode .ctrl-value,body.stage-mode .ctrl-value-tap{font-size:1.1rem!important;min-height:44px}body.stage-mode .ctrl-btn-bpm{min-width:40px;min-height:40px}.pills-row{display:flex;gap:.35rem;width:100%;flex-wrap:wrap}.pills-row .fav-edit-btn{flex:1 1 auto;width:auto;min-height:40px}.fav-edit-btn-purple{color:#8b5cf6bf!important}.fav-edit-btn-purple:hover{color:#8b5cf6!important}.fav-icon-btn{flex:0 0 auto;width:40px;min-height:40px;display:flex;align-items:center;justify-content:center;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;color:#fff6;cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent}.fav-icon-btn:active{transform:scale(.96)}.fav-icon-btn-green{color:#00e68cbf;border-color:#00e68c40}.fav-icon-btn-green:hover{color:#00e68c;background:#00e68c0f}.catg-sheet{max-width:640px;height:calc(100dvh - max(env(safe-area-inset-top),12px));max-height:none;display:flex;flex-direction:column}.catg-body{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:1rem;padding-bottom:max(env(safe-area-inset-bottom),1rem)}.catg-section{flex-shrink:0}.catg-title{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#ffffff73;margin-bottom:.45rem;display:flex;align-items:center;gap:.4rem}.catg-count{font-size:.62rem;color:#00d4ff99;font-variant-numeric:tabular-nums}.catg-row{display:flex;gap:.4rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:.3rem}.catg-row::-webkit-scrollbar{display:none}.catg-card{flex:0 0 auto;padding:.75rem 1rem;min-height:44px;border-radius:12px;background:#ffffff09;border:1px solid rgba(255,255,255,.07);color:#fffc;font-size:.85rem;font-weight:600;font-family:inherit;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:border-color .12s,background .12s,transform .08s}.catg-card:active{transform:scale(.97)}.catg-card.active{border-color:#00d4ff8c;background:#00d4ff14;color:#fff}.desk-panel{display:none}@media(min-width:1160px){#userMode.active{display:grid;grid-template-columns:330px minmax(0,1fr) 290px;gap:1rem;align-items:start;max-width:1480px;margin:0 auto;padding:0 1rem}.desk-panel{display:flex;flex-direction:column;position:sticky;top:.5rem;max-height:calc(100vh - 4.5rem);background:#0a0a1c8c;border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:1rem 1.15rem;overflow:hidden}.desk-panel-title{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#ffffff80;margin-bottom:.6rem;flex-shrink:0}.desk-panel-body{flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-gutter:stable;padding-right:.45rem;display:flex;flex-direction:column;gap:.75rem}.desk-setlist-item{display:flex;align-items:center;gap:.55rem;width:100%;padding:.55rem .65rem;border-radius:10px;background:#ffffff06;border:1px solid rgba(255,255,255,.05);color:#ffffffbf;font-size:.82rem;font-weight:600;font-family:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:border-color .12s,background .12s;margin-bottom:.3rem}.desk-setlist-item.active{border-color:#00d4ff80;background:#00d4ff12;color:#fff}.desk-setlist-num{font-size:.68rem;color:#00d4ff99;font-variant-numeric:tabular-nums;min-width:1.2rem}.desk-setlist-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.desk-empty{font-size:.78rem;color:#ffffff59;text-align:center;padding:1.5rem .5rem;line-height:1.6}}body.stage-mode .desk-panel,body.stage-mode #saveAsMyRhythmBtn{display:none!important}@media(min-width:1160px){body.stage-mode #userMode.active{display:block;max-width:900px}}.global-topbar{border-bottom:1px solid rgba(255,255,255,.05);padding:.45rem 1rem}body.stage-mode .stage-switch{position:relative}body.stage-mode .stage-switch .stage-switch-track{background:#f973162e!important;border-color:#f9731699!important;color:#ffb020!important;box-shadow:0 0 14px #f9731640}body.stage-mode .stage-switch .stage-switch-text:after{content:" · SAIR";font-weight:800}.hdr-btn{position:relative;width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;background:#00d4ff0d;border:1.5px solid rgba(0,212,255,.55);color:#00d4ff;box-shadow:0 0 12px #00d4ff2e,inset 0 0 8px #00d4ff0d;transition:all .15s ease;-webkit-tap-highlight-color:transparent;flex-shrink:0}.hdr-btn:active{transform:scale(.94)}.hdr-btn-input{position:absolute;opacity:0;pointer-events:none}.hdr-btn-icon{pointer-events:none}.hdr-btn-exit-label{display:none;font-size:.6rem;font-weight:800;letter-spacing:.06em}body.stage-mode .hdr-btn-show{width:auto;padding:0 .7rem;gap:.35rem;background:#f973161f;border-color:#f97316bf;color:#ffb020;box-shadow:0 0 16px #f9731659}body.stage-mode .hdr-btn-show .hdr-btn-exit-label{display:inline}.hdr-btn-menu{border-color:#0099ff8c;color:#41a9ff;background:#0099ff0d;box-shadow:0 0 12px #0099ff29,inset 0 0 8px #0099ff0d}.stage-switch-track,.stage-switch-text,.stage-switch-icon{all:unset}.global-logo-img{height:34px}.global-topbar{padding:.5rem 1rem;border-bottom:none}.rhythm-cell{border-color:#00d4ffa6!important;background:linear-gradient(160deg,#003c5059,#0014238c)!important;box-shadow:0 0 16px #00d4ff24,inset 0 0 24px #00d4ff0d}.rhythm-cell.active{border-color:#00d4ff!important;box-shadow:0 0 28px #00d4ff73,inset 0 0 30px #00d4ff1a!important}.fill-cell{border-color:#8b5cf6a6!important;background:linear-gradient(160deg,#3c1e6459,#190a2d8c)!important;box-shadow:0 0 16px #8b5cf624,inset 0 0 24px #8b5cf60d}.fill-cell.active{border-color:#a78bfa!important;box-shadow:0 0 28px #8b5cf673,inset 0 0 30px #8b5cf61a!important}.pause-cell{border-color:#00d4ff80!important;background:linear-gradient(160deg,#0046504d,#00191e80)!important;box-shadow:0 0 14px #00d4ff1a}.end-cell{border-color:#ec489999!important;background:linear-gradient(160deg,#5a143759,#2808198c)!important;box-shadow:0 0 14px #ec48991f}.cymbal-cell,.grid-cell[id=cymbalBtn],.prato-cell{border-color:#f0b42999!important;background:linear-gradient(160deg,#5f460a52,#281e058c)!important;box-shadow:0 0 14px #f0b4291f}.rhythm-cell .cell-number{color:#00d4ff;text-shadow:0 0 12px rgba(0,212,255,.5)}.rhythm-cell .cell-label{color:#00d4ffbf}.fill-cell .cell-number{color:#a78bfa;text-shadow:0 0 12px rgba(139,92,246,.5)}.fill-cell .cell-label{color:#a78bfabf}.pause-cell .cell-label{color:#2dd4bf;text-shadow:0 0 10px rgba(45,212,191,.4)}.end-cell .cell-label{color:#f472b6;text-shadow:0 0 10px rgba(244,114,182,.4)}.pills-row .fav-edit-btn{border-color:#ffffff24;color:#ffffffbf;border-radius:999px}.fav-icon-btn{border-radius:999px}.fav-icon-btn-green{color:#00e68c;border-color:#00e68c99;box-shadow:0 0 10px #00e68c26}.rhythm-cat-btn.active,.rhythm-card-btn.active{border-color:#00d4ffcc!important;color:#00d4ff!important;box-shadow:0 0 12px #00d4ff40}.fav-center{border:1.5px solid rgba(0,212,255,.7)!important;border-radius:16px;box-shadow:0 0 18px #00d4ff2e,inset 0 0 20px #00d4ff0a}.fav-num{color:#00d4ff!important;text-shadow:0 0 12px rgba(0,212,255,.5)}.fav-current-meta{color:#00d4ffcc!important}.ctrl-toggle.active{border-color:#00e68cb3!important;color:#00e68c!important;box-shadow:0 0 12px #00e68c33}.ctrl-toggle.active .ctrl-toggle-dot{background:#00e68c!important;box-shadow:0 0 8px #00e68ccc}.catg-row{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:.45rem;overflow-x:visible!important}.catg-card{aspect-ratio:1.6 / 1;min-height:48px;display:flex;align-items:center;justify-content:center;text-align:center;white-space:normal!important;word-break:break-word;padding:.35rem!important;font-size:.74rem!important;border-radius:12px!important;border-width:1.5px!important;border-color:#00d4ff59!important;background:linear-gradient(160deg,#00324640,#050c1980)!important;line-height:1.2}.catg-card.active{border-color:#00d4ff!important;box-shadow:0 0 16px #00d4ff4d}.catg-pills{display:flex;flex-wrap:wrap;gap:.3rem;margin-bottom:.75rem;flex-shrink:0}.catg-pill{padding:.38rem .75rem;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#ffffff08;color:#ffffffb3;font-size:.76rem;font-weight:700;font-family:inherit;cursor:pointer;transition:border-color .12s,color .12s,background .12s;-webkit-tap-highlight-color:transparent}.catg-pill.active{border-color:#00d4ff;color:#00d4ff;background:#00d4ff14;box-shadow:0 0 10px #00d4ff26}.catg-pill-count{font-size:.64rem;color:#00d4ffb3;background:#00d4ff1a;border-radius:999px;padding:.05rem .4rem;font-variant-numeric:tabular-nums}.catg-body .catg-title{font-size:.92rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#00d4ff;border-left:3px solid #00D4FF;padding-left:.55rem;margin-bottom:.65rem;text-shadow:0 0 12px rgba(0,212,255,.35)}.catg-body .catg-title .catg-count{font-size:.7rem;color:#ffffff73}.catg-empty{text-align:center;color:#fff6;font-size:.85rem;padding:2rem 0}.catg-sheet{height:auto!important;max-height:calc(100dvh - max(env(safe-area-inset-top),16px) - max(env(safe-area-inset-bottom),16px) - 16px)!important;margin-bottom:max(env(safe-area-inset-bottom),16px);border-radius:24px!important}@media(max-width:639px){.catg-sheet,.x-sheet.x-myrh-sheet{height:calc(100dvh - max(env(safe-area-inset-top),16px) - max(env(safe-area-inset-bottom),16px) - 16px)!important;max-height:calc(100dvh - max(env(safe-area-inset-top),16px) - max(env(safe-area-inset-bottom),16px) - 16px)!important;margin-bottom:max(env(safe-area-inset-bottom),16px);border-radius:24px}}@media(min-width:1160px){.catg-sheet{max-width:780px;margin-left:auto;margin-right:auto}.catg-row{grid-template-columns:repeat(auto-fill,minmax(112px,1fr))}}.catg-search-wrap{position:relative;display:flex;align-items:center;margin-bottom:.85rem;flex-shrink:0}.catg-search-input{width:100%;padding:.8rem 1rem .8rem 2.5rem;border-radius:14px;border:1.5px solid rgba(0,212,255,.35);background:#ffffff0a;color:#fff;font-size:.95rem;font-family:inherit;outline:none;transition:border-color .15s,box-shadow .15s}.catg-search-input:focus{border-color:#00d4ffcc;box-shadow:0 0 0 4px #00d4ff1f}.catg-search-icon{position:absolute;left:.85rem;color:#00d4ff99;pointer-events:none}.fav-center-clickable .fav-position:after{color:#ff962899}@media(max-width:480px){.pills-row{gap:.3rem}.pills-row .fav-edit-btn{flex:1 1 auto;justify-content:center;padding:.55rem .4rem;font-size:.62rem;letter-spacing:.02em}.pills-row .fav-icon-btn{width:40px;height:40px;flex:0 0 auto}}body.perf-lite:before{animation:none!important}body.perf-lite .x-overlay,body.perf-lite .sle-overlay,body.perf-lite .x-stage-banner,body.perf-lite #rhythmLoader{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}body.perf-lite .x-overlay{background:#02020aeb}body.perf-lite .sle-overlay{background:#02020ced}body:has(#pedalBtInput) .user-layout{padding-bottom:calc(env(safe-area-inset-bottom,0px) + 32px)!important}.global-brand-text{font-size:1.15rem!important;font-weight:800!important;letter-spacing:.03em!important;background:linear-gradient(135deg,#00d4ff,#8b5cf6 60%,#ec4899);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent!important;filter:drop-shadow(0 0 8px rgba(0,212,255,.3))}.pills-row{margin-bottom:.9rem}.controls-bar{background:#10122cd9!important;border-color:#ffffff1c!important}@media(min-width:1160px){.user-layout{min-height:0;justify-content:flex-start}.user-grid-section{flex:0 0 auto;min-height:380px}}.x-myrh-sheet .x-rhythm-card{border:1.5px solid rgba(139,92,246,.22);background:linear-gradient(160deg,#321e502e,#08081680);border-radius:14px;transition:border-color .12s,background .12s}.x-myrh-sheet .x-rhythm-card:hover{border-color:#8b5cf680;background:linear-gradient(160deg,#321e5047,#0808168c)}.x-myrh-sheet .x-rhythm-name{font-size:.95rem;font-weight:700}.x-bpm-ctrl{display:inline-flex;align-items:center;gap:.1rem;flex-shrink:0;border:1px solid rgba(0,212,255,.3);background:#00d4ff0d;border-radius:999px;padding:.15rem}.x-bpm-btn{width:30px;height:30px;border-radius:50%;border:none;background:transparent;color:#00d4ffd9;font-size:1.05rem;font-weight:700;font-family:inherit;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .12s}.x-bpm-btn:active{background:#00d4ff26}.x-bpm-val{min-width:34px;text-align:center;font-size:.82rem;font-weight:800;color:#00d4ff;font-variant-numeric:tabular-nums;cursor:pointer}.x-bpm-input{width:46px;text-align:center;font-size:.82rem;font-weight:800;font-family:inherit;color:#00d4ff;background:#ffffff0f;border:1px solid rgba(0,212,255,.5);border-radius:8px;padding:.15rem 0;outline:none;-moz-appearance:textfield}.x-bpm-input::-webkit-inner-spin-button,.x-bpm-input::-webkit-outer-spin-button{-webkit-appearance:none}.x-rhythm-action.danger.confirming{width:auto;padding:0 .6rem;background:#ff44662e;border-color:#ff446680}.x-delete-confirm-label{font-size:.7rem;font-weight:800;color:#ff6b83;white-space:nowrap}.x-bpm-ctrl-lg{padding:.2rem}.x-bpm-ctrl-lg .x-bpm-btn{width:40px;height:40px;font-size:1.2rem}.x-bpm-ctrl-lg .x-bpm-val{min-width:48px;font-size:1rem}.x-bpm-ctrl-lg .x-bpm-input{width:56px;font-size:1rem}@media(min-width:640px){.x-sheet.x-myrh-sheet{max-width:620px}}.x-save-dest{display:flex;flex-wrap:wrap;gap:.35rem}.x-dest-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.45rem .75rem;min-height:38px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#ffffff08;color:#ffffffb3;font-size:.78rem;font-weight:700;font-family:inherit;cursor:pointer;transition:border-color .12s,color .12s,background .12s;-webkit-tap-highlight-color:transparent}.x-dest-chip.active{border-color:#00e68c;color:#00e68c;background:#00e68c14;box-shadow:0 0 10px #00e68c26}.x-dest-count{font-size:.64rem;color:#00d4ffb3;background:#00d4ff1a;border-radius:999px;padding:.05rem .4rem;font-variant-numeric:tabular-nums}.desk-search-wrap{position:relative;display:flex;align-items:center;flex-shrink:0}.desk-search-input{width:100%;padding:.55rem .8rem .55rem 2.1rem;border-radius:12px;border:1px solid rgba(0,212,255,.3);background:#ffffff0a;color:#fff;font-size:.82rem;font-family:inherit;outline:none;transition:border-color .15s,box-shadow .15s}.desk-search-input:focus{border-color:#00d4ffcc;box-shadow:0 0 0 3px #00d4ff1f}.desk-search-icon{position:absolute;left:.7rem;color:#00d4ff99;pointer-events:none}.desk-cat-pills{display:flex;flex-wrap:wrap;gap:.3rem;flex-shrink:0}.desk-cat-pill{padding:.32rem .7rem;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#ffffff08;color:#ffffffb3;font-size:.72rem;font-weight:700;font-family:inherit;cursor:pointer;transition:border-color .12s,color .12s,background .12s;-webkit-tap-highlight-color:transparent}.desk-cat-pill:hover{border-color:#00d4ff66;color:#fff}.desk-cat-pill.active{border-color:#00d4ff;color:#00d4ff;background:#00d4ff14;box-shadow:0 0 10px #00d4ff26}.desk-cat-count{font-size:.62rem;color:#00d4ffb3;background:#00d4ff1a;border-radius:999px;padding:.05rem .38rem;font-variant-numeric:tabular-nums}.desk-rhythm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:.4rem}.desk-r-card{aspect-ratio:1.6 / 1;min-height:44px;display:flex;align-items:center;justify-content:center;text-align:center;white-space:normal;word-break:break-word;padding:.35rem;font-size:.68rem;font-weight:600;line-height:1.2;border-radius:12px;border:1.5px solid rgba(0,212,255,.3);background:linear-gradient(160deg,#00324640,#050c1980);color:#ffffffd9;font-family:inherit;cursor:pointer;transition:border-color .12s,box-shadow .12s;-webkit-tap-highlight-color:transparent}.desk-r-card:hover{border-color:#00d4ff99}.desk-r-card:active{transform:scale(.97)}.desk-r-card.active{border-color:#00d4ff;color:#00d4ff;box-shadow:0 0 14px #00d4ff4d}.desk-setlists-chips{display:flex;flex-wrap:wrap;gap:.3rem;flex-shrink:0}.desk-setlist-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.32rem .6rem;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#ffffff08;color:#ffffffb3;font-size:.72rem;font-weight:700;font-family:inherit;cursor:pointer;transition:border-color .12s,color .12s,background .12s;-webkit-tap-highlight-color:transparent;max-width:100%}.desk-setlist-chip-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:130px}.desk-setlist-chip-count{font-size:.62rem;color:#00d4ffb3;background:#00d4ff1a;border-radius:999px;padding:.05rem .4rem;font-variant-numeric:tabular-nums}.desk-setlist-chip:hover{border-color:#00d4ff66;color:#fff}.desk-setlist-chip.active{border-color:#00d4ff;color:#00d4ff;background:#00d4ff14;box-shadow:0 0 10px #00d4ff26}.desk-setlist-list{display:flex;flex-direction:column}.catg-body-wrap{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.catg-body-wrap .catg-body{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:1rem;padding-bottom:max(env(safe-area-inset-bottom),1rem)}