.app-header{position:relative;z-index:10;display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:.85rem 120px;flex-shrink:0;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:none}#app.app--welcome .app-header,#app.app--help .app-header{position:absolute;top:0;left:0;right:0;z-index:30;background:transparent;border-bottom:none;backdrop-filter:none;-webkit-backdrop-filter:none;transition:background .2s ease,border-color .2s ease}#app.app--welcome.app--header-scrolled .app-header,#app.app--help.app--header-scrolled .app-header{background:#07070b}.app-header-brand{display:inline-flex;align-items:center;gap:10px;flex-shrink:0;min-width:0;text-decoration:none;color:#fff;transition:opacity .2s ease}.app-header-brand:hover{opacity:.92}.app-header-brand-icon{display:block;width:36px;height:36px;border-radius:8px;object-fit:cover;flex-shrink:0}.app-header-brand-name{font-size:1.35rem;font-weight:700;letter-spacing:-.02em;line-height:1;white-space:nowrap}.app-header-start{display:inline-flex;align-items:center;gap:1.5rem;min-width:0;flex-shrink:0}.app-header-end{display:inline-flex;align-items:center;gap:1rem;margin-left:auto;flex-shrink:0}.app-header-menu-btn{display:none;align-items:center;justify-content:center;width:40px;height:40px;margin:0;padding:0;border:none;border-radius:8px;background:transparent;color:#fff;cursor:pointer;flex-shrink:0;transition:background .2s ease,color .2s ease}.app-header-menu-btn:hover{background:#ffffff14}.app-header-mobile-menu{display:none}.app-header-nav{display:flex;align-items:center;justify-content:flex-end;gap:2rem;font-size:1rem;font-weight:500;letter-spacing:.04em}.app-header-nav--desktop{margin-left:0}.app-header-nav-divider{display:block;width:1px;height:24px;margin-left:calc(.5rem + 30px);background:#ffffff38;flex-shrink:0}.app-header-nav a,.app-header-nav .nav-placeholder{color:#9ca3af;text-decoration:none;transition:color .2s,text-shadow .25s ease}.app-header-nav a:hover,.app-header-nav a.active{color:#fff;text-shadow:0 0 12px rgba(138,138,138,.9)}.app-header-nav .nav-placeholder{cursor:not-allowed;opacity:.85}.nav-login-btn,.nav-user-trigger{border:none;background:none;padding:0;font:inherit;font-weight:inherit;color:#9ca3af;cursor:pointer;flex:none;transition:color .2s,text-shadow .25s ease}.nav-login-btn:hover,.nav-user-trigger:hover,.nav-user-trigger.active{color:#fff;text-shadow:0 0 12px rgba(138,138,138,.9)}.nav-user-menu{position:relative}.nav-user-panel{position:absolute;top:calc(100% + 10px);right:0;min-width:220px;padding:12px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:var(--card-bg, #111827);box-shadow:0 12px 32px #0000008c;z-index:40}.nav-user-panel-email{margin:0 0 12px;font-size:.82rem;color:#9ca3af;word-break:break-word}.nav-user-logout-btn{width:100%;padding:8px 12px;border-radius:8px;border:1px solid rgba(248,113,113,.35);background:#f8717114;color:#fca5a5;font:inherit;cursor:pointer;transition:background .2s,border-color .2s}.nav-user-logout-btn:hover{background:#f8717129;border-color:#f871718c}.auth-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:24px;background:#000000b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.auth-modal-panel{position:relative;width:min(100%,420px);padding:24px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:var(--card-bg, #111827);box-shadow:0 20px 48px #0000008c}.auth-modal-dismiss{position:absolute;top:12px;right:12px;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:8px;background:transparent;color:#9ca3af;cursor:pointer;transition:color .2s ease,background .2s ease}.auth-modal-dismiss:hover:not(:disabled){color:#fff;background:#ffffff14}.auth-modal-dismiss:disabled{opacity:.5;cursor:not-allowed}.auth-modal-title{margin:0 0 8px;padding-right:36px;font-size:1.25rem;color:#fff}.auth-modal-subtitle{margin:0 0 20px;font-size:.92rem;line-height:1.5;color:#9ca3af}.auth-google-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:12px 16px;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:#fff;color:#111827;font:inherit;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease}.auth-google-btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px #00000040}.auth-google-icon{width:20px;height:20px}.auth-modal-back-btn,.auth-primary-btn{width:100%;margin-top:12px;padding:10px 14px;border-radius:10px;font:inherit;cursor:pointer}.auth-modal-back-btn{border:1px solid rgba(255,255,255,.12);background:transparent;color:#9ca3af}.auth-modal-back-btn:hover:not(:disabled){color:#fff;border-color:#ffffff3d}.auth-modal-back-btn:disabled{opacity:.6;cursor:not-allowed}.auth-username-form{display:flex;flex-direction:column;gap:10px}.auth-username-input{width:100%;padding:10px 12px;border-radius:10px;border:0;background:#ffffff0a;color:#fff;font:inherit;box-sizing:border-box}.auth-username-input:focus{outline:none;border-color:#facc1573}.auth-username-hint{margin:0;font-size:.78rem;color:#6b7280}.auth-modal-error{margin:0;font-size:.85rem;color:#fca5a5}.auth-modal-success{margin:0 0 12px;font-size:.85rem;color:#86efac}.auth-form{display:flex;flex-direction:column;gap:12px}.auth-field{display:flex;flex-direction:column;gap:6px;font-size:.85rem;color:#d1d5db}.auth-modal-divider{display:flex;align-items:center;gap:12px;margin:16px 0;color:#6b7280;font-size:.82rem}.auth-modal-divider:before,.auth-modal-divider:after{content:"";flex:1;height:1px;background:#ffffff1a}.auth-secondary-btn,.auth-logout-btn{width:100%;margin-top:12px;padding:10px 14px;border-radius:10px;font:inherit;cursor:pointer;transition:background .2s,border-color .2s,color .2s}.auth-secondary-btn{border:1px solid rgba(255,255,255,.14);background:#ffffff0a;color:#e5e7eb}.auth-secondary-btn:hover:not(:disabled){background:#ffffff14;border-color:#ffffff3d}.auth-logout-btn{border:1px solid rgba(248,113,113,.35);background:#f8717114;color:#fca5a5}.auth-logout-btn:hover:not(:disabled){background:#f8717129;border-color:#f871718c}.auth-secondary-btn:disabled,.auth-logout-btn:disabled{opacity:.6;cursor:not-allowed}.auth-primary-btn{border:1px solid rgba(250,204,21,.35);background:#facc151f;color:#fde68a;font-weight:600}.auth-primary-btn:hover:not(:disabled){background:#facc1533}.auth-primary-btn:disabled{opacity:.6;cursor:not-allowed}.app-header-icon-btn{display:inline-flex;align-items:center;justify-content:center;flex:none;width:36px;height:36px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#9ca3af;cursor:pointer;transition:color .2s,border-color .2s,background .2s,box-shadow .25s ease}.app-header-icons{display:inline-flex;align-items:center;gap:1rem;margin-left:.7rem}.app-header-icon-btn--user{border-radius:50%}.app-header-icon-btn--settings{border-radius:10px}.app-header-icon-btn.active,.app-header-icon-btn--settings.active{color:#facc15;border-color:#facc1559;background:#facc1514}.app-header-settings{position:relative}.app-header-settings-panel{position:absolute;top:calc(100% + 10px);right:0;z-index:40;min-width:240px;padding:14px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#0a0c14fa;box-shadow:0 16px 40px #00000073}.app-header-settings-panel__header h2{margin:0 0 12px;font-size:.92rem;font-weight:600;color:#fff;letter-spacing:.02em}.app-header-settings-row{display:flex;flex-direction:column;gap:8px}.app-header-settings-row label{font-size:.78rem;font-weight:500;color:#9ca3af;letter-spacing:.04em;text-transform:uppercase}.app-header-settings-select{width:100%;padding:9px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.14);background:#ffffff0a;color:#f4f0ff;font:inherit;font-size:.92rem;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,#9ca3af 50%),linear-gradient(135deg,#9ca3af 50%,transparent 50%);background-position:calc(100% - 18px) calc(50% - 2px),calc(100% - 12px) calc(50% - 2px);background-size:6px 6px,6px 6px;background-repeat:no-repeat}.app-header-settings-select:focus{outline:none;border-color:#facc1573}.app-header-settings-select option{color:#111827;background:#fff}.app-header-icon-btn:hover{color:#facc15;border-color:#facc1559;background:#facc1514;box-shadow:0 0 10px #facc158c,0 0 20px #a855f759}@media(max-width:1024px)and (min-width:601px){.app-header{padding:.65rem 16px}.app-header-brand-name{font-size:1.15rem}.app-header-brand-icon{width:32px;height:32px}.app-header-nav{gap:1.25rem;font-size:.82rem}}@media(max-width:600px){.app-header{justify-content:space-between;align-items:center;min-height:52px;padding:0 12px 0 4px;gap:.75rem}.app-header-start{gap:2px;flex:1;min-width:0}.app-header-menu-btn{display:inline-flex}.app-header-brand{position:static;transform:none;gap:8px;min-width:0}.app-header-brand-name{font-size:1rem}.app-header-brand-icon{width:28px;height:28px;border-radius:6px}.app-header-nav--desktop,.app-header-nav-divider{display:none}.app-header-end{gap:.65rem;margin-left:0}.app-header-nav a,.app-header-nav .nav-placeholder,.nav-login-btn,.nav-user-trigger{display:inline-flex;align-items:center;line-height:1;min-height:32px}.nav-login-btn,.nav-user-trigger{font-size:.82rem}.app-header-icon-btn{width:32px;height:32px;border-radius:6px}.app-header-icons{margin-left:0}.app-header-mobile-menu{display:block}.app-header-mobile-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:25;border:none;padding:0;background:#0000008c;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .3s ease}.app-header-nav--mobile{display:flex;flex-direction:column;align-items:stretch;gap:0;position:fixed;top:52px;left:0;right:0;z-index:26;margin:0;padding:.35rem 0;font-size:.95rem;background:#0a0a0ef5;border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 16px 40px #00000073;transform:translateY(-100%);opacity:0;visibility:hidden;pointer-events:none;transition:transform .32s ease,opacity .32s ease,visibility .32s ease}.app-header-mobile-menu.is-open .app-header-mobile-backdrop{opacity:1;pointer-events:auto}.app-header-mobile-menu.is-open .app-header-nav--mobile{transform:translateY(0);opacity:1;visibility:visible;pointer-events:auto}.app-header-nav--mobile a{padding:.85rem 1rem;border-bottom:1px solid rgba(255,255,255,.06)}.app-header-nav--mobile a:last-child{border-bottom:none}.nav-user-panel{right:0;left:auto}@media(prefers-reduced-motion:reduce){.app-header-mobile-backdrop,.app-header-nav--mobile{transition:none}}}.app-header{z-index:30}#app>main.main--sing-overlay-host{position:relative;isolation:isolate}.welcome-sing-overlay{position:absolute;left:var(--from-left);top:var(--from-top);width:var(--from-width);height:var(--from-height);background-color:#ffc107;z-index:100;pointer-events:auto;opacity:1;will-change:left,top,width,height,border-radius,background-color,opacity}.welcome-sing-overlay.is-expanding{animation:welcome-sing-expand .8s cubic-bezier(.42,0,.2,1) forwards}.welcome-sing-overlay.is-reveal,.welcome-sing-overlay.is-fading{left:var(--to-left);top:var(--to-top);width:var(--to-width);height:var(--to-height);border-radius:var(--sing-radius);background-color:#050505;opacity:1}.welcome-sing-overlay.is-fading{animation:welcome-sing-fade-out .5s ease forwards}@keyframes welcome-sing-expand{0%{left:var(--from-left);top:var(--from-top);width:var(--from-width);height:var(--from-height);border-radius:32px;background-color:#050505}35%{background-color:#050505}52%{left:var(--to-left);top:var(--to-top);width:var(--to-width);height:var(--to-height);border-radius:12px;background-color:#050505}78%{border-radius:6px;background-color:#050505}to{left:var(--to-left);top:var(--to-top);width:var(--to-width);height:var(--to-height);border-radius:0;background-color:#050505}}@keyframes welcome-sing-fade-out{0%{opacity:1;background-color:#050505}to{opacity:0;background-color:#050505}}#app>main.main--home-enter{opacity:0;animation:main-home-enter .4s ease .08s forwards}@keyframes main-home-enter{to{opacity:1}}.help-page-wrapper{min-height:100%;width:100%;margin:0;overflow-y:auto;overflow-x:hidden;box-sizing:border-box;color:#f7f4ef;display:flex;flex-direction:column;align-items:center;position:relative;background:radial-gradient(circle at top left,rgba(124,77,255,.34),transparent 32%),radial-gradient(circle at bottom right,rgba(250,204,21,.24),transparent 52%),linear-gradient(180deg,#07070b,#0d1020 48%,#05060a);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.help-page-wrapper .welcome-pitch-grid-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;display:block;opacity:.42}.help-content{position:relative;z-index:10;flex:1;width:min(1180px,calc(100% - 48px));margin:0 auto;display:flex;flex-direction:column;gap:4.5rem;padding:5rem 0}.help-hero{display:flex;flex-direction:column;align-items:flex-start;text-align:left;justify-content:center;max-width:42rem}.help-kicker{display:inline-flex;align-items:center;gap:.65rem;padding:.45rem .9rem;border:1px solid rgba(190,196,255,.2);border-radius:999px;background:#0a0d1a94;color:#ddd5ff;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:1.4rem}.help-hero h1{font-size:clamp(2.75rem,7vw,5rem);line-height:.96;font-weight:800;letter-spacing:-.05em;margin-bottom:1.1rem;text-transform:uppercase;color:#fff7ea}.help-hero .help-subtitle{max-width:38rem;color:#f7f4efd1;font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.7}.help-section-heading{padding-top:40px;display:grid;gap:.55rem;max-width:42rem;margin-bottom:1.8rem}.help-section-heading p{color:#ffcf7d;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase}.help-section-heading h2{font-size:clamp(1.75rem,3.4vw,3rem);line-height:1.08;letter-spacing:-.04em;color:#fff8f2}.help-section{width:100%;display:grid;gap:1.25rem}.help-section p{max-width:56rem;color:#f4f0ffc7;font-size:1.02rem;line-height:1.75}.help-section p strong{color:#fff8f2}.help-capability-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}.help-capability{padding:1.35rem 1.5rem;border-radius:24px;background:#070911;border:1px solid rgba(196,205,255,.12);box-shadow:0 22px 50px #00000038;transition:transform .2s ease,border-color .2s ease,box-shadow .25s ease}.help-capability:hover{transform:translateY(-3px);border-color:#c2ad268f;box-shadow:0 0 60px #6e69372b}.help-capability h3{font-weight:700;font-size:1.05rem;color:#fff8f2;margin-bottom:.75rem;letter-spacing:-.01em}.help-capability p{color:#f4f0ffc2;font-size:.96rem;line-height:1.7;margin:0;max-width:none}.help-step-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}.help-step{padding:1.5rem;border-radius:24px;text-align:left;background:#070911;border:1px solid rgba(196,205,255,.12);box-shadow:0 22px 50px #00000038;transition:transform .2s ease,border-color .2s ease,box-shadow .25s ease}.help-step:hover{transform:translateY(-3px);border-color:#a855f766;box-shadow:0 0 60px #4c376e59}.help-step-mark{display:inline-flex;align-items:center;justify-content:center;width:2.35rem;height:2.35rem;border-radius:999px;background:#ffb36824;color:#ffbf73;font-weight:700;font-size:1rem;margin-bottom:1.1rem}.help-step h3{font-weight:700;font-size:1.1rem;color:#fff8f2;margin-bottom:.75rem;letter-spacing:-.01em}.help-step p{color:#f4f0ffc2;font-size:.96rem;line-height:1.7;margin:0;max-width:none}.help-step p strong{color:#ffe2a8}.help-declaration{position:relative;z-index:10;width:min(1180px,calc(100% - 48px));margin:0 auto 2rem;padding:1.6rem 1.8rem;border:1px solid rgba(196,205,255,.12);border-radius:24px;background:#070911;display:flex;flex-direction:column;gap:1rem}.help-declaration-copy{display:grid;gap:.5rem}.help-declaration-copy p{color:#ffcf7d;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase}.help-declaration-copy h2{font-size:1.3rem;color:#fff8f2;letter-spacing:-.01em}.help-declaration-body{max-width:64rem;color:#f4f0ffc7;font-size:.98rem;line-height:1.7}.help-declaration-body strong{color:#fff8f2}.help-warning{display:inline-flex;align-items:flex-start;color:#ffb8b8;font-size:.98rem;font-weight:600;line-height:1.5}@media(max-width:1024px){.help-capability-grid,.help-step-grid{grid-template-columns:1fr}.help-declaration{flex-direction:column;align-items:flex-start}}@media(max-width:768px){.help-content,.help-declaration{width:min(100% - 32px,1180px)}.help-content{gap:3rem;padding-top:4.5rem}}@media(max-width:480px){.help-content,.help-declaration{width:calc(100% - 24px)}.help-step,.help-declaration{border-radius:20px}}#app{display:flex;flex-direction:column;height:100vh;width:100%;max-width:100%;overflow:hidden}#app>main{flex:1;padding:16px 120px 24px;min-height:0;overflow:hidden;background-color:#050505;background-size:40px 40px,40px 40px,100% 100%}.home-page{display:grid;grid-template-rows:1.85fr .75fr;gap:16px;height:100%;min-height:0}.bottom-section{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(360px,1.4fr);gap:16px;min-height:0}.home-card{position:relative;background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 8px 24px #00000059;min-height:0}.home-card-menu.active{color:var(--text-color);background:#ffffff1a}.home-config-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:24px;background:#000000b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.home-config-panel{position:relative;width:min(100%,480px);max-width:min(100%,480px);z-index:101;padding:16px 18px;border-radius:var(--border-radius);border:1px solid var(--card-border);background-color:var(--card-bg);box-shadow:0 20px 48px #0000008c;box-sizing:border-box}.home-config-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--card-border)}.home-config-title{margin:0;font-size:1rem;font-weight:600;color:var(--text-color)}.home-config-close-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--card-border);border-radius:8px;background:transparent;color:var(--text-dim);cursor:pointer;flex-shrink:0;transition:color .15s ease,border-color .15s ease,background .15s ease}.home-config-close-btn:hover{color:var(--text-color);border-color:#ffffff29;background:#ffffff0f}.home-config-section{display:flex;flex-direction:column;gap:14px}.home-config-action-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.home-config-action-row .home-config-hint{flex:1;min-width:0;margin:0}.home-config-device-select{flex-shrink:0;max-width:min(240px,52%)}.home-config-device-select__input{max-width:160px}.home-config-slider-row{display:flex;align-items:center;gap:10px;flex-shrink:0;width:min(220px,46%);min-width:160px}.home-config-slider-row .home-config-slider{flex:1;min-width:0}.home-config-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.home-config-label{font-size:.9rem;font-weight:400;color:var(--text-main);line-height:1.3}.home-config-value-badge{font-size:.75rem;font-weight:400;color:var(--text-main);border-radius:6px;padding:2px 8px;line-height:1.4;flex-shrink:0;background:var(--accent-purple-dim)}.home-config-hint{font-size:.82rem;color:var(--text-dim);margin:0;line-height:1.35}.home-config-empty{font-size:.78rem;color:var(--text-dim);margin:0;line-height:1.4}.home-config-switch-row{display:flex;align-items:center;gap:10px;cursor:pointer}.home-config-switch-row:has(.home-config-switch-input:disabled){cursor:not-allowed}.home-config-switch-input{position:absolute;opacity:0;width:0;height:0;margin:0;pointer-events:none}.home-config-switch{position:relative;width:40px;height:22px;flex-shrink:0;border-radius:6px;background:#ffffff29;transition:background-color .25s ease}.home-config-switch:after{content:"";position:absolute;top:2px;left:3px;width:17px;height:17px;border-radius:4px;background:#fff;transition:transform .25s ease}.home-config-switch-input:checked+.home-config-switch{background:var(--accent-purple-bright)}.home-config-switch-input:checked+.home-config-switch:after{transform:translate(18px)}.home-config-switch-input:disabled+.home-config-switch{opacity:.45}.home-config-switch-row:has(.home-config-switch-input:focus-visible) .home-config-switch{outline:2px solid var(--accent-purple-bright);outline-offset:2px}@media(prefers-reduced-motion:reduce){.home-config-switch,.home-config-switch:after{transition:none}}.home-config-action-btn{width:96px;min-width:96px;flex-shrink:0;white-space:nowrap;text-align:center;padding:10px 12px;border:1px solid var(--card-border);border-radius:8px;background:#ffffff0f;color:var(--text-color);font-size:.85rem;font-weight:600;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.home-config-action-btn:hover:not(:disabled){background:#ffffff1a;border-color:#ffffff29}.home-config-action-btn:disabled{opacity:.45;cursor:not-allowed}.home-config-action-btn--danger{border-color:#f8717159;color:#fca5a5}.home-config-action-btn--danger:hover:not(:disabled){background:#f871711f;border-color:#f8717180}.play-btn:disabled:not(.play-btn--idle){opacity:.45;cursor:not-allowed;box-shadow:none}.home-config-slider{width:100%;height:6px;margin:0;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent;border-radius:999px;outline:none;cursor:pointer;touch-action:none}.home-config-slider:disabled{opacity:.45;cursor:not-allowed}.home-config-slider::-webkit-slider-runnable-track{height:6px;background:#ffffff1f;border-radius:999px}.home-config-slider::-webkit-slider-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:16px;height:16px;margin-top:-5px;border-radius:50%;border:2px solid var(--accent-purple-bright);background:var(--card-bg);box-shadow:0 0 8px #a855f773;cursor:pointer}.home-config-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;border:2px solid var(--accent-purple-bright);background:var(--card-bg);box-shadow:0 0 8px #a855f773;cursor:pointer}.home-config-slider::-moz-range-track{height:6px;background:#ffffff1f;border-radius:999px}.home-card-header{display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:8px;min-height:44px;height:44px;padding:0 14px 0 18px;border-bottom:1px solid var(--card-border);flex-shrink:0}.home-card-title{font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text-color);min-width:0;justify-self:start}.home-card-menu{display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:0;height:auto;padding:2px;justify-self:end;flex-shrink:0;border:none;border-radius:4px;background:transparent;color:var(--text-dim);cursor:pointer;line-height:0;transition:color .2s,background .2s}.home-card-menu svg{display:block}.home-card-menu:hover{color:var(--text-color);background:#ffffff0f}.home-card-body{flex:1;min-height:0;display:flex;flex-direction:column}.pitch-graph-container{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;width:100%;height:100%;min-height:0;flex:1;overflow:hidden;position:relative;background:#0f0f0f}.pitch-upload-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:10px;overflow:hidden;background:#0505058c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.pitch-upload-panel{width:min(560px,100%);max-height:100%;min-height:0;padding:20px 20px 16px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#121216d1;box-shadow:0 16px 48px #00000073;text-align:center;display:flex;flex-direction:column;justify-content:flex-start;gap:4px;overflow:hidden}.pitch-upload-panel-body{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column;width:100%;padding-right:2px}.pitch-upload-title{margin:0 0 12px;flex-shrink:0;font-size:1.1rem;font-weight:600;color:var(--text-color)}.pitch-upload-subtitle{margin:0 0 28px;font-size:.84rem;line-height:1.55;color:var(--text-dim)}.pitch-upload-file-input{display:none}.pitch-upload-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:17.5px 16px;border:none;border-radius:8px;background:var(--sing-btn-gradient);color:var(--sing-btn-text);font-size:1rem;font-weight:700;cursor:pointer;transition:transform .2s ease,box-shadow .25s ease;box-shadow:var(--sing-btn-shadow)}.pitch-upload-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--sing-btn-shadow-hover)}.pitch-upload-btn:disabled{opacity:.55;cursor:not-allowed}.pitch-upload-disclaimer{margin:14px 0 0;font-size:.78rem;line-height:1.5;color:#ffffff6b;text-align:center}.pitch-upload-btn--continue{width:auto;flex:1 1 auto;min-width:0;padding:10px 16px}.pitch-upload-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;margin:0 0 12px;text-align:left}.pitch-upload-field-row{display:grid;grid-template-columns:6.75rem minmax(0,1fr);gap:12px;align-items:center;width:100%;margin:0 0 12px;text-align:left}.pitch-upload-field-label{font-size:.84rem;font-weight:500;color:#f7f4efe0}.pitch-upload-title-input-row{display:flex;align-items:center;gap:10px;width:100%}.pitch-upload-title-input{flex:1 1 auto;min-width:0;padding:10px 12px;border:1px solid var(--card-border);border-radius:8px;background:#00000059;color:var(--text-color);font-size:.86rem}.pitch-upload-title-input:focus{outline:none;border-color:#7c3aed8c}.pitch-upload-title-input-row .pitch-upload-search-btn{width:auto;margin:0;min-width:96px;padding:10px 16px;flex-shrink:0}.pitch-upload-vocal-range-select{flex:1 1 auto;min-width:0;padding:10px 12px;border:1px solid var(--card-border);border-radius:8px;background:#00000059;color:var(--text-color);font-size:.86rem;cursor:pointer}.pitch-upload-vocal-range-select:focus{outline:none;border-color:#7c3aed8c}.pitch-upload-vocal-range-select option{background:var(--card-bg);color:var(--text-color)}.pitch-upload-field{display:flex;flex-direction:column;gap:6px;font-size:.72rem;color:var(--text-dim)}.pitch-upload-field input{width:100%;padding:10px 12px;border:1px solid var(--card-border);border-radius:8px;background:#00000059;color:var(--text-color);font-size:.86rem}.pitch-upload-field input:focus{outline:none;border-color:#7c3aed8c}.pitch-upload-search-btn{width:100%;margin:0 0 12px;padding:11px 16px;border:none;border-radius:6px;background:var(--pause-btn-gradient);color:var(--pause-btn-text);font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:background .15s ease,box-shadow .15s ease;flex-shrink:0}.pitch-upload-search-btn:hover:not(:disabled){background:#8b5cf6}.pitch-upload-search-btn:disabled{opacity:.5;cursor:not-allowed}.pitch-upload-empty{margin:0 0 12px;font-size:.8rem;color:var(--text-dim)}.pitch-upload-results{width:100%;flex:1 1 auto;min-height:0;overflow-y:auto;border-top:1px solid rgba(255,255,255,.08);text-align:left}.pitch-upload-result{display:flex;align-items:center;gap:12px;padding:12px;border-bottom:1px solid rgba(255,255,255,.06)}.pitch-upload-result.selected{background:#7c3aed14}.pitch-upload-result-main{flex:1 1 auto;min-width:0}.pitch-upload-result-title-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:4px}.pitch-upload-result-title{font-size:.92rem;font-weight:600;color:var(--text-color)}.pitch-upload-result-duration{font-size:.72rem;font-weight:500;color:var(--text-dim)}.pitch-upload-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:.62rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.pitch-upload-badge--synced{background:#7c3aed;color:#fff}.pitch-upload-result-subtitle{font-size:.74rem;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pitch-upload-result-actions{display:flex;flex-shrink:0;gap:6px}.pitch-upload-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#ffffff08;color:#ffffffb8;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.pitch-upload-icon-btn:hover{background:#ffffff14;color:#fff}.pitch-upload-icon-btn.active{border-color:#7c3aed8c;background:#7c3aed1f;color:#c4b5fd}.pitch-upload-footer{display:flex;gap:10px;width:100%;margin-top:10px;flex-shrink:0}.pitch-upload-secondary-btn{flex:0 0 auto;padding:10px 14px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:transparent;color:var(--text-dim);font-size:.82rem;cursor:pointer}.pitch-upload-secondary-btn:hover:not(:disabled){color:var(--text-color);border-color:#ffffff2e}.pitch-upload-preview-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:24px;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pitch-upload-preview-panel{width:min(520px,100%);max-height:min(80vh,500px);display:flex;flex-direction:column;gap:14px;padding:18px 18px 20px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#121216f5;box-shadow:0 16px 48px #00000073}.pitch-upload-preview-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;text-align:left}.pitch-upload-preview-header h4{margin:0;font-size:1rem;color:var(--text-color)}.pitch-upload-preview-header p{margin:4px 0 0;font-size:.82rem;color:var(--text-dim)}.pitch-upload-preview-close{border:none;background:transparent;color:var(--text-dim);font-size:1.5rem;line-height:1;cursor:pointer}.pitch-upload-preview-body{flex:1 1 auto;min-height:0;overflow-y:auto;padding-right:4px;text-align:left}.pitch-upload-preview-line{display:grid;grid-template-columns:72px 1fr;gap:10px;padding:6px 0;font-size:.82rem;border-bottom:1px solid rgba(255,255,255,.04)}.pitch-upload-preview-line span:first-child{color:#a78bfa;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.74rem}.pitch-upload-preview-line span:last-child{color:var(--text-color)}.pitch-upload-progress{margin-top:10px;text-align:left;flex-shrink:0}.pitch-upload-progress-label{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px;font-size:.75rem;color:var(--text-dim)}.pitch-upload-progress-label span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pitch-upload-progress-track{height:6px;border-radius:999px;background:#ffffff14;overflow:hidden}.pitch-upload-progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#a855f7,#eab308);transition:width .25s ease}.pitch-upload-error{margin:8px 0 0;flex-shrink:0;font-size:.8rem;color:#f87171;line-height:1.4}.graph-placeholder{color:var(--text-dim);font-size:.9rem;letter-spacing:1px}#pitchCanvas{width:100%;height:100%;display:block}#playhead-line{position:absolute;top:0;bottom:0;width:2px;background-color:#ffffffd9;z-index:10;pointer-events:none;transition:background-color .2s ease;box-shadow:0 0 8px #ffffff59}#playhead-line.recording{background-color:var(--accent-yellow);box-shadow:0 0 10px #facc1580}.selection-area{flex:1;display:flex;flex-direction:column;min-height:0}.list-headers{display:grid;grid-template-columns:.5fr 1.5fr;background:linear-gradient(to right,var(--accent-purple),var(--accent-purple-bright));padding:10px 0;font-weight:600;font-size:1rem;flex-shrink:0}.header-cell{padding:0 15px}.list-content{flex:1;display:grid;grid-template-columns:.5fr 1.5fr;min-height:0}.column{display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.column::-webkit-scrollbar{display:none}.artist-col{border-right:4px solid var(--divider-color)}.artist-header{display:flex;justify-content:space-between;align-items:center}.lang-select{border-radius:6px;border:0;cursor:pointer;background:transparent;color:var(--text-color);font-size:1rem}.lang-select option{font-size:1rem;background:var(--card-bg);color:var(--text-color)}.song-item{display:flex;justify-content:space-between;align-items:center}.column-item{padding:12px 15px;border-bottom:2px solid rgba(255,255,255,.05);cursor:pointer;font-size:.9rem;transition:background .2s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0}.column-item:hover{background-color:#ffffff0d}.column-item.active{background-color:#7c4dff1a;color:var(--accent-purple);border-left:3px solid var(--accent-purple)}.player-card{container-type:inline-size;container-name:player-card}.player-card-header--review{grid-template-columns:1fr auto auto}.player-review-mode-label{justify-self:end;margin-right:4px;padding:4px 10px;border-radius:4px;border:1px solid rgba(234,179,8,.45);background:#eab30824;color:#fde68a;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.player-card .home-card-body{justify-content:stretch;min-width:0}.player-area{flex:1;min-height:0;min-width:0;background-color:transparent;padding:10px 16px 14px;display:flex;flex-direction:column;justify-content:flex-start;gap:10px;overflow:hidden;box-sizing:border-box}.player-track-title{font-size:1rem;font-weight:600;color:var(--text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;line-height:1.4;flex-shrink:0;padding-top:20px;padding-bottom:10px}.controls-row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;width:100%;min-width:0;flex-shrink:0}.controls{display:inline-flex;align-items:center;justify-content:center;gap:14px;width:fit-content;max-width:100%;margin:0;justify-self:center;grid-column:2;min-width:0;flex-shrink:0}.transport-btn{width:52px;height:52px;min-width:52px;min-height:52px;max-width:52px;max-height:52px;flex:0 0 52px;border:none;border-radius:50%;background:transparent;color:#ffffffb8;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:color .2s,background .2s,transform .1s}.transport-btn:hover{color:var(--text-color);background:#ffffff14}.transport-btn:active{transform:scale(.94)}.play-btn{width:56px;height:56px;min-width:56px;min-height:56px;max-width:56px;max-height:56px;flex:0 0 56px;aspect-ratio:1 / 1;padding:0;border-radius:50%;background:var(--sing-btn-gradient);border:none;color:var(--sing-btn-text);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;box-sizing:border-box;box-shadow:var(--sing-btn-shadow-compact);transition:transform .2s ease,box-shadow .25s ease,background .2s,color .2s}.play-btn:hover:not(:disabled):not(.play-btn--playing):not(.play-btn--review):not(.play-btn--idle){box-shadow:var(--sing-btn-shadow-compact-hover)}.play-btn--idle,.play-btn--idle:disabled{opacity:1;background:#ffffff1a;color:#9ca3af;box-shadow:none;cursor:not-allowed}.play-btn--playing{background:var(--pause-btn-gradient);color:var(--pause-btn-text);box-shadow:var(--pause-btn-shadow-compact)}.play-btn--playing:hover:not(:disabled){box-shadow:var(--pause-btn-shadow-compact-hover)}.play-btn--review{background:#0c0b11;color:#eab308;box-shadow:0 1px 10px #eab308;border:2px solid #eab308}.play-btn--review:hover{background:#15141c;color:#facc15}.play-btn--review-pause{color:var(--accent-purple-bright);border-color:var(--accent-purple-bright);box-shadow:0 1px 10px #a855f773}.play-btn--review-pause:hover{color:var(--accent-purple);border-color:var(--accent-purple)}.play-btn:active{transform:scale(.95)}.progress-row{display:flex;align-items:center;gap:10px;width:100%;flex-shrink:0}.time-current,.time-duration{font-size:.8rem;color:#b0b0b0;min-width:35px;flex-shrink:0}.progress-bar-container{width:100%;height:5px;min-height:5px;background-color:#ffffff1f;border-radius:999px;position:relative;cursor:pointer;display:block;overflow:visible;flex:1;margin-bottom:0;touch-action:none}.progress-bar-container:not(.is-playing){cursor:grab}.progress-bar-container.is-dragging{cursor:grabbing}.progress-bar-container.is-dragging .progress-fill{transition:none}.progress-fill{width:0;height:100%;background:linear-gradient(90deg,#a855f7,#eab308);border-radius:999px;position:relative;transition:width .1s linear}.progress-thumb{width:12px;height:12px;background:#fff;border-radius:50%;position:absolute;right:-6px;top:50%;transform:translateY(-50%);border:none;box-shadow:0 0 6px #00000073;z-index:10}.mic-select-wrapper{display:flex;align-items:center;gap:8px;padding:6px 10px;background:#ffffff0a;border:1px solid var(--card-border);border-radius:10px;color:var(--text-dim);width:auto;min-width:0;max-width:100%;box-sizing:border-box;grid-column:1;justify-self:start}.mic-select-wrapper svg:first-of-type{flex-shrink:0}.mic-select{background:transparent;border:none;border-radius:0;color:var(--text-color);font-size:.75rem;padding:0;flex:0 1 auto;min-width:0;width:auto;max-width:132px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-overflow:ellipsis}.mic-chevron{flex-shrink:0;pointer-events:none;opacity:.7}.mic-select:hover{border-color:var(--card-bg);background:var(--card-bg)}.mic-select:disabled{opacity:.4;cursor:not-allowed}.mic-select option{background:var(--card-bg);color:var(--text-color)}.volume-control{display:flex;align-items:center;justify-content:flex-end;gap:8px;width:auto;min-width:0;color:var(--text-dim);grid-column:3;justify-self:end}.volume-icon{flex-shrink:0}.volume-mute-btn{display:flex;align-items:center;justify-content:center;padding:0;border:none;background:transparent;color:var(--text-dim);cursor:pointer;flex-shrink:0;transition:color .15s ease,opacity .15s ease}.volume-mute-btn:hover{color:var(--text-color)}.volume-mute-btn.is-muted{color:#ffffff73}.volume-mute-btn.is-muted:hover{color:#ffffffb8}.volume-fill--muted{opacity:.35}.volume-bar{width:96px;height:5px;min-height:5px;background-color:#ffffff1f;border-radius:999px;cursor:pointer;position:relative;overflow:visible;touch-action:none}.volume-fill{width:50%;height:100%;background:var(--pause-btn-gradient);border-radius:999px;position:relative;flex-shrink:0;pointer-events:none}.volume-thumb{width:14px;height:14px;background:#fff;border-radius:50%;position:absolute;right:-5px;top:50%;transform:translateY(-50%);box-shadow:0 0 4px #00000073;pointer-events:none}.visualizer-body{overflow:hidden}.visualizer-card .waveform-visualizer-area{flex:1;min-height:0;border-bottom:none}.waveform-visualizer-area{flex:1;min-height:0;position:relative}#waveformCanvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;display:block}.waveform-center-line{position:absolute;left:24px;right:22px;top:50%;height:3px;transform:translateY(-50%);background-color:#4a4a4a08;pointer-events:none;z-index:2;transition:background-color .2s ease,box-shadow .2s ease;border-radius:4px}.waveform-indicator-bar{position:absolute;right:18px;top:20px;bottom:20px;width:6px;border-radius:5px;background-color:#444;pointer-events:none;z-index:10}.waveform-indicator-bar.recording{background-color:var(--accent-yellow);box-shadow:0 0 6px #7c4dff}@keyframes bounce{0%,to{height:20%;opacity:.5}50%{height:100%;opacity:1}}.lyrics-area{flex:.8;min-height:0;padding:14px 20px 18px;text-align:center;background:transparent;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;gap:10px}.lyrics-area--pitch{position:absolute;left:0;right:0;bottom:6%;z-index:6;flex:none;padding:0 24px;pointer-events:none;gap:8px}.lyric-line{text-align:center;transition:all .3s ease;width:100%}.lyric-line.active{font-size:1.35rem;font-weight:700;color:var(--accent-yellow);text-shadow:0 0 18px rgba(250,204,21,.25);opacity:1;transform:scale(1.02)}.lyric-line.prev,.lyric-line.next{font-size:1rem;color:var(--text-dim);opacity:.55;filter:blur(.5px)}.lyrics-area--pitch .lyric-line.active{font-size:1.8rem;font-weight:700;line-height:1.35}.lyrics-area--pitch .lyric-line.next{font-size:1.2rem;opacity:.5;line-height:1.3}.lyric-line.empty{height:1.2rem}#monitor-container{position:relative;width:100%;flex:1 1 auto;min-height:0;height:auto;background:#0f0f0f;border:none;box-shadow:none;overflow:hidden;border-radius:0}#monitor-container canvas{display:block;width:100%;height:100%;border-radius:inherit}.monitor-container--preview{padding:0 16px 0 0}.monitor-container--preview.monitor-container--review{padding:0 8px 0 0}.monitor-container--preview canvas{width:100%;height:100%}.pitch-review-controls{position:absolute;top:10px;right:4px;bottom:10px;z-index:10;display:flex;flex-direction:row;align-items:flex-start;gap:10px;pointer-events:auto}.pitch-review-controls .pitch-preview-vscroll{position:static;top:auto;right:auto;bottom:auto;height:100%;flex-shrink:0}.pitch-preview-vscroll{position:absolute;top:10px;right:4px;bottom:10px;width:14px;z-index:8;display:flex;flex-direction:column;align-items:center;gap:4px;pointer-events:auto}.pitch-preview-vscroll__arrow{flex:0 0 auto;width:0;height:0;padding:0;border:none;background:transparent;cursor:pointer;opacity:.42;transition:opacity .15s ease}.pitch-preview-vscroll__arrow:hover{opacity:.72}.pitch-preview-vscroll__arrow--up{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:5px solid rgba(255,255,255,.45)}.pitch-preview-vscroll__arrow--down{border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid rgba(255,255,255,.45)}.pitch-preview-vscroll__track{flex:1 1 auto;width:100%;min-height:0;position:relative;background:#ffffff08;border-radius:999px;cursor:pointer;touch-action:none}.pitch-preview-vscroll__thumb{position:absolute;left:50%;width:4px;height:56px;border-radius:999px;background:#ffffff47;transform:translate(-50%,-50%);pointer-events:none}.pitch-review-prompt{position:absolute;top:0;right:0;bottom:0;left:0;z-index:12;display:flex;align-items:center;justify-content:center}.pitch-review-prompt__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#08080859;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.pitch-review-prompt__btn{position:relative;z-index:1}.pitch-review-toolbar{display:flex;flex-direction:row;align-items:flex-start;gap:8px;flex-shrink:0}.pitch-review-toolbar__btn{box-sizing:border-box;height:50px;padding:0 21px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#ffffff0f;color:var(--text-dim);font-size:1rem;font-weight:600;white-space:nowrap;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;transition:background .15s ease,border-color .15s ease,color .15s ease}.pitch-review-toolbar__btn:hover{background:#ffffff1a;color:var(--text-color)}.pitch-review-toolbar__btn--offkeys{border-color:#eab3088c;background:#eab3082e;color:#fde68a}.pitch-review-toolbar__btn--offkeys:hover,.pitch-review-toolbar__btn--offkeys.pitch-review-toolbar__btn--active{background:#eab3084d;border-color:#facc15a6;color:#fef9c3}.pitch-review-offkeys{position:relative;flex:0 0 auto}.pitch-review-offkeys__menu{position:absolute;top:calc(100% + 8px);left:0;z-index:20;min-width:240px;max-width:min(300px,70vw);max-height:min(280px,45vh);overflow-y:auto;padding:6px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#121018f5;box-shadow:0 16px 36px #00000073}.pitch-review-offkeys__summary{padding:10px 12px 8px;color:#fde68a;font-size:.88rem;font-weight:600;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:4px}.pitch-review-offkeys__empty{padding:12px 14px;color:var(--text-dim);font-size:.92rem}.pitch-review-offkeys__item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:none;border-radius:8px;background:transparent;color:var(--text-color);font-size:.92rem;text-align:left;cursor:pointer;transition:background .15s ease}.pitch-review-offkeys__item:hover{background:#eab30829}.pitch-review-offkeys__item-time{flex:1 1 auto;min-width:0;font-variant-numeric:tabular-nums;color:#e5e7eb;font-weight:600;white-space:nowrap}.pitch-review-offkeys__item-label{font-size:.82rem;font-weight:700;color:#fbbf24;text-transform:uppercase;letter-spacing:.03em}.pitch-review-toolbar__btn--alignment{border-color:#aa78008c;background:#aa780038;color:#fcd34d}.pitch-review-toolbar__btn--alignment:hover,.pitch-review-toolbar__btn--alignment.pitch-review-toolbar__btn--active{background:#aa780057;border-color:#ca8a04b3;color:#fef08a}.pitch-review-alignment{position:relative;flex:0 0 auto}.pitch-review-alignment__menu{position:absolute;top:calc(100% + 8px);right:0;z-index:20;min-width:220px;max-width:min(280px,70vw);max-height:min(280px,45vh);overflow-y:auto;padding:6px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#121018f5;box-shadow:0 16px 36px #00000073}.pitch-review-alignment__empty{padding:12px 14px;color:var(--text-dim);font-size:.92rem}.pitch-review-alignment__item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:none;border-radius:8px;background:transparent;color:var(--text-color);font-size:.92rem;text-align:left;cursor:pointer;transition:background .15s ease}.pitch-review-alignment__item:hover{background:#aa78002e}.pitch-review-alignment__item-time{font-variant-numeric:tabular-nums;color:#e5e7eb;font-weight:600}.pitch-review-alignment__item-label{font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.pitch-review-alignment__item-label--late{color:#fbbf24}.pitch-review-alignment__item-label--early{color:#93c5fd}.pitch-review-toolbar__btn--primary{border-color:#a855f773;background:#6c20f338;color:#f3e8ff}.pitch-review-toolbar__btn--primary:hover{background:#6c20f357;color:#fff}.pitch-review-prompt .pitch-review-prompt__btn.pitch-review-toolbar__btn{height:75px;min-height:75px;padding:0 32px;border-radius:12px;font-size:1.5rem;font-weight:700}#note-display{position:absolute;top:14px;left:50%;transform:translate(-50%);font-size:2.75rem;font-weight:700;color:var(--accent-yellow);text-shadow:0 0 24px rgba(250,204,21,.35);pointer-events:none;z-index:5;letter-spacing:.02em;text-align:center;line-height:1}.result-modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:450px;height:400px;display:flex;flex-direction:column;background-color:var(--card-bg);border-radius:12px;overflow:hidden;box-shadow:0 10px 30px #0009;color:var(--text-color);z-index:100}.result-header{display:flex;flex-shrink:0;background:linear-gradient(45deg,var(--accent-purple),var(--accent-purple-bright));padding:12px 16px;font-size:1rem;font-weight:700}.result-body{display:flex;flex-direction:column;flex:1;overflow-y:auto}.result-body::-webkit-scrollbar{width:6px}.result-body::-webkit-scrollbar-track{background:transparent}.result-body::-webkit-scrollbar-thumb{background:#ffffff47;border-radius:4px}.result-body::-webkit-scrollbar-thumb:hover{background:#ffffff6b}.result-row{display:flex;padding:12px 14px;font-size:1rem;align-items:center}.result-row:nth-child(odd){background-color:var(--card-bg)}.result-row:nth-child(2n){background-color:var(--card-bg-grey)}.result-row.has-audio{cursor:pointer;transition:background-color .2s}.result-row.has-audio:hover{background-color:#444!important}.play-icon{display:inline-block;color:#a64dff;font-size:12px;margin-right:6px;vertical-align:middle}.col-lyrics{flex:1;text-align:left}.col-offkey{width:80px;text-align:center}.pill{display:inline-block;padding:4px 12px;border-radius:20px;font-weight:700;font-size:1rem}.pill-med{background-color:#d98888}.pill-high{background-color:#e54d4d}@media only screen and (max-width:1024px)and (min-width:601px){#app:has(.home-page){height:100dvh;max-height:100dvh;overflow:hidden}#app>main:has(.home-page){padding:6px 16px 8px;overflow:hidden;min-height:0}.home-page{gap:8px;grid-template-rows:minmax(0,1.35fr) minmax(0,.92fr);min-height:0;max-height:100%}.pitch-card{min-height:0;max-height:100%}.pitch-card .home-card-header{min-height:34px;height:34px}.pitch-graph-container{min-height:0;flex:1 1 auto}#monitor-container{flex:1 1 auto;min-height:0;max-height:100%}#note-display{font-size:2rem;top:8px}.bottom-section{gap:8px;min-height:0}.player-area{padding:4px 12px 10px;gap:8px}.player-track-title{font-size:.88rem;line-height:1.3;padding-top:10px}.progress-row{gap:8px}.time-current,.time-duration{font-size:.72rem;min-width:32px}.controls-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto;gap:8px 10px}.controls{grid-column:1 / -1;grid-row:1;justify-self:center;gap:8px;max-width:100%}.mic-select-wrapper{grid-column:1;grid-row:2;justify-self:start;max-width:100%;padding:5px 8px}.mic-select{max-width:120px;font-size:.7rem}.volume-control{grid-column:2;grid-row:2;justify-self:end}.play-btn{width:38px;height:38px;min-width:38px;min-height:38px;max-width:38px;max-height:38px;flex:0 0 38px;box-shadow:var(--sing-btn-shadow-compact)}.play-btn svg{width:18px;height:18px}.play-btn--playing{box-shadow:var(--pause-btn-shadow-compact)}.transport-btn{width:34px;height:34px;min-width:34px;min-height:34px;max-width:34px;max-height:34px;flex:0 0 34px}.transport-btn svg{width:22px;height:22px}.volume-icon{width:20px;height:20px}.volume-bar{width:64px}}@media only screen and (max-height:820px)and (min-width:601px)and (max-width:1024px){#app>main:has(.home-page){padding:4px 12px 6px}.home-page{gap:6px;grid-template-rows:minmax(0,1.2fr) minmax(0,.95fr)}.pitch-card .home-card-header{min-height:30px;height:30px}#note-display{font-size:1.75rem;top:6px}}@media only screen and (max-width:600px){#app{overflow-y:auto;-webkit-overflow-scrolling:touch}#app>main{padding:8px 8px 16px;height:auto;min-height:100vh}#app>main:has(.home-page){padding-left:0;padding-right:0;padding-top:0}.home-page{display:flex;flex-direction:column;gap:10px;height:auto;min-height:calc(100vh - 72px)}.home-page .home-card{border-radius:0;border-left:none;border-right:none}.bottom-section{display:flex;flex-direction:column;gap:10px;height:auto;order:2;flex-shrink:0}.pitch-card{order:1;display:flex;flex-direction:column;flex:1 1 auto;min-height:65vh}.pitch-graph-container{flex:1 1 auto;min-height:300px}#monitor-container{flex:1 1 auto;min-height:320px}.visualizer-card{order:1;flex-shrink:0;height:118px;max-height:118px;padding-bottom:0}.player-card{order:2;flex-shrink:0;height:auto;min-height:170px;max-height:none}.home-card-header{min-height:34px;height:34px}.visualizer-body{flex:1;min-height:0;display:flex;flex-direction:column;align-items:stretch;justify-content:center;overflow:hidden;padding:0}.visualizer-card .waveform-visualizer-area{flex:0 0 auto;width:100%;height:72px;min-height:72px;max-height:72px}.waveform-center-line{left:8px;right:8px}.waveform-indicator-bar{top:6px;bottom:6px;right:8px}.player-card .home-card-body{padding:0}.mic-select-wrapper{display:none}.lyrics-area--pitch{bottom:4%;padding:0 16px}.lyrics-area--pitch .lyric-line.active{font-size:1.45rem}.lyrics-area--pitch .lyric-line.next{font-size:1.05rem}.lyric-line.active{font-size:1.15rem}.lyric-line.prev{display:none}.lyric-line.next{font-size:.9rem}.player-area{min-height:0;justify-content:flex-start;padding:8px 14px 14px}.player-track-title{margin:0 0 4px;font-size:.9rem;line-height:1.3}.play-btn{width:42px;height:42px;min-width:42px;min-height:42px;max-width:42px;max-height:42px;flex:0 0 42px;box-shadow:var(--sing-btn-shadow-compact)}.play-btn--playing{box-shadow:var(--pause-btn-shadow-compact)}.transport-btn{width:38px;height:38px;min-width:38px;min-height:38px;max-width:38px;max-height:38px;flex:0 0 38px}.controls-row{grid-template-columns:auto 1fr auto;gap:8px}.controls{grid-column:2;justify-self:center;margin:0;gap:10px}.volume-control{grid-column:3;justify-self:end}.play-btn svg{width:18px;height:18px}.transport-btn svg{width:24px;height:24px}.track-info h4{font-size:.95rem}#note-display{top:10px;font-size:2rem}}.legal-page-wrapper{min-height:100%;width:100%;margin:0;overflow-y:auto;overflow-x:hidden;box-sizing:border-box;color:#f7f4ef;display:flex;flex-direction:column;align-items:center;position:relative;background:radial-gradient(circle at top left,rgba(124,77,255,.34),transparent 32%),radial-gradient(circle at bottom right,rgba(250,204,21,.24),transparent 52%),linear-gradient(180deg,#07070b,#0d1020 48%,#05060a);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.legal-page-wrapper .welcome-pitch-grid-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;display:block;opacity:.42}.legal-content{position:relative;z-index:10;flex:1;width:min(760px,calc(100% - 48px));margin:0 auto;display:flex;flex-direction:column;gap:2rem;padding:5rem 0 4rem}.legal-hero{display:flex;flex-direction:column;gap:.75rem}.legal-hero h1{font-size:clamp(2.25rem,6vw,3.5rem);line-height:1.05;font-weight:800;letter-spacing:-.04em;color:#fff7ea}.legal-updated{color:#f4f0ff94;font-size:.9rem}.legal-intro{color:#f4f0ffd1;font-size:1rem;line-height:1.75;margin:0}.legal-body{display:flex;flex-direction:column;gap:2rem}.legal-section{display:flex;flex-direction:column;gap:.75rem}.legal-section h2{font-size:1.15rem;font-weight:700;color:#fff8f2;letter-spacing:-.01em}.legal-section p,.legal-section li{color:#f4f0ffc2;font-size:.98rem;line-height:1.75;margin:0}.legal-section ul{margin:0;padding-left:1.25rem;display:flex;flex-direction:column;gap:.45rem}.legal-section a{color:#ffcf7d;text-decoration:none}.legal-section a:hover{text-decoration:underline}.legal-page-wrapper--terms .legal-hero{padding-top:2.5rem}.legal-page-wrapper--terms .legal-section h2{text-align:center}@media(max-width:768px){.legal-content{width:min(100% - 32px,760px);padding-top:4.5rem}}@media(max-width:480px){.legal-content{width:calc(100% - 24px)}}.learn-page{display:grid;grid-template-columns:minmax(220px,25%) minmax(0,75%);gap:16px;height:100%;min-height:0}.learn-samples-panel{min-height:0}.learn-samples-panel__body{display:flex;flex-direction:column;gap:12px;min-height:0;overflow:hidden;padding:14px 16px 18px}.learn-samples-panel__hint{margin:0;color:var(--text-dim);font-size:.88rem;line-height:1.45;flex-shrink:0}.learn-samples-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;overflow-y:auto;min-height:0;flex:1}.learn-samples-list__item{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:12px 14px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:#ffffff08;color:var(--text-color);text-align:left;cursor:pointer;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease}.learn-samples-list__item:hover{background:#a855f71a;border-color:#a855f759}.learn-samples-list__item--selected{background:#6c20f32e;border-color:#a855f78c;box-shadow:inset 0 0 0 1px #a855f740}.learn-samples-list__item--minor{cursor:default}.learn-samples-list__item--minor:hover{background:#ffffff08;border-color:#ffffff1a}.learn-samples-list__item--minor.learn-samples-list__item--selected:hover{background:#6c20f32e;border-color:#a855f78c}.learn-samples-list__item-main{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:0;border:none;background:transparent;color:inherit;text-align:left;cursor:pointer}.learn-samples-list__variant-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;width:100%}.learn-samples-list__item-main--variant{flex:1;min-width:0;width:auto}.learn-samples-list__variant-control{flex:0 0 auto;margin-left:auto;align-self:flex-start}.learn-samples-list__variant-select{width:auto;min-width:0;max-width:none;padding:4px 8px;gap:4px;box-sizing:border-box}.learn-samples-list__variant-select__input{flex:0 0 auto;width:auto;min-width:0;max-width:none;padding:0;font-size:.88rem;font-weight:600;line-height:1.2}.learn-samples-list__scale{display:inline-flex;align-items:center;justify-content:center;min-width:28px;padding:4px 10px;border-radius:999px;background:#eab30829;border:1px solid rgba(234,179,8,.45);color:#fde68a;font-size:.88rem;font-weight:700;letter-spacing:.02em}.learn-samples-list__meta{font-size:.8rem;color:var(--text-dim);font-variant-numeric:tabular-nums}.learn-samples-panel__empty{padding:24px 12px;text-align:center;color:var(--text-dim);font-size:.92rem}.learn-samples-panel__footer{flex-shrink:0;display:flex;flex-direction:column;gap:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08);min-width:0}.learn-samples-note-selects{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px;align-items:end}.learn-samples-note-field{display:flex;flex-direction:column;gap:6px;min-width:0}.learn-samples-note-field label{margin:0;font-size:.72rem;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em}.learn-samples-note-select{width:100%;max-width:none;box-sizing:border-box}.learn-samples-note-select__input{flex:1;width:100%;max-width:none;font-size:.85rem;font-weight:600}.learn-samples-note-selects__arrow{padding-bottom:10px;color:#ffffff73;font-size:1rem;line-height:1}.learn-samples-play{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;width:100%;min-width:0;min-height:56px;padding-bottom:2px}.learn-samples-play__mic{grid-column:1;justify-self:start;max-width:min(100%,118px);min-width:0}.learn-samples-play .play-btn{grid-column:2;justify-self:center;flex-shrink:0}.learn-samples-mic-select{width:100%;max-width:100%;min-width:0;grid-column:unset;justify-self:unset;padding:6px 8px;gap:6px}.learn-samples-mic-select__input{flex:1 1 0;min-width:0;width:auto;max-width:92px;font-size:.72rem}.learn-pitch-card{min-height:0;min-width:0}.learn-pitch-empty{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;display:flex;align-items:center;justify-content:center;padding:24px;text-align:center;color:var(--text-dim);background:#0808088c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:none}.learn-pitch-empty p{margin:0;max-width:28rem;font-size:.95rem;line-height:1.5}@media(max-width:960px){.learn-page{grid-template-columns:1fr;grid-template-rows:minmax(220px,32%) minmax(0,1fr)}}@media(max-width:600px){#app>main:has(.learn-page){padding:12px 16px 20px}.learn-page{gap:12px}.learn-samples-panel__body{padding:12px 14px 16px}}.welcome-page{min-height:100%;background:radial-gradient(circle at top left,rgba(124,77,255,.34),transparent 32%),radial-gradient(circle at bottom right,rgba(250,204,21,.24),transparent 52%),linear-gradient(180deg,#07070b,#0d1020 48%,#05060a);color:#f7f4ef;display:flex;flex-direction:column;position:relative;overflow-x:hidden;overflow-y:auto}.welcome-page .welcome-pitch-grid-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;display:block;opacity:.42}.welcome-page .welcome-content{position:relative;z-index:10;flex:1;width:min(1180px,calc(100% - 48px));margin:0 auto;display:flex;flex-direction:column;gap:4.5rem;padding:7.5rem 0 5rem}.welcome-page .welcome-hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr);gap:1rem;align-items:center;position:relative}.welcome-page .welcome-hero-copy{display:flex;flex-direction:column;align-items:flex-start;text-align:left;justify-content:center;padding:3.5rem 0 2.5rem;max-width:40rem}.welcome-page .welcome-title-visual{position:absolute;top:50%;right:0;transform:translateY(-50%);display:flex;align-items:center;justify-content:flex-end;overflow:visible;width:min(62vw,980px);pointer-events:none}.welcome-page .welcome-kicker{display:inline-flex;align-items:center;gap:.65rem;padding:.45rem .9rem;border:1px solid rgba(190,196,255,.2);border-radius:999px;background:#0a0d1a94;color:#ddd5ff;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:1.4rem}.welcome-page .welcome-title{font-size:clamp(3.75rem,10vw,7.5rem);line-height:.92;font-weight:800;letter-spacing:-.06em;margin-bottom:1.35rem;text-transform:uppercase;color:#fff7ea}.welcome-page .welcome-title-pitch{display:block;padding-top:70px;width:60%;height:auto;object-fit:contain;flex:0 0 auto;filter:drop-shadow(0 0 22px rgba(168,85,247,.24))}@media(max-width:1024px){.welcome-page .welcome-title-visual{position:static;transform:none;width:100%;justify-content:flex-start;pointer-events:auto}.welcome-page .welcome-title-pitch{width:min(100%,778px);max-height:662px}}@media(max-width:640px){.welcome-page .welcome-title-pitch{width:min(100%,518px);max-height:446px}}.welcome-page .welcome-subtitle{max-width:38rem;color:#f7f4efd1;font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.7;margin-bottom:2.25rem}.welcome-page .welcome-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.welcome-page .welcome-btn-sing,.welcome-page .welcome-btn-help{display:inline-flex;align-items:center;justify-content:center;gap:.7rem;min-width:210px;padding:.95rem 1.5rem;border-radius:999px;text-decoration:none;font-size:.95rem;font-weight:700;letter-spacing:.04em;transition:transform .2s ease,box-shadow .25s ease,background-color .25s ease,border-color .25s ease}.welcome-page .welcome-btn-sing{border:none;background:var(--sing-btn-gradient);color:var(--sing-btn-text);cursor:pointer;box-shadow:var(--sing-btn-shadow)}.welcome-page .welcome-btn-sing:hover:not(:disabled),.welcome-page .welcome-btn-help:hover{transform:translateY(-2px)}.welcome-page .welcome-btn-sing:hover:not(:disabled){box-shadow:var(--sing-btn-shadow-hover)}.welcome-page .welcome-btn-sing:disabled{cursor:default;opacity:.88}.welcome-page .welcome-btn-help{border:1px solid rgba(168,85,247,.36);background:linear-gradient(135deg,#6c20f361,#a855f738);color:#f7f1ff;box-shadow:inset 0 0 0 1px #ffffff08,0 0 40px #6c20f32e}.welcome-page .welcome-btn-help:hover{border-color:#a855f7b3;box-shadow:0 0 44px #6c20f347}.welcome-page .welcome-reviews{width:100%;display:grid;gap:1.8rem}.welcome-page .welcome-section-heading{display:grid;gap:.55rem;max-width:45rem}.welcome-page .welcome-section-heading p{color:#ffcf7d;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase}.welcome-page .welcome-section-heading h2{font-size:clamp(1.75rem,3.4vw,3rem);line-height:1.08;letter-spacing:-.04em;color:#fff8f2}.welcome-page .welcome-review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}.welcome-page .welcome-review-card{padding:1.5rem;border-radius:24px;text-align:left;background:#070911;border:1px solid rgba(196,205,255,.12);box-shadow:0 22px 50px #00000038}.welcome-page .welcome-review-header{display:flex;align-items:center;gap:.9rem;margin-bottom:1.25rem}.welcome-page .welcome-review-mark{display:inline-flex;align-items:center;justify-content:center;width:2.35rem;height:2.35rem;border-radius:999px;background:#ffb36824;color:#ffbf73}.welcome-page .welcome-review-name{font-weight:700;font-size:1rem;color:#fff8f2}.welcome-page .welcome-review-text{color:#f4f0ffc2;font-size:.98rem;line-height:1.75}.welcome-page .welcome-footer{position:relative;z-index:10;width:min(1180px,calc(100% - 48px));margin:0 auto 2rem;padding:1.6rem 1.8rem;border:1px solid rgba(196,205,255,.12);border-radius:24px;background:#070911;display:flex;justify-content:space-between;align-items:center;gap:1.5rem}.welcome-page .welcome-footer-copy{display:grid;gap:.45rem}.welcome-page .welcome-footer-copy p{color:#ffcf7d;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase}.welcome-page .welcome-footer-copy h3{font-size:1.3rem;color:#fff8f2}.welcome-page .welcome-footer-contacts{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:1rem;color:#d1d5db;font-size:.92rem}.welcome-page .welcome-footer-contacts a{display:inline-flex;align-items:center;gap:.55rem;padding:.8rem 1rem;border-radius:999px;color:#f4f0ff;text-decoration:none;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);transition:transform .2s ease,border-color .2s ease}.welcome-page .welcome-footer-contacts a:hover{transform:translateY(-1px);border-color:#ffffff2e}.welcome-page .welcome-footer-legal{position:relative;z-index:10;width:min(1180px,calc(100% - 48px));margin:-.75rem auto 2rem;padding:1.25rem 0 0;border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:1rem 2rem}.welcome-page .welcome-footer-legal a{color:#d1d5db;text-decoration:none;font-size:.92rem;transition:color .2s ease}.welcome-page .welcome-footer-legal a:hover{color:#fff}@media(max-width:1024px){.welcome-page .welcome-hero{grid-template-columns:1fr}.welcome-page .welcome-title-visual{justify-content:flex-start}.welcome-page .welcome-review-grid{grid-template-columns:1fr}.welcome-page .welcome-footer{flex-direction:column;align-items:flex-start}}@media(max-width:768px){.welcome-page .welcome-content,.welcome-page .welcome-footer,.welcome-page .welcome-footer-legal{width:min(100% - 32px,1180px)}.welcome-page .welcome-content{gap:3rem;padding-top:2.5rem}.welcome-page .welcome-title{font-size:clamp(3rem,16vw,5rem)}.welcome-page .welcome-footer-contacts{width:100%;justify-content:flex-start}}@media(max-width:480px){.welcome-page .welcome-content,.welcome-page .welcome-footer,.welcome-page .welcome-footer-legal{width:calc(100% - 24px)}.welcome-page .welcome-actions{flex-direction:column;align-items:stretch}.welcome-page .welcome-btn-sing,.welcome-page .welcome-btn-help{width:100%;min-width:0}.welcome-page .welcome-scorecard,.welcome-page .welcome-review-card,.welcome-page .welcome-footer{border-radius:20px}}:root{--bg-dark: #090909;--card-bg: #090909;--card-bg-grey: #1a1a1a;--accent-purple: #a754f5;--accent-purple-bright: #7a1dd5;--accent-purple-dim: #6c20f3;--accent-yellow: #a855f7;--accent-yellow-dim: #ca8a04;--text-color: #f3f4f6;--text-main: #e5e7eb;--text-dim: #d3d3d3;--border-radius: 14px;--divider-color: #1f1f1f;--card-border: rgba(255, 255, 255, .08);--sing-btn-gradient: linear-gradient(135deg, #facc15 0%, #ffde59 42%, #f59e0b 100%);--sing-btn-text: #1a1020;--sing-btn-shadow: 0 0 12px rgba(250, 204, 21, .34);--sing-btn-shadow-hover: 0 0 30px rgba(250, 204, 21, .4);--sing-btn-shadow-compact: 0 0 16px rgba(250, 204, 21, .34);--sing-btn-shadow-compact-hover: 0 6px 20px rgba(250, 204, 21, .4);--pause-btn-gradient: linear-gradient(135deg, #9333ea 0%, #b57bff 42%, #7c3aed 100%);--pause-btn-text: #ffffff;--pause-btn-shadow-compact: 0 4px 18px rgba(168, 85, 247, .38);--pause-btn-shadow-compact-hover: 0 6px 24px rgba(168, 85, 247, .48)}*{box-sizing:border-box;margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.32) transparent}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;color-scheme:dark}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background-color:#ffffff47;border-radius:999px;border:2px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background-color:#ffffff6b}*::-webkit-scrollbar-button{display:none;width:0;height:0}*::-webkit-scrollbar-corner{background:transparent}body{background-color:var(--bg-dark);color:var(--text-color);height:100vh;width:100%;overflow:hidden;display:flex;flex-direction:column}#root,#app{flex:1;min-height:0;width:100%;display:flex;flex-direction:column}#app>main{flex:1;min-height:0;width:100%}#app.app--welcome>main.main--full-bleed,#app.app--help>main.main--full-bleed{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;padding:0;background:transparent}@media(max-width:600px){body{height:auto;min-height:100vh;min-height:100dvh;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}#app{height:auto;min-height:100vh;min-height:100dvh;overflow-x:hidden;overflow-y:auto}}@source "../../";