.word-injection-lab{--wi-bg: #130f24;--wi-panel: #1a162b;--wi-panel-strong: #241d38;--wi-line: rgb(255 255 255 / 10%);--wi-yellow: #ffd65a;--wi-cyan: #72d8e8;--wi-pink: #ff719f;--wi-green: #72e8aa;--wi-muted: #aaa2bf;--wi-card-glow: 0 0 0 rgb(255 214 90 / 0%);width:min(calc(100% - 28px),980px);min-height:100vh;display:grid;align-content:start;gap:1rem;padding:calc(1rem + env(safe-area-inset-top)) 0 calc(2rem + env(safe-area-inset-bottom));color:#f7f2ff}.word-injection-lab__header{display:flex;justify-content:space-between;gap:1rem;align-items:end;padding:.7rem 0;border-bottom:1px solid var(--wi-line)}.word-injection-lab__brand{display:inline-flex;gap:.32rem;align-items:center;color:inherit;text-decoration:none}.word-injection-lab__brand strong{color:var(--wi-yellow);font-weight:950}.word-injection-lab__brand b{color:var(--wi-cyan)}.word-injection-lab__header span{display:block;color:var(--wi-muted);font-size:.72rem;font-weight:850;text-align:right;text-transform:uppercase}.word-injection-lab__header h1{color:var(--wi-yellow);font-size:2.2rem;line-height:1}.word-injection-lab__header p{margin-top:.35rem;color:#c9c2dc;font-size:.92rem;font-weight:700}.word-injection-lab__transport{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.9rem;align-items:center;padding:.85rem;border:1px solid var(--wi-line);border-radius:8px;background:var(--wi-panel)}.word-injection-track{min-width:0;display:grid;grid-template-columns:56px minmax(0,1fr);gap:.75rem;align-items:center}.word-injection-track__emblem{height:54px}.word-injection-track strong,.word-injection-track p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.word-injection-track strong{display:block;color:#fff7d7;font-size:1.02rem}.word-injection-track p,.word-injection-lab__hint{margin-top:.25rem;color:var(--wi-muted);font-size:.8rem}.word-injection-controls{display:grid;gap:.42rem;justify-items:end}.word-injection-lab__buttons{display:flex;gap:.45rem}.word-injection-lab__buttons button,.word-injection-results__actions button{min-height:42px;border:1px solid rgb(255 255 255 / 12%);border-radius:6px;background:#29223d;color:#f6f2ff;cursor:pointer;font-weight:900}.word-injection-lab__buttons button{padding:0 .75rem}.word-injection-lab__buttons button:first-child,.word-injection-results__actions button:first-child{border-color:#ffd65a61;background:var(--wi-yellow);color:#171321}.word-injection-trainer{display:grid;gap:.8rem}.word-injection-stats{display:flex;flex-wrap:wrap;gap:.45rem;justify-content:center}.word-injection-stats span{min-height:30px;display:inline-flex;align-items:center;padding:.28rem .55rem;border:1px solid rgb(255 255 255 / 8%);border-radius:999px;background:#ffffff0a;color:#d8d2e8;font-size:.74rem;font-weight:850}.word-injection-debug{display:flex;flex-wrap:wrap;gap:.35rem;justify-content:center;opacity:.62}.word-injection-debug span{padding:.18rem .42rem;border:1px solid rgb(255 255 255 / 7%);border-radius:999px;background:#00000026;color:#b9b0cf;font-size:.66rem;font-weight:750}.word-injection-card{position:relative;min-height:clamp(250px,39vh,390px);display:grid;grid-template-rows:minmax(0,1fr) auto;align-content:stretch;justify-items:center;gap:1.05rem;padding:1.5rem 1.5rem 1.2rem;overflow:hidden;border:1px solid rgb(255 214 90 / 20%);border-radius:8px;background:radial-gradient(circle at 50% 10%,rgb(114 216 232 / 11%),transparent 38%),var(--wi-panel-strong);box-shadow:var(--wi-card-glow);text-align:center;transform:scale(1);transition:opacity .18s ease-out,transform .18s ease-out,box-shadow .18s ease-out;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation}.word-injection-card--playable{border-color:#72d8e83d}.word-injection-card--perfect{animation:wordInjectionPerfect .42s ease-out both;box-shadow:0 0 34px #ffd65a42}.word-injection-card--hit{animation:wordInjectionHit .36s ease-out both;box-shadow:0 0 24px #72e8aa38}.word-injection-card--close{animation:wordInjectionClose .28s ease-out both;border-color:#ffd65a57}.word-injection-card--miss{animation:wordInjectionMiss .3s ease-out both;border-color:#ff719f40}.word-injection-card__center{min-width:0;display:grid;place-items:center;align-self:center}.word-injection-card strong{max-width:100%;overflow-wrap:anywhere;color:#fff7d7;font-size:clamp(3rem,10vw,7.2rem);line-height:.95}.word-injection-word{transform:scale(var(--word-scale, 1));animation:wordInjectionWordIn .22s ease-out both;transition:transform .08s ease-out,opacity .16s ease-out}.word-injection-card--perfect .word-injection-word,.word-injection-card--hit .word-injection-word{opacity:0;transform:translateY(-14px) scale(1.08)}.word-injection-card--close .word-injection-word,.word-injection-card--miss .word-injection-word{opacity:.42;transform:translateY(8px) scale(.98)}.word-injection-intro-word{display:grid;gap:.18em;color:#fff7d7;font-size:clamp(1.65rem,4.8vw,3.3rem);font-weight:950;line-height:1.05;animation:wordInjectionIntroIn .28s ease-out both}.word-injection-intro-word span{display:block}.word-injection-intro-word--ready{color:var(--wi-yellow);font-size:clamp(2.5rem,7vw,5.2rem)}.word-injection-countdown{min-width:1.2em;color:var(--wi-yellow);font-size:clamp(3rem,10vw,7.2rem);animation:wordInjectionCountdown .58s ease-out both}.word-injection-feedback{position:absolute;top:1.1rem;right:1.1rem;display:grid;gap:.1rem;justify-items:end;color:var(--wi-yellow);font-size:clamp(1.1rem,3vw,2rem);font-weight:950;letter-spacing:.04em;animation:wordInjectionFeedback .28s ease-out both}.word-injection-feedback b{color:#c9c2dc;font-size:.7rem;font-weight:850;letter-spacing:0;text-transform:uppercase}.word-injection-feedback--hit{color:var(--wi-green)}.word-injection-feedback--close{color:#ffe7a0}.word-injection-feedback--miss{color:#ff9fbd}.word-injection-impact{position:absolute;top:50%;right:50%;bottom:50%;left:50%;width:180px;height:180px;border:2px solid rgb(255 214 90 / 24%);border-radius:999px;pointer-events:none;transform:translate(-50%,-50%) scale(.2);animation:wordInjectionImpact .42s ease-out both}.word-injection-card--hit .word-injection-impact{border-color:#72e8aa38}.word-injection-card--close .word-injection-impact,.word-injection-card--miss .word-injection-impact{border-color:#ff719f2e}.injection-beat-pulse{width:min(280px,74%);align-self:end;padding:.35rem .45rem .42rem;border:1px solid rgb(114 216 232 / var(--pulse-border-alpha));border-radius:999px;background:linear-gradient(90deg,#ffd65a00,rgb(255 214 90 / var(--pulse-warm-soft-alpha))),linear-gradient(90deg,#72d8e814,#72d8e80a),#0d0a1761;opacity:.9}.injection-beat-pulse__rail{position:relative;min-height:24px}.injection-beat-pulse__pad{position:absolute;top:50%;left:var(--pad-x);width:20%;height:8px;border-radius:999px;background:linear-gradient(90deg,rgb(255 214 90 / var(--pulse-warm-pad-alpha)),rgb(255 214 90 / var(--pulse-warm-soft-alpha))),#72d8e847;opacity:.48;transform:translate(-50%,-50%) scaleY(.9);transition:opacity .1s ease-out,transform .1s ease-out,background .1s ease-out}.injection-beat-pulse__pad.is-active{opacity:var(--pad-active-opacity);transform:translate(-50%,-50%) scaleY(var(--pad-active-scale))}.injection-beat-pulse__pad.is-downbeat.is-active{opacity:1;transform:translate(-50%,-50%) scaleY(var(--pad-downbeat-scale))}.injection-beat-pulse__ball-track{position:absolute;top:50%;left:7px;width:calc(100% - 14px);height:0;transform:translate(var(--ball-travel)) translateY(-50%);transition:transform .08s ease-out}.injection-beat-pulse__ball{position:absolute;top:0;left:0;width:14px;height:14px;border-radius:999px;background:radial-gradient(circle at 34% 28%,rgb(255 255 255 / 72%),transparent 26%),linear-gradient(135deg,rgb(255 214 90 / var(--pulse-ball-warm-alpha)),transparent),var(--wi-cyan);box-shadow:0 0 var(--pulse-glow-size) #72d8e861,0 0 var(--pulse-warm-glow-size) #ffd65a6b,0 4px 10px #0000003d;transform:translate(-50%,-50%) scale(var(--ball-scale));transition:transform .08s ease-out,background .1s ease-out}.injection-beat-pulse__ball.is-downbeat{transform:translate(-50%,-50%) scale(var(--ball-downbeat-scale))}.word-injection-results{display:grid;gap:1rem;padding:1.1rem;border:1px solid var(--wi-line);border-radius:8px;background:var(--wi-panel)}.word-injection-results h2{color:var(--wi-yellow);font-size:2rem}.word-injection-results__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem}.word-injection-results__grid div{display:grid;gap:.22rem;padding:.72rem;border:1px solid rgb(255 255 255 / 8%);border-radius:8px;background:#ffffff0a}.word-injection-results__grid span{color:var(--wi-muted);font-size:.72rem;font-weight:850;text-transform:uppercase}.word-injection-results__grid strong{color:#fff7d7;font-size:1.4rem}.word-injection-results__actions{display:flex;gap:.55rem;justify-content:end}.word-injection-results__actions button{padding:0 .8rem}@keyframes wordInjectionWordIn{0%{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(var(--word-scale, 1))}}@keyframes wordInjectionIntroIn{0%{opacity:0;transform:translateY(7px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes wordInjectionCountdown{0%{opacity:0;transform:scale(.82)}18%{opacity:1;transform:scale(1.04)}to{opacity:0;transform:scale(.94)}}@keyframes wordInjectionPerfect{0%{transform:scale(1)}42%{transform:scale(1.024)}to{transform:scale(.996)}}@keyframes wordInjectionHit{0%{transform:scale(1)}45%{transform:scale(1.014)}to{transform:scale(.998)}}@keyframes wordInjectionClose{0%,to{transform:translate(0)}35%{transform:translate(-4px)}70%{transform:translate(4px)}}@keyframes wordInjectionMiss{0%,to{transform:translate(0);opacity:1}35%{transform:translate(-5px);opacity:.86}70%{transform:translate(5px);opacity:.92}}@keyframes wordInjectionFeedback{0%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes wordInjectionImpact{0%{opacity:.8;transform:translate(-50%,-50%) scale(.18)}to{opacity:0;transform:translate(-50%,-50%) scale(1.25)}}@media (prefers-reduced-motion: reduce){.word-injection-card,.word-injection-intro-word,.word-injection-countdown,.word-injection-word,.word-injection-feedback,.word-injection-impact,.injection-beat-pulse__pad,.injection-beat-pulse__ball,.injection-beat-pulse__ball-track{animation-duration:.01ms;transition-duration:.01ms}.word-injection-word{transform:none}.injection-beat-pulse__ball,.injection-beat-pulse__ball.is-downbeat{transform:translate(-50%,-50%)}}@media (max-width: 760px){.word-injection-lab{width:min(calc(100% - 18px),980px)}.word-injection-lab__header,.word-injection-lab__transport{grid-template-columns:1fr}.word-injection-lab__header{display:grid;align-items:start}.word-injection-lab__header span,.word-injection-lab__header h1{text-align:left}.word-injection-controls{justify-items:stretch}.word-injection-lab__buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.word-injection-lab__buttons button{min-width:0;padding-inline:.35rem}.word-injection-stats{justify-content:start}.word-injection-card{min-height:320px;padding:1rem}.injection-beat-pulse{width:min(300px,88%)}.word-injection-results__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.word-injection-results__actions{display:grid;grid-template-columns:1fr}}*{box-sizing:border-box;margin:0;padding:0}.beat-importer-page{width:min(calc(100% - 28px),1240px);margin:0 auto;padding:24px 0 64px;color:#f5f2ff}.beat-importer-header{display:flex;gap:24px;align-items:flex-start;justify-content:space-between;padding:22px 24px;border:1px solid rgb(121 220 235 / 24%);border-radius:8px;background:linear-gradient(135deg,#282040f5,#151124f5)}.beat-importer-header span,.beat-importer-section__header>span{color:#79dceb;font-size:.72rem;font-weight:900;letter-spacing:0}.beat-importer-header h1{margin-top:5px;color:#ffd65a;font-size:clamp(1.7rem,4vw,2.5rem);line-height:1}.beat-importer-header p{max-width:720px;margin-top:9px;color:#c8c0dc;line-height:1.45}.beat-importer-header a,.dev-route-not-found a{flex:0 0 auto;color:#79dceb;font-weight:800;text-decoration:none}.beat-importer-header a:hover,.beat-importer-header a:focus-visible,.dev-route-not-found a:hover,.dev-route-not-found a:focus-visible{text-decoration:underline}.beat-importer-critical{position:sticky;z-index:20;top:8px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:12px 0;overflow:hidden;border:1px solid rgb(255 214 90 / 24%);border-radius:8px;background:#302747;box-shadow:0 12px 30px #00000047}.beat-importer-critical strong{display:flex;gap:8px;align-items:baseline;justify-content:center;padding:10px 8px;background:#161225fa;color:#aaa1c0;font-size:.76rem}.beat-importer-critical b{color:#ffd65a;font-size:.94rem}.beat-importer-notice,.beat-importer-status{display:flex;gap:12px;align-items:center;justify-content:space-between;margin:12px 0;padding:10px 12px;border:1px solid rgb(121 220 235 / 20%);border-radius:6px;background:#79dceb12;color:#c7edf3}.beat-importer-notice button,.beat-importer-page button{min-height:40px;border:1px solid rgb(121 220 235 / 26%);border-radius:6px;padding:0 13px;background:#79dceb14;color:#ecfbff;cursor:pointer;font-weight:800}.beat-importer-page button:hover:not(:disabled){border-color:#79dceb99;background:#79dceb24}.beat-importer-page button:focus-visible,.beat-importer-page input:focus-visible,.beat-importer-page select:focus-visible,.beat-importer-page canvas:focus-visible{outline:2px solid #ffd65a;outline-offset:2px}.beat-importer-layout{display:grid;gap:12px}.beat-importer-section{min-width:0;padding:18px;border:1px solid rgb(255 255 255 / 9%);border-radius:8px;background:#1b162df5;box-shadow:0 10px 26px #00000024}.beat-importer-section__header{display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px;align-items:start;margin-bottom:16px}.beat-importer-section__header>span{display:grid;width:28px;height:28px;place-items:center;border:1px solid rgb(121 220 235 / 24%);border-radius:6px;background:#79dceb12}.beat-importer-section__header h2{color:#fff;font-size:1.05rem;line-height:1.2}.beat-importer-section__header p{margin-top:4px;color:#9e96b3;font-size:.86rem;line-height:1.4}.beat-importer-dropzone{position:relative;display:grid;min-height:142px;gap:8px;place-items:center;padding:18px;border:1px dashed rgb(121 220 235 / 40%);border-radius:7px;background:#79dceb0a;text-align:center}.beat-importer-dropzone.is-active{border-color:#ffd65a;background:#ffd65a14}.beat-importer-dropzone input{position:absolute;width:1px;height:1px;opacity:0}.beat-importer-dropzone strong{max-width:760px;overflow-wrap:anywhere}.beat-importer-dropzone small,.beat-importer-field small{color:#928aa7}.beat-importer-recognized{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.beat-importer-recognized strong,.beat-importer-recognized span{padding:6px 9px;border-radius:5px;background:#ffffff0d;color:#c9c2dc;font-size:.8rem}.beat-importer-recognized strong{color:#79dceb}.beat-importer-tech,.beat-importer-drop-analysis dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.beat-importer-tech div,.beat-importer-drop-analysis dl div{min-width:0;padding:10px;border-left:2px solid rgb(121 220 235 / 35%);background:#ffffff08}.beat-importer-tech dt,.beat-importer-drop-analysis dt{color:#8e86a3;font-size:.72rem;font-weight:800}.beat-importer-tech dd,.beat-importer-drop-analysis dd{margin-top:4px;overflow-wrap:anywhere;color:#f3f0fa;font-weight:750}.beat-importer-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.beat-importer-field,.beat-importer-timing-controls label,.beat-importer-drop-preview label{display:grid;min-width:0;gap:6px}.beat-importer-field>span,.beat-importer-timing-controls label>span,.beat-importer-drop-preview label>span,.beat-importer-volume>span{color:#c3bbd5;font-size:.78rem;font-weight:850}.beat-importer-field input,.beat-importer-field select,.beat-importer-timing-controls select,.beat-importer-drop-preview select{width:100%;min-width:0;min-height:42px;border:1px solid rgb(255 255 255 / 12%);border-radius:6px;padding:0 10px;background:#161225;color:#fff}.beat-importer-moods{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;border:0}.beat-importer-moods legend{width:100%;margin-bottom:5px;color:#c3bbd5;font-size:.78rem;font-weight:850}.beat-importer-moods label,.beat-importer-toggle{display:inline-flex;min-height:40px;gap:7px;align-items:center;padding:0 10px;border:1px solid rgb(255 255 255 / 10%);border-radius:6px;background:#ffffff08;cursor:pointer}.beat-importer-moods input,.beat-importer-toggle input{width:18px;height:18px;accent-color:#ffd65a}.beat-importer-waveform{width:100%;height:190px;display:block;border:1px solid rgb(255 255 255 / 10%);border-radius:6px;cursor:crosshair;touch-action:none}.beat-importer-player{display:grid;grid-template-columns:44px minmax(100px,1fr) auto;gap:10px;align-items:center;margin-top:12px}.beat-importer-player .beat-importer-play{width:44px;min-width:44px;height:44px;padding:0;border-radius:50%}.beat-importer-player input[type=range]{width:100%;accent-color:#ffd65a}.beat-importer-player output{min-width:126px;color:#d8d1e5;font-variant-numeric:tabular-nums;text-align:right}.beat-importer-jumps,.beat-importer-export-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.beat-importer-jumps button{min-height:38px;padding:0 10px;font-size:.78rem}.beat-importer-calibration-grid,.beat-importer-timing-controls,.beat-importer-drop-preview{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.beat-importer-beat-indicator,.beat-importer-game-preview__track{display:grid;grid-template-columns:repeat(4,42px);gap:6px}.beat-importer-beat-indicator i,.beat-importer-game-preview__track i{display:grid;width:42px;height:42px;place-items:center;border:1px solid rgb(255 255 255 / 12%);border-radius:50%;background:#161225;color:#827b94;font-style:normal;font-weight:900}.beat-importer-beat-indicator i.is-active,.beat-importer-game-preview__track i.is-active{border-color:#ffd65a;background:#ffd65a;color:#171321;box-shadow:0 0 0 4px #ffd65a1f}.beat-importer-volume{display:flex;gap:8px;align-items:center}.beat-importer-volume input{accent-color:#79dceb}.beat-importer-marker-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.beat-importer-marker-tools>div{display:grid;gap:9px;padding:12px;border:1px solid rgb(255 255 255 / 8%);border-radius:6px;background:#ffffff08}.beat-importer-marker-tools>div>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.beat-importer-marker-tools button{min-height:36px;padding:0 7px;font-size:.76rem}.beat-importer-drop-analysis{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:start}.beat-importer-drop-analysis dl{grid-template-columns:repeat(3,minmax(0,1fr))}.beat-importer-drop-preview{width:210px;align-items:stretch}.beat-importer-drop-preview>*{width:100%}.beat-importer-drop-preview strong{color:#ff9bad;text-align:center}.beat-importer-game-preview{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:center;margin-top:14px;padding:16px;border:1px solid rgb(121 220 235 / 18%);border-radius:7px;background:#161225}.beat-importer-game-preview__readout{display:flex;flex-wrap:wrap;gap:7px 12px}.beat-importer-game-preview__readout strong{width:100%;color:#fff}.beat-importer-game-preview__readout span{color:#9f97b4;font-size:.8rem}.beat-importer-drop-marker{display:grid;min-width:62px;min-height:42px;place-items:center;border:1px solid rgb(255 127 152 / 24%);border-radius:6px;color:#ff9bad;font-weight:950}.beat-importer-drop-marker.is-active{background:#ff7f98;color:#20101a;box-shadow:0 0 18px #ff7f9859}.beat-importer-validation-summary{display:flex;flex-wrap:wrap;gap:8px}.beat-importer-validation-summary span{padding:6px 9px;border-radius:5px;background:#ffffff0a;font-size:.78rem;font-weight:900}.beat-importer-validation-summary .is-error,.beat-importer-validation-list .is-error,.beat-importer-status.is-error{color:#ff9bad}.beat-importer-validation-summary .is-warning,.beat-importer-validation-list .is-warning{color:#ffd65a}.beat-importer-validation-summary .is-info,.beat-importer-validation-list .is-info{color:#79dceb}.beat-importer-validation-list{display:grid;gap:6px;margin-top:12px;list-style:none}.beat-importer-validation-list li{display:grid;grid-template-columns:minmax(110px,170px) minmax(0,1fr);gap:10px;padding:8px 10px;border-left:2px solid currentColor;background:#ffffff08;font-size:.84rem}.beat-importer-validation-list .is-ok{color:#80e3a2}.beat-importer-export-preview{max-height:420px;overflow:auto;padding:14px;border:1px solid rgb(255 255 255 / 9%);border-radius:6px;background:#110e1e;color:#c9f4fb;font:.82rem/1.55 Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.beat-importer-export-actions button:not(.is-subtle){border-color:#ffd65a4d;background:#ffd65a17;color:#ffe386}.beat-importer-export-actions .is-subtle{margin-left:auto;color:#aaa1bd}.dev-route-not-found,.dev-route-loading{width:min(calc(100% - 32px),680px);min-height:100vh;display:grid;gap:14px;align-content:center;justify-items:center;margin:0 auto;color:#fff}@media (max-width: 760px){.beat-importer-page{width:min(calc(100% - 20px),1240px);padding-top:10px}.beat-importer-header{display:grid;padding:17px}.beat-importer-critical{grid-template-columns:repeat(2,minmax(0,1fr))}.beat-importer-critical strong{justify-content:flex-start}.beat-importer-section{padding:14px}.beat-importer-form-grid,.beat-importer-marker-tools,.beat-importer-drop-analysis,.beat-importer-game-preview{grid-template-columns:minmax(0,1fr)}.beat-importer-tech,.beat-importer-drop-analysis dl{grid-template-columns:repeat(2,minmax(0,1fr))}.beat-importer-player{grid-template-columns:44px minmax(0,1fr)}.beat-importer-player output{grid-column:1 / -1;min-width:0;text-align:left}.beat-importer-marker-tools>div>div{grid-template-columns:repeat(2,minmax(0,1fr))}.beat-importer-drop-preview{width:100%}.beat-importer-game-preview__track{grid-template-columns:repeat(4,minmax(38px,48px))}.beat-importer-validation-list li{grid-template-columns:minmax(0,1fr);gap:3px}.beat-importer-export-actions button{flex:1 1 180px}.beat-importer-export-actions .is-subtle{margin-left:0}}@media (max-width: 390px){.beat-importer-critical strong{display:grid;gap:2px}.beat-importer-tech,.beat-importer-drop-analysis dl{grid-template-columns:minmax(0,1fr)}.beat-importer-beat-indicator,.beat-importer-game-preview__track{grid-template-columns:repeat(4,minmax(36px,1fr));width:100%}.beat-importer-beat-indicator i,.beat-importer-game-preview__track i{width:100%}}.beat-importer-game-test-entry{display:flex;gap:10px;align-items:center;margin-top:4px;padding-top:12px;border-top:1px solid rgb(255 255 255 / 7%)}.beat-importer-game-test-entry .is-primary{min-width:170px}.beat-importer-game-test-entry span{color:#978fa9;font-size:.78rem}.beat-game-test{position:fixed;z-index:300;top:0;right:0;bottom:0;left:0;overflow-y:auto;padding:18px;background:radial-gradient(ellipse at 50% 20%,rgb(255 93 143 / 8%),transparent 46%),#110d20;color:#f7f2ff}.beat-game-test button{min-height:42px;border:1px solid rgb(121 220 235 / 24%);border-radius:6px;padding:0 13px;background:#79dceb12;color:#eefcff;cursor:pointer;font-weight:850}.beat-game-test button:hover:not(:disabled){border-color:#79dceb8c;background:#79dceb21}.beat-game-test button.is-primary{border-color:#ffd65a;background:#ffd65a;color:#171321}.beat-game-test button:focus-visible,.beat-game-test select:focus-visible,.beat-game-test input:focus-visible,.beat-game-test summary:focus-visible{outline:2px solid #ffd65a;outline-offset:2px}.beat-game-test__header,.beat-game-test__main{width:min(100%,1040px);margin-right:auto;margin-left:auto}.beat-game-test__header{display:flex;gap:18px;align-items:flex-start;justify-content:space-between;margin-bottom:12px;padding:14px 16px;border:1px solid rgb(255 255 255 / 9%);border-radius:8px;background:#1c162ef0}.beat-game-test__header span{color:#79dceb;font-size:.68rem;font-weight:900}.beat-game-test__header h1{margin-top:3px;color:#ffd65a;font-size:clamp(1.25rem,4vw,1.8rem);overflow-wrap:anywhere}.beat-game-test__header p{margin-top:4px;color:#a79fb9;font-size:.82rem}.beat-game-test__main{display:grid;gap:10px}.beat-game-test__status{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;padding:9px 12px;border-radius:6px;background:#ffffff0a;color:#a9a1ba;font-size:.78rem;font-variant-numeric:tabular-nums}.beat-game-test__status strong{margin-right:auto;color:#fff;font-size:.9rem}.beat-game-test__board{--gap: 12px;position:relative;height:min(55vh,460px);min-height:300px;overflow:hidden;border:1px solid rgb(255 255 255 / 8%);border-radius:8px;background:linear-gradient(180deg,rgb(255 255 255 / 2%),transparent 22%),#151024;box-shadow:inset 0 0 50px #0000003d}.beat-game-test__cells{position:absolute;z-index:2;top:0;right:0;left:0;height:17.5%;display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:var(--gap)}.beat-game-test__cells .beat-cell{min-height:0}.beat-game-test__cells .beat-cell b{position:absolute;right:8px;bottom:5px;color:#ffffff47;font-size:.66rem}.beat-game-test__cells .beat-cell.active{border-color:#ffd65a;box-shadow:0 0 22px #ffd65a2e,inset 0 0 0 1px #ffd65a26}.beat-game-test__line-guide{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;display:grid;grid-template-rows:repeat(5,1fr);pointer-events:none}.beat-game-test__line-guide i{border-bottom:1px solid rgb(255 255 255 / 4%)}.beat-game-test__drop{position:absolute;z-index:8;top:22%;right:12px;padding:5px 8px;border:1px solid rgb(255 127 152 / 22%);border-radius:5px;color:#ff9aae7a;font-size:.68rem;font-weight:950}.beat-game-test__drop.is-active{border-color:#ff7f98;background:#ff7f98;color:#201019;box-shadow:0 0 20px #ff7f9866}.beat-game-test__controls,.beat-game-test__adjustments{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:10px;border:1px solid rgb(255 255 255 / 8%);border-radius:7px;background:#1b162df0}.beat-game-test__controls label:not(.beat-game-test__loop){display:grid;gap:4px}.beat-game-test__controls label>span{color:#a79fb9;font-size:.7rem;font-weight:800}.beat-game-test__controls select{min-height:42px;border:1px solid rgb(255 255 255 / 12%);border-radius:6px;padding:0 9px;background:#151120;color:#fff}.beat-game-test__loop{display:inline-flex;min-height:42px;gap:7px;align-items:center;padding:0 10px;border:1px solid rgb(255 255 255 / 9%);border-radius:6px;cursor:pointer}.beat-game-test__loop input{width:18px;height:18px;accent-color:#ffd65a}.beat-game-test__adjustments>strong{min-width:180px;margin-right:auto;color:#ffafbd;font-variant-numeric:tabular-nums}.beat-game-test__adjustments details{width:100%;padding-top:8px;border-top:1px solid rgb(255 255 255 / 6%)}.beat-game-test__adjustments summary,.beat-game-test__debug summary{width:fit-content;color:#79dceb;cursor:pointer;font-size:.78rem;font-weight:850}.beat-game-test__adjustments details div{display:flex;gap:8px;align-items:center;margin-top:8px}.beat-game-test__debug{padding:10px;border:1px solid rgb(255 255 255 / 7%);border-radius:7px;background:#ffffff08}.beat-game-test__debug dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:9px}.beat-game-test__debug dl div{min-width:0;padding:7px;border-left:2px solid rgb(121 220 235 / 25%);background:#ffffff08}.beat-game-test__debug dt{color:#8f879f;font-size:.66rem;overflow-wrap:anywhere}.beat-game-test__debug dd{margin-top:3px;color:#e6e0ee;font:.76rem Consolas,monospace}@media (max-width: 700px){.beat-game-test{padding:9px}.beat-game-test__header{align-items:stretch;flex-direction:column}.beat-game-test__board{height:min(48vh,390px);min-height:270px}.beat-game-test__controls>button,.beat-game-test__controls>label:not(.beat-game-test__loop){flex:1 1 140px}.beat-game-test__controls select{width:100%}.beat-game-test__adjustments button{flex:1 1 70px}.beat-game-test__debug dl{grid-template-columns:repeat(2,minmax(0,1fr))}.beat-importer-game-test-entry{align-items:stretch;flex-direction:column}}:root{--fideo-scrollbar-track: rgb(255 255 255 / 5%);--fideo-scrollbar-thumb: rgb(139 228 243 / 42%);--fideo-scrollbar-thumb-hover: rgb(139 228 243 / 62%);--fideo-scrollbar-thumb-active: rgb(255 214 90 / 62%);--fideo-scrollbar-width: 10px;--fideo-scrollbar-width-compact: 8px;--fideo-scrollbar-radius: 999px;--fideo-scrollbar-thumb-border: rgb(18 14 31 / 92%)}html,body{scrollbar-color:var(--fideo-scrollbar-thumb) var(--fideo-scrollbar-track);scrollbar-width:thin}html.modal-open,body.modal-open{overscroll-behavior:none}body{min-width:320px;min-height:100vh;overflow-x:hidden;overflow-y:auto;scroll-padding-top:76px;background:#130f24;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body:hover{scrollbar-color:var(--fideo-scrollbar-thumb-hover) rgb(255 255 255 / 7%)}body::-webkit-scrollbar{width:var(--fideo-scrollbar-width);height:var(--fideo-scrollbar-width)}body::-webkit-scrollbar-track{border-radius:var(--fideo-scrollbar-radius);background:var(--fideo-scrollbar-track)}body::-webkit-scrollbar-thumb{border:2px solid var(--fideo-scrollbar-thumb-border);border-radius:var(--fideo-scrollbar-radius);background:var(--fideo-scrollbar-thumb);background-clip:padding-box;transition:background-color .14s ease-out,border-color .14s ease-out}body:hover::-webkit-scrollbar-thumb{background:var(--fideo-scrollbar-thumb-hover)}body::-webkit-scrollbar-thumb:active{background:var(--fideo-scrollbar-thumb-active)}body::-webkit-scrollbar-corner{background:transparent}button,input,select,textarea{font:inherit}button:disabled{cursor:not-allowed;opacity:.45}.ui-icon{width:1em;height:1em;display:inline-block;flex:0 0 auto;color:currentColor;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;vertical-align:-.12em}button>.ui-icon{pointer-events:none}.btn .ui-icon,.session-menu-action .ui-icon,.selected-beat-card__actions .ui-icon,.beat-library-primary .ui-icon,.producer-view-header .ui-icon,.producer-card .ui-icon,.producer-back-button .ui-icon,.recording-onboarding__primary .ui-icon,.app-nav__streak .ui-icon{margin-right:.28rem}.controls button .ui-icon,.beat-picker-close .ui-icon,.beat-picker-row__preview .ui-icon,.beat-filter-panel__header button .ui-icon,.result-track-picker button .ui-icon,.selected-beat-card__arrow .ui-icon,.app-nav__updates .ui-icon,.latency-probe-panel header button .ui-icon{margin-right:0}.app{width:100%;min-height:100vh;display:flex;align-items:flex-start;justify-content:center}.app-shell{width:min(calc(100% - 32px),1080px);display:grid;gap:1.35rem;padding:1rem 0 3.5rem}.app-nav{position:sticky;z-index:30;top:0;display:grid;grid-template-columns:minmax(130px,1fr) auto minmax(54px,1fr);gap:1rem;align-items:center;padding:.55rem .7rem;border:1px solid rgb(255 255 255 / 9%);border-radius:8px;background:#130f24d1;box-shadow:0 12px 34px #0000002e;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.app-nav__brand{display:flex;gap:.32rem;align-items:center;line-height:1;white-space:nowrap}.app-nav__mark{width:18px;height:18px;display:inline-flex;align-items:center;gap:3px;margin-right:.12rem}.app-nav__mark i{width:3px;border-radius:2px;background:#ffd65a}.app-nav__mark i:nth-child(1){height:8px}.app-nav__mark i:nth-child(2){height:17px}.app-nav__mark i:nth-child(3){height:12px;background:#72d8e8}.app-nav__brand strong{color:#ffd65a;font-size:.9rem;font-weight:950}.app-nav__brand b{color:#72d8e8;font-size:.9rem;font-weight:900}.app-nav__tabs{display:flex;gap:.35rem;justify-content:center;padding:.2rem;border:1px solid rgb(255 255 255 / 8%);border-radius:999px;background:#ffffff0a}.app-nav__tabs button,.app-nav__streak,.app-nav__updates,.app-nav__account{min-height:34px;border:0;border-radius:999px;background:transparent;color:#c9c2dc;cursor:pointer;font-weight:850}.app-nav__tabs button{padding:0 .78rem}.app-nav__tabs button.active{background:#ffd65a;color:#171321}.app-nav__actions{display:flex;gap:.4rem;align-items:center;justify-self:end}.app-nav__streak{min-width:48px;padding:0 .7rem;border:1px solid rgb(255 214 90 / 20%);background:#ffd65a12;color:#ffdc75}.app-nav__streak--empty{visibility:hidden}.app-nav__updates{position:relative;display:inline-flex;width:36px;min-width:36px;padding:0;align-items:center;justify-content:center;border:1px solid rgb(114 216 232 / 20%);background:#72d8e812;color:#c9f7ff}.app-nav__updates svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.app-nav__updates i{position:absolute;top:4px;right:5px;width:7px;height:7px;border-radius:999px;background:#72d8e8;box-shadow:0 0 10px #72d8e8b8}.app-nav__account{display:inline-flex;min-width:42px;padding:0 .7rem;align-items:center;justify-content:center;border:1px solid rgb(255 255 255 / 12%);background:#ffffff0d;color:#fff7d7}.app-nav__account.active{border-color:#ffd65a6b;background:#ffd65a24;color:#fff7d7}.app-nav__account-avatar{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:999px;background:radial-gradient(circle at 35% 25%,rgb(255 214 90 / 24%),transparent 38%),#72d8e829;color:#fff7d7;font-size:.82rem;font-weight:950;overflow:hidden}.app-nav__account-avatar img{width:100%;height:100%;object-fit:cover}.app-nav__account-login{font-size:.84rem;font-weight:900}.whats-new-layer{position:fixed;z-index:70;top:0;right:0;bottom:0;left:0;display:grid;place-items:start end;padding:calc(4.6rem + env(safe-area-inset-top)) max(1rem,calc((100vw - 1080px)/2)) 1rem 1rem;background:#0806122e}.whats-new-panel{width:min(420px,calc(100vw - 2rem));padding:1rem;border:1px solid rgb(255 255 255 / 10%);border-radius:10px;background:#141023f5;box-shadow:0 24px 64px #00000057;color:#f7f0ff}.whats-new-panel header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:.8rem}.whats-new-panel header span{color:#72d8e8;font-size:.68rem;font-weight:900;letter-spacing:.08em}.whats-new-panel h2{margin:.12rem 0 0;color:#fff7d7;font-size:1.1rem}.whats-new-panel header button{width:32px;height:32px;border:1px solid rgb(255 255 255 / 10%);border-radius:999px;background:#ffffff0d;color:#f7f0ff;cursor:pointer;font-size:1.25rem}.whats-new-list{display:grid;gap:.65rem}.whats-new-card{display:grid;gap:.65rem;padding:.85rem;border:1px solid rgb(255 255 255 / 8%);border-radius:8px;background:#ffffff0a}.whats-new-card strong{color:#ffd65a;font-size:.95rem}.whats-new-card p{margin:.22rem 0 0;color:#d8d0e8;font-size:.82rem;line-height:1.45}.whats-new-card ul{display:grid;gap:.18rem;margin:.5rem 0 0;padding-left:1rem;color:#aaa2bf;font-size:.78rem}.whats-new-card button{justify-self:start;min-height:34px;padding:0 .8rem;border:1px solid rgb(114 216 232 / 30%);border-radius:999px;background:#72d8e81a;color:#c9f7ff;cursor:pointer;font-weight:900}.support-floating-button{position:fixed;z-index:58;right:24px;bottom:calc(24px + env(safe-area-inset-bottom));display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:.42rem;padding:0 1rem;border:1px solid rgb(255 214 90 / 36%);border-radius:999px;background:#ffd65af0;color:#171321;box-shadow:0 12px 34px #00000042,0 0 0 1px #ffffff0f inset;cursor:pointer;font-size:.9rem;font-weight:900;transition:transform .15s ease-out,box-shadow .15s ease-out,filter .15s ease-out,opacity .15s ease-out}.support-floating-button:hover{filter:brightness(1.03);box-shadow:0 14px 40px #0000004d,0 0 0 1px #ffffff17 inset;transform:translateY(-1px)}.support-floating-button:active{transform:translateY(1px) scale(.985)}.support-floating-button:focus-visible,.support-modal a:focus-visible,.support-modal button:focus-visible,.site-social-footer a:focus-visible{outline:2px solid #72d8e8;outline-offset:3px}.support-floating-button--muted{opacity:0;pointer-events:none;transform:translateY(6px) scale(.98)}.support-floating-button__mobile{display:none}.support-modal-layer{position:fixed;z-index:76;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:1rem;background:#0806126b}.support-modal{width:min(440px,calc(100vw - 2rem));display:grid;gap:.9rem;padding:1rem;border:1px solid rgb(255 255 255 / 10%);border-radius:10px;background:radial-gradient(circle at 18% 0%,rgb(255 214 90 / 9%),transparent 34%),radial-gradient(circle at 92% 10%,rgb(114 216 232 / 8%),transparent 32%),#141023f7;box-shadow:0 24px 70px #00000061;color:#f7f0ff}.support-modal header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.support-modal header span{color:#72d8e8;font-size:.68rem;font-weight:950;letter-spacing:.08em}.support-modal h2{margin-top:.12rem;color:#fff7d7;font-size:1.16rem}.support-modal header button{width:34px;height:34px;border:1px solid rgb(255 255 255 / 10%);border-radius:999px;background:#ffffff0d;color:#f7f0ff;cursor:pointer}.support-modal p{color:#d8d0e8;font-size:.9rem;line-height:1.5}.support-modal__actions{display:grid;gap:.55rem}.support-modal__actions a{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:.35rem;padding:0 .9rem;border:1px solid rgb(114 216 232 / 22%);border-radius:999px;background:#72d8e814;color:#c9f7ff;font-size:.9rem;font-weight:900;text-align:center;text-decoration:none}.support-modal__actions a:first-child{background:#ffd65a;color:#171321}.support-modal__actions a:hover{filter:brightness(1.05)}.app-section-stack{position:relative;padding-top:.25rem}.app-section-view{width:100%}.app-section-view--enter{animation:appSectionEnter .22s ease-out both}.app-section-view--exit{pointer-events:none;animation:appSectionExit .2s ease-out both}.profile-screen{width:100%;padding:1.05rem 0 6rem}.profile-card{max-width:860px;margin:0 auto;padding:1.45rem;border:1px solid rgb(255 255 255 / 12%);border-radius:12px;background:linear-gradient(180deg,#ffffff0d,#ffffff05),#171326;box-shadow:0 18px 48px #0000003d}.profile-card--auth{max-width:480px;padding:1.55rem;border-color:#72d8e829;background:radial-gradient(circle at 14% 0%,rgb(114 216 232 / 11%),transparent 34%),linear-gradient(180deg,#ffffff0f,#ffffff05),#171326}.profile-auth-panel{display:grid;gap:1rem}.profile-auth-header{display:grid;gap:.25rem}.profile-card__eyebrow{display:inline-flex;margin-bottom:.75rem;color:#ff8db0;font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.profile-card h1{margin:0 0 .55rem;color:#fff7d7;font-size:clamp(1.6rem,4vw,2.35rem);line-height:1.05}.profile-card p{margin:0 0 1rem;color:#c7c0dc;line-height:1.5}.profile-auth-panel .profile-card__eyebrow{margin-bottom:.25rem}.profile-auth-panel h1{margin-bottom:.15rem}.profile-auth-panel p{margin-bottom:0}.game-auth-modal-layer{position:fixed;z-index:1300;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:1rem;background:#07050fd1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.game-auth-modal{position:relative;width:min(100%,520px);max-height:min(90dvh,760px);overflow:auto;border:1px solid rgb(114 216 232 / 22%);border-radius:10px;background:#171326;box-shadow:0 24px 70px #0000007a}.game-auth-modal__close{position:absolute;z-index:2;top:.7rem;right:.7rem;width:42px;height:42px;display:grid;place-items:center;padding:0;border:1px solid rgb(255 255 255 / 14%);border-radius:6px;background:#2b253c;color:#eee8f8;cursor:pointer}.game-auth-modal .profile-screen{padding:0}.game-auth-modal .profile-card--auth{max-width:none;padding:4.2rem 1.35rem 1.35rem;border:0;background:transparent;box-shadow:none}.privacy-page{width:min(calc(100% - 32px),760px);padding:1.2rem 0 4rem}.privacy-card{display:grid;gap:.9rem;margin:0 auto;padding:1.45rem;border:1px solid rgb(255 255 255 / 12%);border-radius:12px;background:radial-gradient(circle at 14% 0%,rgb(114 216 232 / 10%),transparent 34%),linear-gradient(180deg,#ffffff0f,#ffffff05),#171326;box-shadow:0 18px 48px #0000003d}.privacy-card h1{margin:0;color:#fff7d7;font-size:clamp(1.55rem,4vw,2.25rem);line-height:1.08}.privacy-card h2{margin:.45rem 0 0;color:#fff7d7;font-size:1rem;line-height:1.25}.privacy-card p,.privacy-card li{color:#c7c0dc;line-height:1.55}.privacy-card p{margin:0}.privacy-card__date{color:#9991ac;font-size:.82rem;font-weight:850}.privacy-card ul{display:grid;gap:.38rem;margin:-.2rem 0 0;padding-left:1.1rem}.privacy-card li::marker{color:#c7c0dc}@media (max-width: 560px){.privacy-page{width:min(calc(100% - 24px),760px);padding-top:.8rem}.privacy-card{padding:1.1rem}}.privacy-back-button{justify-self:start;min-height:40px;padding:0 .95rem;border:1px solid rgb(114 216 232 / 28%);border-radius:999px;background:#72d8e814;color:#d9fbff;cursor:pointer;font-weight:900}.privacy-back-button:hover{border-color:#72d8e870;background:#72d8e81f}.privacy-back-button:focus-visible{outline:2px solid rgb(139 228 243 / 58%);outline-offset:3px}.profile-card__email{display:inline-flex;max-width:100%;padding:.35rem .55rem;border:1px solid rgb(114 216 232 / 20%);border-radius:999px;background:#72d8e812;color:#d9fbff!important;font-weight:850;overflow-wrap:anywhere}.profile-form{display:grid;gap:.85rem;margin-top:1.1rem}.profile-auth-form{gap:.95rem;margin-top:0}.profile-form label{display:grid;gap:.38rem;color:#d8d0ea;font-size:.82rem;font-weight:850}.profile-form input,.profile-form textarea{width:100%;min-height:44px;padding:0 .85rem;border:1px solid rgb(255 255 255 / 14%);border-radius:8px;background:#0a0812b8;color:#fff7d7;font:inherit;outline:none;transition:border-color .15s ease-out,box-shadow .15s ease-out,background .15s ease-out}.profile-auth-form input{min-height:46px;background:#08070fc2}.profile-form textarea{min-height:96px;padding-top:.75rem;resize:vertical}.profile-form input:focus,.profile-form textarea:focus{border-color:#72d8e894;background:#0a0812db;box-shadow:0 0 0 3px #72d8e81f}.profile-summary{display:grid;gap:.28rem;margin:.95rem 0 1rem;padding:.85rem;border:1px solid rgb(114 216 232 / 18%);border-radius:8px;background:#72d8e80f}.profile-summary strong{color:#d9fbff;font-size:1rem}.profile-summary span{color:#fff7d7;font-weight:850}.profile-summary p,.profile-card__hint{margin:0;color:#c7c0dc}.profile-hero{display:grid;gap:1rem}.profile-hero__main{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-start;justify-content:space-between}.profile-hero__identity{display:flex;min-width:0;gap:.85rem;align-items:center}.profile-hero__avatar,.profile-avatar-editor__preview{display:grid;place-items:center;flex:0 0 auto;width:64px;height:64px;border:1px solid rgb(84 231 255 / 24%);border-radius:999px;background:radial-gradient(circle at 35% 25%,rgb(255 214 90 / 20%),transparent 36%),linear-gradient(145deg,#54e7ff24,#ff6fa91c),#090812cc;color:#fff7d7;font-size:1.45rem;font-weight:950;line-height:1;overflow:hidden}.profile-hero__avatar img,.profile-avatar-editor__preview img{width:100%;height:100%;object-fit:cover}.profile-hero__main h1{margin-bottom:.3rem}.profile-hero__main strong{display:block;color:#8be4f3;font-size:.95rem}.profile-hero__main p{max-width:52ch;margin:.55rem 0 0}.profile-hero__main span{display:block;margin-top:.55rem;color:#9991ac;font-size:.8rem;font-weight:750;overflow-wrap:anywhere}.profile-hero__actions{display:flex;flex-wrap:wrap;gap:.55rem;align-items:center;justify-content:flex-end;padding:.28rem;border:1px solid rgb(255 255 255 / 10%);border-radius:999px;background:#08070f4d}.profile-avatar-editor{display:flex;gap:.85rem;align-items:center;padding:.25rem 0 .35rem}.profile-avatar-editor__input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.profile-confirm-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:grid;place-items:center;padding:1rem;background:#06050cb8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.profile-confirm-modal{width:min(100%,420px);padding:1.25rem;border:1px solid rgb(255 255 255 / 14%);border-radius:14px;background:linear-gradient(180deg,#ffffff12,#ffffff08),#171326;box-shadow:0 26px 70px #0000006b}.profile-confirm-modal h2{margin:.35rem 0 .45rem;color:#fff7d7;font-size:1.35rem}.profile-confirm-modal p{margin:0;color:#c9c2dc;line-height:1.5}.profile-confirm-modal__actions{display:flex;flex-wrap:wrap;gap:.65rem;align-items:center;justify-content:flex-end;margin-top:1.1rem}.profile-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}.profile-stats div{padding:.75rem;border:1px solid rgb(255 255 255 / 10%);border-radius:8px;background:#ffffff0a}.profile-stats span{display:block;color:#9991ac;font-size:.74rem;font-weight:850}.profile-stats strong{display:block;margin-top:.2rem;color:#ffd65a;font-size:1.35rem;line-height:1}.profile-recordings{display:grid;gap:.72rem;margin-top:.95rem;padding-top:.85rem;border-top:1px solid rgb(255 255 255 / 10%)}.profile-recordings h2{display:flex;gap:.55rem;align-items:center;margin:0;color:#fff7d7;font-size:1rem;line-height:1.2}.profile-recordings h2:after{content:"";flex:1;min-width:32px;height:1px;background:#ffffff17}.profile-recordings__limit{margin:-.45rem 0 0;color:#9991ac;font-size:.76rem;font-weight:760;line-height:1.35}.profile-recordings__list{display:grid;gap:.75rem}.profile-recording{display:grid;gap:.8rem;padding:.95rem;border:1px solid rgb(255 255 255 / 12%);border-radius:8px;background:linear-gradient(180deg,#ffffff0d,#ffffff05),#120e1feb}.profile-recording__header{display:flex;flex-wrap:wrap;gap:.6rem;align-items:flex-start;justify-content:space-between}.profile-recording strong{display:block;margin-bottom:.18rem;color:#fff7d7}.profile-recording span{color:#9991ac;font-size:.82rem;font-weight:750}.profile-recording__header em{flex:0 0 auto;width:fit-content;justify-self:end;padding:.22rem .52rem;border:1px solid rgb(255 255 255 / 12%);border-radius:999px;color:#c9c2dc;font-size:.7rem;font-style:normal;font-weight:900}.profile-recording__header em.is-public{border-color:#54e7ff47;color:#d9fbff}.profile-recording audio{width:100%}.profile-recording__rename{display:grid;gap:.55rem}.profile-recording__rename label{display:grid;gap:.35rem}.profile-recording__rename label span{color:#9991ac;font-size:.78rem;font-weight:850}.profile-recording__rename input{width:100%;min-height:40px;padding:0 .75rem;border:1px solid rgb(255 255 255 / 14%);border-radius:8px;background:#0a0812b8;color:#fff7d7;font:inherit;outline:none}.profile-recording__rename input:focus{border-color:#72d8e894;box-shadow:0 0 0 3px #72d8e81f}.profile-recording__rename div{display:flex;flex-wrap:wrap;gap:.5rem}.profile-recording__rename button,.profile-recording__download,.profile-recording__rename-button{min-height:38px;padding:0 .9rem;border:1px solid rgb(255 255 255 / 14%);border-radius:999px;background:#ffffff0f;color:#d8d0ea;font-size:.78rem;font-weight:850;cursor:pointer;transition:background-color .15s ease-out,border-color .15s ease-out,opacity .15s ease-out}.profile-recording__rename button:first-child,.profile-recording__rename-button:hover:not(:disabled){border-color:#54e7ff57;background:#54e7ff17;color:#d9fbff}.profile-recording__actions{display:flex;flex-wrap:wrap;gap:.55rem;align-items:center;justify-content:flex-end}.profile-recording__visibility,.profile-recording__download,.profile-recording__rename-button,.profile-recording__delete{min-height:38px;padding:0 .9rem;border:1px solid rgb(255 255 255 / 14%);border-radius:999px;background:#ffffff0f;color:#d8d0ea;font-size:.78rem;font-weight:850;cursor:pointer;transition:background-color .15s ease-out,border-color .15s ease-out,opacity .15s ease-out}.profile-recording__visibility{border-color:#54e7ff3d;background:#54e7ff12;color:#d9fbff}.profile-recording__download:hover:not(:disabled),.profile-recording__rename-button:hover:not(:disabled){border-color:#ffffff38;background:#ffffff17;color:#fff7d7}.profile-recording__visibility:hover:not(:disabled){border-color:#54e7ff6b;background:#54e7ff1a}.profile-recording__delete{border-color:#ff6fa942;background:#ff6fa90d;color:#ffb9ce}.profile-recording__delete:hover:not(:disabled){border-color:#ff6fa970;background:#ff6fa917;color:#ffd6e1}.profile-recording__visibility:disabled,.profile-recording__download:disabled,.profile-recording__rename button:disabled,.profile-recording__rename-button:disabled,.profile-recording__delete:disabled{cursor:default;opacity:.55}@media (max-width: 560px){.profile-hero__main{gap:.85rem}.profile-hero__identity,.profile-avatar-editor{align-items:flex-start}.profile-avatar-editor{flex-wrap:wrap}.profile-hero__actions{width:100%;border-radius:14px;justify-content:flex-start}.profile-confirm-modal{padding:1rem}.profile-confirm-modal__actions{justify-content:stretch}.profile-confirm-modal__actions .profile-button{flex:1 1 140px}.profile-stats{grid-template-columns:1fr}.profile-recording__header{display:grid}.profile-recording__header em{justify-self:start;padding:.18rem .48rem}.profile-recording__actions{justify-content:flex-start}.profile-recording__visibility,.profile-recording__download,.profile-recording__rename-button,.profile-recording__delete{min-height:44px}}.feed-screen,.public-profile-screen{width:100%;padding:1.05rem 0 6rem}.feed-screen{padding-bottom:6rem}.feed-card{display:grid;gap:.95rem;max-width:720px;margin:0 auto;padding:1.45rem;border:1px solid rgb(255 255 255 / 12%);border-radius:12px;background:linear-gradient(180deg,#ffffff0d,#ffffff05),#171326;box-shadow:0 18px 48px #0000003d}.feed-screen .feed-card{gap:1.1rem;max-width:980px;padding:1.6rem}.feed-card h1{margin:0;color:#fff7d7;font-size:clamp(1.6rem,4vw,2.35rem);line-height:1.05}.feed-card p,.feed-card__hint{margin:0;color:#c7c0dc;line-height:1.5}.feed-page-header{display:grid;gap:.3rem;margin-bottom:-.25rem}.feed-page-header p{max-width:42rem;color:#aaa2bd;font-size:.9rem;line-height:1.4}.feed-message{margin:0;padding:.7rem .8rem;border-radius:8px;font-weight:800}.feed-message--error{border:1px solid rgb(255 111 169 / 28%);background:#ff6fa91a;color:#ffd7e5}.feed-message--success{border:1px solid rgb(84 231 255 / 24%);background:#54e7ff14;color:#d9fbff}.feed-sort{display:flex;flex-wrap:nowrap;gap:.2rem;align-items:center;padding:.22rem;overflow-x:auto;border:1px solid rgb(255 255 255 / 10%);border-radius:999px;background:#ffffff0a;justify-self:start;max-width:100%;scrollbar-width:none}.feed-sort::-webkit-scrollbar{display:none}.feed-sort button{flex:0 0 auto;min-height:40px;padding:0 .9rem;border:0;border-radius:999px;background:transparent;color:#c9c2dc;cursor:pointer;font-size:.8rem;font-weight:850;white-space:nowrap;transition:background-color .15s ease-out,color .15s ease-out}.feed-sort button.active{background:#ffd65a;color:#171321}.feed-sort button:hover:not(.active){background:#54e7ff14;color:#d9fbff}.feed-sort button:focus-visible{outline:2px solid rgb(139 228 243 / 52%);outline-offset:2px}.feed-toolbar{display:grid;gap:.38rem;justify-items:start}.feed-card .feed-sort__hint{margin:0;color:#8f879f;font-size:.78rem;font-weight:700;line-height:1.35}.feed-recordings{display:grid;gap:.85rem}.feed-recording{display:grid;grid-template-columns:minmax(0,1fr);gap:.8rem;padding:.9rem 1.05rem;border:1px solid rgb(255 255 255 / 13%);border-radius:12px;background:linear-gradient(120deg,rgb(84 231 255 / 7%),transparent 32%),radial-gradient(circle at 92% 0%,rgb(255 214 90 / 7%),transparent 26%),linear-gradient(180deg,#ffffff0f,#ffffff05),#120e1feb;box-shadow:0 14px 34px #0000002e}.feed-recording__body{display:grid;min-width:0;gap:.72rem;align-content:start}.feed-recording__author-row{display:flex;min-width:0;gap:.75rem;align-items:center;justify-content:space-between}.feed-recording__author{display:flex;min-width:0;gap:.65rem;align-items:center;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;font:inherit;text-align:left}.feed-recording__author:hover:not(:disabled) .feed-recording__author-copy strong,.feed-recording__author:focus-visible .feed-recording__author-copy strong{color:#d9fbff;text-decoration:underline;text-underline-offset:3px}.feed-recording__author:focus-visible{border-radius:8px;outline:2px solid rgb(139 228 243 / 42%);outline-offset:4px}.feed-recording__author:disabled{cursor:default}.feed-recording__author-avatar{display:grid;flex:0 0 42px;width:42px;height:42px;overflow:hidden;place-items:center;border:1px solid rgb(139 228 243 / 34%);border-radius:50%;background:linear-gradient(145deg,#54e7ff33,#ffd65a21),#211a33;color:#fff7d7;box-shadow:0 0 0 3px #54e7ff0f;font-size:.92rem;font-weight:950}.feed-recording__author-avatar img{width:100%;height:100%;object-fit:cover}.feed-recording__author-copy{display:grid;min-width:0;gap:.1rem}.feed-recording__author-copy strong,.feed-recording__author-copy span{min-width:0;overflow-wrap:anywhere}.feed-recording__author-copy strong{color:#8be4f3;font-size:.88rem;font-weight:900;line-height:1.2;text-shadow:0 0 14px rgb(139 228 243 / 15%)}.feed-recording__author-copy span{color:#8f879f;font-size:.74rem;font-weight:750;line-height:1.2}.feed-recording__author-row>time{flex:0 0 auto;align-self:flex-start;padding-top:.2rem;color:#827a92;font-size:.72rem;font-weight:750;white-space:nowrap}.feed-recording__content{display:grid;min-width:0;gap:.28rem}.feed-card-title{margin:0;color:#fff7d7;font-size:clamp(1.15rem,1.7vw,1.42rem);font-weight:950;line-height:1.2;overflow-wrap:anywhere;word-break:break-word}.feed-recording .feed-card-meta{margin:0;color:#948ca7;font-size:.76rem;font-weight:800;line-height:1.35;overflow-wrap:anywhere}.feed-recording em{flex:0 0 auto;padding:.22rem .5rem;border:1px solid rgb(84 231 255 / 28%);border-radius:999px;color:#d9fbff;font-size:.7rem;font-style:normal;font-weight:900}.recording-audio-player{display:grid;grid-template-columns:44px minmax(0,1fr);gap:.75rem;align-items:center;box-sizing:border-box;width:100%;padding:.7rem;border:1px solid rgb(255 255 255 / 10%);border-radius:12px;background:linear-gradient(135deg,rgb(84 231 255 / 7%),transparent 45%),#08070f94;box-shadow:inset 0 1px #ffffff0d}.recording-audio-player__native{display:none}.recording-audio-player__toggle{display:grid;place-items:center;width:44px;min-width:44px;height:44px;min-height:44px;border:1px solid rgb(255 214 90 / 44%);border-radius:999px;background:#ffd65a29;color:#fff7d7;cursor:pointer;transition:background-color .15s ease-out,border-color .15s ease-out,color .15s ease-out,transform .15s ease-out}.recording-audio-player__toggle:hover:not(:disabled){border-color:#ffd65aad;background:#ffd65a38;transform:translateY(-1px)}.recording-audio-player__toggle:focus-visible{outline:2px solid rgb(139 228 243 / 54%);outline-offset:3px}.recording-audio-player__toggle:disabled{cursor:default;opacity:.55}.recording-audio-player__toggle svg{width:20px;height:20px}.recording-audio-player__main{display:grid;min-width:0;gap:.42rem}.recording-audio-player__range{width:100%;min-width:0;accent-color:#ffd65a;cursor:pointer}.recording-audio-player__range:disabled{cursor:default;opacity:.45}.recording-audio-player__meta{display:flex;gap:.7rem;align-items:center;justify-content:space-between;color:#9991ac;font-size:.76rem;font-weight:800;line-height:1.2}.recording-audio-player__meta span,.recording-audio-player__meta time{color:inherit;font:inherit}.recording-audio-player__meta time{flex:0 0 auto;margin-left:auto;color:#d8d0ea}.recording-audio-player.is-disabled{opacity:.72}.recording-audio-player.has-error{border-color:#ff6fa94d}.feed-card-actions,.feed-recording__votes{display:flex;flex-wrap:wrap;gap:.45rem .6rem;align-items:center;justify-content:space-between;padding-top:0}.feed-recording__actions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end;margin-left:auto}.feed-reaction-button{display:inline-flex;min-width:62px;min-height:42px;gap:.42rem;align-items:center;justify-content:center;padding:0 .78rem;border:1px solid rgb(255 255 255 / 14%);border-radius:999px;background:#ffffff0d;color:#d8d0e8;cursor:pointer;font:inherit;font-size:.82rem;font-weight:950;line-height:1;transition:background-color .15s ease-out,border-color .15s ease-out,color .15s ease-out,box-shadow .15s ease-out,opacity .15s ease-out}.feed-reaction-button:hover:not(:disabled){border-color:#ffd65a5c;background:#ffd65a1a;color:#fff7d7}.feed-reaction-button:focus-visible{outline:2px solid rgb(139 228 243 / 52%);outline-offset:3px}.feed-reaction-button.is-active{border-color:#ffd65a94;background:#ffd65a2b;color:#ffd65a;box-shadow:inset 0 0 0 1px #ffd65a14}.feed-reaction-button.is-active:hover:not(:disabled){border-color:#ffd65ab8;background:#ffd65a38}.feed-reaction-button:disabled{cursor:default;opacity:.52}.feed-reaction-button.is-loading{cursor:wait;opacity:.68}.feed-reaction-button__icon{flex:0 0 auto;font-size:1rem;line-height:1}.feed-reaction-button__count{min-width:1.5ch;color:inherit;font:inherit;font-variant-numeric:tabular-nums;text-align:center}.feed-recording__actions button{min-height:40px;padding:0 .9rem;border:1px solid rgb(84 231 255 / 28%);border-radius:999px;background:#54e7ff14;color:#d9fbff;cursor:pointer;font-size:.78rem;font-weight:900;transition:background-color .15s ease-out,border-color .15s ease-out,opacity .15s ease-out}.feed-recording__actions button:hover:not(:disabled){border-color:#54e7ff7a;background:#54e7ff24}.feed-recording__actions .feed-report-button{min-height:36px;padding-inline:.35rem;border-color:transparent;background:transparent;color:#8f879f;font-size:.74rem;font-weight:800}.feed-recording__actions .feed-report-button:hover:not(:disabled){background:#ffffff0d;color:#d7d0e7}.feed-recording__actions button:disabled{cursor:default;opacity:.58}.recording-comments{display:grid;gap:.62rem;padding-top:.12rem;border-top:1px solid rgb(255 255 255 / 7%)}.recording-comments__toggle{width:fit-content;min-height:40px;display:inline-flex;gap:.42rem;align-items:center;padding:0 .72rem;border:0;border-radius:999px;background:transparent;color:#a9a1ba;cursor:pointer;font:inherit;font-size:.76rem;font-weight:850}.recording-comments__toggle:hover,.recording-comments__toggle[aria-expanded=true]{background:#54e7ff12;color:#d9fbff}.recording-comments__toggle:focus-visible{outline:2px solid rgb(139 228 243 / 48%);outline-offset:2px}.recording-comments__toggle strong{min-width:1.35rem;padding:.1rem .32rem;border-radius:999px;background:#ffffff12;color:inherit;font-size:.66rem;text-align:center}.recording-comments__panel{display:grid;gap:.68rem;padding:.72rem;border:1px solid rgb(255 255 255 / 8%);border-radius:10px;background:#07060e61}.recording-comments__list{display:grid;gap:.2rem;max-height:min(360px,48vh);overflow-y:auto;padding-right:.18rem;overscroll-behavior:contain}.recording-comment{min-width:0;display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:.58rem;align-items:start;padding:.58rem 0;border-bottom:1px solid rgb(255 255 255 / 6%)}.recording-comment:last-child{border-bottom:0}.recording-comment__avatar{width:32px;height:32px;display:grid;overflow:hidden;place-items:center;border:1px solid rgb(139 228 243 / 24%);border-radius:50%;background:#211a33;color:#fff7d7;font-size:.72rem;font-weight:950}.recording-comment__avatar img{width:100%;height:100%;object-fit:cover}.recording-comment__content{min-width:0;display:grid;gap:.28rem}.recording-comment__content header{display:flex;min-width:0;gap:.5rem;align-items:baseline;flex-wrap:wrap}.recording-comment__content strong{color:#d9fbff;font-size:.78rem;overflow-wrap:anywhere}.recording-comment__content time{color:#81798f;font-size:.64rem;font-weight:700}.feed-card .recording-comment__content p{color:#c9c2d8;font-size:.8rem;line-height:1.42;overflow-wrap:anywhere;white-space:pre-wrap}.recording-comment__delete{min-height:32px;padding:0 .42rem;border:0;border-radius:6px;background:transparent;color:#a98b9b;cursor:pointer;font-size:.66rem;font-weight:800}.recording-comment__delete:hover:not(:disabled){background:#ff6fa914;color:#ffd7e5}.recording-comment__delete:disabled{cursor:default;opacity:.5}.recording-comments__form{display:grid;gap:.46rem;padding-top:.12rem}.recording-comments__form textarea{width:100%;max-width:100%;min-height:76px;resize:vertical;padding:.65rem .72rem;border:1px solid rgb(255 255 255 / 12%);border-radius:8px;background:#0d0a17c7;color:#fff7d7;font:inherit;font-size:.82rem;line-height:1.4}.recording-comments__form textarea:focus{border-color:#8be4f36b;outline:none}.recording-comments__form>div{display:flex;gap:.65rem;align-items:center;justify-content:space-between}.recording-comments__form span,.recording-comments__status,.recording-comments__auth-hint{color:#8f879f;font-size:.72rem}.recording-comments__form button{min-height:40px;padding:0 .78rem;border:1px solid rgb(255 214 90 / 42%);border-radius:8px;background:#ffd65a1f;color:#fff0b2;cursor:pointer;font-weight:900}.recording-comments__form button:disabled{cursor:default;opacity:.48}.feed-card .recording-comments__error{color:#ffd7e5;font-size:.74rem;font-weight:800}.feed-empty-state{display:grid;gap:.55rem;padding:1.15rem;border:1px solid rgb(255 255 255 / 10%);border-radius:12px;background:linear-gradient(135deg,rgb(84 231 255 / 7%),transparent 46%),#120e1fc7}.feed-empty-state span{width:fit-content;padding:.26rem .5rem;border:1px solid rgb(255 214 90 / 22%);border-radius:999px;color:#ffd65a;font-size:.62rem;font-weight:950;letter-spacing:.08em}.feed-empty-state p{margin:0;color:#c7c0dc;line-height:1.45}@media (max-width: 640px){.feed-screen,.profile-screen,.public-profile-screen{padding-bottom:calc(5.25rem + env(safe-area-inset-bottom))}.feed-screen .feed-card{gap:1rem;padding:.95rem}.feed-sort{width:100%;border-radius:14px}.feed-sort button{flex:1 0 auto;min-height:44px;min-width:0;padding:0 .55rem}.feed-recording{grid-template-columns:1fr;gap:.7rem;padding:.78rem .82rem}.feed-recording__body{gap:.66rem}.feed-card-title{font-size:1.08rem}.feed-recording__author-row{align-items:flex-start}.feed-recording__author{flex:1 1 auto}.feed-recording__author-avatar{flex-basis:40px;width:40px;height:40px}.feed-recording__author-row>time{padding-top:.15rem;font-size:.68rem}.recording-audio-player{grid-template-columns:44px minmax(0,1fr);gap:.65rem;padding:.62rem}.recording-audio-player__meta{flex-direction:column;gap:.18rem;align-items:flex-start}.recording-audio-player__meta time{margin-left:0}.feed-card-actions{align-items:center;flex-direction:row;gap:.4rem .55rem}.feed-recording__actions{width:auto;justify-content:flex-end;margin-left:auto}.feed-reaction-button,.feed-recording__actions button{min-height:44px}.feed-recording__actions .feed-report-button{min-height:36px}.recording-comments__toggle{min-height:44px}.recording-comments__panel{padding:.62rem}.recording-comment{grid-template-columns:30px minmax(0,1fr);gap:.5rem}.recording-comment__avatar{width:30px;height:30px}.recording-comment__delete{grid-column:2;justify-self:start;min-height:36px;padding-inline:0}}.public-profile-card{max-width:860px}.public-profile-back{justify-self:start;min-height:34px;padding:0 .8rem;border:1px solid rgb(255 255 255 / 12%);border-radius:999px;background:#ffffff0d;color:#e9e2f6;cursor:pointer;font-weight:850}.public-profile-back:hover{border-color:#8be4f357;background:#8be4f317}.public-profile-hero{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:1rem;align-items:center;padding:1rem;border:1px solid rgb(255 255 255 / 10%);border-radius:14px;background:radial-gradient(circle at 10% 10%,rgb(84 231 255 / 12%),transparent 32%),linear-gradient(135deg,rgb(255 111 169 / 9%),transparent 46%),#120e1fb8}.public-profile-avatar{display:grid;place-items:center;width:76px;height:76px;border:1px solid rgb(84 231 255 / 24%);border-radius:999px;background:radial-gradient(circle at 35% 25%,rgb(255 214 90 / 20%),transparent 36%),linear-gradient(145deg,#54e7ff24,#ff6fa91c),#090812cc;box-shadow:inset 0 0 0 8px #ffffff08;overflow:hidden}.public-profile-avatar span{color:#fff7d7;font-size:1.75rem;font-weight:950;line-height:1}.public-profile-avatar img{width:100%;height:100%;object-fit:cover}.public-profile-info{min-width:0}.public-profile-hero h1{margin:.05rem 0 .25rem;overflow-wrap:anywhere}.public-profile-info strong{display:block;color:#8be4f3;font-size:.95rem;font-weight:900}.public-profile-info p{max-width:54ch;margin:.6rem 0 0;color:#c7c0dc}.public-profile-stats{display:flex;flex-wrap:wrap;gap:.55rem;margin:0;justify-content:flex-end}.public-profile-stats div{min-width:92px;padding:.68rem .75rem;border:1px solid rgb(255 255 255 / 10%);border-radius:8px;background:#ffffff0a}.public-profile-stats dt{color:#9991ac;font-size:.72rem;font-weight:850}.public-profile-stats dd{margin:.15rem 0 0;color:#ffd65a;font-size:1.25rem;font-weight:950}.public-profile-title{display:flex;gap:.55rem;align-items:center;margin:.15rem 0 0;color:#fff7d7;font-size:1rem;line-height:1.2}.public-profile-title:after{content:"";flex:1;min-width:32px;height:1px;background:#ffffff17}.public-profile-records{display:grid;gap:.75rem}.public-profile-record-card{display:grid;gap:.75rem;padding:.9rem;border:1px solid rgb(255 255 255 / 11%);border-radius:10px;background:linear-gradient(135deg,rgb(84 231 255 / 6%),transparent 42%),#120e1fdb}.public-profile-record-card__header{display:flex;flex-wrap:wrap;gap:.6rem;align-items:flex-start;justify-content:space-between}.public-profile-record-card__header strong{display:block;color:#fff7d7;font-size:1rem;line-height:1.2;overflow-wrap:anywhere}.public-profile-record-card__header span{display:block;margin-top:.22rem;color:#9991ac;font-size:.8rem;font-weight:750}.public-profile-record-card__header em{flex:0 0 auto;padding:.23rem .55rem;border:1px solid rgb(255 214 90 / 24%);border-radius:999px;color:#ffd65a;font-size:.72rem;font-style:normal;font-weight:900}.public-profile-record-card__badges{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:flex-end}.public-profile-record-card__badges em.is-public{border-color:#54e7ff3d;background:#54e7ff14;color:#d9fbff}.public-profile-empty{display:grid;gap:.55rem;padding:1rem;border:1px solid rgb(255 255 255 / 10%);border-radius:12px;background:linear-gradient(135deg,rgb(84 231 255 / 7%),transparent 46%),#120e1fc7}.public-profile-empty span{width:fit-content;padding:.26rem .5rem;border:1px solid rgb(255 214 90 / 22%);border-radius:999px;color:#ffd65a;font-size:.62rem;font-weight:950;letter-spacing:.08em}.public-profile-empty p{margin:0;color:#c7c0dc;line-height:1.45}@media (max-width: 640px){.public-profile-hero{grid-template-columns:1fr;align-items:start}.public-profile-avatar{width:64px;height:64px}.public-profile-stats{justify-content:flex-start}}.profile-header{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.8rem 1.25rem;align-items:center;margin:-.35rem -.35rem .35rem;padding:1.05rem 1.05rem .95rem;border:0;border-bottom:1px solid rgb(255 255 255 / 10%);border-radius:12px 12px 0 0;background:radial-gradient(circle at 8% 20%,rgb(84 231 255 / 15%),transparent 31%),radial-gradient(circle at 88% 0%,rgb(255 214 90 / 9%),transparent 28%),linear-gradient(135deg,rgb(255 111 169 / 7%),transparent 43%);box-shadow:none}.profile-header__avatar{display:grid;place-items:center;width:112px;height:112px;border:1px solid rgb(84 231 255 / 34%);border-radius:999px;background:radial-gradient(circle at 35% 25%,rgb(255 214 90 / 26%),transparent 36%),linear-gradient(145deg,#54e7ff2e,#ff6fa921),#090812d1;box-shadow:0 0 0 5px #54e7ff14,0 0 28px #54e7ff1f,inset 0 0 0 8px #ffffff08;color:#fff7d7;font-size:2.25rem;font-weight:950;line-height:1;overflow:hidden}.profile-header__avatar img{width:100%;height:100%;object-fit:cover}.profile-header__body{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.55rem .9rem;min-width:0;align-items:start}.profile-header__identity{min-width:0}.profile-header__eyebrow{display:inline-flex;margin:0 0 .32rem;color:#b9b0cf;font-size:.68rem;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.profile-header h1{margin:0;color:#fff7d7;font-size:clamp(1.85rem,4.2vw,2.8rem);line-height:1.05;font-weight:950;overflow-wrap:anywhere;word-break:break-word}.profile-header__identity strong{display:block;margin-top:.28rem;color:#8be4f3;font-size:.92rem;font-weight:820;overflow-wrap:anywhere;word-break:break-word}.profile-header__identity p{max-width:60ch;margin:.48rem 0 0;color:#c7c0dc;font-size:.95rem;line-height:1.5;overflow-wrap:anywhere;word-break:break-word}.profile-header__actions{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center;justify-content:flex-end;justify-self:end;max-width:100%;padding:.2rem;border:1px solid rgb(255 255 255 / 8%);border-radius:999px;background:#08070f38}.profile-header__stats{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:0;align-items:center;margin:.2rem 0 0;padding-top:.72rem;border-top:1px solid rgb(255 255 255 / 8%)}.profile-header__stats div{min-width:0;padding:0 1rem;border-right:1px solid rgb(255 255 255 / 10%);background:transparent}.profile-header__stats div:first-child{padding-left:0}.profile-header__stats div:last-child{border-right:0}.profile-header__stats dt{color:#9991ac;font-size:.68rem;font-weight:800;overflow-wrap:anywhere}.profile-header__stats dd{margin:.1rem 0 0;color:#ffd65a;font-size:1.42rem;font-weight:950;line-height:1}.profile-recordings-empty{display:grid;gap:.48rem;padding:1rem;border:1px solid rgb(255 255 255 / 10%);border-radius:12px;background:linear-gradient(135deg,rgb(84 231 255 / 7%),transparent 46%),#120e1fc7}.profile-recordings-empty span{width:fit-content;padding:.26rem .5rem;border:1px solid rgb(255 214 90 / 22%);border-radius:999px;color:#ffd65a;font-size:.62rem;font-weight:950;letter-spacing:.08em}.profile-recordings-empty strong{color:#fff7d7;font-size:1rem;line-height:1.25}.profile-recordings-empty p{margin:0;color:#c7c0dc;line-height:1.45}@media (max-width: 640px){.profile-header{grid-template-columns:1fr;gap:.78rem;margin:-.2rem -.2rem .25rem;padding:.9rem .9rem .85rem;align-items:start}.profile-header__avatar{width:86px;height:86px;font-size:1.8rem}.profile-header__body{grid-template-columns:1fr}.profile-header__actions{width:100%;justify-content:flex-start;justify-self:stretch;border-radius:14px}.profile-header__actions .profile-button{flex:1 1 138px}.profile-header__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:.5rem;padding-top:.65rem}.profile-header__stats div,.profile-header__stats div:first-child{padding:.58rem .65rem;border:1px solid rgb(255 255 255 / 9%);border-radius:8px;background:#ffffff08}.profile-header__stats dd{font-size:1.26rem}}.profile-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:.25rem}.profile-auth-links{display:flex;flex-wrap:wrap;gap:.55rem .8rem;align-items:flex-start;padding-top:.1rem}.profile-auth-links button{min-height:30px;padding:0;border:0;border-radius:6px;background:transparent;color:#8be4f3;cursor:pointer;font:inherit;font-size:.84rem;font-weight:850}.profile-auth-links button:hover{color:#d9fbff;text-decoration:underline;text-underline-offset:3px}.profile-auth-links button:focus-visible{outline:2px solid rgb(139 228 243 / 42%);outline-offset:3px}.profile-auth-inline-link{justify-self:start;min-height:28px;padding:0;border:0;border-radius:6px;background:transparent;color:#8be4f3;cursor:pointer;font:inherit;font-size:.8rem;font-weight:850}.profile-auth-inline-link:hover{color:#d9fbff;text-decoration:underline;text-underline-offset:3px}.profile-auth-inline-link:focus-visible{outline:2px solid rgb(139 228 243 / 42%);outline-offset:3px}.profile-auth-consent{display:flex!important;grid-template-columns:none!important;position:relative;gap:.7rem!important;align-items:center;width:100%;min-height:44px;margin:.45rem 0 .55rem;padding:0;border:0;background:transparent;color:#c7c0dc!important;font-size:.78rem!important;font-weight:700!important;line-height:1.4;cursor:pointer}.profile-auth-consent input{position:absolute;width:20px;height:20px;margin:0;opacity:0;cursor:pointer}.profile-auth-consent__box{display:grid;flex:0 0 20px;place-items:center;width:20px;height:20px;border:1px solid rgb(139 228 243 / 30%);border-radius:6px;background:#0a0812b8;color:#171321;transition:background-color .15s ease-out,border-color .15s ease-out,box-shadow .15s ease-out}.profile-auth-consent__box svg{display:block;width:14px;height:14px;opacity:0}.profile-auth-consent__box path{fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.profile-auth-consent input:checked+.profile-auth-consent__box{border-color:#ffd65acc;background:#ffd65a}.profile-auth-consent input:checked+.profile-auth-consent__box svg{opacity:1}.profile-auth-consent input:focus-visible+.profile-auth-consent__box{box-shadow:0 0 0 3px #8be4f347}.profile-auth-consent__text{min-width:0}.profile-auth-consent a{color:#8be4f3;font-weight:850;text-decoration:none}.profile-auth-consent a:hover{color:#d9fbff;text-decoration:underline;text-underline-offset:3px}.profile-auth-consent a:focus-visible{border-radius:4px;outline:2px solid rgb(139 228 243 / 48%);outline-offset:2px}@media (max-width: 480px){.profile-auth-consent{align-items:flex-start}.profile-auth-consent__box{margin-top:.02rem}}.profile-auth-helper{margin:-.3rem 0 0;color:#9991ac;font-size:.78rem;line-height:1.4}.profile-auth-panel .profile-auth-helper{padding:0 .1rem}.profile-button{min-height:42px;padding:0 1rem;border:1px solid rgb(255 214 90 / 35%);border-radius:999px;background:#ffd65a;color:#171321;font-weight:950;cursor:pointer;transition:transform .15s ease-out,filter .15s ease-out,opacity .15s ease-out}.profile-auth-form .profile-button{min-width:150px}.profile-button--secondary{background:#ffffff0f;color:#fff7d7;border-color:#ffffff24}.profile-button--edit{border-color:#72d8e847;background:#72d8e814;color:#d9fbff}.profile-button--ghost{border-color:#ffffff1a;background:#ffffff08;color:#9991ac}.profile-button:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.04)}.profile-button:disabled{cursor:not-allowed;opacity:.55}.profile-message{margin:0;padding:.7rem .8rem;border-radius:8px;font-size:.88rem;font-weight:750}.profile-auth-panel .profile-message{border-radius:10px}.profile-message--error{border:1px solid rgb(255 113 159 / 28%);background:#ff719f17;color:#ffc5d6!important}.profile-message--success{border:1px solid rgb(114 216 232 / 25%);background:#72d8e817;color:#d9fbff!important}@media (max-width: 520px){.profile-card--auth{padding:1.15rem}.profile-auth-links{gap:.45rem .7rem}.profile-auth-form .profile-button{width:100%}}.start-screen{width:100%;padding:1.05rem 0 0;text-align:left}.studio-intro{max-width:720px;margin-bottom:1.15rem}.studio-intro__eyebrow{display:block;margin-bottom:.55rem;color:#9991ac;font-size:.72rem;font-weight:850;letter-spacing:.12em;line-height:1.2;text-transform:uppercase}.brand-lockup{display:inline-grid;grid-template-columns:24px auto;gap:.08rem .55rem;align-items:center;margin-bottom:.8rem}.brand-rhythm-mark{display:flex;height:20px;align-items:center;gap:3px}.brand-rhythm-mark i{width:3px;border-radius:2px;background:#ffd65a}.brand-rhythm-mark i:nth-child(1){height:9px}.brand-rhythm-mark i:nth-child(2){height:18px}.brand-rhythm-mark i:nth-child(3){height:13px;background:#72d8e8}.brand-wordmark{display:flex;gap:.35rem;align-items:baseline;font-size:.88rem;line-height:1}.brand-wordmark strong,.brand-wordmark b{letter-spacing:0}.brand-wordmark strong{color:#ffd65a;font-weight:950}.brand-wordmark b{color:#72d8e8;font-weight:900}.brand-tagline{grid-column:2;color:#9991ac;font-size:.68rem;font-weight:700;line-height:1.2}.start-screen h1{margin-bottom:0;color:#ffd65a;font-size:2.85rem;line-height:1}.collection-entry{display:inline-flex;min-height:34px;align-items:center;margin-top:.85rem;padding:0 .85rem;border:1px solid rgb(139 228 243 / 28%);border-radius:999px;background:#8be4f312;color:#d9fbff;font-size:.82rem;font-weight:900;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}.collection-entry:hover{transform:translateY(-1px);border-color:#ffd65a6b;background:#ffd65a17}.start-screen .sub{color:#c7c0dc;font-size:1.02rem;line-height:1.45}.session-form,.studio-sections{display:flex;flex-direction:column}.studio-sections{border-bottom:1px solid rgb(255 255 255 / 10%)}.studio-section{padding:1.55rem 1.5rem 1.7rem;border-top:1px solid rgb(255 255 255 / 10%);background:#ffffff05}.studio-section-heading{display:flex;align-items:baseline;margin-bottom:1rem}.studio-section-heading h2{display:inline-flex;min-height:24px;align-items:center;padding:.18rem .5rem;border:1px solid rgb(255 113 159 / 18%);border-radius:999px;background:#ff719f0f;color:#ff8db0;font-size:.78rem;font-weight:850;line-height:1;letter-spacing:.04em}.track-strip{display:grid;grid-template-columns:62px minmax(0,1fr) auto;gap:1.15rem;align-items:center;min-height:86px;padding:.85rem 1rem;border:1px solid rgb(255 255 255 / 11%);border-radius:8px;background:#1a162b;box-shadow:inset 0 1px #ffffff08}.track-emblem{height:58px;display:flex;align-items:center;justify-content:center;gap:4px;border:1px solid rgb(255 214 90 / 22%);border-radius:8px;background:#241d34}.track-emblem span{width:4px;border-radius:2px;background:#ffd65a}.track-emblem span:nth-child(1),.track-emblem span:nth-child(4){height:18px}.track-emblem span:nth-child(2){height:34px}.track-emblem span:nth-child(3){height:26px}.track-identity{min-width:0}.track-title-line,.track-meta-line{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem}.track-title-line strong{overflow:hidden;color:#fff7d7;font-size:1.18rem;text-overflow:ellipsis;white-space:nowrap}.track-meta-line{margin-top:.45rem;color:#aaa2bf;font-size:.84rem}.track-tag{display:inline-flex;min-height:25px;align-items:center;padding:.28rem .48rem;border:1px solid rgb(114 216 232 / 20%);border-radius:5px;background:#72d8e80f;color:#bce9ee;font-size:.76rem;font-weight:800}.key-tag{border-color:#ff719f3d;background:#ff719f12;color:#ffb0c8}.transport-controls{display:flex;gap:.45rem;align-items:center}.transport-controls button,.mode-switch button,.segment-btn,.scheme-card{cursor:pointer;transition:border-color .16s,background .16s,color .16s,box-shadow .16s,transform .12s}.transport-icon,.transport-play{height:42px;border:1px solid rgb(255 255 255 / 12%);border-radius:6px;background:#29223d;color:#f6f2ff}.transport-icon{width:42px;font-size:1.45rem}.transport-play{min-width:138px;padding:0 .85rem;color:#171321;background:#ffd65a;font-size:.84rem;font-weight:900}.transport-play span{margin-right:.35rem}.transport-controls button:hover:not(:disabled){border-color:#ffd65a7a;transform:translateY(-1px)}.transport-controls button:active:not(:disabled){transform:translateY(1px)}.transport-play.is-playing{background:#ff9ebd}.selected-beat-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.8rem;align-items:center;padding:.82rem;border:1px solid rgb(139 228 243 / 16%);border-radius:8px;background:radial-gradient(circle at 12% 0%,rgb(139 228 243 / 9%),transparent 42%),#0b091657}.selected-beat-card__info{min-width:0;display:grid;grid-template-columns:46px minmax(0,1fr);gap:.68rem;align-items:center}.selected-beat-card__emblem{height:46px}.selected-beat-card__info .control-label{margin-bottom:.22rem;color:#8be4f3;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase}.selected-beat-card__info strong{display:block;overflow:hidden;color:#fff7d7;font-size:1rem;font-weight:950;text-overflow:ellipsis;white-space:nowrap}.selected-beat-card__info p{overflow:hidden;margin:.18rem 0 0;color:#afa6c4;font-size:.78rem;text-overflow:ellipsis;white-space:nowrap}.selected-beat-card__switcher{min-width:0;display:grid;grid-template-columns:34px minmax(0,1fr) 34px;gap:.45rem;align-items:center}.selected-beat-card__arrow{width:34px;height:34px;display:inline-grid;place-items:center;border:1px solid rgb(255 255 255 / 10%);border-radius:6px;background:#342c42c2;color:#fff0b2;cursor:pointer;font:inherit;font-size:1.25rem;font-weight:900;line-height:1}.selected-beat-card__actions{display:flex;gap:.45rem}.selected-beat-card__actions button,.beat-picker-header button,.beat-picker-footer button,.beat-picker-row__preview{border:1px solid rgb(255 255 255 / 11%);border-radius:6px;background:#342c42db;color:#f6f1ff;cursor:pointer;font:inherit;font-size:.76rem;font-weight:850}.selected-beat-card__actions button{min-height:36px;padding:.45rem .7rem;white-space:nowrap}.selected-beat-card__actions button:last-child,.beat-picker-footer button{border-color:#ffd65a57;background:#ffd65a1f;color:#fff0b2}.selected-beat-card__actions button.is-playing,.beat-picker-row__preview.is-playing{border-color:#ff719f57;background:#552b46d1;color:#ffd6e2}.beat-picker-overlay{position:fixed;z-index:80;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:1.2rem;background:#04030bb8;opacity:0;transition:opacity .15s ease-out}.beat-picker-overlay.is-entered{opacity:1}.beat-picker-overlay.is-closing{opacity:0}.beat-picker-panel{width:min(860px,100%);max-height:min(760px,calc(100dvh - 2.4rem));display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;border:1px solid rgb(139 228 243 / 18%);border-radius:12px;background:radial-gradient(circle at 18% 0%,rgb(139 228 243 / 10%),transparent 34%),#171226;box-shadow:0 26px 80px #0000006b;opacity:0;transform:translateY(10px) scale(.988);transition:opacity .18s ease-out,transform .18s ease-out}.beat-picker-panel.is-entered{opacity:1;transform:translateY(0) scale(1)}.beat-picker-panel.is-closing{opacity:0;transform:translateY(10px) scale(.988)}.beat-picker-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.9rem;align-items:center;padding:.9rem 1rem;border-bottom:1px solid rgb(255 255 255 / 8%)}.beat-picker-header button{min-height:34px;padding:.4rem .62rem}.beat-picker-close{width:34px;padding:0;font-size:1.1rem;line-height:1}.beat-picker-header span{display:block;margin-top:.16rem;color:#8be4f3;font-size:.68rem;font-weight:900}.beat-picker-header strong{display:block;margin:0;color:#fff7d7;font-size:1.05rem}.beat-picker-scroll{min-height:0;overflow-y:auto;padding:.85rem 1rem calc(7rem + env(safe-area-inset-bottom))}:is(.beat-picker-scroll,.beat-filter-panel,.beat-filter-chips,.custom-rhyme-modal,.custom-rhyme-panel,.whats-new-panel,.progress-panel,.collection-panel,.session-overlay,.pause-panel,.results-panel,.result-route__scroll){scrollbar-color:var(--fideo-scrollbar-thumb) var(--fideo-scrollbar-track);scrollbar-width:thin}:is(.beat-picker-scroll,.beat-filter-panel,.beat-filter-chips,.custom-rhyme-modal,.custom-rhyme-panel,.whats-new-panel,.progress-panel,.collection-panel,.session-overlay,.pause-panel,.results-panel,.result-route__scroll):hover{scrollbar-color:var(--fideo-scrollbar-thumb-hover) rgb(255 255 255 / 7%)}:is(.beat-picker-scroll,.beat-filter-panel,.beat-filter-chips,.custom-rhyme-modal,.custom-rhyme-panel,.whats-new-panel,.progress-panel,.collection-panel,.session-overlay,.pause-panel,.results-panel,.result-route__scroll)::-webkit-scrollbar{width:var(--fideo-scrollbar-width);height:var(--fideo-scrollbar-width)}:is(.beat-picker-scroll,.beat-filter-panel,.beat-filter-chips,.custom-rhyme-modal,.custom-rhyme-panel,.whats-new-panel,.progress-panel,.collection-panel,.session-overlay,.pause-panel,.results-panel,.result-route__scroll)::-webkit-scrollbar-track{border-radius:var(--fideo-scrollbar-radius);background:var(--fideo-scrollbar-track)}:is(.beat-picker-scroll,.beat-filter-panel,.beat-filter-chips,.custom-rhyme-modal,.custom-rhyme-panel,.whats-new-panel,.progress-panel,.collection-panel,.session-overlay,.pause-panel,.results-panel,.result-route__scroll)::-webkit-scrollbar-thumb{border:2px solid var(--fideo-scrollbar-thumb-border);border-radius:var(--fideo-scrollbar-radius);background:var(--fideo-scrollbar-thumb);background-clip:padding-box;transition:background-color .14s ease-out,border-color .14s ease-out}:is(.beat-picker-scroll,.beat-filter-panel,.beat-filter-chips,.custom-rhyme-modal,.custom-rhyme-panel,.whats-new-panel,.progress-panel,.collection-panel,.session-overlay,.pause-panel,.results-panel,.result-route__scroll):hover::-webkit-scrollbar-thumb{background:var(--fideo-scrollbar-thumb-hover)}:is(.beat-picker-scroll,.beat-filter-panel,.beat-filter-chips,.custom-rhyme-modal,.custom-rhyme-panel,.whats-new-panel,.progress-panel,.collection-panel,.session-overlay,.pause-panel,.results-panel,.result-route__scroll)::-webkit-scrollbar-thumb:active{background:var(--fideo-scrollbar-thumb-active);border-color:#120e1fdb}:is(.beat-picker-scroll,.beat-filter-panel,.beat-filter-chips,.custom-rhyme-modal,.custom-rhyme-panel,.whats-new-panel,.progress-panel,.collection-panel,.session-overlay,.pause-panel,.results-panel,.result-route__scroll)::-webkit-scrollbar-corner{background:transparent}:is(.beat-picker-scroll,.beat-filter-panel,.beat-filter-chips,.custom-rhyme-modal,.custom-rhyme-panel,.whats-new-panel,.collection-panel,.session-overlay,.result-route__scroll){overscroll-behavior:contain;overscroll-behavior-x:none}.beat-library-toolbar{position:sticky;z-index:3;top:0;display:flex;gap:.55rem;align-items:center;justify-content:space-between;margin:-.1rem 0 .75rem;padding:.2rem 0 .35rem;background:linear-gradient(180deg,#171226 72%,#17122600)}.beat-library-primary{display:flex;gap:.35rem;align-items:center}.beat-library-primary button,.beat-library-filter-button,.beat-filter-panel button{min-height:30px;padding:.32rem .62rem;border:1px solid rgb(255 255 255 / 9%);border-radius:999px;background:#1f1930db;color:#b9b1ca;cursor:pointer;font:inherit;font-size:.7rem;font-weight:900;white-space:nowrap}.beat-library-primary__divider{width:1px;height:24px;margin:0 .06rem;background:#ffffff1a}.beat-library-primary button.active{border-color:#ffd65a75;background:#ffd65a;color:#171321}.beat-library-primary .beat-producers-entry{border-color:#8be4f333;background:#8be4f312;color:#d7fbff}.beat-library-primary .beat-producers-entry:hover{border-color:#8be4f357;background:#8be4f31f}.beat-library-filter-button.has-filters{border-color:#72d8e861;background:#72d8e81f;color:#d9fbff}.beat-library-filter-wrap{position:relative}.beat-filter-layer{position:absolute;z-index:42;top:0;right:0;bottom:0;left:0;pointer-events:auto}.beat-filter-layer__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;display:block;border:0;background:transparent}.beat-library-actions{display:flex;gap:.35rem;align-items:center}.beat-library-upload-button{min-height:30px;padding:.32rem .62rem;border:1px solid rgb(139 228 243 / 20%);border-radius:999px;background:#8be4f314;color:#d7fbff;cursor:pointer;font:inherit;font-size:.7rem;font-weight:900;white-space:nowrap}.beat-library-upload-button:hover{border-color:#8be4f357;background:#8be4f31f}.beat-filter-panel{position:absolute;z-index:8;top:5.8rem;right:1rem;width:min(560px,calc(100vw - 2rem));display:grid;gap:.68rem;max-height:min(560px,calc(100dvh - 8rem));overflow-y:auto;padding:.82rem;border:1px solid rgb(255 255 255 / 10%);border-radius:10px;background:#181328fa;box-shadow:0 18px 46px #00000057;pointer-events:auto;animation:beatFilterPanelIn .15s ease-out both}.beat-filter-panel__header{display:flex;align-items:center;justify-content:space-between}.beat-filter-panel__header strong{color:#fff7d7;font-size:.9rem}.beat-filter-panel__header button{width:32px;min-height:32px;display:inline-grid;place-items:center;padding:0;border:1px solid rgb(255 255 255 / 10%);border-radius:999px;background:#ffffff0d;color:#f7f0ff;cursor:pointer}.beat-filter-panel__header button:focus-visible{outline:2px solid #72d8e8;outline-offset:2px}@keyframes beatFilterPanelIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.beat-filter-group{display:grid;gap:.32rem}.beat-filter-group>span{color:#aaa2bf;font-size:.68rem;font-weight:850}.beat-filter-chips{display:flex;flex-wrap:wrap;gap:.32rem}.beat-filter-chips button.active,.beat-filter-side-action.active{border-color:#ffd65a6b;background:#ffd65a21;color:#fff0b2}.beat-filter-panel button{justify-self:start}.beat-filter-side-action{color:#d7fbff}.beat-filter-reset{color:#aaa2bf}@media (prefers-reduced-motion: reduce){body::-webkit-scrollbar-thumb,:is(.beat-picker-scroll,.beat-filter-panel,.beat-filter-chips,.custom-rhyme-modal,.custom-rhyme-panel,.whats-new-panel,.progress-panel,.collection-panel,.session-overlay,.pause-panel,.results-panel,.result-route__scroll)::-webkit-scrollbar-thumb{transition:none}.beat-picker-overlay,.beat-picker-panel{transition-duration:1ms}.beat-picker-list-shell{transition:none;animation:none}.beat-picker-list-shell.is-entering,.beat-picker-empty.is-entering,.beat-filter-panel{animation:none}.beat-picker-empty{transition:none}.beat-picker-panel,.beat-picker-panel.is-entered,.beat-picker-panel.is-closing{transform:none}}.beat-importer-page--v11{width:min(calc(100% - 28px),1060px)}.beat-importer-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin:12px 0;padding:4px;border:1px solid rgb(121 220 235 / 18%);border-radius:8px;background:#110e1eb8}.beat-importer-tabs button{min-height:42px;border-color:transparent;background:transparent;color:#aaa2b9}.beat-importer-tabs button.is-active{border-color:#ffd65a61;background:#ffd65a1a;color:#ffd65a}.beat-importer-tab-panel{display:grid}.beat-importer-header--compact{padding:18px 20px}.beat-importer-header--compact h1{font-size:clamp(1.55rem,4vw,2rem)}.beat-importer-header--compact p{margin-top:6px}.beat-importer-critical--v11{position:static;grid-template-columns:minmax(180px,1.7fr) repeat(4,minmax(0,1fr));box-shadow:none}.beat-importer-critical--v11 strong:first-child{min-width:0;justify-content:flex-start}.beat-importer-critical--v11 strong:first-child b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.beat-importer-layout--v11{gap:10px}.beat-importer-section--compact{padding:15px 17px}.beat-importer-seek-advanced{margin-top:8px}.beat-importer-section--compact .beat-importer-section__header{margin-bottom:12px}.beat-importer-dropzone--compact{min-height:104px;grid-template-columns:minmax(0,1fr) auto;justify-items:start;text-align:left}.beat-importer-dropzone--compact button{justify-self:end}.beat-importer-file-summary,.beat-importer-auto-fields{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}.beat-importer-file-summary span,.beat-importer-auto-fields span{min-width:0;padding:5px 8px;border-radius:5px;background:#ffffff0a;color:#aaa2bd;font-size:.76rem;overflow-wrap:anywhere}.beat-importer-auto-fields b{color:#d8d2e6}.beat-importer-bpm-row{display:grid;grid-template-columns:repeat(2,minmax(0,220px));gap:12px;margin-bottom:12px}.beat-importer-simple-player{display:grid;gap:10px;padding-top:12px;border-top:1px solid rgb(255 255 255 / 7%)}.beat-importer-player--simple{margin-top:0}.beat-importer-time-tools{display:grid;grid-template-columns:minmax(120px,170px) minmax(0,1fr);gap:10px;align-items:end}.beat-importer-time-tools>label{display:grid;gap:5px}.beat-importer-time-tools>label span{color:#c3bbd5;font-size:.76rem;font-weight:850}.beat-importer-time-tools>label input{width:100%;min-height:40px;border:1px solid rgb(255 255 255 / 12%);border-radius:6px;padding:0 9px;background:#161225;color:#fff;font-variant-numeric:tabular-nums}.beat-importer-time-tools .beat-importer-jumps{margin-top:0}.beat-importer-drop-actions,.beat-importer-drop-fine-tune{display:flex;flex-wrap:wrap;gap:7px;align-items:center}.beat-importer-drop-fine-tune{padding-top:8px;border-top:1px solid rgb(255 255 255 / 6%)}.beat-importer-drop-fine-tune strong{min-width:132px;margin-right:3px;color:#ffafbd;font-variant-numeric:tabular-nums}.beat-importer-drop-fine-tune button{min-height:36px;padding:0 10px;font-size:.78rem}.beat-importer-page--v11 button.is-primary,.beat-importer-export-actions--v11 button.is-primary{border-color:#ffd65a;background:#ffd65a;color:#171321}.beat-importer-page--v11 button.is-primary:hover:not(:disabled){border-color:#ffe58e;background:#ffe58e}.beat-importer-form-grid--basic{grid-template-columns:repeat(2,minmax(0,1fr))}.beat-importer-category-field{display:grid;gap:8px;min-width:0}.beat-category-creator{display:grid;gap:8px}.beat-category-creator__toggle{width:fit-content;min-height:40px;color:#79dceb}.beat-category-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px;border:1px solid rgb(121 220 235 / 16%);border-radius:8px;background:#79dceb0a}.beat-category-form label{display:grid;gap:6px;min-width:0;color:#aaa2b9;font-size:.78rem}.beat-category-form input{min-width:0;min-height:42px;padding:0 11px;border:1px solid rgb(255 255 255 / 14%);border-radius:7px;background:#15111d;color:#f4eff9}.beat-category-form__hint,.beat-category-form .beat-importer-status,.beat-category-form .beat-importer-validation-list,.beat-category-form__actions{grid-column:1 / -1}.beat-category-form__hint{margin:0;color:#9d95ae;font-size:.8rem}.beat-category-form__hint strong{color:#ffd65a}.beat-category-form__actions{display:flex;flex-wrap:wrap;gap:8px}.beat-importer-advanced,.beat-importer-warning-details{margin-top:12px;border-top:1px solid rgb(255 255 255 / 7%);padding-top:10px}.beat-importer-advanced summary,.beat-importer-warning-details summary{width:fit-content;color:#8fdfea;cursor:pointer;font-size:.82rem;font-weight:850}.beat-importer-advanced[open] summary,.beat-importer-warning-details[open] summary{margin-bottom:11px}.beat-importer-ready-state{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:9px 11px;border:1px solid currentColor;border-radius:6px;background:#ffffff08}.beat-importer-ready-state.is-ready{color:#80e3a2}.beat-importer-ready-state.needs-attention{color:#ff9bad}.beat-importer-ready-state span{color:#ffd65a;font-size:.78rem}.beat-importer-validation-list--errors{margin-bottom:12px}.beat-importer-page--v11 .beat-importer-export-preview{max-height:300px;margin-top:12px}.beat-importer-install{margin-top:12px;padding-top:12px;border-top:1px solid rgb(255 255 255 / 8%)}.beat-importer-install__entry,.beat-importer-install__actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.beat-importer-install__entry span{color:#9d95ae;font-size:.78rem}.beat-importer-install__panel{display:grid;gap:10px;padding:12px;border:1px solid rgb(121 220 235 / 22%);border-radius:7px;background:#79dceb0a}.beat-importer-install__panel.is-success{border-color:#80e3a273}.beat-importer-install__panel.is-conflict,.beat-importer-install__panel.is-error{border-color:#ff9bad6b}.beat-importer-install__panel>strong{color:#f8f4ff}.beat-importer-install__panel p,.beat-importer-install__panel li{color:#aaa2b9;font-size:.8rem;line-height:1.45;overflow-wrap:anywhere}.beat-importer-install__panel ul{display:grid;gap:5px;margin:0;padding-left:18px}.beat-importer-install__panel dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 14px;margin:0}.beat-importer-install__panel dl div{min-width:0}.beat-importer-install__panel dt{color:#857d95;font-size:.68rem;font-weight:800}.beat-importer-install__panel dd{margin:2px 0 0;color:#e9e3f1;font-size:.8rem;overflow-wrap:anywhere}.beat-importer-install__open{display:inline-flex;min-height:42px;align-items:center;border:1px solid #ffd65a;border-radius:6px;padding:0 13px;background:#ffd65a;color:#171321;font-size:.82rem;font-weight:900;text-decoration:none}.beat-installed-manager{margin-top:0}.beat-installed-manager__toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,320px);gap:12px;margin-bottom:14px}.beat-installed-manager__filters{display:flex;flex-wrap:wrap;gap:6px}.beat-installed-manager__filters button{min-height:38px;padding:0 10px}.beat-installed-manager__filters button.is-active{border-color:#ffd65a;color:#ffd65a;background:#ffd65a14}.beat-installed-manager__toolbar>input,.beat-installed-modal input{min-width:0;min-height:42px;border:1px solid rgb(255 255 255 / 14%);border-radius:6px;padding:0 11px;background:#17131f;color:#f4eff9}.beat-installed-manager__list{display:grid;gap:10px}.beat-installed-item{display:grid;grid-template-columns:minmax(210px,1.25fr) minmax(180px,1fr) auto;gap:8px 14px;align-items:center;padding:11px 13px;border:1px solid rgb(255 255 255 / 10%);border-radius:7px;background:#ffffff05}.beat-installed-item.is-installed_by_importer{border-color:#79dceb47}.beat-installed-item.is-modified_after_install{border-color:#ff9bad61}.beat-installed-item__heading,.beat-installed-item__actions,.beat-installed-item__badges{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.beat-installed-item__heading{display:grid;justify-content:stretch}.beat-installed-item__heading>div:first-child{display:grid;gap:3px;min-width:0}.beat-installed-item__heading strong{color:#f8f4ff;overflow-wrap:anywhere}.beat-installed-item__heading span,.beat-installed-item__actions small{color:#9d95ae;font-size:.76rem}.beat-installed-item__badges span{padding:4px 7px;border:1px solid rgb(255 255 255 / 10%);border-radius:999px}.beat-installed-item__badges{margin-top:4px}.beat-installed-item__badges .is-ok{color:#80e3a2}.beat-installed-item__badges .is-missing{color:#ff9bad}.beat-installed-item dl,.beat-installed-modal dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px 14px;margin:0}.beat-installed-item dl{grid-template-columns:minmax(0,1fr)}.beat-installed-item dt,.beat-installed-modal dt{color:#857d95;font-size:.67rem;font-weight:800}.beat-installed-item dd,.beat-installed-modal dd{margin:2px 0 0;color:#e9e3f1;font-size:.78rem;overflow-wrap:anywhere}.beat-installed-item__metadata summary{width:fit-content;color:#79dceb;cursor:pointer;font-size:.78rem}.beat-installed-item__metadata{grid-column:1 / -1}.beat-installed-item__metadata pre{max-height:230px;margin:8px 0 0;overflow:auto;font-size:.72rem}.beat-installed-item__actions small{flex:1 1 240px}.beat-installed-item__actions{justify-content:flex-end}.beatmaker-manager .beat-importer-section__header{grid-template-columns:30px minmax(0,1fr) auto;align-items:center}.beatmaker-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px;padding:13px;border:1px solid rgb(121 220 235 / 22%);border-radius:7px;background:#79dceb0a}.beatmaker-form>label,.beatmaker-form details label{display:grid;gap:6px;color:#aaa2b9;font-size:.78rem}.beatmaker-form input{min-width:0;min-height:42px;border:1px solid rgb(255 255 255 / 14%);border-radius:6px;padding:0 11px;background:#17131f;color:#f4eff9}.beatmaker-form details,.beatmaker-form__preview,.beatmaker-form .beat-importer-status,.beatmaker-form .beat-importer-validation-list,.beatmaker-form__actions{grid-column:1 / -1}.beatmaker-form details summary{width:fit-content;color:#79dceb;cursor:pointer}.beatmaker-form details label{margin-top:8px}.beatmaker-form__preview{color:#9d95ae;font-size:.8rem}.beatmaker-form__preview strong{color:#ffd65a}.beatmaker-form__actions{display:flex;flex-wrap:wrap;gap:8px}.beatmaker-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.beatmaker-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;padding:12px;border:1px solid rgb(255 255 255 / 9%);border-radius:7px;background:#ffffff05}.beatmaker-item>div:first-child{display:grid;gap:2px;min-width:0}.beatmaker-item strong,.beatmaker-item span,.beatmaker-item p,.beatmaker-item dd{overflow-wrap:anywhere}.beatmaker-item>div:first-child span,.beatmaker-item p{color:#9d95ae;font-size:.75rem}.beatmaker-item__status{align-self:start;padding:4px 7px;border:1px solid rgb(255 255 255 / 10%);border-radius:999px;color:#80e3a2;font-size:.7rem}.beatmaker-item__status.is-empty{color:#aaa2b9}.beatmaker-item dl,.beatmaker-item p{grid-column:1 / -1;margin:0}.beatmaker-item dl{display:grid;grid-template-columns:minmax(0,1fr) 70px;gap:8px}.beatmaker-item dt{color:#857d95;font-size:.67rem}.beatmaker-item dd{margin:2px 0 0;color:#e9e3f1;font-size:.76rem}.beatmaker-item a{color:#79dceb}.beat-installed-modal{position:fixed;z-index:1000;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:18px;background:#07050bc7}.beat-installed-modal>section{display:grid;gap:12px;width:min(560px,100%);max-height:calc(100vh - 36px);overflow:auto;border:1px solid rgb(255 214 90 / 32%);border-radius:8px;padding:18px;background:#17131f;box-shadow:0 18px 50px #00000073}.beat-installed-modal h3,.beat-installed-modal p,.beat-installed-modal ul{margin:0}.beat-installed-modal p,.beat-installed-modal li,.beat-installed-modal label span{color:#aaa2b9;font-size:.82rem;line-height:1.45}.beat-installed-modal label{display:grid;gap:6px}.beat-installed-modal>section>div{display:flex;flex-wrap:wrap;gap:8px}.beat-installed-modal__warning{color:#ffd65a!important}.beat-installed-modal button.is-danger{border-color:#ff9bad8c;color:#ff9bad;background:transparent}.beat-installed-modal--editor>section{width:min(820px,100%);border-color:#79dceb57}.beat-installed-editor{display:grid;gap:14px}.beat-installed-editor>header,.beat-installed-editor>footer{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}.beat-installed-editor>header span{color:#79dceb;font-size:.72rem;font-weight:800;text-transform:uppercase}.beat-installed-editor>header h3{margin-top:3px}.beat-installed-editor__locked,.beat-installed-editor__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.beat-installed-editor label,.beat-installed-editor__moods{min-width:0}.beat-installed-editor label{display:grid;gap:6px}.beat-installed-editor label>span,.beat-installed-editor__moods legend{color:#aaa2b9;font-size:.76rem}.beat-installed-editor input,.beat-installed-editor select{width:100%;min-width:0;min-height:42px;border:1px solid rgb(255 255 255 / 14%);border-radius:6px;padding:0 11px;background:#17131f;color:#f4eff9}.beat-installed-editor input[readonly]{color:#857d95;background:#ffffff08}.beat-installed-editor__locked{padding:10px;border:1px solid rgb(255 255 255 / 8%);border-radius:7px}.beat-installed-editor__category-creator{grid-column:1 / -1}.beat-installed-editor__moods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;border:1px solid rgb(255 255 255 / 10%);border-radius:7px;padding:11px}.beat-installed-editor__moods legend{padding:0 5px}.beat-installed-editor__moods label{display:flex;gap:8px;align-items:center;min-height:38px}.beat-installed-editor__moods input{width:18px;min-height:18px;margin:0}.beat-installed-editor__warning{border-left:3px solid #ffd65a;padding-left:10px;color:#ffd65a!important}.beat-installed-editor>footer{justify-content:flex-end}@media (max-width: 760px){.beat-importer-dropzone--compact,.beat-importer-time-tools,.beat-importer-form-grid--basic{grid-template-columns:minmax(0,1fr)}.beat-importer-dropzone--compact button{width:100%;justify-self:stretch}.beat-importer-bpm-row{grid-template-columns:repeat(2,minmax(0,1fr))}.beat-importer-drop-actions button{flex:1 1 190px}.beat-importer-install__panel dl,.beat-installed-manager__toolbar,.beat-installed-item dl,.beat-installed-modal dl{grid-template-columns:minmax(0,1fr)}.beat-installed-manager__toolbar>input{width:100%}.beat-importer-critical--v11{grid-template-columns:repeat(2,minmax(0,1fr))}.beat-importer-critical--v11 strong:first-child{grid-column:1 / -1}.beat-installed-item,.beatmaker-form,.beat-category-form,.beatmaker-list,.beat-installed-editor__locked,.beat-installed-editor__grid{grid-template-columns:minmax(0,1fr)}.beat-installed-editor__moods{grid-template-columns:repeat(2,minmax(0,1fr))}.beat-installed-item__actions{justify-content:flex-start}.beatmaker-manager .beat-importer-section__header{grid-template-columns:30px minmax(0,1fr)}.beatmaker-manager .beat-importer-section__header>button{grid-column:1 / -1}}@media (max-width: 460px){.beat-importer-tabs{display:flex;overflow-x:auto}.beat-importer-tabs button{flex:0 0 auto;min-width:132px}}@media (max-width: 390px){.beat-importer-critical--v11,.beat-importer-bpm-row{grid-template-columns:minmax(0,1fr)}.beat-importer-drop-fine-tune button{flex:1 1 64px}}.beat-mood-filter{display:flex;flex-wrap:wrap;gap:.45rem .6rem;align-items:center;margin-bottom:.75rem}.beat-mood-filter>span{color:#aaa2bf;font-size:.72rem;font-weight:850}.beat-mood-filter>div{display:flex;flex-wrap:wrap;gap:.35rem}.beat-mood-filter button{min-height:28px;padding:.25rem .52rem;border:1px solid rgb(255 255 255 / 9%);border-radius:999px;background:#1f1930db;color:#b9b1ca;cursor:pointer;font:inherit;font-size:.68rem;font-weight:850;white-space:nowrap}.beat-mood-filter button.active{border-color:#ffd65a6b;background:#ffd65a21;color:#fff0b2}.beat-mood-filter .beat-release-chip{border-color:#72d8e838;background:#72d8e812;color:#c9f7ff}.beat-mood-filter .beat-release-chip.active{border-color:#72d8e885;background:#72d8e826;color:#ecfcff}.beat-picker-targets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;align-items:stretch}.beat-picker-target{min-width:0;min-height:86px;height:100%;display:grid;grid-template-columns:minmax(0,1fr) 38px;align-items:center;gap:.8rem;padding:.82rem .86rem;border:1px solid rgb(255 255 255 / 9%);border-radius:8px;background:#1d1730;color:#f6f1ff;cursor:pointer;font:inherit;text-align:left}.beat-picker-target:hover{border-color:#8be4f33d;background:#241d38}.beat-picker-target.is-empty{opacity:.52}.beat-picker-target strong,.beat-picker-target small{display:block}.beat-picker-target strong{color:#fff7d7;font-size:.94rem;font-weight:950}.beat-picker-target small{margin-top:.22rem;color:#aaa2bf;font-size:.74rem}.beat-picker-target em{width:38px;height:38px;display:inline-grid;place-items:center;justify-self:end;border-radius:999px;background:#ffd65a1f;color:#fff0b2;font-style:normal;font-weight:950}.beat-picker-usage-note{margin:.82rem 0 0;color:#9288aa;font-size:.72rem;font-weight:650;line-height:1.35}.beat-picker-list-view{display:grid;gap:.7rem}.beat-picker-pack-card{position:relative}.local-beats-card{align-items:center}.local-beats-card em{display:block;margin-top:.35rem;color:#ffb6b6;font-size:.72rem;font-style:normal;font-weight:750}.local-beats-card button{width:fit-content;min-height:36px;padding:.48rem .72rem;border:1px solid rgb(139 228 243 / 24%);background:#8be4f31a;color:#d7fbff}.beat-picker-list{display:grid;gap:.48rem}.beat-picker-favorites{display:grid;gap:.55rem;margin-bottom:.78rem;padding-bottom:.78rem;border-bottom:1px solid rgb(255 255 255 / 8%)}.beat-picker-favorites__header{display:flex;gap:.75rem;align-items:baseline;justify-content:space-between}.beat-picker-favorites__header>div{display:flex;gap:.42rem;align-items:center}.beat-picker-favorites__header strong{color:#fff7d7;font-size:.86rem;font-weight:950}.beat-picker-favorites__header span{min-width:1.35rem;padding:.12rem .34rem;border-radius:999px;background:#ffd65a1f;color:#ffe58d;font-size:.66rem;font-weight:950;text-align:center}.beat-picker-recents .beat-picker-favorites__header span{background:#8be4f31a;color:#bdf8ff}.beat-picker-recents{gap:.42rem;margin-bottom:.62rem;padding-bottom:.62rem}.beat-picker-recents__list{display:flex;gap:.42rem;min-width:0;overflow-x:auto;padding:.08rem 0 .24rem;overscroll-behavior-inline:contain;scrollbar-width:thin}.beat-picker-recent-chip{flex:0 0 clamp(132px,24%,178px);min-width:0;min-height:48px;display:grid;gap:.14rem;align-content:center;padding:.48rem .62rem;border:1px solid rgb(139 228 243 / 16%);border-radius:8px;background:#8be4f30d;color:#f6f1ff;cursor:pointer;font:inherit;text-align:left}.beat-picker-recent-chip:hover{border-color:#8be4f357;background:#8be4f317}.beat-picker-recent-chip.is-current{border-color:#ffd65a6b;background:#ffd65a1a}.beat-picker-recent-chip strong,.beat-picker-recent-chip span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.beat-picker-recent-chip strong{color:#fff7d7;font-size:.75rem;font-weight:900}.beat-picker-recent-chip span{color:#9c94ae;font-size:.64rem;font-weight:700}.beat-picker-favorites__header small,.beat-picker-favorites__empty{color:#8f879f;font-size:.72rem}.beat-picker-favorites__empty{margin:0;padding:.72rem .8rem;border:1px dashed rgb(139 228 243 / 16%);border-radius:8px;background:#8be4f30a}.beat-picker-favorites__list{max-height:224px;overflow-y:auto;padding-right:.16rem}.beat-picker-list-shell{opacity:1;transform:translateY(0);transition:opacity .14s ease-out,transform .14s ease-out}.beat-picker-list-shell.is-exiting,.beat-picker-empty.is-exiting{opacity:0;transform:translateY(-4px)}.beat-picker-list-shell.is-entering,.beat-picker-empty.is-entering{animation:beatListEnter 145ms ease-out both}@keyframes beatListEnter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.beat-picker-empty{margin:0;padding:1rem;border:1px solid rgb(255 255 255 / 8%);border-radius:8px;background:#1a162b;color:#b9b1ca;font-size:.84rem;text-align:center;transition:opacity .14s ease-out,transform .14s ease-out}.beat-library-view-shell{opacity:1;transform:translateY(0);transition:opacity .15s ease-out,transform .15s ease-out}.beat-library-view-shell.is-exiting{opacity:0;transform:translateY(-4px)}.beat-library-view-shell.is-entering{animation:beatLibraryViewEnter 155ms ease-out both}@keyframes beatLibraryViewEnter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.producer-showcase,.producer-profile{display:grid;gap:.78rem}.producer-view-header{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.78rem;align-items:center}.producer-view-header button,.producer-back-button{width:fit-content;min-height:32px;padding:.36rem .62rem;border:1px solid rgb(139 228 243 / 20%);border-radius:999px;background:#8be4f314;color:#d7fbff;cursor:pointer;font:inherit;font-size:.72rem;font-weight:900}.producer-view-header strong,.producer-profile__hero strong{display:block;color:#fff7d7;font-size:1rem;font-weight:950}.producer-view-header span{display:block;margin-top:.12rem;color:#aaa2bf;font-size:.74rem;font-weight:750}.producer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.62rem}.producer-card{min-width:0;min-height:152px;display:grid;grid-template-columns:52px minmax(0,1fr);gap:.7rem;align-items:center;padding:.72rem;border:1px solid rgb(255 255 255 / 8%);border-radius:8px;background:#1a162b;color:#f6f1ff;cursor:pointer;font:inherit;text-align:left;transition:border-color .15s ease-out,background .15s ease-out,transform .15s ease-out}.producer-card:hover{border-color:#8be4f347;background:#211b32;transform:translateY(-1px)}.producer-card__mark{width:52px;height:52px;position:relative;display:inline-grid;place-items:center;border:1px solid rgb(139 228 243 / 24%);border-radius:14px;background:radial-gradient(circle at 25% 18%,rgb(255 214 90 / 18%),transparent 36%),#8be4f314;color:#fff0b2}.producer-card__mark svg{width:36px;height:36px;position:absolute;color:#8be4f3;opacity:.42}.producer-card__mark path{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:4}.producer-card__mark b{position:relative;font-size:.74rem;font-weight:950}.producer-card span{min-width:0;display:grid;gap:.18rem}.producer-card strong{overflow:hidden;color:#fff7d7;font-size:.94rem;font-weight:950;text-overflow:ellipsis;white-space:nowrap}.producer-card small{overflow:hidden;color:#8be4f3;font-size:.72rem;font-weight:780;text-overflow:ellipsis;white-space:nowrap}.producer-card em,.producer-card>b{grid-column:1 / -1;color:#aaa2bf;font-size:.72rem;font-style:normal;font-weight:780}.producer-card>b{color:#fff0b2}.producer-profile__hero{display:grid;grid-template-columns:64px minmax(0,1fr);gap:.82rem;align-items:start;padding:.86rem;border:1px solid rgb(255 255 255 / 8%);border-radius:8px;background:radial-gradient(circle at 16% 0%,rgb(139 228 243 / 10%),transparent 34%),#1a162b}.producer-profile__hero .producer-card__mark{width:64px;height:64px}.producer-profile__hero p{margin:.24rem 0 0;color:#b9b1ca;font-size:.78rem;line-height:1.38}.producer-profile__hero em{display:block;margin-top:.48rem;color:#aaa2bf;font-size:.72rem;font-style:normal;font-weight:800}.producer-profile__tags,.producer-profile__links{display:flex;flex-wrap:wrap;gap:.34rem;margin-top:.54rem}.producer-profile__tags span,.producer-profile__links a{min-height:28px;display:inline-flex;align-items:center;padding:.24rem .48rem;border:1px solid rgb(255 255 255 / 9%);border-radius:999px;background:#1f1930d6;color:#d7fbff;font-size:.68rem;font-weight:850;text-decoration:none}.producer-profile__links a{border-color:#ffd65a38;color:#fff0b2}.producer-profile h3{margin:.22rem 0 0;color:#fff7d7;font-size:.88rem}.producer-track-list{margin-top:-.1rem}@media (prefers-reduced-motion: reduce){.beat-picker-list-shell,.beat-picker-empty,.beat-library-view-shell{transition:none;animation:none;transform:none}.beat-picker-list-shell.is-entering,.beat-picker-empty.is-entering,.beat-library-view-shell.is-entering{animation:none}}.beat-picker-row{min-width:0;display:grid;grid-template-columns:42px minmax(0,1fr) 40px 38px;gap:.62rem;align-items:center;min-height:62px;padding:.54rem .62rem;border:1px solid rgb(255 255 255 / 8%);border-radius:8px;background:#1a162b;cursor:pointer;transition:border-color .15s ease-out,background .15s ease-out,box-shadow .15s ease-out}.beat-picker-row:hover,.beat-picker-row:focus-within{border-color:#ffd65a5c;background:#211b32}.beat-picker-row.is-current{border-color:#ffd65a7a;box-shadow:inset 0 0 0 1px #ffd65a38}.beat-picker-row.is-preview{border-color:#72d8e875;box-shadow:inset 0 0 0 1px #72d8e82e}.beat-picker-row__emblem{height:42px}.beat-picker-row__copy{min-width:0;display:grid;gap:.12rem}.beat-picker-row__copy strong,.beat-picker-row__copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.beat-picker-row__copy strong{min-width:0;display:flex;gap:.42rem;align-items:center;color:#fff7d7;font-size:.9rem;font-weight:950}.beat-picker-row__copy strong .beat-picker-row__title{min-width:0;overflow:hidden;color:inherit;font-size:inherit;font-weight:inherit;text-overflow:ellipsis;white-space:nowrap}.beat-new-badge,.beat-current-badge{flex:0 0 auto;padding:.14rem .36rem;border-radius:999px;font-size:.58rem;font-style:normal;font-weight:950;letter-spacing:.04em;transition:opacity .15s ease-out,border-color .15s ease-out,background .15s ease-out}.beat-new-badge{background:#72d8e8;color:#141023}.beat-current-badge{border:1px solid rgb(255 214 90 / 34%);background:#ffd65a1f;color:#fff1a8}.beat-picker-row__copy span{color:#aaa2bf;font-size:.74rem}.beat-picker-row__meta{min-width:0;display:flex;gap:.36rem;align-items:center;flex-wrap:wrap}.beat-picker-row__meta span{min-width:0}.beat-picker-row__meta b{flex:0 0 auto;padding:.1rem .32rem;border:1px solid rgb(139 228 243 / 22%);border-radius:999px;color:#bdf8ff;font-size:.58rem;font-weight:900}.beat-picker-row__delete{width:fit-content;margin-top:.08rem;padding:0;border:0;background:transparent;color:#ffb6b6;font-size:.7rem;font-weight:850;text-align:left}.beat-picker-row__delete:hover{color:#ffe0e0}.beat-picker-row__preview{width:38px;height:36px;display:inline-grid;place-items:center}.beat-picker-row__favorite{width:40px;height:40px;display:inline-grid;place-items:center;padding:0;border:1px solid rgb(255 255 255 / 9%);border-radius:999px;background:#ffffff08;color:#8f879f}.beat-picker-row__favorite:hover{border-color:#ffd65a57;color:#ffe58d}.beat-picker-row__favorite.is-favorite{border-color:#ffd65a6b;background:#ffd65a1f;color:#ffd65a}.beat-picker-row__favorite.is-favorite .ui-icon{fill:currentColor}.beat-picker-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.65rem;align-items:center;padding:.62rem 1rem calc(.62rem + env(safe-area-inset-bottom));border-top:1px solid rgb(255 255 255 / 9%);background:#0d0a17f0}.beat-preview-player{display:grid;grid-template-columns:minmax(150px,.42fr) minmax(220px,1fr);gap:.75rem;align-items:center;min-width:0}.beat-preview-player__info{display:grid;min-width:0;gap:.12rem}.beat-preview-player__info span,.beat-preview-player__info small{min-width:0;overflow:hidden;color:#9991ac;font-size:.68rem;font-weight:850;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.beat-preview-player__info strong{min-width:0;overflow:hidden;color:#fff7d7;font-size:.82rem;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.beat-preview-player__controls{display:grid;grid-template-columns:44px minmax(0,1fr);gap:.58rem;align-items:center;min-width:0}.beat-preview-player__play{display:grid;place-items:center;width:44px;min-height:44px;padding:0;border:1px solid rgb(255 255 255 / 12%);border-radius:999px;background:#ffffff0a;color:#d9fbff;cursor:pointer;font-size:.72rem;font-weight:950;border-color:#ffd65a6b;background:#ffd65a17;color:#fff7d7}.beat-preview-player__play.is-playing{background:#ffd65a;color:#14101d}.beat-preview-player__play:disabled{cursor:default;opacity:.45}.beat-preview-player__timeline{display:grid;min-width:0;gap:.18rem}.beat-preview-player__timeline input{width:100%;min-width:0;accent-color:#ffd65a;cursor:pointer}.beat-preview-player__timeline input:disabled{cursor:default;opacity:.45}.beat-preview-player__timeline span{color:#b9b1ca;font-size:.68rem;font-weight:850;line-height:1.1}.beat-picker-footer__actions{display:flex;gap:.42rem;order:2}.beat-picker-footer__actions button{min-height:36px;padding:.42rem .66rem}.beat-picker-footer .beat-picker-footer__primary{border-color:#ffd65a73;background:#ffd65a;color:#14101d}.local-beat-dialog{gap:.82rem}.local-beat-dialog header{display:flex;justify-content:space-between;align-items:start;gap:.8rem}.local-beat-dialog header button{width:36px;height:36px;padding:0;border:1px solid rgb(255 255 255 / 10%);background:#ffffff0d;color:#fff}.local-beat-preview{width:100%;min-height:42px}.local-beat-timing{display:grid;gap:.24rem;padding:.62rem .72rem;border:1px solid rgb(139 228 243 / 18%);border-radius:8px;background:#8be4f314;color:#d8fbff;font-size:.78rem;font-weight:850}.local-beat-help{margin:0;color:#aaa2bf;font-size:.76rem;font-weight:650;line-height:1.45}.beat-catalog{display:grid;gap:.75rem}.beat-category-tabs{display:flex;flex-wrap:wrap;gap:.45rem}.beat-category-tabs button{min-height:34px;padding:.38rem .7rem;border:1px solid rgb(255 255 255 / 10%);border-radius:999px;background:#181426;color:#b9b1ca;cursor:pointer;font:inherit;font-size:.78rem;font-weight:850;transition:border-color .16s,background .16s,color .16s,transform .12s}.beat-category-tabs button:hover{border-color:#8be4f342;color:#f6f1ff}.beat-category-tabs button.active{border-color:#ffd65a70;background:#342c42;color:#fff7d7}.beat-pack-card{display:flex;gap:.8rem;align-items:center;justify-content:space-between;padding:.72rem .82rem;border:1px solid rgb(139 228 243 / 16%);border-radius:7px;background:radial-gradient(circle at 12% 0%,rgb(139 228 243 / 10%),transparent 42%),#0b091661}.beat-pack-card strong{color:#8be4f3;font-size:.72rem;letter-spacing:.08em}.beat-pack-card p{margin:.22rem 0 0;color:#b9b1ca;font-size:.78rem}.beat-pack-links{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:flex-end}.beat-pack-links a{min-height:30px;display:inline-grid;place-items:center;padding:.3rem .55rem;border:1px solid rgb(255 255 255 / 10%);border-radius:5px;color:#d9fbff;font-size:.72rem;font-weight:850;text-decoration:none}.beat-pack-section{display:grid;gap:.55rem}.beat-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}.beat-card{min-width:0;display:grid;gap:.62rem;padding:.78rem;border:1px solid rgb(255 255 255 / 9%);border-radius:8px;background:#1a162b;cursor:pointer;text-align:left;transition:border-color .16s,background .16s,box-shadow .16s,transform .12s}.beat-card:hover{border-color:#8be4f33d;background:#211b32;transform:translateY(-1px)}.beat-card__top{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:.55rem;align-items:center}.beat-card__emblem{height:42px}.beat-card__copy{min-width:0;display:grid;gap:.16rem}.beat-card__copy strong{overflow:hidden;color:#fff7d7;font-size:.92rem;text-overflow:ellipsis;white-space:nowrap}.beat-card__copy span{overflow:hidden;color:#aaa2bf;font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}.beat-card__top em{align-self:start;padding:.17rem .36rem;border-radius:999px;background:#ffd65a1f;color:#fff0b2;font-size:.62rem;font-style:normal;font-weight:900;white-space:nowrap}.beat-card__meta{display:flex;flex-wrap:wrap;gap:.35rem}.beat-card__meta span{min-height:24px;display:inline-flex;align-items:center;padding:.24rem .42rem;border:1px solid rgb(114 216 232 / 16%);border-radius:5px;color:#bce9ee;font-size:.7rem;font-weight:850}.beat-card__actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:.45rem}.beat-card__actions button{min-height:36px;border:1px solid rgb(255 255 255 / 11%);border-radius:5px;background:#342c42db;color:#f6f1ff;cursor:pointer;font:inherit;font-size:.74rem;font-weight:850}.beat-card__actions button:last-child{border-color:#ffd65a4d;color:#fff0b2}.beat-card__actions button.is-playing{border-color:#ff719f57;background:#552b46d1;color:#ffd6e2}.beat-settings-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:.65rem;margin-top:.65rem}.studio-control{min-width:0;padding:.85rem;border:1px solid rgb(255 255 255 / 8%);border-radius:7px;background:#0b09164d}.beat-settings-grid .studio-control{padding:.65rem .75rem;border-color:#ffffff0f;background:transparent}.control-label,.control-label-row{color:#e7e2f2;font-size:.82rem;font-weight:800}.control-label{display:block;margin-bottom:.55rem}.control-label-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.control-label-row strong{color:#ffd65a;font-size:.8rem}.control-note{display:block;margin-top:.5rem;color:#9f96b7;font-size:.75rem;line-height:1.35}.mode-switch{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:3px;padding:3px;border:1px solid rgb(255 255 255 / 8%);border-radius:6px;background:#161223}.mode-switch button{min-width:0;min-height:34px;padding:.38rem .55rem;border:1px solid transparent;border-radius:4px;background:transparent;color:#a9a1bb;font-size:.78rem;font-weight:800}.mode-switch button:hover:not(:disabled){color:#f5f1ff}.mode-switch button:disabled{cursor:not-allowed;opacity:.45}.mode-switch button.active{border-color:#ffd65a57;background:#342c42;color:#fff7d7;box-shadow:inset 0 0 12px #ffd65a0d}.volume-control input[type=range]{width:100%;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:2px;outline:none;background:#3b344a;accent-color:#ffd65a}.volume-control input[type=range]::-webkit-slider-thumb{width:15px;height:15px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid #181321;border-radius:50%;background:#ffd65a;box-shadow:0 0 0 2px #ffd65a2e;cursor:pointer}.volume-control input[type=range]::-moz-range-thumb{width:13px;height:13px;border:2px solid #181321;border-radius:50%;background:#ffd65a;cursor:pointer}.rhyme-filter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.rhyme-filter-grid .studio-control{padding:.65rem .75rem;border-color:#ffffff0d;background:transparent}.rhyme-language-control,.verb-rhyme-control{grid-column:1 / -1}.rhyme-language-switch,.verb-rhyme-switch{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:initial}.rhyme-source-switch{display:grid;gap:.4rem;margin-bottom:.75rem}.rhyme-source-switch .mode-switch{width:min(100%,360px)}.custom-pack-inline{display:grid;gap:.55rem;padding:.65rem .75rem;border:1px solid rgb(255 255 255 / 5%);border-radius:7px;background:#0b091633}.custom-pack-inline__row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.55rem;align-items:center}.custom-pack-inline__row select,.custom-rhyme-field input,.custom-rhyme-field textarea{width:100%;border:1px solid rgb(255 255 255 / 10%);border-radius:6px;background:#161223;color:#f6f1ff;font:inherit;font-size:.84rem}.custom-pack-inline__row select{min-height:40px;padding:0 .72rem}.rhyme-pack-badge{padding:.22rem .46rem;border:1px solid rgb(139 228 243 / 24%);border-radius:999px;background:#8be4f31a;color:#b8eff7;font-size:.66rem;font-weight:850}.rhyme-pack-actions{display:flex;flex-wrap:wrap;gap:.45rem}.rhyme-pack-actions button,.custom-rhyme-example{min-height:34px;border:1px solid rgb(139 228 243 / 16%);border-radius:5px;background:#2022369e;color:#d9fbff;cursor:pointer;font:inherit;font-size:.76rem;font-weight:800}.rhyme-pack-actions button{padding:.38rem .62rem}.rhyme-pack-actions button:hover,.custom-rhyme-example:hover{border-color:#8be4f352;color:#fff}.rhyme-pack-notice{display:block;color:#8be4f3;font-size:.72rem;font-weight:800}.rhyme-pack-menu{position:relative}.rhyme-pack-menu__trigger{width:38px;padding-right:0;padding-left:0}.rhyme-pack-menu__panel{position:absolute;z-index:5;right:0;top:calc(100% + 6px);min-width:150px;padding:.35rem;border:1px solid rgb(255 107 107 / 22%);border-radius:6px;background:#171321;box-shadow:0 14px 36px #00000057}.rhyme-pack-menu__panel button{width:100%;color:#ffb5bd;text-align:left}.scheme-selector{margin-top:1.15rem}.scheme-builder{display:grid;gap:.85rem;padding:.9rem;border:1px solid rgb(255 255 255 / 9%);border-radius:8px;background:#0f0c196b}.scheme-builder__header{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem}.scheme-builder__header .field-title{margin:0}.scheme-builder__header strong{color:#ffd65a;font-size:.96rem;font-weight:900;text-align:right}.scheme-builder__stage{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;gap:.7rem;align-items:center}.scheme-builder__arrow{display:grid;width:48px;height:100%;min-height:104px;place-items:center;border:1px solid rgb(255 255 255 / 11%);border-radius:8px;background:#201a30;color:#fff;font-size:1.35rem;font-weight:900;transition:transform .16s ease-out,border-color .16s ease-out,background .16s ease-out}.scheme-builder__arrow:hover{border-color:#ffd65a6b;background:#2a223b;transform:translateY(-1px)}.scheme-builder__arrow:active{transform:translateY(0) scale(.985)}.scheme-builder__preview{display:grid;gap:.35rem;min-width:0;padding:.55rem;border:1px solid rgb(114 216 232 / 12%);border-radius:8px;background:#100d19}.scheme-builder__preview-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.35rem}.scheme-builder__preview-cell{display:grid;min-height:28px;min-width:0;place-items:center;border:1px solid rgb(255 255 255 / 7%);border-radius:5px;background:#171321;color:transparent;font-size:.72rem;font-weight:900;line-height:1;text-align:center}.scheme-builder__preview-cell.is-target,.scheme-builder__preview-cell.is-hidden-target{border-color:var(--scheme-color, #ffd65a);background:var(--scheme-color, #ffd65a);color:#15111d}.scheme-builder__hint-control{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem}.scheme-builder__hint-control button{min-width:0;padding:.62rem .5rem;border:1px solid rgb(255 255 255 / 10%);border-radius:7px;background:#1c1729;color:#d8d0e8;font-size:.76rem;font-weight:850;transition:transform .17s ease-out,border-color .17s ease-out,background .17s ease-out,color .17s ease-out}.scheme-builder__hint-control button:hover{border-color:#72d8e84d;background:#231c32;transform:translateY(-1px)}.scheme-builder__hint-control button:active{transform:translateY(0) scale(.98)}.scheme-builder__hint-control button.active{border-color:#ffd65ab3;background:#ffd65a29;color:#ffe28a}.rhyme-settings-summary{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:.8rem;padding:.72rem .78rem;border:1px solid rgb(255 255 255 / 7%);border-radius:7px;background:#0b091642}.rhyme-settings-summary span{min-width:0;color:#bfb6cf;font-size:.8rem;font-weight:750;line-height:1.35}.rhyme-settings-summary button{flex:0 0 auto;min-height:34px;padding:0 .72rem;border:1px solid rgb(114 216 232 / 24%);border-radius:6px;background:#72d8e812;color:#c7f4f8;font-size:.76rem;font-weight:850}.rhyme-settings-summary button:hover{border-color:#72d8e86b;background:#72d8e81c}.field-title{margin-bottom:.65rem;color:#e7e2f2;font-size:.84rem;font-weight:800}.scheme-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem}.scheme-card{display:grid;min-width:0;min-height:200px;grid-template-rows:auto 1fr;gap:.8rem;padding:1.08rem;border:1px solid rgb(255 255 255 / 10%);border-radius:8px;background:#211b32;color:#fff;text-align:left}.scheme-card:hover:not(:disabled){border-color:#72d8e857;background:#272039;transform:translateY(-1px)}.scheme-card:active:not(:disabled){transform:translateY(1px) scale(.995)}.scheme-card.active{border-color:#ffd65ac7;background:#332b40;box-shadow:inset 0 0 26px #ffd65a17,0 0 0 1px #ffd65a1a}.scheme-card-copy{display:grid;gap:.3rem}.scheme-name{color:#ffd65a;font-size:1.08rem;font-weight:900}.scheme-subtitle{color:#b9b1ca;font-size:.78rem;font-weight:750;line-height:1.2}.scheme-preview{display:grid;gap:.28rem;align-self:end}.scheme-preview-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.2rem}.scheme-preview-cell{display:grid;min-height:18px;place-items:center;border:1px solid rgb(255 255 255 / 8%);border-radius:3px;background:#151120;color:#171229;font-size:.62rem;font-weight:900}.scheme-preview-cell.target{border-color:#ffd65a8c;background:#ffd65a}.scheme-preview-cell.role-B{border-color:#72d8e88c;background:#72d8e8}.round-layout{display:grid;grid-template-columns:minmax(0,1fr) auto 230px;gap:.75rem;align-items:center}.segmented-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:4px;border:1px solid rgb(255 255 255 / 8%);border-radius:7px;background:#161223}.segment-btn{min-width:0;min-height:40px;padding:.4rem;border:1px solid transparent;border-radius:5px;background:transparent;color:#aaa2ba;font-size:.8rem;font-weight:800}.segment-btn:hover:not(:disabled){color:#f5f1ff;background:#ffffff0a}.segment-btn.active{border-color:#ffd65a6b;background:#342c42;color:#fff7d7;box-shadow:inset 0 0 12px #ffd65a0f}.segment-btn.infinite-option{border-left-color:#72d8e82e;color:#72d8e8}.round-summary{min-width:82px;color:#b9b1ca;font-size:.78rem;font-weight:800;text-align:center}.toggle-row{display:flex;align-items:center;justify-content:space-between}.studio-toggle{position:relative;gap:1rem;min-height:42px;padding:.35rem .15rem .35rem .65rem;border:0;background:transparent;color:#e7e2f2;cursor:pointer}.studio-toggle strong{font-size:.82rem}.studio-toggle small{display:block;margin-top:.18rem;color:#8f879f;font-size:.68rem;font-weight:600;line-height:1.3}.recording-toggle{grid-column:1 / -1;padding-top:.55rem;border-top:1px solid rgb(255 255 255 / 6%)}.recording-choice{grid-column:1 / -1;min-width:0;display:grid;gap:.65rem;padding:.8rem;border:1px solid rgb(139 228 243 / 18%);border-radius:7px;background:#1a172b94}.recording-choice__copy{min-width:0}.recording-choice__copy strong{display:inline-flex;align-items:center;gap:.38rem;color:#f4efff;font-size:.86rem}.recording-choice__copy p,.recording-choice__copy small{display:block;margin:.25rem 0 0;color:#a69db8;font-size:.69rem;font-weight:600;line-height:1.4;overflow-wrap:anywhere}.recording-choice__options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}.recording-choice__options button{min-width:0;min-height:42px;padding:.48rem .55rem;border:1px solid rgb(255 255 255 / 12%);border-radius:6px;background:#2b253c;color:#bcb4cc;cursor:pointer;font:inherit;font-size:.72rem;font-weight:850;line-height:1.2}.recording-choice__options button.is-active{border-color:#ffd65a85;background:#ffd65a21;color:#fff1ad}.recording-choice__options button:focus-visible{outline:2px solid #72d8e8;outline-offset:2px}.recording-choice__options button:disabled{cursor:not-allowed;opacity:.5}.recording-choice__error{display:grid;gap:.5rem;padding:.6rem;border:1px solid rgb(255 113 159 / 28%);border-radius:6px;background:#ff719f14}.recording-choice__error p{margin:0;color:#ffc5d6;font-size:.7rem;font-weight:700;line-height:1.4}.recording-choice__error>div{display:flex;flex-wrap:wrap;gap:.4rem}.recording-choice__error button{min-height:38px;padding:.42rem .62rem;border:1px solid rgb(255 255 255 / 14%);border-radius:5px;background:#342c42;color:#f3edf9;cursor:pointer;font:inherit;font-size:.68rem;font-weight:850}.voice-configure-button{justify-self:start;min-height:34px;margin-top:-.35rem;padding:0 .65rem;border:0;border-radius:6px;background:transparent;color:#b8eff7;cursor:pointer;font-size:.74rem;font-weight:850}.voice-configure-button:hover{background:#8be4f314;color:#d8f8fc}.recording-headphones-hint{color:#8be4f3;opacity:.78}.studio-toggle:has(input:disabled){cursor:not-allowed;opacity:.58}.studio-toggle input{position:absolute;width:1px;height:1px;opacity:0}.toggle-track{position:relative;width:42px;height:24px;flex:0 0 auto;border:1px solid rgb(255 255 255 / 14%);border-radius:12px;background:#332b45;transition:background .16s,border-color .16s}.toggle-track span{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#aaa2ba;transition:background .16s,transform .16s}.studio-toggle input:checked+.toggle-track{border-color:#ffd65a7f;background:#584927}.studio-toggle input:checked+.toggle-track span{background:#ffd65a;transform:translate(18px)}.studio-toggle input:focus-visible+.toggle-track{outline:2px solid #72d8e8;outline-offset:2px}.launch-area{display:grid;justify-items:center;gap:.75rem;padding-top:1.25rem}.btn{border:none;border-radius:6px;background:#ffd65a;color:#171321;cursor:pointer;padding:.85rem 1.45rem;font-size:1.05rem;font-weight:850;transition:transform .12s,box-shadow .16s,background .16s}.start-btn{width:min(100%,480px);min-height:64px;font-size:1.02rem}.start-btn span{margin-right:.45rem}.btn:hover:not(:disabled){background:#ffe17d;box-shadow:0 0 22px #ffd65a38;transform:translateY(-1px)}.btn:active:not(:disabled){box-shadow:inset 0 4px 10px #50330029;transform:translateY(1px) scale(.995)}.btn-secondary{margin-top:.75rem;background:#332a52;color:#fff}.filter-warning{max-width:620px;padding:.7rem .8rem;border:1px solid rgb(255 107 107 / 38%);border-radius:6px;background:#ff6b6b14;color:#ffb1b1;font-size:.84rem;font-weight:700;line-height:1.4}.community-link-card{width:min(100%,480px);display:grid;gap:.22rem;justify-items:center;padding:.65rem .8rem;border:1px solid rgb(139 228 243 / 14%);border-radius:6px;background:#1411236b;color:#a9a0bf;font-size:.78rem;line-height:1.35;text-align:center}.community-link-card a{color:#8be4f3;font-weight:850;text-decoration:none}.community-link-card a:hover{color:#d9fbff}.site-social-footer{width:min(100%,480px);display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.62rem .8rem;border:1px solid rgb(139 228 243 / 14%);border-radius:8px;background:#1411236b;color:#a9a0bf;font-size:.78rem;line-height:1.35}.site-social-footer>span{font-weight:750}.site-social-footer__links{display:inline-flex;gap:.4rem;align-items:center}.site-social-footer a{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgb(139 228 243 / 18%);border-radius:999px;background:#8be4f312;color:#c9f7ff;text-decoration:none;transition:transform .15s ease-out,border-color .15s ease-out,background .15s ease-out}.site-social-footer a:hover{border-color:#ffd65a5c;background:#ffd65a17;color:#ffe9a3;transform:translateY(-1px)}.social-icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.player-stats-screen{width:100%;display:grid;justify-items:center;padding:1.05rem 0 0}.player-stats-panel{position:relative;width:min(100%,560px);display:grid;gap:1rem;padding:clamp(1rem,3vw,1.45rem);border:1px solid rgb(173 155 224 / 22%);border-radius:8px;background:radial-gradient(circle at 16% 12%,rgb(255 214 90 / 10%),transparent 30%),radial-gradient(circle at 82% 12%,rgb(139 228 243 / 10%),transparent 28%),#171226f0;box-shadow:0 24px 80px #0000005c;color:#f6f0ff}.player-stats-panel--page{width:min(100%,720px);box-shadow:0 18px 60px #0000003d}.player-stats-panel--page header{padding-right:0}.player-stats-panel header{display:grid;gap:.24rem;padding-right:2.3rem}.player-stats-panel header span{color:#ffd65a;font-size:.72rem;font-weight:950;letter-spacing:.12em}.player-stats-panel h2{margin:0;color:#fff;font-size:clamp(1.55rem,4vw,2.35rem);line-height:1}.player-stats-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}.player-stats-kpis div,.player-stats-list div{display:grid;gap:.22rem;padding:.74rem;border:1px solid rgb(255 255 255 / 8%);border-radius:8px;background:#ffffff0a}.player-stats-kpis strong{color:#ffdf72;font-size:clamp(1.6rem,5vw,2.35rem);line-height:1}.player-stats-kpis span,.player-stats-list span{color:#aea5c4;font-size:.78rem;font-weight:800}.player-stats-list{display:grid;gap:.58rem}.player-stats-list strong{color:#fff;font-size:1.05rem;line-height:1.2}.player-stats-list em{color:#8be4f3;font-style:normal;font-size:.78rem;font-weight:800}.player-stats-empty{display:grid;justify-items:center;gap:.9rem;padding:.8rem 0 .2rem;text-align:center}.player-stats-empty p{max-width:360px;margin:0;color:#cfc6dc;font-weight:750;line-height:1.45}.progress-screen{width:100%;display:grid;justify-items:center;padding:1.05rem 0 0}.progress-panel{width:min(100%,1040px);display:grid;gap:1.2rem;color:#f6f0ff}.progress-header{display:grid;gap:.25rem}.progress-header span{color:#ffd65a;font-size:.72rem;font-weight:950;letter-spacing:.12em}.progress-header h2{margin:0;color:#fff;font-size:clamp(2rem,5vw,3.2rem);line-height:1}.progress-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem}.progress-kpis div,.progress-style-card{display:grid;gap:.26rem;min-height:96px;align-content:center;padding:.88rem;border:1px solid rgb(255 255 255 / 8%);border-radius:8px;background:linear-gradient(135deg,#ffffff0d,#ffffff05),#171226cc}.progress-kpis strong{color:#ffdf72;font-size:clamp(1.55rem,4vw,2.3rem);line-height:1}.progress-kpis span,.progress-style-card span,.progress-note{color:#aea5c4;font-size:.78rem;font-weight:800}.progress-note{margin:-.45rem 0 0}.progress-style-section,.progress-achievements-section{display:grid;gap:.75rem;padding-top:.25rem}.progress-style-section h3,.progress-achievements-section h3{margin:0;color:#fff;font-size:1.12rem;line-height:1.1}.progress-style-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}.progress-style-card strong{color:#fff;font-size:1.05rem;line-height:1.2}.progress-style-card em{color:#8be4f3;font-style:normal;font-size:.78rem;font-weight:800}.progress-screen .achievement-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.progress-screen .achievement-card{min-height:154px;padding:.72rem}.achievement-card>div{min-height:100%;display:grid;grid-template-rows:auto auto minmax(1rem,1fr);align-content:start}.achievement-card footer{align-self:end;margin-top:.45rem}.progress-footer{display:flex;gap:.7rem;align-items:center;justify-content:flex-end;padding:.2rem 0 .5rem}.progress-footer span{color:#c8bed7;font-size:.75rem;font-weight:750}.collection-overlay,.achievement-toast{position:fixed;z-index:115;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:clamp(14px,4vw,34px);background:#07050ec2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:collectionFadeIn .18s ease-out both}.collection-panel{width:min(1060px,100%);max-height:min(880px,calc(100dvh - 28px));display:grid;gap:1rem;overflow:auto;padding:clamp(1rem,2.4vw,1.55rem);border:1px solid rgb(173 155 224 / 24%);border-radius:10px;background:radial-gradient(circle at 12% 0%,rgb(255 214 90 / 11%),transparent 28%),radial-gradient(circle at 86% 4%,rgb(139 228 243 / 12%),transparent 30%),#161125;box-shadow:0 24px 90px #00000070;color:#f7f0ff;animation:collectionPanelIn .2s ease-out both}.collection-header{display:flex;gap:1rem;align-items:start;justify-content:space-between}.collection-header span,.achievement-card__type,.achievement-toast__panel>span{color:#ffd65a;font-size:.72rem;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.collection-header h2,.achievement-toast__panel h2{margin:.18rem 0 0;color:#fff;font-size:clamp(1.7rem,4vw,2.5rem);line-height:1}.collection-close{width:38px;height:38px;border:1px solid rgb(255 255 255 / 10%);border-radius:50%;background:#ffffff0d;color:#fff;font-size:1.45rem;cursor:pointer}.collection-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.55rem}.collection-kpis div{display:grid;gap:.2rem;min-height:76px;align-content:center;padding:.74rem;border:1px solid rgb(255 255 255 / 8%);border-radius:8px;background:#ffffff0a}.collection-kpis strong{color:#ffdf72;font-size:clamp(1.35rem,3vw,2rem);line-height:1}.collection-kpis span{color:#aea5c4;font-size:.74rem;font-weight:800;line-height:1.2}.achievement-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.65rem}.achievement-card{display:grid;grid-template-columns:52px minmax(0,1fr);gap:.68rem;align-items:start;min-height:142px;padding:.78rem;border:1px solid rgb(255 255 255 / 9%);border-radius:8px;background:#ffffff0a}.achievement-card--locked{background:#0a081294;color:#8e849e}.achievement-mark{position:relative;width:48px;height:48px;display:grid;place-items:center;color:#827891}.achievement-mark svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;fill:#ffffff08;stroke:currentColor;stroke-width:2}.achievement-mark b{position:relative;color:currentColor;font-size:.78rem;font-weight:950}.achievement-mark--unlocked{color:#8be4f3}.achievement-mark--unlocked svg{fill:#8be4f31f}.achievement-card h3{margin:.12rem 0 .25rem;color:#fff;font-size:1rem;line-height:1.15}.achievement-card p{margin:0;color:#c8bed7;font-size:.78rem;font-weight:700;line-height:1.35}.achievement-card--locked h3,.achievement-card--locked p{color:#9d93ad}.achievement-card small,.achievement-progress{display:inline-flex;margin-top:.5rem;color:#8be4f3;font-size:.74rem;font-weight:850}.collection-footer{display:flex;gap:.7rem;align-items:center;justify-content:flex-end;padding-top:.3rem}.collection-reset{border:0;background:transparent;color:#9d93ad;font-size:.78rem;font-weight:800;text-decoration:underline;cursor:pointer}.collection-footer span{color:#c8bed7;font-size:.75rem;font-weight:750}.achievement-toast{z-index:125}.achievement-toast__panel{width:min(390px,100%);display:grid;justify-items:center;gap:.6rem;padding:1.25rem;border:1px solid rgb(139 228 243 / 24%);border-radius:10px;background:#181229;box-shadow:0 22px 80px #00000070;text-align:center;color:#f7f0ff;animation:collectionPanelIn .2s ease-out both}.achievement-toast__panel p{margin:0;color:#c8bed7;font-weight:750;line-height:1.4}.achievement-toast__actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.55rem;width:100%;margin-top:.3rem}@keyframes collectionFadeIn{0%{opacity:0}to{opacity:1}}@keyframes collectionPanelIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.rhyme-settings-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:92;display:grid;place-items:center;padding:1rem;background:#05040cad;animation:rhymeSettingsBackdropIn .15s ease-out both;overscroll-behavior:contain;overscroll-behavior-x:none}.rhyme-settings-panel{width:min(560px,100%);max-height:min(680px,calc(100dvh - 2rem));overflow:auto;padding:1rem;border:1px solid rgb(255 255 255 / 10%);border-radius:10px;background:#151120;box-shadow:0 24px 80px #0000006b;animation:rhymeSettingsPanelIn .17s ease-out both;overscroll-behavior:contain;overscroll-behavior-x:none}.rhyme-settings-panel__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.9rem}.rhyme-settings-panel__header span{color:#ff719f;font-size:.7rem;font-weight:850;letter-spacing:.08em}.rhyme-settings-panel__header h2{margin-top:.18rem;color:#f7f2ff;font-size:1.2rem}.rhyme-settings-panel .icon-button{display:inline-grid;width:34px;height:34px;flex:0 0 auto;place-items:center;border:1px solid rgb(255 255 255 / 10%);border-radius:8px;background:#ffffff0a;color:#e8e1f4}.rhyme-settings-panel .icon-button:hover{border-color:#ffffff2e;background:#ffffff12}.rhyme-settings-panel__body{display:grid;gap:.72rem}.rhyme-settings-panel .studio-control{padding:.72rem .78rem;border-color:#ffffff12;background:#0b091647}@keyframes rhymeSettingsBackdropIn{0%{opacity:0}to{opacity:1}}@keyframes rhymeSettingsPanelIn{0%{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 720px){.rhyme-settings-summary{align-items:flex-start;flex-direction:column}.rhyme-settings-summary button{width:100%}.rhyme-settings-modal{align-items:end;padding:.75rem}.rhyme-settings-panel{width:100%;max-height:calc(100dvh - 1.5rem);border-radius:12px 12px 10px 10px;animation-name:rhymeSettingsSheetIn}.rhyme-settings-panel__body{gap:.62rem}}@keyframes rhymeSettingsSheetIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.custom-rhyme-modal{position:fixed;z-index:90;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:clamp(14px,4vw,34px);overflow-y:auto;background:#080711c7;-webkit-backdrop-filter:blur(5px) saturate(.9);backdrop-filter:blur(5px) saturate(.9)}.custom-rhyme-panel{width:min(100%,680px);max-height:min(92dvh,760px);display:grid;gap:.85rem;overflow-y:auto;padding:1rem;border:1px solid rgb(173 155 224 / 22%);border-radius:8px;background:radial-gradient(circle at 20% 0%,rgb(139 228 243 / 12%),transparent 38%),linear-gradient(180deg,#282041fa,#18132bfc);box-shadow:0 24px 70px #00000075}.custom-rhyme-panel header{display:grid;gap:.2rem}.custom-rhyme-panel header span{color:#8be4f3;font-size:.68rem;font-weight:900;letter-spacing:.08em}.custom-rhyme-panel header h2{margin:0;color:#fff;font-size:clamp(1.25rem,4vw,1.8rem);letter-spacing:0}.custom-rhyme-field{display:grid;gap:.4rem;color:#e7e2f2;font-size:.8rem;font-weight:800}.custom-rhyme-field input{min-height:42px;padding:0 .75rem}.custom-rhyme-field textarea{min-height:190px;max-height:min(38dvh,320px);padding:.75rem;resize:vertical;line-height:1.45}.custom-rhyme-field small{color:#a9a0bf;font-size:.72rem;font-weight:700;line-height:1.35}.custom-rhyme-field em,.custom-rhyme-errors{color:#ffb5bd;font-size:.72rem;font-style:normal;font-weight:800}.custom-rhyme-errors{display:grid;gap:.25rem;padding:.55rem .65rem;border:1px solid rgb(255 107 107 / 28%);border-radius:6px;background:#ff6b6b14}.custom-rhyme-errors p{margin:0}.custom-rhyme-example{justify-self:start;padding:.42rem .72rem}.custom-rhyme-panel footer{display:flex;justify-content:end;gap:.55rem;padding-top:.2rem}.custom-rhyme-panel footer button{min-height:40px;padding:.55rem .85rem;border:1px solid rgb(255 255 255 / 10%);border-radius:5px;background:#342c42db;color:#f6f1ff;cursor:pointer;font:inherit;font-size:.8rem;font-weight:850}.custom-rhyme-panel footer button:last-child{border-color:#ffd65a7f;background:#ffd65a;color:#171321}.game-screen{position:relative;width:100%;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle at 20% 10%,rgb(255 93 143 / 18%),transparent 34%),radial-gradient(circle at 78% 20%,rgb(72 210 255 / 12%),transparent 28%),linear-gradient(180deg,#1b1433,#120f21)}.game-header{position:absolute;z-index:10;top:20px;right:22px;left:22px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:1rem;color:#d9d1f1;font-size:.92rem}.game-track-info{min-width:0;display:grid;gap:.15rem;justify-self:start}.game-track-info strong{max-width:min(34vw,360px);overflow:hidden;color:#fff7d7;font-size:.92rem;font-weight:950;line-height:1.05;text-overflow:ellipsis;white-space:nowrap}.game-track-info span{color:#aaa2bf;font-size:.72rem;font-weight:800}.mic-level-indicator{margin-left:.75rem;color:#8be4f3;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.72rem;font-weight:800}.timer{min-width:72px;padding:.35rem .62rem;border:1px solid rgb(255 255 255 / 10%);border-radius:999px;background:#16112694;color:#d8d0e8;font-size:.82rem;font-weight:900;text-align:center}.controls{display:flex;gap:.5rem;justify-self:end}.controls button{min-width:42px;height:38px;border:1px solid rgb(255 255 255 / 14%);border-radius:6px;background:#261f3edb;color:#fff;cursor:pointer;font-size:1rem;transition:background .2s,border-color .2s}.controls button:hover:not(:disabled){border-color:#ffffff42;background:#3a2f60}.recording-notice{position:absolute;z-index:12;top:70px;left:50%;max-width:min(92vw,540px);padding:.45rem .65rem;border:1px solid rgb(255 214 90 / 20%);border-radius:6px;background:#19132adb;color:#d8d0e7;font-size:.76rem;font-weight:700;text-align:center;transform:translate(-50%);pointer-events:none}.recording-onboarding{min-height:100vh;display:grid;place-items:center;padding:1rem;background:radial-gradient(circle at 24% 18%,rgb(255 93 143 / 18%),transparent 34%),radial-gradient(circle at 75% 22%,rgb(72 210 255 / 13%),transparent 30%),linear-gradient(180deg,#1b1433,#120f21);color:#f5efff}.recording-onboarding__panel{width:min(94vw,560px);display:grid;justify-items:center;gap:.72rem;padding:clamp(1rem,3vw,1.55rem);border:1px solid rgb(255 255 255 / 10%);border-radius:8px;background:#171226b8;box-shadow:0 24px 80px #00000047;text-align:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.recording-onboarding__brand{justify-content:center;margin-bottom:.05rem}.recording-onboarding h1{margin:0;max-width:none;color:#fff;font-size:clamp(1.35rem,3.2vw,2rem);line-height:1;letter-spacing:0}.recording-onboarding p{max-width:440px;margin:0;color:#d7d0e5;font-size:.92rem;font-weight:750;line-height:1.45}.recording-onboarding__microcopy{color:#9fdbec;font-size:.9rem;font-weight:850}.recording-onboarding__copy{display:grid;justify-items:center;gap:.42rem}.recording-onboarding__instruction{color:#cfc8dc}.recording-onboarding__phrase{display:grid;gap:.22rem;min-width:min(100%,410px);padding:.72rem .85rem;border:1px solid rgb(255 255 255 / 5%);border-radius:8px;background:#ffffff06;color:#fff4c8;font-size:clamp(1.08rem,3.4vw,1.55rem);font-weight:900;line-height:1.25}.recording-onboarding__phrase-line{display:flex;justify-content:center;gap:.42rem;flex-wrap:wrap}.recording-onboarding__phrase-line span{border-radius:5px;padding:.02rem .18rem;color:#d8d0e7;transition:color .12s,background .12s,transform .12s}.recording-onboarding__phrase-line span.active{background:#ffd65a1a;color:#ffdf72;text-shadow:0 0 14px rgb(255 214 90 / 22%);transform:translateY(-1px)}.recording-onboarding__pulse{width:108px;height:108px;display:grid;place-items:center;gap:.08rem;border:1px solid rgb(255 214 90 / 22%);border-radius:50%;background:radial-gradient(circle at 35% 28%,rgb(255 255 255 / 32%),transparent 20%),radial-gradient(circle,rgb(255 213 74 / 28%),rgb(255 94 168 / 12%) 58%,transparent 70%);box-shadow:0 0 34px #ff9a1f2e,inset 0 0 28px #ffffff0d;color:#ffde74;font-size:3rem;font-weight:950}.recording-onboarding__pulse small,.recording-onboarding__pulse em{font-size:.62rem;font-style:normal;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:#b8eff7}.recording-onboarding__pulse strong{min-height:42px;color:#ffde74;font-size:2.7rem;line-height:.95}.recording-onboarding__pulse.stage-record{border-color:#8be4f357;background:radial-gradient(circle at 35% 28%,rgb(255 255 255 / 28%),transparent 20%),radial-gradient(circle,rgb(139 228 243 / 24%),rgb(255 94 168 / 12%) 58%,transparent 70%)}.recording-onboarding__pulse[data-phase=running]{animation:recordingBeatPulse .6s ease-in-out infinite}.recording-onboarding__status{min-height:22px;padding:.2rem .52rem;border-radius:999px;background:#ffffff0d;color:#b8eff7;font-size:.72rem;font-weight:900}.recording-onboarding__notice{padding:.55rem .75rem;border:1px solid rgb(255 107 107 / 30%);border-radius:6px;background:#ff6b6b17;color:#ffc4c4;font-size:.8rem;font-weight:750}.recording-onboarding__primary{min-width:min(100%,270px)}.recording-onboarding__choices{width:min(100%,380px);display:grid;grid-template-columns:1fr 1fr;gap:.55rem}.recording-onboarding__choices .primary-choice{grid-column:1 / -1;border-color:#ffd65a6b;background:#ffd65a;color:#171321}.recording-onboarding__choices button,.recording-onboarding__skip,.recording-onboarding__text-action{min-height:42px;border:1px solid rgb(255 255 255 / 12%);border-radius:6px;background:#362c53b8;color:#f3edff;cursor:pointer;font-weight:850}.recording-onboarding__choices button:hover,.recording-onboarding__skip:hover,.recording-onboarding__text-action:hover{border-color:#ffd65a5c;background:#483a69d1}.recording-onboarding__done{padding:.55rem .75rem;border-radius:6px;background:#8be4f31f;color:#a7edf7;font-size:.88rem;font-weight:850}.recording-onboarding__skip{min-height:36px;padding:0 .9rem;border:0;background:transparent;color:#9f96b0}.recording-onboarding__text-action{min-height:34px;border:0;background:transparent;color:#b8eff7}.recording-onboarding__listen{width:min(100%,340px)}@keyframes recordingBeatPulse{0%{transform:scale(.96);box-shadow:0 0 18px #ff9a1f1a,inset 0 0 18px #ffffff0a}18%{transform:scale(1.04);box-shadow:0 0 42px #ffd65a42,inset 0 0 30px #ffffff14}to{transform:scale(.98);box-shadow:0 0 22px #ff5ea81f,inset 0 0 18px #ffffff0a}}.rhythm-board-wrap{width:min(1120px,94vw);position:relative;display:flex;flex-direction:column;gap:1rem;align-items:stretch;justify-content:center}.onboarding-cue{position:absolute;z-index:8;top:-48px;left:50%;display:grid;grid-template-columns:auto minmax(0,auto) auto;gap:.65rem;align-items:center;max-width:min(94vw,620px);min-height:34px;padding:.38rem .65rem;border:1px solid rgb(255 255 255 / 9%);border-radius:6px;background:#120e2194;color:#d9d2e9;box-shadow:0 8px 24px #0000001f;font-size:.82rem;pointer-events:none;transform:translate(-50%);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);animation:onboardingCueIn .22s ease-out both}.onboarding-cue.is-exiting{animation:onboardingCueOut .35s ease-in both}.onboarding-cue__marker{color:#72d8e8;font-size:.72rem;font-weight:900}.onboarding-cue__text{min-width:0;white-space:nowrap}.onboarding-cue__dots{display:flex;gap:4px;align-items:center}.onboarding-cue__dots i{width:5px;height:5px;border-radius:50%;background:#ffffff2e;transition:background .16s,transform .16s}.onboarding-cue__dots i.active{background:#ffd65a;transform:scale(1.25)}.board-copy{display:flex;align-items:end;justify-content:space-between;gap:1rem}.board-copy h2{color:var(--group-color, #fff);font-size:1.65rem;line-height:1.12;text-shadow:0 0 26px color-mix(in srgb,var(--group-color, #fff) 36%,transparent)}.eyebrow{color:#70d8ff;font-size:.78rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.next-group{flex:0 0 auto;padding:.55rem .75rem;border:1px solid color-mix(in srgb,var(--group-color) 54%,transparent);border-radius:6px;color:var(--group-color);font-size:.9rem;font-weight:800;background:#100c1e85}.rhythm-board{--gap: 12px;position:relative;width:100%;height:min(58vh,492px);min-height:0;border:0;background:transparent;box-shadow:none;overflow:visible;opacity:1;transform:scale(1);transition:opacity .28s ease-out,transform .28s ease-out}.game-watermark{position:absolute;z-index:5;top:calc(100% + .5rem);left:clamp(.35rem,1.4vw,.95rem);display:grid;grid-template-columns:auto auto;gap:.1rem .62rem;align-items:center;width:max-content;max-width:min(360px,68vw);opacity:.8;color:#fff2b4;text-shadow:0 0 20px rgb(255 214 90 / 28%);pointer-events:none;-webkit-user-select:none;user-select:none}.game-watermark__mark{grid-row:1 / 3;width:31px;height:31px;display:inline-grid;grid-template-columns:repeat(3,1fr);gap:4px;align-items:end;filter:drop-shadow(0 0 12px rgb(139 228 243 / 28%))}.game-watermark__mark i{display:block;border-radius:999px;background:linear-gradient(180deg,#ffd65a,#8be4f3)}.game-watermark__mark i:nth-child(1){height:46%}.game-watermark__mark i:nth-child(2){height:82%}.game-watermark__mark i:nth-child(3){height:62%}.game-watermark__brand{color:#ffe177;font-size:1.24rem;font-weight:950;letter-spacing:.08em;line-height:1}.game-watermark__url{color:#9feaf4;font-size:1.08rem;font-weight:820;line-height:1;opacity:.94}.rhythm-board.outro-fade-board{opacity:0;transform:scale(.99)}.rhythm-board:before{position:absolute;z-index:0;top:-52px;right:-38px;bottom:-34px;left:-38px;border-radius:42%;background:radial-gradient(ellipse at 45% 25%,rgb(255 93 143 / 9%),transparent 42%),radial-gradient(ellipse at 62% 58%,rgb(112 216 255 / 4%),transparent 60%);content:"";filter:blur(14px);pointer-events:none}.ribbon-board{--row-height: 17.5%}.ribbon-viewport{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:0}.gameplay-motion-layer{position:absolute;z-index:4;top:0;right:0;bottom:0;left:0;pointer-events:none}.gameplay-motion-layer--outro{animation:gameplayMotionOutro .22s ease-out .2s both}.ribbon-row{position:absolute;top:0;left:0;right:0;height:var(--row-height);display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:var(--gap);isolation:isolate;opacity:var(--row-opacity, 1);filter:none;transform:translateZ(0);transition:opacity .16s linear;will-change:transform,opacity}.ribbon-viewport--top-fallback .ribbon-row{transform:none;will-change:top,opacity}.ribbon-row:before{position:absolute;z-index:-1;top:-6px;right:-10px;bottom:-6px;left:-10px;border-radius:12px;background:radial-gradient(ellipse at 42% 50%,rgb(255 213 74 / 6%),transparent 68%);content:"";opacity:0;pointer-events:none;transition:opacity .18s ease}.blank-row{display:block;pointer-events:none}.finishing-board .ribbon-viewport{animation:finalRibbonDrift .78s ease-in .24s both}.beat-cell{position:relative;display:flex;min-width:0;align-items:center;justify-content:center;overflow:hidden;border:1px solid rgb(255 255 255 / 10%);border-radius:8px;transition:border-color .14s,box-shadow .14s,transform .14s,filter .14s,background .14s}.beat-cell:before{position:absolute;z-index:0;top:1px;right:7%;left:7%;height:1px;border-radius:50%;background:linear-gradient(90deg,transparent,rgb(255 255 255 / 36%),transparent);content:"";opacity:.2;pointer-events:none}.empty-cell{background:linear-gradient(180deg,rgb(255 255 255 / 2.5%),transparent 22%),linear-gradient(180deg,#211a38,#171229);box-shadow:inset 0 1px #ffffff0a,inset 0 -8px 18px #0003,inset 0 0 18px #04020c1f,0 1px #ffffff05}.rhyme-cell{color:#151020;font-size:clamp(1.05rem,2.6vw,2.1rem);font-weight:900;line-height:1;text-align:center;background:linear-gradient(135deg,rgb(255 255 255 / 34%),transparent 52%),var(--group-color);box-shadow:inset 0 1px #ffffff73,inset 0 -4px color-mix(in srgb,var(--group-color) 72%,#1b1125 28%),inset 0 -10px 16px #44194621,inset 0 0 0 1px #fff3,0 4px 9px #00000029}.rhyme-cell span,.free-cell span{position:relative;z-index:1;max-width:92%;overflow-wrap:anywhere}.rhyme-cell .rhythm-pad__label,.free-cell .rhythm-pad__label{z-index:3}.rhyme-cell--hidden-hint .rhythm-pad__label--hint{color:inherit}.beat-cell.rhythm-cell--landed>.rhythm-pad__label{z-index:3}.ribbon-row--warmup .empty-cell{border-color:#ffffff0a;background:linear-gradient(180deg,rgb(255 255 255 / 1.2%),transparent 18%),linear-gradient(180deg,#171226,#100d1c);box-shadow:inset 0 1px #ffffff05,inset 0 -8px 18px #00000045}.ribbon-row.ribbon-row--warmup{filter:saturate(.78) brightness(.86)}.ribbon-row--warmup .beat-cell:before{opacity:.08}.ribbon-row--warmup .beat-dot{opacity:.3}.free-cell{color:#151020;font-size:clamp(1.05rem,2.6vw,2.1rem);font-weight:900;line-height:1;text-align:center;background:linear-gradient(135deg,rgb(255 255 255 / 34%),transparent 52%),var(--group-color);box-shadow:inset 0 1px #ffffff73,inset 0 -4px color-mix(in srgb,var(--group-color) 72%,#1b1125 28%),inset 0 -10px 16px #44194621,inset 0 0 0 1px #fff3,0 4px 9px #00000029}.beat-dot{width:11px;height:11px;border-radius:999px;background:#ffffff26;box-shadow:0 1px #ffffff0a}.ribbon-row.incoming-row :is(.rhyme-cell,.free-cell):not(.active){border-color:color-mix(in srgb,var(--group-color) 52%,white 48%);box-shadow:inset 0 1px #ffffff75,inset 0 -4px color-mix(in srgb,var(--group-color) 72%,#1b1125 28%),inset 0 0 0 1px #fff3,0 0 16px color-mix(in srgb,var(--group-color) 16%,transparent)}.rhythm-cell--incoming{border-color:color-mix(in srgb,var(--group-color) 10%,rgb(255 255 255 / 15%) 90%);box-shadow:inset 0 1px #ffffff0d,inset 0 -8px 18px #00000030,inset 0 0 14px color-mix(in srgb,var(--group-color) 3%,transparent),0 1px #ffffff05;filter:brightness(1.01);transform:none}.rhythm-cell--incoming:before{opacity:.24}.beat-cell.active{border-color:#fff;box-shadow:0 0 26px #ffffff2e,inset 0 0 0 2px #ffffff29;filter:brightness(1.12);transform:translateY(-1px)}.ribbon-row--game .empty-cell.rhythm-cell--landed{animation:cellMaterialImpact .18s ease-out}.beat-cell.rhythm-cell--landed:after{position:absolute;z-index:0;width:72%;aspect-ratio:1;border:2px solid color-mix(in srgb,var(--group-color) 56%,white 44%);border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--group-color) 20%,transparent),transparent 68%);box-shadow:0 0 20px color-mix(in srgb,var(--group-color) 24%,transparent);content:"";pointer-events:none;animation:cellLandingPulse .2s ease-out both}.beat-cell.rhythm-cell--landed>span{position:relative;z-index:1}:is(.rhyme-cell,.free-cell):before{right:11%;left:11%;background:linear-gradient(90deg,transparent,rgb(255 255 255 / 62%),transparent);opacity:.58}.beat-cell.rhythm-pad--hit{animation:padPressResponse .19s ease-out}.beat-cell.rhythm-pad--hit:before{animation:padSheenPress .19s ease-out}.beat-cell.rhythm-pad--hit>.rhythm-pad__label{animation:padLabelPress .19s ease-out}.rhyme-cell .rhythm-pad-hit-fx,.free-cell .rhythm-pad-hit-fx{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;display:block;max-width:none;overflow:visible;overflow-wrap:normal;pointer-events:none}.beat-cell.rhythm-cell--landed>.rhythm-pad-hit-fx{z-index:2}.rhythm-pad-hit-fx:before,.rhythm-pad-hit-fx:after{position:absolute;top:50%;left:50%;border-radius:50%;content:"";pointer-events:none;translate:-50% -50%}.rhythm-pad-hit-fx:before{width:31%;aspect-ratio:1;border:2px solid color-mix(in srgb,var(--group-color) 66%,white 34%);box-shadow:0 0 9px color-mix(in srgb,var(--group-color) 25%,transparent);animation:rhymeImpactRing .19s ease-out both}.rhythm-pad-hit-fx:after{width:58%;aspect-ratio:1;background:radial-gradient(circle,color-mix(in srgb,var(--group-color) 22%,white 10%) 0%,color-mix(in srgb,var(--group-color) 10%,transparent) 42%,transparent 72%);animation:rhymeImpactBloom .17s ease-out both}.rhythm-pad-hit-fx>i{--spark-angle: 0deg;position:absolute;z-index:1;top:50%;left:50%;width:clamp(8px,5%,16px);height:2px;border-radius:999px;background:linear-gradient(90deg,color-mix(in srgb,var(--group-color) 72%,white 28%),transparent);box-shadow:0 0 4px color-mix(in srgb,var(--group-color) 24%,transparent);transform-origin:left center;animation:rhymeImpactSpark .18s ease-out both}.ribbon-row--warmup .beat-cell.active{border-color:#ffffff1f;box-shadow:inset 0 1px #ffffff0a,inset 0 -8px 18px #00000038,0 0 9px #ffffff05;filter:brightness(1.01)}.ribbon-row--warmup .rhythm-cell--landed{animation:warmupMaterialImpact .2s ease-out}.ribbon-row--warmup .rhythm-cell--landed:after{border-color:#dad2f029;background:radial-gradient(circle,rgb(184 173 221 / 4%),transparent 68%);box-shadow:none}.ribbon-row--round-entry{animation:roundEntryMaterial .32s ease-out}.ribbon-row--round-entry:before{animation:roundEntryHalo .32s ease-out}.rhythm-trail-layer{position:absolute;z-index:4;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none}.rhythm-trail-layer line{stroke-linecap:round;stroke-linejoin:round}.rhythm-trail__glow{filter:blur(3.5px)}.rhythm-trail__core{filter:blur(.7px)}.rhythm-trail__origin-cloud{pointer-events:none}.rhythm-trail__origin-cloud-outer{fill:#ff8e3e1f;filter:blur(5px)}.rhythm-trail__origin-cloud-inner{fill:#ffd54a21;filter:blur(2.5px)}.rhythm-trail-layer--finishing{animation:rhythmTrailFinish .22s ease-out both}.rhythm-ball{position:absolute;z-index:6;width:clamp(30px,3.8vw,44px);height:clamp(30px,3.8vw,44px);border-radius:50%;pointer-events:none;will-change:left,top,transform}.rhythm-ball__impact{position:absolute;z-index:1;top:36%;right:36%;bottom:36%;left:36%;border:2px solid rgb(255 213 74 / 58%);border-radius:50%;opacity:0;box-shadow:0 0 18px #ff5ea847;animation:ballImpactPulse .18s ease-out both}.rhythm-ball__orb{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;overflow:hidden;border:2px solid rgb(255 255 255 / 78%);border-radius:50%;background:radial-gradient(circle at 32% 25%,rgb(255 255 255 / 96%) 0 7%,rgb(255 242 168 / 88%) 8% 14%,transparent 15%),radial-gradient(circle at 36% 31%,#ffd54a 0,#ffd54a 25%,#ff9a1f 53%,#ff5ea8 82%,#bd3b91);box-shadow:inset -7px -9px 13px #841f693d,inset 5px 5px 8px #ffffff2e,0 0 17px #ff5ea894,0 8px 18px #00000057;transform:scaleX(var(--flight-stretch, 1)) scaleY(var(--flight-squash, 1));animation:ballLandingSquash .17s cubic-bezier(.2,.85,.28,1.3);will-change:transform,filter}.rhythm-ball__shine{position:absolute;top:14%;left:20%;width:36%;height:21%;border-radius:50%;background:#ffffff7a;filter:blur(1.5px);transform:rotate(-28deg)}.rhythm-ball.rhyme-hit .rhythm-ball__orb{filter:brightness(1.09) saturate(1.08);box-shadow:inset -7px -9px 13px #841f6933,inset 5px 5px 8px #ffffff3d,0 0 27px #ff5ea8c2,0 0 14px #ffd54a8c,0 9px 19px #00000057}.rhythm-ball.ball-finished{animation:ballFinishFade .22s ease-out both}@keyframes ballLandingSquash{0%{scale:1.1 .9;filter:brightness(1.18) saturate(1.08)}70%{scale:.98 1.025}to{scale:1;filter:brightness(1)}}@keyframes ballImpactPulse{0%{top:32%;right:32%;bottom:32%;left:32%;opacity:.7}to{top:-48%;right:-48%;bottom:-48%;left:-48%;opacity:0}}@keyframes cellLandingPulse{0%{opacity:.62;transform:scale(.34)}to{opacity:0;transform:scale(1.5)}}@keyframes cellMaterialImpact{0%{border-color:#fffceef5;box-shadow:inset 0 1px #ffffff42,inset 0 0 0 999px color-mix(in srgb,var(--group-color) 20%,transparent),inset 0 0 24px color-mix(in srgb,var(--group-color) 22%,transparent),inset 0 0 0 2px #ffffff38,0 0 22px color-mix(in srgb,var(--group-color) 18%,transparent)}to{border-color:#ffffff1a;box-shadow:inset 0 1px #ffffff0a,inset 0 0 0 999px color-mix(in srgb,var(--group-color) 0%,transparent),inset 0 -8px 18px #0003,inset 0 0 18px #04020c1f,0 1px #ffffff05}}@keyframes warmupMaterialImpact{0%{border-color:#e0daf42e;box-shadow:inset 0 0 16px #b8addd0d}to{border-color:#ffffff12;box-shadow:inset 0 -8px 18px #00000038}}@keyframes roundEntryMaterial{0%{filter:saturate(.88) brightness(.92)}55%{filter:saturate(1.03) brightness(1.04)}to{filter:saturate(1) brightness(1)}}@keyframes roundEntryHalo{0%{opacity:.28}to{opacity:1}}@keyframes padPressResponse{0%{filter:brightness(.9) saturate(1.04);scale:.987;box-shadow:inset 0 1px #ffffff2e,inset 0 7px 15px #2d16363d,inset 0 -6px color-mix(in srgb,var(--group-color) 60%,#1b1125 40%),inset 0 -10px 16px #260f2b33,inset 0 0 0 1px #ffffff24,0 2px 5px #00000026}62%{filter:brightness(.96) saturate(1.02);scale:.994}to{filter:brightness(1) saturate(1);scale:1;box-shadow:inset 0 1px #ffffff73,inset 0 -4px color-mix(in srgb,var(--group-color) 72%,#1b1125 28%),inset 0 -10px 16px #44194621,inset 0 0 0 1px #fff3,0 4px 9px #00000029}}@keyframes padSheenPress{0%{opacity:.2}to{opacity:.58}}@keyframes padLabelPress{0%{translate:0 1px}to{translate:0 0}}@keyframes rhymeImpactRing{0%{opacity:.5;scale:.52}to{opacity:0;scale:1.72}}@keyframes rhymeImpactBloom{0%{opacity:.34;scale:.55}60%{opacity:.16;scale:1.04}to{opacity:0;scale:1.22}}@keyframes rhymeImpactSpark{0%{opacity:.42;transform:rotate(var(--spark-angle)) translate(28px) scaleX(.42)}to{opacity:0;transform:rotate(var(--spark-angle)) translate(50px) scaleX(1)}}@keyframes ballFinishFade{0%{opacity:1;scale:1}to{opacity:0;scale:.72}}@keyframes rhythmTrailFinish{0%{opacity:1}to{opacity:0}}@keyframes finalRibbonDrift{0%{transform:translateY(0)}to{transform:translateY(-12%)}}.rhythm-hint{color:#d9d1f1;font-size:1rem;text-align:center}.debug-panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.45rem .9rem;padding:.8rem .9rem;border:1px solid rgb(112 216 255 / 24%);border-radius:8px;background:#0c0918c7;color:#d9d1f1;font-family:Consolas,Courier New,monospace;font-size:.82rem}.beat-flash{display:inline-flex;width:fit-content;min-width:68px;align-items:center;justify-content:center;padding:.28rem .45rem;border:1px solid rgb(255 255 255 / 14%);border-radius:6px;background:#211936;color:#8d85a9;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:900;letter-spacing:.08em}.beat-flash.on{border-color:#ffd86adb;background:#ffcf4d;color:#171229;box-shadow:0 0 22px #ffcf4d7a}.debug-toggle{display:flex;align-items:center;gap:.5rem;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:750}.debug-toggle input{width:18px;height:18px;accent-color:#70d8ff}.countdown-overlay{position:absolute;z-index:20;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#120f21d1;color:#fff;font-weight:900;text-shadow:0 0 60px rgb(255 93 143 / 55%);font-size:clamp(5rem,14vw,9rem);pointer-events:none}.game-screen.game-is-paused .rhythm-board,.game-screen.game-is-paused .rhythm-board *,.game-screen.game-is-paused .rhythm-board *:before,.game-screen.game-is-paused .rhythm-board *:after{animation-play-state:paused!important}.session-overlay{position:absolute;z-index:30;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:clamp(16px,4vw,44px);overflow:auto;background:#080711c2;-webkit-backdrop-filter:blur(7px) saturate(.82);backdrop-filter:blur(7px) saturate(.82)}.finished-overlay{place-items:start center;padding-bottom:calc(clamp(16px,4vw,44px) + env(safe-area-inset-bottom));animation:resultsBackdropIn .22s ease-out both}.finished-overlay .results-panel{animation:resultsPanelIn .28s ease-out .03s both}.pause-overlay{place-items:end center;padding-bottom:clamp(24px,8vh,72px);background:#0807114d;-webkit-backdrop-filter:blur(1px) saturate(.95);backdrop-filter:blur(1px) saturate(.95)}.pause-panel,.results-panel{width:min(100%,820px);border:1px solid rgb(173 155 224 / 22%);border-radius:8px;background:linear-gradient(180deg,#282041f7,#18132bfa);box-shadow:inset 0 1px #ffffff0f,0 28px 70px #0000006b}.pause-panel{width:min(100%,720px);display:grid;grid-template-columns:auto minmax(0,1fr);gap:.85rem 1.1rem;align-items:center;padding:.85rem 1rem;text-align:left}.pause-panel h2,.results-panel h2{margin:0;color:#fff;font-size:clamp(1.7rem,4vw,2.45rem);letter-spacing:0;line-height:1.05}.pause-panel h2{grid-column:1;grid-row:1;font-size:1.05rem}.pause-panel .session-panel__brand{display:none}.session-panel__brand{margin-bottom:.55rem;color:#ffd65a;font-size:.72rem;font-weight:900;letter-spacing:.08em}.pause-actions,.results-actions{display:grid;gap:.65rem}.session-replay{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.7rem .8rem;align-items:center;padding:.85rem;border:1px solid rgb(114 216 232 / 34%);border-radius:8px;background:radial-gradient(circle at 18% 0%,rgb(139 228 243 / 15%),transparent 48%),#0b0916a8;box-shadow:inset 0 1px #ffffff0f,0 12px 34px #0003}.session-replay>span{min-width:0;display:grid;grid-template-columns:1fr auto;gap:.14rem .6rem;align-items:center;text-align:left}.session-replay strong{grid-column:1;color:#8be4f3;font-size:.76rem;letter-spacing:.08em}.session-replay small{grid-column:1;color:#9f96b6;font-size:.74rem}.session-replay>span em{grid-column:2;grid-row:1 / span 2;align-self:center;padding:.18rem .42rem;border-radius:999px;background:#8be4f31c;color:#b8eff7;font-size:.62rem;font-style:normal;font-weight:850}.session-replay button{width:auto;min-height:38px;padding:.48rem .72rem;border:1px solid rgb(255 214 90 / 30%);border-radius:5px;background:#342c42db;color:#fff4c8;cursor:pointer;font:inherit;font-size:.78rem;font-weight:850}.session-replay button:hover:not(:disabled){border-color:#ffd65a75;background:#443852eb}.session-replay__download{border-color:#8be4f33d!important;background:#202236b8!important;color:#c7f4f8!important}.session-replay__save{border-color:#ffd65a57!important;background:#ffd65a1c!important;color:#fff4c8!important}.session-replay__editor{width:100%!important;min-height:44px!important;border-color:#ffd65ab8!important;background:#ffd65a!important;color:#21192d!important;box-shadow:0 8px 22px #ffd65a1f}.session-replay__editor:hover:not(:disabled){border-color:#ffe58d!important;background:#ffe071!important}.session-replay__editor-cta{grid-column:1 / -1;min-width:0;display:grid;gap:.3rem}.session-replay__editor-cta small{color:#aaa1bb;font-size:.68rem;line-height:1.35;text-align:center;overflow-wrap:anywhere}.session-replay__save-status{grid-column:1 / -1;padding:.55rem .65rem;border:1px solid rgb(114 216 232 / 20%);border-radius:6px;background:#72d8e814;color:#d9fbff;font-size:.76rem;font-weight:800}.result-recording-hint{max-width:560px;padding:.65rem .75rem;border:1px solid rgb(139 228 243 / 14%);border-radius:6px;background:#8be4f30f;color:#aaa1bb;font-size:.72rem;font-weight:700;line-height:1.4;text-align:center}.session-replay__save-status.is-error{border-color:#ff719f42;background:#ff719f17;color:#ffc5d6}.session-replay__export-error{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.55rem;align-items:center;color:#ffcece;font-size:.7rem;font-weight:750}.session-replay__export-error button{min-height:30px;padding:.32rem .55rem;border-color:#ffd65a38;background:transparent;color:#fff4c8;font-size:.7rem}.session-replay__mix{grid-column:1 / -1;display:grid;gap:.38rem;padding-top:.1rem}.session-replay__mix>strong{color:#cfc6e5;font-size:.66rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.session-replay__mix label{display:grid;grid-template-columns:4.8rem minmax(5rem,1fr) 2.5rem;gap:.5rem;align-items:center;color:#ded8ee;font-size:.72rem}.session-replay__mix input[type=range]{width:100%;accent-color:#ffd65a}.session-replay__mix em{color:#9f96b6;font-size:.68rem;font-style:normal;text-align:right}.voice-editor-overlay{position:fixed;z-index:90;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:1rem;overflow:auto;background:#06050ee0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.voice-editor{width:min(100%,760px);max-height:min(92vh,820px);overflow:auto;border:1px solid rgb(139 228 243 / 30%);border-radius:8px;background:#191529;box-shadow:0 24px 72px #0000007f;color:#f7f2ff}.voice-editor__header,.voice-editor__body,.voice-editor__actions{padding:1rem 1.1rem}.voice-editor__header{display:flex;gap:1rem;align-items:flex-start;justify-content:space-between;border-bottom:1px solid rgb(173 155 224 / 17%)}.voice-editor__header span{color:#8be4f3;font-size:.65rem;font-weight:900;letter-spacing:.08em}.voice-editor__header h2{margin:.24rem 0 0;font-size:1.45rem;letter-spacing:0}.voice-editor button{min-height:42px;border:1px solid rgb(173 155 224 / 26%);border-radius:6px;background:#2a233c;color:#f6efff;cursor:pointer;font:inherit;font-size:.78rem;font-weight:850}.voice-editor button:hover{border-color:#ffd65a7f}.voice-editor__close{width:42px;min-width:42px;padding:0;font-size:1.25rem!important;line-height:1}.voice-editor__body{display:grid;gap:1rem}.voice-editor__sync-heading{display:flex;gap:1rem;align-items:center;justify-content:space-between}.voice-editor__sync-heading div{display:grid;gap:.2rem;min-width:0}.voice-editor__sync-heading strong{color:#fff;font-size:.9rem}.voice-editor__sync-heading small{color:#a9a1ba;font-size:.72rem}.voice-editor__sync-heading output{min-width:10.5rem;padding:.42rem .55rem;border:1px solid rgb(255 214 90 / 30%);border-radius:5px;background:#ffd65a14;color:#ffd65a;font-size:.8rem;font-weight:900;text-align:center}.voice-editor__timeline-status{display:flex;gap:.65rem;align-items:center;justify-content:space-between;color:#bdb5ce;font-size:.72rem;font-weight:800}.voice-editor__timeline-status small{max-width:70%;color:#ffaaa0;font-size:.65rem;line-height:1.3;text-align:right}.voice-sync-timeline{min-width:0;display:grid;gap:.35rem}.voice-sync-timeline__ruler{display:flex;justify-content:space-between;padding-left:4.5rem;color:#827a94;font-size:.6rem}.voice-sync-timeline__lanes{position:relative;display:grid;gap:.45rem;min-width:0}.voice-sync-timeline__zero,.voice-sync-timeline__playhead{position:absolute;top:0;bottom:0;width:1px;pointer-events:none}.voice-sync-timeline__zero{z-index:2;left:calc(4.5rem + (100% - 4.5rem)/2);background:#ffd65a3d}.voice-sync-timeline__playhead{z-index:5;left:calc(4.5rem + var(--playhead-position, 0%) - var(--playhead-desktop-compensation, 0rem));width:2px;background:#8be4f3;box-shadow:0 0 8px #8be4f36b}.voice-sync-timeline__playhead:not(.is-playing){opacity:.62}.voice-sync-lane{display:grid;grid-template-columns:4rem minmax(0,1fr);gap:.5rem;align-items:center;min-width:0}.voice-sync-lane__label{color:#c9c2d8;font-size:.68rem;font-weight:850}.voice-sync-lane__content{position:relative;min-width:0;height:62px;overflow:hidden;border:1px solid rgb(173 155 224 / 18%);border-radius:6px;background:#100d1c;cursor:crosshair;touch-action:manipulation}.voice-sync-lane__content--beat{background:#0e1520;color:#8be4f3}.voice-sync-beat-clip{position:absolute;top:0;bottom:0;display:block}.voice-sync-clip{position:absolute;top:7px;bottom:7px;min-height:46px!important;display:block;padding:0;overflow:hidden;border-color:#ffd65a7a!important;background:#342e35!important;color:#ffd65a!important;cursor:grab!important;touch-action:none;-webkit-user-select:none;user-select:none;will-change:left}.voice-sync-clip:active{cursor:grabbing!important}.voice-sync-clip:focus-visible{outline:2px solid #8be4f3;outline-offset:2px}.voice-sync-clip strong{position:absolute;z-index:2;right:.55rem;top:50%;transform:translateY(-50%);padding:.2rem .3rem;border-radius:3px;background:#342e35c7;font-size:.65rem;pointer-events:none}.voice-waveform-preview{position:relative;min-width:0;width:100%;height:32px;display:block;overflow:hidden;color:inherit}.voice-sync-lane__content--beat .voice-waveform-preview{height:100%}.voice-sync-clip .voice-waveform-preview{position:absolute;top:0;right:0;bottom:0;left:0;height:100%}.voice-waveform-preview svg{width:100%;height:100%;display:block}.voice-waveform-preview rect{fill:currentColor;opacity:.78}.voice-waveform-preview.is-fallback rect{opacity:.52}.voice-waveform-preview small{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:0 .35rem;background:#100d1cb8;color:#c6bed5;font-size:.56rem;font-weight:750;line-height:1.2;text-align:center;pointer-events:none;overflow-wrap:anywhere}.voice-sync-clip .voice-waveform-preview small{background:#342e35c7;color:#fff1ad}.voice-sync-timeline__debug{color:#756e87;font:500 .52rem/1.35 monospace;overflow-wrap:anywhere}.voice-editor__fine-tune{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.7rem;align-items:center}.voice-editor__fine-tune label{color:#bdb5ce;font-size:.7rem;font-weight:800}.voice-editor__fine-tune input{width:100%;accent-color:#ffd65a}.voice-editor__fine-tune button{min-width:62px;padding:.4rem .6rem}.voice-editor__presets{min-width:0;display:grid;gap:.45rem}.voice-editor__presets>strong{color:#ded8ee;font-size:.7rem}.voice-editor__presets>div{display:flex;gap:.4rem;min-width:0;overflow-x:auto;padding-bottom:.15rem;scrollbar-width:thin}.voice-editor__presets button{flex:0 0 auto;min-height:40px;padding:.42rem .72rem;color:#c9c2d8}.voice-editor__presets button.is-active{border-color:#ffd65a94;background:#ffd65a24;color:#fff1ad}.voice-editor__mix{gap:.28rem;padding-top:.6rem;border-top:1px solid rgb(173 155 224 / 17%)}.voice-editor__mix>strong{font-size:.62rem}.voice-editor__mix label{grid-template-columns:3.6rem minmax(5rem,1fr) 2.5rem;gap:.42rem}.voice-editor__actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;border-top:1px solid rgb(173 155 224 / 17%)}.voice-editor__preview{border-color:#8be4f35c!important;color:#c9f6fa!important}.voice-editor__apply{border-color:#ffd65a7f!important;background:#4a3c21!important;color:#fff1ad!important}@media (max-width: 640px){.voice-editor-overlay{place-items:end center;padding:0}.voice-editor{width:100%;max-height:94dvh;border-right:0;border-bottom:0;border-left:0;border-radius:8px 8px 0 0}.voice-editor__header,.voice-editor__body,.voice-editor__actions{padding-right:.8rem;padding-left:.8rem}.voice-editor__header h2{font-size:1.15rem}.voice-editor__sync-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:flex-end}.voice-editor__sync-heading small{max-width:12rem}.voice-editor__sync-heading output{min-width:0;max-width:8.5rem}.voice-editor__timeline-status{align-items:stretch}.voice-sync-timeline__ruler{padding-left:3.7rem}.voice-sync-timeline__zero{left:calc(3.7rem + (100% - 3.7rem)/2)}.voice-sync-timeline__playhead{left:calc(3.7rem + var(--playhead-position, 0%) - var(--playhead-mobile-compensation, 0rem))}.voice-sync-lane{grid-template-columns:3.2rem minmax(0,1fr)}.voice-sync-lane__content{height:58px}.voice-sync-clip{top:6px;bottom:6px}.voice-editor__fine-tune{grid-template-columns:minmax(0,1fr) auto}.voice-editor__fine-tune label{grid-column:1 / -1}.voice-editor__actions{grid-template-columns:repeat(2,minmax(0,1fr));padding-bottom:calc(.8rem + env(safe-area-inset-bottom))}.voice-editor__mix label{grid-template-columns:3.5rem minmax(0,1fr) 2.5rem}}.session-replay.is-preparing{opacity:.72}.session-replay button:disabled{cursor:wait;opacity:.65}.recording-dev-tools{display:grid;gap:.45rem;padding:.55rem .65rem;border:1px dashed rgb(139 228 243 / 24%);border-radius:5px;background:#08141c61}.recording-dev-tools>strong{color:#8be4f3;font-size:.62rem;letter-spacing:.08em}.recording-dev-tools__actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem}.recording-dev-tools__actions button{min-width:0;min-height:34px;padding:.38rem .5rem;border:1px solid rgb(139 228 243 / 18%);border-radius:4px;background:#282439d6;color:#e8fbff;cursor:pointer;font:inherit;font-size:.7rem;font-weight:800}.recording-dev-tools__actions button:disabled{cursor:wait;opacity:.55}.recording-dev-tools__probe{min-height:36px;border:1px solid rgb(255 214 90 / 28%);border-radius:5px;background:#423432b8;color:#fff0b2;cursor:pointer;font:inherit;font-size:.72rem;font-weight:850}.latency-probe-overlay{position:absolute;z-index:80;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:clamp(16px,4vw,44px);background:#07060fe0;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.latency-probe-panel{width:min(100%,620px);min-height:min(520px,calc(100vh - 32px));display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;border:1px solid rgb(139 228 243 / 24%);border-radius:8px;background:#171326;box-shadow:0 22px 70px #0000006b}.latency-probe-panel>header{display:flex;align-items:start;justify-content:space-between;padding:1rem 1.1rem;border-bottom:1px solid rgb(255 255 255 / 8%)}.latency-probe-panel>header span{color:#8be4f3;font-size:.68rem;font-weight:900;letter-spacing:.08em}.latency-probe-panel>header h2{margin:.15rem 0 0;color:#fff;font-size:clamp(1.2rem,3vw,1.7rem);letter-spacing:0}.latency-probe-panel>header>button{width:36px;height:36px;border:1px solid rgb(255 255 255 / 12%);border-radius:5px;background:#ffffff0d;color:#d8d0e8;cursor:pointer;font-size:1.25rem}.latency-probe-intro,.latency-probe-result,.latency-probe-wait,.latency-probe-stage{min-height:0;display:grid;place-content:center;gap:1rem;padding:clamp(24px,6vw,54px);text-align:center}.latency-probe-intro p,.latency-probe-result p,.latency-probe-stage p{margin:0;color:#f5f0ff}.latency-probe-intro>div,.latency-probe-stage>span{color:#aaa0bc;font-size:.82rem}.latency-probe-intro>strong{color:#ff8e9d;font-size:.8rem}.latency-probe-intro>button,.latency-probe-again,.latency-probe-downloads button{min-height:40px;padding:.55rem .8rem;border:1px solid rgb(255 214 90 / 30%);border-radius:5px;background:#453a2c;color:#fff3be;cursor:pointer;font:inherit;font-size:.78rem;font-weight:850}.latency-probe-beat{color:#ffd65a;font-size:clamp(5rem,22vw,10rem);font-weight:950;line-height:.9;text-shadow:0 0 30px rgb(255 214 90 / 18%)}.latency-probe-stage.is-active .latency-probe-beat{color:#8be4f3;text-shadow:0 0 34px rgb(139 228 243 / 20%)}.latency-probe-meter{width:min(280px,70vw);height:6px;overflow:hidden;border-radius:3px;background:#ffffff14}.latency-probe-meter i{width:100%;height:100%;display:block;border-radius:inherit;background:#8be4f3;transform-origin:left center;transition:transform 60ms linear}.latency-probe-downloads{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.latency-probe-analysis{display:grid;gap:.65rem;padding:.8rem;border:1px solid rgb(139 228 243 / 18%);border-radius:6px;background:#08141c61;text-align:left}.latency-probe-analysis>strong{color:#8be4f3;font-size:.68rem;letter-spacing:.08em}.latency-probe-analysis dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem 1rem;margin:0}.latency-probe-analysis dl>div{min-width:0;display:flex;gap:.5rem;justify-content:space-between;padding-bottom:.28rem;border-bottom:1px solid rgb(255 255 255 / 6%)}.latency-probe-analysis dt{color:#958ba7;font-size:.72rem}.latency-probe-analysis dd{margin:0;color:#fff;font-size:.72rem;font-weight:850;text-align:right}.latency-probe-analysis>p{margin:0;font-size:.76rem}.latency-probe-analysis>p.is-stable{color:#86e5b2}.latency-probe-analysis>p.is-unstable{color:#ffb0ba}.latency-probe-downloads button:disabled{cursor:wait;opacity:.55}.pause-actions{grid-column:2;grid-row:1;grid-template-columns:minmax(150px,1.2fr) minmax(120px,1fr) auto;gap:.5rem;margin-top:0}.pause-actions .btn,.pause-actions .session-menu-action{min-height:40px;padding:.55rem .75rem;white-space:nowrap}.session-primary-action{width:100%;min-height:46px}.session-menu-action{min-height:38px;border:0;background:transparent;color:#c8c0dc;cursor:pointer;font:inherit;font-size:.9rem;font-weight:750}.session-menu-action:hover{color:#fff}.results-panel{max-height:none;display:grid;grid-template-rows:auto auto auto;overflow:visible}.results-panel__header{padding:1rem 1.4rem .8rem;border-bottom:1px solid rgb(255 255 255 / 8%);text-align:center}.results-session-meta{margin-top:.65rem;color:#e7def7;font-size:.95rem;font-weight:800}.results-track-meta{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center;justify-content:center;margin-top:.35rem;color:#a9a0bf;font-size:.82rem}.results-key-tag{padding:.16rem .38rem;border:1px solid rgb(112 216 255 / 24%);border-radius:4px;color:#8be4f3;font-size:.68rem;font-weight:850}.result-route{min-height:0;max-height:min(34vh,280px);display:grid;grid-template-rows:auto minmax(0,1fr);padding:.9rem 1.15rem;overflow:hidden}.result-route__title{margin-bottom:.55rem;color:#afa4c8;font-size:.7rem;font-weight:900;letter-spacing:.08em}.result-route__scroll{height:100%;display:grid;gap:.42rem;align-content:start;padding:0 .55rem .9rem 0;overflow-y:auto;scroll-padding-bottom:1rem;scrollbar-gutter:stable}.result-route__row{min-height:38px;display:grid;grid-template-columns:30px minmax(0,1fr);gap:.55rem;align-items:center}.result-route__number{color:#706984;font-size:.7rem;font-weight:850;text-align:right}.result-route__slots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem}.result-route__slot{min-width:0;height:34px;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid rgb(255 255 255 / 7%);border-radius:5px;background:#0b091685;color:transparent;font-size:clamp(.68rem,1.6vw,.86rem);font-weight:850;text-overflow:ellipsis;white-space:nowrap}.result-route__slot.is-target{border-color:color-mix(in srgb,var(--route-color) 62%,white 8%);background:color-mix(in srgb,var(--route-color) 78%,#21172e 22%);color:#171120;box-shadow:inset 0 -3px color-mix(in srgb,var(--route-color) 62%,#171120 38%)}.result-route__slot.is-hidden-hint{color:#171120}.result-route__slot.is-free{color:color-mix(in srgb,var(--route-color) 72%,white 28%)}.results-actions{position:relative;z-index:2;padding:.95rem 1.25rem 1.1rem;border-top:1px solid rgb(255 255 255 / 8%);background:#18132bfa}.result-main-actions{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:.65rem}.result-main-actions .session-primary-action,.result-menu-button{min-height:48px}.result-menu-button{border:1px solid rgb(255 255 255 / 16%);border-radius:6px;background:#ffffff0f;color:#eee8ff;cursor:pointer;font:inherit;font-weight:900}.result-menu-button:hover{border-color:#ffffff40;background:#ffffff17;color:#fff}.result-track-picker{min-width:0;display:grid;grid-template-columns:38px minmax(0,1fr) 38px;gap:.55rem;align-items:center;padding:.45rem;border:1px solid rgb(255 255 255 / 7%);border-radius:6px;background:#0b091647;opacity:.86}.result-track-picker>button{width:38px;height:36px;border:1px solid rgb(255 255 255 / 10%);border-radius:5px;background:#342a51b8;color:#fff;cursor:pointer;font-size:1rem}.result-track-picker__copy{min-width:0;display:grid;gap:.28rem;justify-items:center;text-align:center}.result-track-picker__title-row{min-width:0;max-width:100%;display:grid;grid-template-columns:minmax(0,auto) auto;gap:.45rem;align-items:center;justify-content:center}.result-track-picker__title-row strong,.result-track-picker__copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-track-picker__title-row strong{min-width:0;color:#fff;font-size:.88rem}.result-track-picker__copy span{color:#9f96b6;font-size:.72rem}.result-track-picker__preview{position:relative;width:34px;height:34px;min-width:34px;min-height:34px;padding:0;display:grid;place-items:center;border:1px solid rgb(139 228 243 / 22%);border-radius:999px;background:#ffffff0d;color:#d9fbff;cursor:pointer}.result-track-picker__preview .ui-icon{width:15px;height:15px}.result-track-picker__preview:hover:not(:disabled){border-color:#8be4f361;background:#8be4f31c}.result-track-picker__preview.is-playing{border-color:#8be4f36b;background:#8be4f321;color:#fff}.result-track-picker__preview.is-loading:after{content:"";position:absolute;top:5px;right:5px;width:6px;height:6px;border-radius:999px;background:#ffd166;box-shadow:0 0 10px #ffd1668c}.result-track-picker__preview:disabled{cursor:wait;opacity:.58}.result-track-picker__error{color:#ffb9ce;font-size:.68rem;font-style:normal;font-weight:760}.result-secondary-actions{display:grid;gap:.28rem;justify-items:center;padding-top:.1rem;text-align:center}.result-secondary-actions .session-menu-action{min-height:32px;padding:.25rem .55rem;color:#d8d0ea}.result-secondary-actions a{color:#8be4f3;font-size:.72rem;font-weight:760;line-height:1.35;text-decoration:none}.result-secondary-actions a:hover{color:#d9fbff}@keyframes appSectionEnter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes appSectionExit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-6px)}}@media (prefers-reduced-motion: reduce){.app-section-view--enter,.app-section-view--exit{animation-duration:.01ms}.scheme-builder__arrow,.scheme-builder__hint-control button{transition-duration:.01ms}.scheme-builder__arrow:hover,.scheme-builder__arrow:active,.scheme-builder__hint-control button:hover,.scheme-builder__hint-control button:active{transform:none}}@keyframes gameplayMotionOutro{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.94)}}@keyframes resultsBackdropIn{0%{opacity:0}to{opacity:1}}@keyframes resultsPanelIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes onboardingCueIn{0%{opacity:0;transform:translate(-50%,4px)}to{opacity:1;transform:translate(-50%)}}@keyframes onboardingCueOut{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-4px)}}@media (hover: none) and (pointer: coarse){.rhythm-board:before{opacity:.55;filter:none}.rhythm-trail__glow{opacity:.28;filter:none}.rhythm-trail__core{filter:none}.rhythm-trail__origin-cloud{display:none}.beat-cell{transition:border-color .12s,background .12s,box-shadow .12s}:is(.rhyme-cell,.free-cell){box-shadow:inset 0 1px #ffffff61,inset 0 -3px color-mix(in srgb,var(--group-color) 70%,#1b1125 30%),inset 0 0 0 1px #ffffff29,0 3px 7px #00000024}.ribbon-row--warmup{filter:none}.ribbon-row.incoming-row :is(.rhyme-cell,.free-cell):not(.active){box-shadow:inset 0 1px #ffffff61,inset 0 -3px color-mix(in srgb,var(--group-color) 70%,#1b1125 30%),inset 0 0 0 1px #ffffff29,0 0 10px color-mix(in srgb,var(--group-color) 12%,transparent)}.rhythm-cell--incoming{filter:none;box-shadow:inset 0 1px #ffffff0a,inset 0 -6px 14px #00000029,0 1px #ffffff05}.beat-cell.active{filter:none;box-shadow:0 0 16px #ffffff24,inset 0 0 0 2px #ffffff24}.beat-cell.rhythm-cell--landed:after{display:none;animation:none;box-shadow:none}.beat-cell.rhythm-pad--hit{border-color:color-mix(in srgb,var(--group-color) 58%,white 42%);outline:1px solid color-mix(in srgb,var(--group-color) 42%,white 58%);outline-offset:-2px;filter:none;transform:scale(.985);animation:mobilePadPressResponse .14s ease-out both;box-shadow:inset 0 1px #ffffff5c,inset 0 -3px color-mix(in srgb,var(--group-color) 70%,#1b1125 30%),inset 0 0 0 1px #ffffff29,0 2px 6px #0000001f}.beat-cell.rhythm-pad--hit:before,.beat-cell.rhythm-pad--hit>.rhythm-pad__label{animation:none}.rhyme-cell .rhythm-pad-hit-fx,.free-cell .rhythm-pad-hit-fx,.rhythm-pad-hit-fx:before,.rhythm-pad-hit-fx:after,.rhythm-pad-hit-fx>i{display:none;animation:none;filter:none;box-shadow:none}.rhythm-ball__impact{box-shadow:0 0 12px #ff5ea838}.rhythm-ball__orb{box-shadow:inset -6px -7px 10px #841f6933,inset 4px 4px 7px #ffffff29,0 0 12px #ff5ea86b,0 6px 14px #00000047}.rhythm-ball__shine{filter:none}.rhythm-ball.rhyme-hit .rhythm-ball__orb{filter:none;box-shadow:inset -6px -7px 10px #841f692e,inset 4px 4px 7px #fff3,0 0 18px #ff5ea885,0 0 10px #ffd54a61,0 7px 15px #00000047}}@keyframes mobilePadPressResponse{0%{transform:scale(.985)}to{transform:scale(1)}}@media (max-width: 920px){.beat-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.round-layout{grid-template-columns:minmax(0,1fr) auto}.round-layout .studio-toggle{grid-column:1 / -1}}@media (max-width: 760px){body,.app,.recording-onboarding{min-height:100dvh}.game-screen{height:100dvh}.app-shell{width:min(calc(100% - 24px),1080px);gap:1rem;padding:calc(.7rem + env(safe-area-inset-top)) 0 calc(3.5rem + env(safe-area-inset-bottom))}.app-nav{grid-template-columns:minmax(0,1fr) auto;gap:.5rem .6rem;padding:.62rem .68rem}.app-nav__brand{min-width:0}.app-nav__brand strong{font-size:.78rem}.app-nav__brand b{display:none;font-size:.78rem}.app-nav__mark{width:16px;height:16px;gap:2px;margin-right:.08rem}.app-nav__mark i{width:3px}.app-nav__tabs{grid-column:1 / -1;grid-row:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.24rem;width:100%;padding:.22rem}.app-nav__actions{gap:.5rem;justify-content:flex-end}.app-nav__streak{display:none}.app-nav__updates{width:44px;min-width:44px;min-height:44px}.app-nav__updates svg{width:21px;height:21px}.app-nav__account{min-height:44px;min-width:44px;padding:0 .82rem}.app-nav__account-avatar{width:34px;height:34px;font-size:.9rem;font-weight:800}.app-nav__tabs button{min-height:46px;padding:0 .42rem;font-size:.84rem}.support-floating-button{right:12px;bottom:calc(12px + env(safe-area-inset-bottom));max-width:calc(100vw - 24px);min-height:38px;padding:0 .68rem;font-size:.82rem}.support-floating-button__desktop{display:none}.support-floating-button__mobile{display:inline}.support-modal-layer{align-items:end;padding:.8rem;padding-bottom:calc(.8rem + env(safe-area-inset-bottom))}.support-modal{width:100%;max-height:calc(100dvh - 1.6rem - env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;border-radius:12px}.whats-new-layer{place-items:end center;padding:1rem .75rem calc(.75rem + env(safe-area-inset-bottom));background:#08061261}.whats-new-panel{width:100%;max-height:min(76vh,620px);overflow-y:auto;border-radius:14px}.app-nav__streak{min-width:42px;min-height:32px;padding:0 .48rem;font-size:.82rem}.start-screen{width:100%;padding:.85rem 0 0}.start-screen h1{font-size:2.35rem}.studio-intro{margin-bottom:1.75rem}.studio-section{padding:1.5rem 1rem 1.65rem}.studio-section-heading{margin-bottom:1.15rem}.track-strip{grid-template-columns:54px minmax(0,1fr);gap:.85rem}.beat-category-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:.15rem;scrollbar-width:none}.beat-category-tabs::-webkit-scrollbar{display:none}.beat-category-tabs button{flex:0 0 auto}.beat-pack-card{display:grid;gap:.55rem}.beat-pack-links{justify-content:flex-start}.beat-card-grid,.selected-beat-card{grid-template-columns:1fr}.selected-beat-card__actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.selected-beat-card__actions button{padding-inline:.45rem}.beat-picker-overlay{display:block;padding:0;background:#0d0a17}.beat-picker-panel{width:100%;height:100dvh;max-height:none;border:0;border-radius:0}.beat-picker-header{padding:calc(.72rem + env(safe-area-inset-top)) .85rem .72rem}.beat-picker-scroll{padding:.75rem .85rem calc(8.75rem + env(safe-area-inset-bottom))}body::-webkit-scrollbar{width:var(--fideo-scrollbar-width-compact);height:var(--fideo-scrollbar-width-compact)}:is(.beat-picker-scroll,.beat-filter-panel,.beat-filter-chips,.custom-rhyme-modal,.custom-rhyme-panel,.whats-new-panel,.progress-panel,.collection-panel,.session-overlay,.pause-panel,.results-panel,.result-route__scroll)::-webkit-scrollbar{width:var(--fideo-scrollbar-width-compact);height:var(--fideo-scrollbar-width-compact)}:is(.beat-picker-scroll,.beat-filter-panel,.beat-filter-chips,.custom-rhyme-modal,.custom-rhyme-panel,.whats-new-panel,.progress-panel,.collection-panel,.session-overlay,.pause-panel,.results-panel,.result-route__scroll)::-webkit-scrollbar-thumb{border-width:2px}.beat-library-toolbar{width:calc(100% + 1.7rem);max-width:none;flex-wrap:nowrap;justify-content:flex-start;gap:.4rem;overflow-x:auto;margin-right:-.85rem;margin-left:-.85rem;padding-right:.85rem;padding-left:.85rem;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}.beat-library-toolbar::-webkit-scrollbar{display:none}.beat-library-primary{flex:0 0 auto}.beat-library-primary button{min-height:36px;flex:0 0 auto;padding-inline:.52rem}.beat-library-primary .beat-producers-entry{flex:0 0 auto}.beat-library-primary__divider{display:none}.beat-library-actions{flex:0 0 auto;gap:.3rem}.beat-library-upload-button,.beat-library-filter-button{min-height:36px;padding-inline:.52rem}.beat-library-filter-wrap{flex:0 0 auto}.beat-filter-panel{position:absolute;top:auto;right:.75rem;bottom:calc(5.15rem + env(safe-area-inset-bottom));left:.75rem;z-index:2;width:auto;max-height:min(68dvh,560px);padding:.86rem;border-radius:14px 14px 10px 10px;box-shadow:0 -18px 60px #0000007a;overscroll-behavior:contain;overscroll-behavior-x:none}.beat-filter-layer{position:absolute;z-index:70;top:0;right:0;bottom:0;left:0;pointer-events:auto}.beat-filter-layer__backdrop{display:block;background:#06040e6b}.beat-filter-panel__header{display:flex}.beat-filter-chips{flex-wrap:nowrap;max-width:100%;overflow-x:auto;padding-bottom:.08rem;scrollbar-width:thin}.beat-filter-chips button{flex:0 0 auto}.producer-grid,.producer-view-header,.producer-profile__hero{grid-template-columns:1fr}.producer-card{min-height:132px}.producer-profile__hero .producer-card__mark{width:56px;height:56px}.beat-mood-filter{align-items:flex-start}.beat-mood-filter>div{flex-wrap:nowrap;max-width:100%;overflow-x:auto;padding-bottom:.1rem;scrollbar-width:none}.beat-mood-filter>div::-webkit-scrollbar{display:none}.beat-mood-filter button{flex:0 0 auto}.beat-picker-row{grid-template-columns:38px minmax(0,1fr) 44px 44px;gap:.4rem;padding:.5rem}.beat-picker-row__emblem{height:38px}.beat-picker-row__preview,.beat-picker-row__favorite{width:44px;height:44px}.beat-picker-favorites__header small{display:none}.beat-picker-favorites{margin-bottom:.72rem;padding-bottom:.72rem}.beat-picker-favorites__list{max-height:216px;overscroll-behavior:contain}.beat-picker-recents{margin-bottom:.58rem;padding-bottom:.58rem}.beat-picker-recents__list{margin-right:-.85rem;padding-right:.85rem;scrollbar-width:none}.beat-picker-recents__list::-webkit-scrollbar{display:none}.beat-picker-recent-chip{flex-basis:142px;min-height:46px}.beat-picker-footer{grid-template-columns:1fr;gap:.55rem;padding:.58rem .85rem calc(.58rem + env(safe-area-inset-bottom))}.beat-preview-player{grid-template-columns:1fr;gap:.42rem}.beat-preview-player__controls{grid-template-columns:44px minmax(0,1fr);gap:.55rem}.beat-preview-player__play{width:44px;min-height:44px}.beat-picker-footer__actions{order:0}.beat-picker-footer__actions,.beat-picker-footer__actions button{width:100%}.transport-controls{grid-column:1 / -1;justify-content:flex-end}.beat-settings-grid,.rhyme-filter-grid{grid-template-columns:1fr}.scheme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.scheme-builder__stage{grid-template-columns:42px minmax(0,1fr) 42px;gap:.5rem}.scheme-builder__arrow{width:42px;min-height:96px}.scheme-builder__hint-control{gap:.34rem}.scheme-builder__hint-control button{padding:.58rem .28rem;font-size:.68rem}.segmented-row{grid-template-columns:repeat(3,minmax(0,1fr))}.game-header{top:max(12px,env(safe-area-inset-top));right:12px;left:12px;grid-template-columns:minmax(0,1fr) auto auto;gap:.45rem}.recording-notice{top:calc(max(12px,env(safe-area-inset-top)) + 58px)}.game-track-info strong{max-width:34vw;font-size:.78rem}.game-track-info span{font-size:.62rem}.timer{min-width:48px;padding:.28rem .42rem;font-size:.68rem}.controls{gap:.28rem}.controls button{min-width:34px;height:32px;border-radius:6px;font-size:.9rem}.board-copy{display:block;padding-top:44px}.board-copy h2{margin-top:.3rem;font-size:1.25rem}.rhythm-board{--gap: 8px;height:min(55vh,410px)}.game-watermark{top:calc(100% + .34rem);left:max(.52rem,env(safe-area-inset-left));max-width:min(330px,74vw);gap:.08rem .5rem;opacity:.78}.game-watermark__mark{width:27px;height:27px;gap:3px}.game-watermark__brand{font-size:1.08rem}.game-watermark__url{font-size:.96rem}.onboarding-cue{top:-44px;width:min(94vw,520px);gap:.45rem;font-size:.76rem}.onboarding-cue__text{white-space:normal}.ribbon-viewport{top:0;right:0;bottom:0;left:0}:is(.rhyme-cell,.free-cell){font-size:clamp(.82rem,4.2vw,1.45rem)}.beat-cell>.rhythm-pad__label{max-width:96%;overflow-wrap:normal;word-break:normal;white-space:nowrap;-webkit-hyphens:none;hyphens:none;line-height:1;text-align:center}.beat-cell>.rhythm-pad__label--medium{font-size:.88em}.beat-cell>.rhythm-pad__label--long{font-size:.74em}.rhythm-hint{font-size:.92rem}.session-overlay{place-items:start center;padding:12px 12px calc(12px + env(safe-area-inset-bottom))}.pause-overlay{place-items:end center;padding:12px 12px 24px}.pause-panel{grid-template-columns:1fr;gap:.65rem}.pause-panel h2,.pause-actions{grid-column:1}.pause-actions{grid-row:2}.results-panel{width:100%;max-height:none;grid-template-rows:auto auto auto}.results-panel__header{padding:.8rem .9rem .65rem}.result-route{max-height:min(30vh,220px);padding:.75rem}.result-route__scroll{padding:0 .4rem .75rem 0}.result-route__row{grid-template-columns:24px minmax(0,1fr);gap:.4rem}.result-route__slots{gap:.28rem}.result-route__slot{height:31px}.results-actions{padding:.8rem .75rem calc(.9rem + env(safe-area-inset-bottom))}.result-main-actions{grid-template-columns:1fr}.result-main-actions .session-primary-action,.result-menu-button{width:100%}.result-track-picker__title-row{gap:.4rem}.result-track-picker__preview{width:36px;height:36px;min-width:36px;min-height:36px}}@media (min-width: 420px) and (max-width: 760px){.app-nav__brand b{display:inline}}@media (max-width: 480px){.app-shell{width:min(calc(100% - 16px),1080px)}.app-nav{gap:.45rem}.app-nav__brand{gap:.18rem}.app-nav__brand strong{font-size:.68rem}.app-nav__mark{width:14px;height:14px;gap:2px}.app-nav__account-login,.app-nav__tabs button{font-size:.8rem}.start-screen{width:100%;padding-bottom:0}.studio-section{padding-right:.75rem;padding-left:.75rem}.track-strip{grid-template-columns:46px minmax(0,1fr);padding:.85rem}.track-emblem{height:48px}.transport-controls{display:grid;grid-template-columns:42px minmax(0,1fr) 42px}.transport-play{min-width:0}.scheme-card{min-height:162px;padding:.75rem}.scheme-builder{padding:.72rem}.scheme-builder__header{display:grid;gap:.28rem}.scheme-builder__header strong{text-align:left}.scheme-builder__stage{grid-template-columns:38px minmax(0,1fr) 38px;gap:.38rem}.scheme-builder__arrow{width:38px;min-height:88px;font-size:1.1rem}.scheme-builder__preview{gap:.28rem;padding:.42rem}.scheme-builder__preview-row{gap:.25rem}.scheme-builder__preview-cell{min-height:22px;font-size:.62rem}.scheme-builder__hint-control button{font-size:.62rem}.segmented-row{grid-template-columns:repeat(2,minmax(0,1fr))}.round-layout{grid-template-columns:1fr}.round-layout .studio-toggle{grid-column:auto}.start-btn{width:100%}.site-social-footer{flex-wrap:wrap;gap:.5rem .7rem;padding:.62rem}.player-stats-panel{width:100%;gap:.82rem;padding:.9rem}.player-stats-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:.48rem}.player-stats-kpis div:nth-child(3){grid-column:1 / -1}.player-stats-kpis div,.player-stats-list div{padding:.68rem}.community-link-card{width:100%;font-size:.74rem}.custom-rhyme-modal{place-items:start center;padding:10px 10px calc(18px + env(safe-area-inset-bottom))}.custom-rhyme-panel{max-height:calc(100dvh - 20px - env(safe-area-inset-bottom));padding:.85rem}.custom-rhyme-field textarea{min-height:170px;max-height:34dvh}.custom-rhyme-panel footer{position:sticky;bottom:0;display:grid;grid-template-columns:1fr;padding-top:.55rem;background:linear-gradient(180deg,#18132b00,#18132bfa 24%)}.custom-rhyme-panel footer button,.rhyme-pack-actions button{width:100%}.rhyme-source-switch .mode-switch{width:100%}.custom-pack-inline{padding:.6rem}.custom-pack-inline__row{grid-template-columns:minmax(0,1fr) auto}.rhyme-pack-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 42px}.rhyme-pack-menu__trigger{width:100%}.pause-panel{padding:.75rem}.pause-actions{grid-template-columns:1fr}.results-panel h2{font-size:1.45rem}.session-replay{grid-template-columns:1fr;align-items:stretch}.session-replay button{width:100%}.session-replay__export-error{grid-template-columns:1fr}:is(.rhyme-cell,.free-cell){font-size:clamp(.72rem,4vw,1.18rem)}.beat-cell>.rhythm-pad__label--long{font-size:.68em}.recording-dev-tools__actions,.latency-probe-downloads,.latency-probe-analysis dl{grid-template-columns:1fr}.latency-probe-panel{min-height:min(500px,calc(100vh - 24px))}.results-session-meta{font-size:.82rem}.result-route__slot{padding:0 .2rem;font-size:.64rem}}@media (max-width: 760px){.progress-kpis,.progress-style-grid,.progress-screen .achievement-grid{grid-template-columns:1fr}.progress-panel{gap:1rem}.progress-screen .achievement-card{min-height:0}.collection-entry{min-height:32px;padding:0 .7rem;font-size:.78rem}.collection-panel{max-height:calc(100dvh - 18px);padding:.9rem}.collection-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-kpis div:last-child{grid-column:1 / -1}.achievement-grid{grid-template-columns:1fr}.achievement-card{min-height:0}.collection-footer{flex-direction:column;align-items:stretch}.achievement-toast__actions{grid-template-columns:1fr}}@media (min-width: 761px) and (max-width: 980px){.progress-kpis,.progress-style-grid,.progress-screen .achievement-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion: reduce){.collection-overlay,.collection-panel,.achievement-toast,.achievement-toast__panel,.rhyme-settings-modal,.rhyme-settings-panel{animation-duration:.01ms}}