.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}: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}.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:760px;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}.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__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-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:.85rem;margin-top:1.2rem;padding-top:1rem;border-top:1px solid rgb(255 255 255 / 10%)}.profile-recordings h2{margin:0;color:#fff7d7;font-size:1.1rem}.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__actions{width:100%;border-radius:14px;justify-content:flex-start}.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__eyebrow{display:inline-flex;margin-bottom:-.25rem;color:#ff8db0;font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.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-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:wrap;gap:.45rem;align-items:center;padding:.25rem;border:1px solid rgb(255 255 255 / 8%);border-radius:999px;background:#ffffff0a;justify-self:start;max-width:100%}.feed-sort span{padding-left:.55rem;color:#9991ac;font-size:.78rem;font-weight:850}.feed-sort button{min-height:32px;padding:0 .78rem;border:0;border-radius:999px;background:transparent;color:#c9c2dc;cursor:pointer;font-weight:850}.feed-sort button.active{background:#ffd65a;color:#171321}.feed-sort__hint{margin:-.2rem 0 0;color:#9991ac;font-size:.82rem;font-weight:750;line-height:1.35}.feed-recordings{display:grid;gap:1rem}.feed-recording{display:grid;grid-template-columns:minmax(0,1fr);gap:1.15rem;padding:1.15rem;border:1px solid rgb(255 255 255 / 13%);border-radius:12px;background:linear-gradient(135deg,rgb(84 231 255 / 8%),transparent 38%),linear-gradient(180deg,#ffffff0f,#ffffff05),#120e1feb;box-shadow:0 14px 34px #0000002e}.feed-recording__body{display:grid;min-width:0;gap:.95rem;align-content:start}.feed-recording__header{display:grid;gap:.36rem}.feed-card-title{display:block;color:#fff7d7;font-size:clamp(1.12rem,1.5vw,1.35rem);line-height:1.18;overflow-wrap:anywhere}.feed-author-button{display:inline-flex;align-items:center;width:fit-content;padding:0;border:0;background:transparent;color:#8be4f3;cursor:pointer;font:inherit;font-size:.82rem;font-weight:850;line-height:1.25;text-align:left;text-shadow:0 0 14px rgb(139 228 243 / 18%)}.feed-author-button:hover:not(:disabled),.feed-author-button:focus-visible{color:#d9fbff;text-decoration:underline;text-underline-offset:3px}.feed-author-button:focus-visible{border-radius:6px;outline:2px solid rgb(139 228 243 / 42%);outline-offset:3px}.feed-author-button:disabled{cursor:default;opacity:.65}.feed-recording span,.feed-recording p{color:#9991ac;font-size:.82rem;font-weight:750}.feed-recording .feed-card-meta{margin:0;color:#9991ac;font-size:.8rem;font-weight:750;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:.7rem;align-items:center;justify-content:space-between;padding-top:.15rem}.feed-card-actions .feed-vote-count,.feed-recording__votes span{color:#ffd65a;font-size:.86rem;font-weight:900}.feed-recording__actions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end;margin-left:auto}.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-vote-button{border-color:#ffd65a75;background:#ffd65a29;color:#fff7d7}.feed-recording__actions .feed-vote-button:hover:not(:disabled){border-color:#ffd65aa8;background:#ffd65a33}.feed-recording__actions .feed-vote-button--secondary{border-color:#ffffff1f;background:#ffffff0d;color:#c9c2dc}.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}.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 span{display:none}.feed-sort button{flex:1 1 0;min-height:40px;padding:0 .45rem}.feed-recording{grid-template-columns:1fr;gap:.85rem;padding:.9rem}.feed-recording__body{gap:.8rem}.feed-card-title{font-size:1.08rem}.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:flex-start;flex-direction:column;gap:.6rem}.feed-recording__actions{width:100%;justify-content:flex-start;margin-left:0}.feed-recording__actions button{min-height:44px}.feed-recording__actions .feed-report-button{min-height:36px}}.public-profile-card{max-width:760px}.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}.public-profile-avatar span{color:#fff7d7;font-size:1.75rem;font-weight:950;line-height:1}.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{margin:.25rem 0 0;color:#fff7d7;font-size:1rem}.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-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-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-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-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) auto;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{display:flex;gap:.42rem;align-items:center;color:#fff7d7;font-size:.9rem;font-weight:950}.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-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%)}.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:.55rem .75rem;align-items:center;padding:.58rem .65rem;border:1px solid rgb(114 216 232 / 24%);border-radius:6px;background:radial-gradient(circle at 18% 0%,rgb(139 228 243 / 11%),transparent 46%),#0b091694;box-shadow:inset 0 1px #ffffff0d}.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__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}.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}.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:1.35rem 1.4rem 1rem;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:1rem 1.25rem;overflow:hidden}.result-route__title{margin-bottom:.65rem;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 1rem 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:1rem 1.25rem 1.2rem;border-top:1px solid rgb(255 255 255 / 8%);background:#18132bfa}.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 / 9%);border-radius:6px;background:#0b09166b}.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:.1rem;text-align:center}.result-track-picker__copy strong,.result-track-picker__copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-track-picker__copy strong{color:#fff;font-size:.88rem}.result-track-picker__copy span{color:#9f96b6;font-size:.72rem}.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(7.2rem + 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{flex-wrap:wrap;gap:.45rem}.beat-library-primary{flex:1 1 auto;min-width:0}.beat-library-primary button{flex:1 1 auto;padding-inline:.45rem}.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{padding-inline:.46rem}.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) 36px;gap:.5rem;padding:.52rem}.beat-picker-row__emblem{height:38px}.beat-picker-row__preview{width:36px;height:36px}.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:1rem .9rem .8rem}.result-route{max-height:min(30vh,220px);padding:.8rem .75rem}.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))}}@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}}
