@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-sans-latin-400-normal-CW0RaeGs.woff2) format("woff2"),url(/assets/dm-sans-latin-400-normal-BwCSEQnW.woff) format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/dm-sans-latin-500-normal-B9HHJjqV.woff2) format("woff2"),url(/assets/dm-sans-latin-500-normal-Dr3UlScf.woff) format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/dm-sans-latin-600-normal-Aqo67rzb.woff2) format("woff2"),url(/assets/dm-sans-latin-600-normal-BmdmIIQ2.woff) format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/dm-sans-latin-700-normal-DvUfVpUG.woff2) format("woff2"),url(/assets/dm-sans-latin-700-normal-CUSSCpQX.woff) format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-sans-latin-ext-400-normal-BtiwyxMk.woff2) format("woff2"),url(/assets/dm-sans-latin-ext-400-normal-BjWJ59Pq.woff) format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/dm-sans-latin-ext-500-normal-BJfUCQsA.woff2) format("woff2"),url(/assets/dm-sans-latin-ext-500-normal-DR84L5F-.woff) format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/dm-sans-latin-ext-600-normal-4vooXBpG.woff2) format("woff2"),url(/assets/dm-sans-latin-ext-600-normal-DRtaDpgU.woff) format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/dm-sans-latin-ext-700-normal-CJIcxD6K.woff2) format("woff2"),url(/assets/dm-sans-latin-ext-700-normal-BLI3TTWz.woff) format("woff")}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/outfit-latin-500-normal-DKnIMDSk.woff2) format("woff2"),url(/assets/outfit-latin-500-normal-ClnHRwRh.woff) format("woff")}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/outfit-latin-600-normal-B7SfZ07L.woff2) format("woff2"),url(/assets/outfit-latin-600-normal-BEfTtDA7.woff) format("woff")}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/outfit-latin-700-normal-Cu9v6i1X.woff2) format("woff2"),url(/assets/outfit-latin-700-normal-D4itBLBr.woff) format("woff")}:root{font-family:DM Sans,sans-serif;color:#302c3b;background:#faf9fc;font-synthesis:none;font-weight:400;--purple: #7955b3;--purple-dark: #68429e;--muted: #8c8596;--line: #eae6ef;--lavender: #f0e9f9}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{border:0;background:none;color:inherit}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #b091dd;outline-offset:4px}button,a{touch-action:manipulation}input[type=range]{accent-color:var(--purple);cursor:pointer}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Outfit,DM Sans,sans-serif;letter-spacing:-.025em}p{line-height:1.65}svg{flex-shrink:0}::selection{background:#dfcafa}.app-shell{display:flex;min-height:100vh}.sidebar{width:225px;background:#fff;border-right:1px solid var(--line);padding:35px 21px 18px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;z-index:20}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;margin:0 10px 52px}.brand img{width:39px;height:39px}.brand>span{font-family:Outfit,sans-serif;font-size:21px;font-weight:600;line-height:.88;letter-spacing:-.6px}.brand-idol{display:block;font-size:24px;margin-top:3px}.brand-dot{color:var(--purple)}.nav-caption{font-size:9px;font-weight:700;letter-spacing:1.65px;color:#aaa3b4;margin:0 12px 15px}.nav-link{display:flex;gap:13px;align-items:center;width:100%;text-align:left;padding:13px 14px;border-radius:9px;margin:3px 0;font-size:12px;font-weight:500;color:#81798d;white-space:nowrap}.nav-link:hover{background:#f7f4fa;color:var(--purple)}.nav-link.active{background:#f0e9f8;color:#7852ad;font-weight:700}.nav-link small{background:#e4d8f3;color:#7455a3;font-size:9px;border-radius:4px;padding:2px 5px;margin-left:auto}.sidebar-divider{height:1px;background:var(--line);margin:27px 13px}.sidebar-bottom{margin-top:auto;padding-top:36px}.solo-card{background:linear-gradient(140deg,#f6f1fb,#f0eaf8);border:1px solid #eae1f3;border-radius:12px;padding:18px 14px;margin-bottom:20px}.solo-icon{display:flex;width:33px;height:33px;align-items:center;justify-content:center;background:#e6d9f5;color:#8a65b7;border-radius:9px;margin-bottom:13px}.solo-card strong{font-size:12px;display:block}.solo-card p{font-size:10px;color:#9486a4;margin:7px 0 13px}.tiny-pill{display:inline-flex;align-items:center;border:1px solid #e9e3ee;border-radius:5px;padding:4px 8px;font-size:9px;letter-spacing:.2px;color:#8d819b;font-weight:600;background:#faf8fc}.solo-card .tiny-pill{background:#fff8;border-color:#e4d9ee}.sidebar-footer{font-size:8px;color:#b3acbc;padding-top:22px;display:flex;align-items:center;gap:4px;justify-content:center}.main-shell{margin-left:225px;width:calc(100% - 225px)}.topbar{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 48px;border-bottom:1px solid var(--line);background:#fff}.breadcrumb{font-size:11px;color:#aaa2b3;display:flex;gap:14px;align-items:center}.breadcrumb span{color:#c9c2d2}.breadcrumb strong{color:#6e647b;font-weight:500}.topbar-right{display:flex;align-items:center;gap:23px}.beta-label{font-size:9px;font-weight:700;letter-spacing:1.3px;color:#9b8aaa;display:flex;align-items:center;gap:6px}.beta-label>span{width:5px;height:5px;background:#a78cbd;border-radius:50%}.profile-button{display:flex;gap:10px;align-items:center;font-size:11px;font-weight:600}.avatar{display:grid;place-items:center;width:32px;height:32px;background:#efe5dc;color:#ae8b73;border-radius:50%;font-family:Outfit;font-size:13px;border:3px solid white;box-shadow:0 0 0 1px #efe8e0}.page-content{max-width:1440px;margin:auto;padding:31px 48px 0}.welcome-line{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;font-size:9px;font-weight:600;letter-spacing:1.45px;color:#9b92a6}.headphone-hint{display:flex;align-items:center;gap:6px;letter-spacing:0;font-weight:400;font-size:10px}.hero{position:relative;overflow:hidden;background:linear-gradient(110deg,#eee5f5,#e8ddf4 55%,#e1d3f0);border-radius:17px;min-height:344px;border:1px solid #e7dcf1}.hero-copy{position:relative;z-index:2;padding:36px 38px;width:54%}.hero-eyebrow{display:flex;align-items:center;gap:7px;color:#8c6ba8;font-size:9px;font-weight:600;letter-spacing:1.1px;margin-bottom:15px}.hero h1{font-size:49px;line-height:1.07;font-weight:600;letter-spacing:-2px;color:#44304f}.hero h1>span{color:#9274b3}.hero p{font-size:12px;color:#97829f;line-height:1.75;margin:15px 0 22px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:8px;padding:13px 19px;font-size:11px;font-weight:600;transition:background .15s,transform .15s;line-height:1.4}.primary{color:#fff;background:var(--purple);box-shadow:0 4px 11px #6c3f9420}.primary:hover:not(:disabled){background:var(--purple-dark);transform:translateY(-1px)}.primary svg:last-child:not(:first-child){margin-left:10px}.secondary{background:#fff;border:1px solid #e5ddeb;color:#766185}.secondary:hover:not(:disabled){background:#f6f0fc;border-color:#ccb7e3}.compact{padding:10px 13px;font-size:10px}.full{width:100%;padding:14px 20px}.hero-footnote{display:block;font-size:8px;color:#a995b3;margin-top:12px}.stage-illustration{width:54%;height:100%;position:absolute;right:-1%;top:-5px}.floating-note{position:absolute;right:28px;bottom:34px;display:flex;align-items:center;gap:10px;transform:rotate(-4deg);background:#fffc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:12px 15px;border:1px solid #fff;border-radius:11px;box-shadow:0 7px 30px #9876b52a;color:#9371b6}.floating-note strong{display:block;font-size:9px;color:#655071;margin-bottom:3px}.floating-note span:not(.mini-spark){font-size:8px;color:#a194ae}.mini-spark{font-size:21px;margin-left:10px}.feature-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:25px 4px 29px;border-bottom:1px solid var(--line)}.feature-strip>div{display:flex;align-items:center;gap:12px}.feature-icon{display:grid;place-items:center;width:37px;height:37px;border-radius:10px}.lavender{background:#f0e9f8;color:#9876bc}.peach{background:#f7eae2;color:#c4967c}.mint{background:#e9f2ec;color:#83a491}.feature-strip strong{display:block;font-size:11px;font-weight:600;margin-bottom:4px}.feature-strip span:not(.feature-icon){font-size:9px;color:#a197ac}.catalog{scroll-margin-top:25px;margin-top:31px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:23px}.overline{font-size:9px;font-weight:600;letter-spacing:1.45px;color:#a99ab5;margin-bottom:7px;display:block}.section-heading h2{font-size:24px;font-weight:500;display:flex;align-items:center;gap:10px}.count{font-family:DM Sans;font-size:10px;display:inline-grid;place-items:center;background:#f0eaf6;border:1px solid #e9e0f2;border-radius:5px;color:#9b84b0;min-width:22px;height:21px}.catalog-toolbar{display:flex;gap:16px;margin-bottom:16px}.search-field{display:flex;align-items:center;gap:10px;flex:1;background:#fff;border:1px solid #e6e1ec;border-radius:8px;color:#a99db5;padding:0 13px;height:41px}.search-field input{border:0;outline:none;background:transparent;width:100%;font-size:10px;color:#5c4c6c}.search-field input::placeholder{color:#b0a5ba}.search-field button{padding:4px;display:flex}.sort-select{background:#fff;border:1px solid #e6e1ec;border-radius:8px;color:#998ba5;font-size:10px;padding:0 15px;min-width:140px}.filter-row{display:flex;gap:8px;align-items:center;margin-bottom:24px}.filter{font-size:9px;color:#a294ae;display:flex;align-items:center;gap:5px;padding:7px 12px;border:1px solid #e9e3ef;border-radius:6px;background:#fff}.filter.selected{background:#ede5f6;color:#845eac;border-color:#e4d8f0;font-weight:600}.filter:hover{border-color:#bc9fd7}.catalog-meta{margin-left:auto;font-size:9px;color:#b4a9bd}.song-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 24px}.song-card{min-width:0}.cover-wrap{position:relative;aspect-ratio:1.13;border-radius:11px;overflow:hidden;margin-bottom:12px;background:#e7d8eb}.cover-button{padding:0;width:100%;height:100%;position:relative;display:block;text-align:left}.artwork{display:block;width:100%;height:100%;object-fit:cover}.cover-button .artwork{transition:transform .5s}.cover-button:hover .artwork{transform:scale(1.045)}.cover-title{position:absolute;inset:0;padding:21px;display:flex;flex-direction:column;pointer-events:none;background:linear-gradient(0deg,#26153344,transparent 70%)}.cover-title small{font-size:7px;letter-spacing:2px;color:#fff9}.cover-title>span{font-family:Outfit,sans-serif;font-size:28px;line-height:1;letter-spacing:-.8px;color:#fffc;margin-top:auto;margin-bottom:16px;max-width:80%;font-weight:500;text-shadow:0 1px 15px #34213922}.cover-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-40%);background:#fffd;color:var(--purple);width:50px;height:50px;border-radius:50%;display:grid;place-items:center;opacity:0;transition:opacity .2s,transform .2s;box-shadow:0 5px 25px #27163333}.cover-button:hover .cover-play,.cover-button:focus-visible .cover-play{opacity:1;transform:translate(-50%,-50%)}.favorite-button{position:absolute;right:12px;top:12px;background:#fff3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #fff4;color:#fff;display:grid;place-items:center;border-radius:50%;width:29px;height:29px}.favorite-button:hover,.favorite-button.is-favorite{background:#fff;color:#a572a4}.cover-duration{position:absolute;right:11px;bottom:12px;background:#3f304966;color:#fffd;border:1px solid #fff2;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:4px;padding:3px 5px;font-size:8px}.cover-label{position:absolute;left:13px;bottom:12px;color:#fff9;font-size:6px;letter-spacing:1.8px}.song-title{padding:0;font-family:Outfit;font-size:17px;font-weight:500;letter-spacing:-.2px;text-align:left}.song-title:hover{color:var(--purple)}.song-card>p{font-size:10px;color:#a297ac;margin:4px 0 11px}.song-meta{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:8px;color:#b1a4bc}.difficulty{display:flex;gap:2px;align-items:center;font-size:8px;color:#a898b3;white-space:nowrap}.difficulty i{width:3px;height:5px;background:#d9cedf;display:inline-block;border-radius:1px}.difficulty i:nth-child(2){height:8px}.difficulty i:nth-child(3){height:11px;margin-right:4px}.difficulty.easy i:first-child{background:#a7bdb0}.difficulty.medium i:nth-child(-n+2){background:#c4ae88}.difficulty.hard i{background:#b18cb7}.library-bottom{display:flex;align-items:center;gap:10px;border:1px dashed #e0d6e8;border-radius:9px;padding:16px 18px;margin-top:30px;color:#b29abd;font-size:9px}.library-bottom button{color:#89649f;text-decoration:underline;text-underline-offset:3px;padding:0}.library-bottom>span:last-child{margin-left:auto;font-size:8px;color:#bcb0c5}.page-footer{display:flex;justify-content:space-between;align-items:center;color:#b9adc3;font-size:8px;margin-top:40px;padding:22px 0;border-top:1px solid var(--line)}.page-footer>span:first-child{font-family:Outfit;font-size:14px;color:#9d8da9}.page-footer button{font-size:8px;display:flex;align-items:center;gap:7px}.empty-state{padding:70px 30px;display:flex;flex-direction:column;align-items:center;text-align:center;border:1px dashed #e4dce9;border-radius:14px;background:#f8f5fb;margin-top:20px;color:#aa90bf}.empty-state h3{font-size:24px;color:#6a527c;margin:20px 0 9px}.empty-state p{max-width:470px;color:#9b8ba7;font-size:12px;margin-bottom:22px}.page-title{font-size:36px;margin:10px 0}.muted{color:#a095ad;font-size:13px}.small{font-size:11px}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#967ca9;font-size:11px;padding:9px 0}.text-button:hover{text-decoration:underline}.icon-button{display:inline-grid;place-items:center;padding:9px;border-radius:8px;color:#a08cab}.icon-button:hover{background:#eee5f4;color:#765090}.danger{color:#b37c89}.error{background:#fff1f1;border:1px solid #f1d7dc;border-radius:8px;padding:12px 14px;color:#a04f63;font-size:12px;line-height:1.6;margin:14px 0}.modal{padding:0;border:1px solid #ece2f2;background:#fff;box-shadow:0 30px 110px #39204733;border-radius:18px;width:540px;max-width:calc(100vw - 32px);max-height:90vh;color:#4a3c56}.modal::backdrop{background:#28193675;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal.wide{width:700px}.modal-inner{padding:28px}.modal-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:21px}.modal-heading h2{font-size:25px;font-weight:500}.modal p{font-size:12px;color:#95839f}.modal .primary{margin-top:18px}.song-detail{display:flex;align-items:center;gap:20px}.song-detail>.artwork{width:125px;height:125px;border-radius:11px}.song-detail h2{font-size:27px;margin-bottom:6px}.song-detail p{margin-bottom:9px}.detail-description{margin:21px 0}.notice{display:flex;gap:11px;align-items:flex-start;background:#f5f0f9;border:1px solid #eae1f0;border-radius:9px;color:#a58ab6;padding:14px;margin:17px 0}.notice p{font-size:11px;color:#9b85aa;line-height:1.6}.credits{font-size:10px;color:#a395af;margin:18px 0}.credits a{text-underline-offset:3px}.drop-zone{margin:22px 0;display:flex;flex-direction:column;align-items:center;width:100%;padding:36px 15px;border:1.5px dashed #d2bfe2;border-radius:12px;background:#faf6fd;gap:13px;color:#b29ac3}.drop-zone strong{font-size:17px;color:#8c68a7;font-weight:500}.drop-zone span{font-size:11px}.drop-zone small{font-size:9px;margin-top:7px}.drop-zone:hover,.drop-zone.drag{border-color:#9570b6;background:#f1e8f8}.field-label{display:block;font-size:11px;color:#8b759b;font-weight:500;margin:18px 0}.field-label>input:not([type=range]),.field-label>select{display:block;margin-top:9px;width:100%;border:1px solid #e7ddee;border-radius:7px;padding:12px;background:#faf8fc;color:#745c86;font-size:12px}.field-label>input[type=range]{display:block;width:100%;margin:13px 0 0}.field-label>span{float:right;color:#ad98ba;font-size:10px}.how-steps>div{display:flex;gap:17px;margin-bottom:23px}.how-steps>div>span{font-family:Outfit;color:#c0a3d3;font-size:26px}.how-steps h3{font-size:18px;font-weight:500;margin-bottom:6px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%);background:#594267;color:#fff;padding:15px 23px;border-radius:12px;box-shadow:0 8px 35px #32203d33;display:flex;align-items:center;gap:10px;font-size:12px;z-index:100}.history-list{display:flex;flex-direction:column;gap:12px;margin-top:28px}.history-row{display:flex;align-items:center;gap:18px;text-align:left;width:100%;padding:16px;background:#fff;border:1px solid var(--line);border-radius:11px}.history-row:hover{border-color:#c8afdc}.history-row>.artwork{width:62px;height:62px;border-radius:7px}.history-row>div{flex:1}.history-row strong{display:block;font-size:15px;font-weight:500}.history-row span{display:block;font-size:10px;color:#b09abd;margin-top:5px}.history-row .history-score{text-align:right;color:#84639c;margin:0 15px}.history-score strong{font-size:23px;font-family:Outfit}.history-score small{font-size:10px;font-weight:400;margin-left:3px}.history-score>span{font-size:8px}.history-row .rank{font-size:25px;margin:0 15px;color:#a583bf}.flow-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);height:85px;padding:0 5%;background:#fff}.mini-brand{font-family:Outfit;font-size:23px;text-decoration:none;font-weight:600;letter-spacing:-1px}.mini-brand span{color:#9b76b8}.setup-page{min-height:100vh;background:radial-gradient(at 20% 30%,#f3edf8,transparent 60%),#faf9fc}.setup-grid{display:grid;grid-template-columns:330px 480px;justify-content:center;gap:75px;padding:58px 30px 65px}.setup-song>.artwork{height:305px;border-radius:18px;margin-bottom:25px;box-shadow:0 15px 45px #88618b1c}.setup-song h1{font-size:37px;font-weight:500;margin:9px 0 5px}.setup-song>p{color:#a48eb0;font-size:14px}.setup-song-meta{display:flex;gap:15px;font-size:10px;color:#b5a3bf;margin:17px 0}.headphone-card{border-top:1px solid #e5daed;display:flex;gap:14px;margin-top:27px;padding-top:25px;color:#b59bc6}.headphone-card strong{font-size:12px;color:#8e749f}.headphone-card p{font-size:11px;color:#b2a0be;margin-top:5px}.setup-panel h2{font-size:34px;font-weight:500;margin:10px 0}.setup-panel>.muted{font-size:12px}.mic-test{display:flex;flex-direction:column;align-items:center;background:#fff;border:1px solid #e9dfef;border-radius:14px;padding:24px 20px;margin:23px 0}.mic-orb{display:grid;place-items:center;width:63px;height:63px;border-radius:50%;color:#b297c7;background:#f0e9f6;margin-bottom:15px;box-shadow:0 0 0 8px #f9f6fc}.mic-orb.ready{color:#83a994;background:#e5f1e9;box-shadow:0 0 0 8px #f4f9f6}.mic-test strong{font-size:14px;font-weight:500;margin:7px 0}.mic-test>span{font-size:10px;color:#b29cbe}.level-meter{display:flex;gap:3px;height:27px;align-items:center;margin:20px 0}.level-meter i{width:5px;height:18px;background:#eee6f3;border-radius:3px;transition:background .1s}.level-meter i:nth-child(3n){height:23px}.level-meter i.lit{background:#91bea6}.advanced{border-bottom:1px solid var(--line);padding:10px 0 16px}.advanced summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;font-size:11px;color:#9e86ae}.consent{display:flex;align-items:flex-start;gap:10px;margin:22px 0}.consent input{accent-color:#9a72b7;margin:2px 0}.consent strong{display:block;font-size:11px;font-weight:500;color:#90749f}.consent small{display:block;font-size:10px;line-height:1.6;color:#b29bbe;margin-top:5px}.start-singing{font-size:12px}.listen-button{display:flex;margin:11px auto}.privacy-note{font-size:9px;color:#b6a3c2;display:flex;justify-content:center;align-items:center;gap:6px}.game-page{min-height:100dvh;background:radial-gradient(at 50% 5%,#33213f,transparent 75%),#1c1625;color:#ebe3f3;display:flex;flex-direction:column}.game-header{display:flex;align-items:center;gap:16px;height:92px;padding:0 4%;border-bottom:1px solid #ffffff0c}.game-header>.artwork{width:49px;height:49px;border-radius:7px}.game-header h1{font-size:19px;font-weight:500;letter-spacing:-.5px}.game-header p{font-size:10px;color:#9e8caf;margin-top:4px}.game-header p>span{margin:0 5px}.game-header .icon-button:hover{background:#ffffff10}.game-status{margin-left:auto;font-size:9px;font-weight:600;letter-spacing:1.7px;color:#ba9dd2;display:flex;align-items:center;gap:7px;margin-right:20px}.live-dot{width:6px;height:6px;background:#bf98df;border-radius:50%;box-shadow:0 0 10px #b892da66}.game-content{width:100%;max-width:1400px;margin:auto;flex:1;padding:36px 5% 10px}.game-topline{display:flex;justify-content:space-between;align-items:center;margin:0 0 28px;gap:20px}.game-topline .overline{font-size:8px;color:#91799f}.live-score{font-family:Outfit;font-size:40px;color:#e4d6ef}.live-score small{font-family:DM Sans;font-size:11px;color:#826d94;margin-left:8px}.pitch-pair{display:flex;gap:30px;text-align:center}.pitch-pair span{display:block;font-size:9px;color:#9583a6}.pitch-pair strong{font-family:Outfit;font-size:25px;font-weight:500;color:#b797d2;display:block;margin-top:6px}.pitch-pair .voice-value strong{color:#92d6c3}.game-reminder{display:flex;align-items:center;gap:12px;color:#a28aad;font-size:10px;line-height:1.6}.lane-container{position:relative;background:linear-gradient(130deg,#2b2233aa,#241c2fbb);border:1px solid #5c436544;border-radius:16px;padding-top:20px;overflow:hidden}.lane-legend{display:flex;align-items:center;gap:20px;padding:0 22px;font-size:8px;color:#8f789e}.lane-legend span{display:flex;align-items:center;gap:6px}.lane-legend i{background:#ae8eea;width:12px;height:4px;border-radius:2px}.lane-legend span:nth-child(2) i{background:#89dfce}.lane-legend small{margin-left:auto;font-size:7px;letter-spacing:1.3px;color:#685874}.note-lane{height:290px;width:100%;margin:12px 0}.note-lane canvas{display:block}.countdown{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#25192ee8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);gap:14px}.countdown>span{font-size:12px;color:#b39ac5;letter-spacing:1px}.countdown strong{font-family:Outfit;font-size:85px;font-weight:500;color:#dec4f3;line-height:1}.countdown small{font-size:10px;color:#9a7aaf}.countdown .pause-label{font-size:30px;margin:5px 0 15px}.lyrics-area{text-align:center;padding:34px 15px 30px;min-height:175px}.lyrics-kicker{font-size:7px;letter-spacing:1.7px;color:#8a6f9c;margin-bottom:18px}.current-lyrics{font-family:Outfit,DM Sans;font-size:30px;line-height:1.4;color:#a28caf;white-space:pre-wrap}.current-lyrics .sung{color:#766383}.current-lyrics .singing{color:#e7cef9;text-shadow:0 0 22px #c4a0ee44}.next-lyrics{font-size:14px;color:#665473;margin-top:11px;white-space:pre-wrap}.game-controls{margin-top:auto;background:#191321;border-top:1px solid #38263f}.game-progress{height:3px;background:#302338}.game-progress>span{display:block;height:100%;background:#b68fd2;transition:width .05s linear}.controls-row{display:flex;align-items:center;justify-content:space-between;padding:18px 5%;font-size:11px}.time-display{font-variant-numeric:tabular-nums;color:#c9b8d6}.time-display>span{color:#6e587e;margin-left:7px}.transport{display:flex;gap:18px;align-items:center}.game-controls .icon-button:hover{background:#33233f}.stop-button{display:flex;align-items:center;gap:8px;border:1px solid #4b365b;border-radius:7px;color:#a88dbb;padding:10px 13px;font-size:10px}.stop-button:hover{background:#35223f}.recording-label{display:flex;align-items:center;gap:7px;color:#7f668f;font-size:9px}.record-dot{width:5px;height:5px;border-radius:50%;background:#bc849e}.results-content{max-width:1030px;margin:auto;padding:45px 25px 60px}.result-heading{text-align:center;margin-bottom:36px}.result-heading h1{font-size:37px;font-weight:500;margin:12px 0}.result-heading p{font-size:12px;color:#a48aaf}.result-heading p span{margin:0 8px}.result-grid{display:grid;grid-template-columns:310px 1fr;gap:23px;align-items:start}.score-card{background:linear-gradient(150deg,#f1e8f8,#f9f5fc);border:1px solid #e6d9ef;border-radius:16px;padding:28px;text-align:center}.result-cover{width:75px;height:75px;position:relative;margin:0 auto 23px}.result-cover .artwork{border-radius:10px}.result-cover>span{position:absolute;right:-9px;bottom:-9px;display:grid;place-items:center;width:30px;height:30px;border:3px solid #f5edf9;background:#a179bd;color:#fff;border-radius:50%}.score-card .overline{font-size:8px}.score-ring{--score: 0deg;width:185px;height:185px;border-radius:50%;background:conic-gradient(#a47cc2 var(--score),#e6d9ef 0);padding:7px;margin:24px auto}.score-ring>div{width:100%;height:100%;border-radius:50%;background:#f5eef9;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 0 0 5px #f8f3fb inset}.score-ring strong{font-family:Outfit;font-size:67px;font-weight:500;line-height:1.1;color:#856099}.score-ring span{font-size:11px;color:#b79ac8;margin-top:5px}.score-card h2{font-size:21px;font-weight:500;color:#856592;margin-bottom:10px}.score-card p{font-size:11px;color:#aa90b8;margin-bottom:22px}.score-card .tiny-pill{background:#fff7;font-size:8px}.white-panel{padding:25px;background:#fff;border:1px solid var(--line);border-radius:13px;margin-bottom:22px}.white-panel h2,.ai-panel h2{font-size:20px;font-weight:500;color:#71547f}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:25px}.panel-heading h2{display:flex;align-items:center;gap:9px}.panel-heading .tiny-pill{font-size:8px}.metric{margin-bottom:22px}.metric>div:first-child{display:flex;justify-content:space-between;align-items:center;font-size:11px;margin-bottom:9px}.metric strong{font-weight:500;color:#95809e}.metric>div>span{color:#9b76b3;font-weight:600;font-size:13px}.metric small{font-size:8px;color:#baa5c5}.metric span small{margin-left:3px;font-weight:400}.metric-track{height:6px;border-radius:3px;background:#f2eaf7;margin-bottom:3px;overflow:hidden}.metric-track i{display:block;height:100%;background:linear-gradient(90deg,#cbb3df,#a57bbb);border-radius:3px}.diagnostics{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:17px;gap:10px}.diagnostics span{display:block;font-size:8px;color:#b2a0bd}.diagnostics strong{display:block;font-family:Outfit;font-size:16px;color:#967aa6;font-weight:500;margin-top:6px}.ai-panel{padding:24px;background:#f3edf9;border:1px solid #e4d7ef;border-radius:13px;margin-bottom:22px}.ai-panel .panel-heading{margin-bottom:12px}.ai-panel p{font-size:11px;color:#aa90b8}.ai-panel .secondary{margin-top:17px;font-size:10px}.ai-panel>small{display:block;font-size:9px;color:#b39ac2;line-height:1.7;margin-top:16px}.feedback-panel{margin-top:2px}.feedback-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:25px;margin-top:22px}.feedback-number{font-family:Outfit;font-size:23px;color:#c5a9d8;display:block;margin-bottom:10px}.feedback-grid h3{font-size:17px;font-weight:500;color:#8c6c9b;margin-bottom:7px}.feedback-grid p{font-size:11px;color:#ad98b7}.recording-panel{display:flex;align-items:center;gap:15px}.recording-panel>div{flex:1}.recording-panel h2{font-size:17px;margin-bottom:5px}.recording-panel audio{height:38px;max-width:45%}.phrase-map{display:flex;gap:7px;flex-wrap:wrap;margin-top:18px;margin-bottom:16px}.phrase-map button{padding:11px 10px;border-radius:6px;color:#7c6488;min-width:58px}.phrase-map button:hover{outline:2px solid #aa88c2}.phrase-map span{display:block;font-size:8px;opacity:.7}.phrase-map strong{display:block;font-size:11px;margin-top:6px}.result-actions{display:flex;align-items:center;gap:14px;margin-top:28px}.result-actions .danger{margin-left:auto;font-size:10px}.analysis-progress{display:flex;gap:9px;align-items:center;font-size:11px;color:#9b75b4;margin:20px 0 6px}.spinner{width:14px;height:14px;border-radius:50%;border:2px solid #ddc7ed;border-top-color:#976daf;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:1450px){.page-content{padding:36px 65px 0}.hero{min-height:370px}.hero-copy{padding:40px 45px}.hero h1{font-size:56px}.hero p{font-size:13px}.song-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.cover-title>span{font-size:26px}.feature-strip{padding:29px 5px 34px}.catalog{margin-top:36px}}@media(max-width:1100px){.sidebar{width:195px;padding:28px 14px 15px}.main-shell{margin-left:195px;width:calc(100% - 195px)}.topbar{padding:0 28px}.page-content{padding:25px 28px 0}.hero h1{font-size:43px}.hero-copy{padding:32px 28px}.hero p{font-size:11px}.stage-illustration{width:57%;right:-5%}.floating-note{right:16px;bottom:27px;padding:10px}.feature-strip{gap:15px}.feature-strip>div{gap:8px}.feature-strip strong{font-size:10px}.feature-strip span:not(.feature-icon){font-size:8px}.feature-icon{width:30px;height:30px}.song-grid{gap:22px 17px}.cover-title{padding:15px}.cover-title>span{font-size:25px}.cover-title small{font-size:6px}.library-bottom>span:last-child{display:none}.setup-grid{grid-template-columns:280px 440px;gap:45px}.setup-song>.artwork{height:280px}.game-content{padding:30px 4% 10px}.game-reminder{font-size:9px}.note-lane{height:280px}}@media(max-width:800px){.sidebar{width:74px;padding:25px 12px}.brand{margin:0 4px 39px}.brand img{width:35px;height:35px}.brand>span,.nav-caption,.nav-link>span,.nav-link>small,.sidebar-bottom,.sidebar-divider{display:none}.nav-link{font-size:0;padding:15px;gap:0;justify-content:center;margin:5px 0}.sidebar>.nav-link{margin-top:10px}.main-shell{margin-left:74px;width:calc(100% - 74px)}.topbar{height:70px;padding:0 24px}.page-content{padding:24px 24px 0}.hero-copy{width:62%;padding:29px 24px}.hero{min-height:320px}.hero h1{font-size:40px}.hero p{font-size:11px}.stage-illustration{width:65%;right:-14%;opacity:.85}.floating-note{display:none}.feature-strip{gap:14px}.feature-strip>div{align-items:flex-start}.feature-strip strong{font-size:9px}.feature-strip span:not(.feature-icon){font-size:8px;line-height:1.7;display:block}.feature-icon{width:25px;height:25px;border-radius:7px}.feature-icon svg{width:16px}.section-heading h2{font-size:22px}.section-heading .compact{font-size:0;padding:10px;gap:0}.section-heading .compact svg{width:17px}.cover-title>span{font-size:22px}.cover-wrap{aspect-ratio:1}.song-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 18px}.song-title{font-size:16px}.catalog-meta{display:none}.setup-grid{grid-template-columns:220px 1fr;gap:30px;padding:40px 25px}.setup-song>.artwork{height:220px}.setup-song h1{font-size:30px}.setup-panel h2{font-size:28px}.flow-header{height:73px;padding:0 25px}.flow-header .beta-label{display:none}.flow-header .mini-brand{font-size:20px}.game-reminder{display:none}.game-header{height:80px}.game-status{font-size:8px;margin-right:5px}.game-topline{margin-bottom:22px}.current-lyrics{font-size:25px}.note-lane{height:280px}.recording-label{display:none}.result-grid{grid-template-columns:250px 1fr;gap:17px}.score-card{padding:22px 17px}.white-panel{padding:20px}.score-ring{width:165px;height:165px}.score-card h2{font-size:19px}.panel-heading .tiny-pill{display:none}.diagnostics{gap:8px;flex-wrap:wrap}.recording-panel{flex-wrap:wrap}.recording-panel audio{max-width:100%}.result-heading h1{font-size:32px}}@media(max-width:560px){.sidebar{position:fixed;inset:auto 0 0;width:100%;height:67px;padding:3px 12px;background:#fffc;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-right:0;border-top:1px solid var(--line)}.sidebar .brand,.sidebar>.nav-link{display:none}.sidebar nav{display:flex;justify-content:space-around;height:100%}.nav-link{width:22%;flex-direction:column;gap:4px;padding:8px 0;font-size:9px;margin:3px 0}.nav-link>span{display:block;font-size:8px}.nav-link.active{background:#f3ebf9}.nav-link svg{width:18px;height:18px}.main-shell{margin-left:0;width:100%;padding-bottom:65px}.topbar{height:66px;padding:0 19px}.breadcrumb{font-size:10px;gap:9px}.topbar-right{gap:12px}.profile-button{padding:0;gap:5px}.profile-button>span:not(.avatar){display:none}.profile-button>svg{display:none}.page-content{padding:21px 19px 0}.welcome-line{font-size:7px;letter-spacing:1.1px;margin-bottom:15px}.headphone-hint{font-size:8px}.headphone-hint svg{width:11px}.hero{min-height:302px;border-radius:14px}.hero-copy{width:72%;padding:26px 22px}.hero-eyebrow{font-size:7px;letter-spacing:.7px;margin-bottom:17px}.hero-eyebrow svg{width:12px}.hero h1{font-size:39px;letter-spacing:-1.6px}.hero p{font-size:10px;max-width:210px;margin:15px 0 21px}.hero .primary{font-size:9px;padding:11px 14px;gap:8px}.hero .primary svg{width:15px}.hero .primary svg:last-child{margin-left:2px}.hero-footnote{font-size:6px;max-width:170px;line-height:1.5}.stage-illustration{width:72%;height:81%;right:-26%;top:44px;opacity:.6}.feature-strip{grid-template-columns:repeat(3,1fr);gap:10px;padding:21px 0 23px}.feature-strip>div{display:block}.feature-icon{width:28px;height:28px;margin-bottom:8px}.feature-strip strong{font-size:9px}.feature-strip span:not(.feature-icon){font-size:7px;line-height:1.6;max-width:100px}.catalog{margin-top:25px}.section-heading{margin-bottom:19px;gap:8px}.overline{font-size:7px;letter-spacing:1.15px}.section-heading h2{font-size:22px;gap:7px}.count{font-size:8px;min-width:18px;height:18px}.catalog-toolbar{gap:9px}.search-field{height:39px;padding:0 10px;gap:7px}.search-field input{font-size:9px}.search-field svg{width:16px}.sort-select{font-size:8px;min-width:91px;padding:0 5px}.filter-row{gap:5px;flex-wrap:wrap;margin-bottom:21px}.filter{font-size:8px;padding:6px 9px}.song-grid{gap:23px 14px}.cover-wrap{border-radius:9px;margin-bottom:10px}.cover-title{padding:12px}.cover-title>span{font-size:23px;letter-spacing:-.7px;max-width:92%;margin-bottom:14px}.cover-title small{font-size:5px;letter-spacing:1.5px;max-width:70%}.favorite-button{width:24px;height:24px;right:8px;top:8px}.favorite-button svg{width:13px}.cover-duration{font-size:6px;right:8px;bottom:8px;padding:2px 4px}.cover-label{font-size:5px;left:11px;bottom:9px;letter-spacing:1px}.song-title{font-size:16px}.song-card>p{font-size:9px;margin:3px 0 8px}.song-meta{font-size:7px;gap:3px}.difficulty{font-size:7px;gap:1px}.difficulty i{width:2px}.difficulty i:nth-child(3){margin-right:2px}.library-bottom{padding:14px 12px;font-size:8px;gap:8px;line-height:1.6;margin-top:25px}.library-bottom svg{width:17px}.page-footer{margin-top:25px;font-size:7px;padding:18px 0}.page-footer>span:first-child{font-size:12px}.page-footer button{font-size:7px}.page-footer>span:nth-child(2){display:none}.modal-inner{padding:22px}.modal-heading h2{font-size:23px}.song-detail{gap:15px}.song-detail>.artwork{width:100px;height:100px}.song-detail h2{font-size:23px}.song-detail .difficulty{white-space:normal;font-size:8px}.toast{bottom:82px;font-size:11px;max-width:90vw;white-space:normal;padding:13px 17px}.history-row{gap:12px;padding:12px}.history-row>.artwork{width:50px;height:50px}.history-row strong{font-size:13px}.history-row .history-score{margin:0 3px}.history-score strong{font-size:19px}.history-score>span{font-size:7px}.history-row>svg{display:none}.flow-header{height:66px;padding:0 20px}.flow-header .text-button{font-size:9px}.flow-header .mini-brand{font-size:19px}.setup-grid{display:flex;flex-direction:column;gap:30px;padding:28px 23px 45px}.setup-song{display:grid;grid-template-columns:88px 1fr;column-gap:17px;align-items:start}.setup-song>.artwork{grid-row:1/5;width:88px;height:88px;margin:0;border-radius:10px}.setup-song .overline{margin-bottom:0}.setup-song h1{font-size:25px;margin:5px 0 2px}.setup-song>p{font-size:11px}.setup-song-meta{font-size:8px;margin:8px 0 0}.headphone-card{grid-column:1/-1;margin-top:20px;padding-top:17px;gap:10px}.headphone-card strong{font-size:11px}.headphone-card p{font-size:10px}.setup-panel h2{font-size:31px}.setup-panel>.muted{font-size:11px}.mic-test{margin:20px 0;padding:22px 17px}.game-header{height:72px;padding:0 15px;gap:9px}.game-header>.artwork{width:35px;height:35px}.game-header h1{font-size:16px}.game-header p{font-size:8px}.game-header>.icon-button{padding:5px}.game-status{display:none}.game-header>.icon-button:last-child{margin-left:auto}.game-content{padding:26px 16px 8px}.game-topline{gap:10px;margin-bottom:20px}.game-topline .overline{font-size:7px}.live-score{font-size:35px}.live-score small{font-size:9px;margin-left:4px}.pitch-pair{gap:20px}.pitch-pair span{font-size:8px}.pitch-pair strong{font-size:23px}.note-lane{height:270px;margin-top:14px}.lane-container{padding-top:15px;border-radius:12px}.lane-legend{padding:0 15px;gap:16px;font-size:7px}.lane-legend small{display:none}.lyrics-area{padding:30px 5px 25px;min-height:160px}.lyrics-kicker{font-size:6px}.current-lyrics{font-size:25px}.next-lyrics{font-size:12px;margin-top:13px}.controls-row{padding:16px 20px}.transport{gap:15px}.stop-button{font-size:9px;padding:9px 11px}.time-display{font-size:10px}.time-display>span{margin-left:3px}.results-content{padding:30px 18px 40px}.result-heading{margin-bottom:25px}.result-heading h1{font-size:29px;line-height:1.15;margin:13px 0}.result-heading p{font-size:10px}.result-grid{grid-template-columns:1fr;gap:20px}.score-card{padding:25px 25px 27px}.result-cover{width:60px;height:60px;margin-bottom:22px}.score-ring{width:180px;height:180px;margin:22px auto}.score-card p{max-width:260px;margin:0 auto 18px}.score-card h2{font-size:23px}.panel-heading h2{font-size:21px}.white-panel{padding:22px;margin-bottom:19px}.diagnostics{gap:8px;flex-wrap:nowrap}.diagnostics span{font-size:7px}.diagnostics strong{font-size:15px}.ai-panel{padding:22px}.feedback-grid{gap:24px}.recording-panel{padding:21px;gap:15px}.recording-panel>div{flex-basis:100%}.recording-panel audio{width:calc(100% - 45px);height:40px}.recording-panel .icon-button{padding:5px}.result-actions{flex-wrap:wrap;justify-content:center;gap:12px}.result-actions .primary,.result-actions .secondary{font-size:10px}.result-actions .danger{margin:8px auto 0;flex-basis:100%}.empty-state{padding:50px 20px}.empty-state h3{font-size:23px}.empty-state p{font-size:11px}.page-title{font-size:31px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}