*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}:root{--pink:#F4DBE3;--blue:#5EA8DA;--sky:#83C5F1;--pale:#B9DDF5;--aqua:#AFE3F4;--ink:#2B5876;--ink-soft:#5E87A6;--blue-edge:#3F88BC;--pink-edge:#DDAEC6;--pink-ink:#A05F83;--white-edge:#D3E6F6;--gold:#FFD66B;--gold-edge:#E8B445;--gold-ink:#7A5A14;--shadow:0 12px 32px rgba(94,168,218,.25);--shadow-soft:0 6px 18px rgba(94,168,218,.18);--r:28px;--font-display:"Baloo 2","Comic Sans MS",cursive;--font-body:"Nunito","Segoe UI",sans-serif}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--ink);background:linear-gradient(180deg,var(--aqua) 0%,var(--pale) 40%,#E2F0FA 68%,var(--pink) 100%);background-attachment:fixed;min-height:100vh;overflow-x:hidden}button{font-family:inherit}a{color:inherit}:focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:8px}.display{font-family:var(--font-display)}.sky{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.cloud{position:absolute;background:#ffffffd9;border-radius:999px;animation:drift linear infinite}.cloud:before,.cloud:after{content:"";position:absolute;background:inherit;border-radius:50%}.cloud:before{width:55%;height:170%;left:14%;bottom:22%}.cloud:after{width:38%;height:120%;right:14%;bottom:34%}.tstar{position:absolute;font-size:18px;animation:twinkle 2.6s ease-in-out infinite}.fnote{position:absolute;font-size:22px;opacity:.45;animation:floaty 5s ease-in-out infinite}.screen{position:relative;z-index:1;max-width:470px;margin:0 auto;padding:28px 22px 130px;min-height:100vh}.screen--center{display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:46px}.screen--nonav{padding-bottom:40px}.topbar{display:flex;align-items:center;gap:14px;margin-bottom:22px}.topbar .title{font-family:var(--font-display);font-size:26px;font-weight:700;flex:1;text-align:center}.topbar .spacer{width:52px}.icon-btn{width:52px;height:52px;border-radius:50%;flex:0 0 auto;background:#fff;border:none;box-shadow:var(--shadow-soft);font-size:22px;display:grid;place-items:center;color:var(--ink);cursor:pointer;transition:transform .15s;text-decoration:none}.icon-btn:active{transform:scale(.9)}.card{background:#fff;border-radius:var(--r);box-shadow:var(--shadow);padding:22px}.card-soft{background:#ffffffc7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--font-display);font-weight:700;border:none;cursor:pointer;border-radius:999px;text-decoration:none;color:#fff;background:var(--blue);box-shadow:0 6px 0 var(--blue-edge);padding:16px 30px;font-size:20px;transition:transform .12s,box-shadow .12s,filter .2s}.btn:hover{filter:brightness(1.05)}.btn:active{transform:translateY(5px);box-shadow:0 1px 0 var(--blue-edge)}.btn-pink{background:var(--pink);color:var(--pink-ink);box-shadow:0 6px 0 var(--pink-edge)}.btn-pink:active{box-shadow:0 1px 0 var(--pink-edge)}.btn-white{background:#fff;color:var(--ink);box-shadow:0 6px 0 var(--white-edge)}.btn-white:active{box-shadow:0 1px 0 var(--white-edge)}.btn-gold{background:var(--gold);color:var(--gold-ink);box-shadow:0 6px 0 var(--gold-edge)}.btn-gold:active{box-shadow:0 1px 0 var(--gold-edge)}.btn-xl{width:100%;padding:20px 30px;font-size:24px}.btn-sm{padding:10px 22px;font-size:16px}.btn[disabled]{opacity:.55;pointer-events:none}.link-quiet{display:inline-block;font-weight:800;color:var(--ink-soft);text-decoration:none;border-bottom:2px dotted var(--pale);background:none;border-top:none;border-left:none;border-right:none;cursor:pointer;font-size:inherit}.chip{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;border-radius:999px;background:#ffffffe0;font-weight:800;font-size:15px;color:var(--ink-soft);border:none;cursor:pointer;white-space:nowrap;text-decoration:none}.chip.active{background:var(--blue);color:#fff;box-shadow:0 4px 0 var(--blue-edge)}.chip-row{display:flex;gap:10px;overflow-x:auto;padding:4px 2px 12px;scrollbar-width:none}.chip-row::-webkit-scrollbar{display:none}.bottomnav{position:fixed;left:50%;transform:translate(-50%);bottom:18px;z-index:50;display:flex;justify-content:space-around;gap:4px;background:#fff;border-radius:999px;padding:8px;box-shadow:0 14px 34px #2b587640;width:min(440px,calc(100vw - 32px))}.bn-item{display:flex;flex-direction:column;align-items:center;gap:2px;text-decoration:none;color:var(--ink-soft);font-weight:800;font-size:12px;padding:8px 18px;border-radius:22px;transition:background .2s}.bn-item .ico{font-size:22px;line-height:1}.bn-item.active{background:linear-gradient(135deg,var(--aqua),var(--pale));color:var(--ink)}.bubble{position:relative;background:#fff;border-radius:22px;padding:14px 18px;font-weight:700;color:var(--ink);box-shadow:var(--shadow-soft);font-size:16px;line-height:1.45}.bubble-left:after{content:"";position:absolute;left:-7px;top:50%;width:16px;height:16px;background:#fff;transform:translateY(-50%) rotate(45deg);border-radius:4px}.mascot{width:110px;height:auto;flex:0 0 auto;filter:drop-shadow(0 8px 14px rgba(43,88,118,.25));animation:floaty 3.4s ease-in-out infinite}.mascot-sm{width:72px}.mascot-lg{width:150px}.avatar{width:54px;height:54px;border-radius:50%;flex:0 0 auto;display:grid;place-items:center;font-size:26px;background:linear-gradient(135deg,var(--pink),var(--pale));box-shadow:var(--shadow-soft)}.avatar-lg{width:84px;height:84px;font-size:42px;border:4px solid #fff}.track{height:16px;background:#e3f1fb;border-radius:999px;overflow:hidden}.fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--sky),var(--blue))}.fill-animated{animation:growbar 1.2s cubic-bezier(.2,.8,.3,1) both}.fill-gold{background:linear-gradient(90deg,#FFE49A,var(--gold))}.fill-pink{background:linear-gradient(90deg,var(--pink),#EBC3D6)}@keyframes growbar{0%{width:0}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#2b587673;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;padding:20px;animation:fadein .25s ease both}@keyframes fadein{0%{opacity:0}to{opacity:1}}.modal{background:#fff;border-radius:32px;padding:28px 24px;box-shadow:0 24px 60px #2b587659;text-align:center;width:min(340px,100%);animation:popin .4s cubic-bezier(.34,1.56,.64,1) both}.modal h3{font-family:var(--font-display);font-size:24px;margin:10px 0 6px}.modal p{color:var(--ink-soft);font-weight:700;font-size:15px;line-height:1.5}.modal .modal-emoji{font-size:46px;line-height:1}.modal .btn{margin-top:14px;width:100%}.modal .btn+.btn{margin-top:12px}.modal .link-quiet{margin-top:14px;font-size:14px}.toast-host{position:fixed;top:18px;left:50%;transform:translate(-50%);z-index:200;display:flex;flex-direction:column;gap:10px;align-items:center;pointer-events:none;width:max-content;max-width:calc(100vw - 30px)}.toast{display:inline-flex;align-items:center;gap:10px;background:#fff;border-radius:999px;padding:13px 22px;font-weight:900;font-size:15px;color:var(--ink);box-shadow:0 10px 26px #2b58764d;animation:popin .45s cubic-bezier(.34,1.56,.64,1) both}.toast-gold{background:linear-gradient(135deg,#FFE9AE,var(--gold));color:var(--gold-ink)}.toast-pink{background:var(--pink);color:var(--pink-ink)}.toast.bye{transition:opacity .4s,transform .4s;opacity:0;transform:translateY(-14px)}.rise{animation:riseup .7s cubic-bezier(.2,.8,.3,1.1) both}.pop{animation:popin .6s cubic-bezier(.34,1.56,.64,1) both}.d1{animation-delay:.08s}.d2{animation-delay:.16s}.d3{animation-delay:.24s}.d4{animation-delay:.32s}.d5{animation-delay:.4s}.d6{animation-delay:.48s}.d7{animation-delay:.56s}.d8{animation-delay:.64s}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes twinkle{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}@keyframes popin{0%{opacity:0;transform:scale(.4)}70%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes riseup{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}@keyframes drift{0%{transform:translate(-30vw)}to{transform:translate(130vw)}}@keyframes pulse-ring{0%{box-shadow:0 0 #5ea8da73}to{box-shadow:0 0 0 26px #5ea8da00}}@keyframes wiggle{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.shake{animation:shake .3s ease 2}::view-transition-old(root){animation:.18s ease both route-out}::view-transition-new(root){animation:.24s cubic-bezier(.2,.8,.3,1) both route-in}@keyframes route-out{to{opacity:0;transform:translateY(-6px)}}@keyframes route-in{0%{opacity:0;transform:translateY(10px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.logo{font-family:var(--font-display);font-weight:800;font-size:44px;line-height:1;color:var(--ink);letter-spacing:-.5px;margin-top:6px}.logo .tw{color:var(--blue)}.tagline{font-weight:800;color:var(--ink-soft);font-size:17px;margin-top:6px}.hello-bubble{display:flex;align-items:center;gap:6px;margin:30px 0 8px;max-width:340px}.name-card{width:100%;max-width:360px;margin-top:18px;text-align:left}.name-card label{display:block;font-family:var(--font-display);font-weight:700;font-size:18px;margin-bottom:10px}.name-input{width:100%;border:3px solid var(--pale);border-radius:20px;padding:16px 20px;font-size:22px;font-weight:800;color:var(--ink);font-family:var(--font-body);background:#f7fbfe;outline:none}.name-input:focus{border-color:var(--blue)}.name-input::placeholder{color:#a8c6dc}.pick-label{font-family:var(--font-display);font-weight:700;font-size:18px;margin:26px 0 14px}.avatars{display:flex;gap:14px;justify-content:center}.avatar-pick{width:72px;height:72px;border-radius:50%;border:4px solid #fff;background:linear-gradient(135deg,var(--pale),var(--aqua));font-size:36px;display:grid;place-items:center;cursor:pointer;box-shadow:var(--shadow-soft);transition:transform .15s}.avatar-pick:hover{transform:scale(1.08)}.avatar-pick.picked{border-color:var(--blue);background:linear-gradient(135deg,var(--pink),var(--pale));transform:scale(1.12);box-shadow:0 0 0 5px #5ea8da40,var(--shadow-soft)}.welcome-cta{width:100%;max-width:360px;margin-top:34px}.grownups{margin-top:22px;font-size:14px}.steps{display:flex;gap:10px;justify-content:center;margin-bottom:22px}.step-dot{width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:var(--shadow-soft)}.step-dot.done{background:var(--blue)}.step-dot.now{background:var(--gold);transform:scale(1.3);box-shadow:0 0 0 5px #ffd66b59}.coach{display:flex;align-items:center;gap:14px;margin-bottom:20px}.coach .bubble{flex:1}.ladder-card{display:flex;gap:18px;padding:26px 22px}.ladder{flex:1;display:flex;flex-direction:column-reverse;gap:10px}.rung{height:30px;border-radius:999px;background:#e9f3fb;position:relative;display:flex;align-items:center;padding:0 14px;font-weight:900;font-size:12px;color:#a8c6dc;transition:background .2s}.rung.lit{background:linear-gradient(90deg,var(--aqua),var(--sky));color:#fff}.rung.now{background:linear-gradient(90deg,var(--sky),var(--blue));color:#fff;animation:pulse-ring 1.6s ease-out infinite}.rung.captured{background:linear-gradient(90deg,#FFE9AE,var(--gold));color:var(--gold-ink)}.rung .singer-dot{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--pink),var(--pale));border:3px solid #fff;display:grid;place-items:center;font-size:20px}.ladder-side{display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:4px 0;font-size:22px}.ladder-side small{writing-mode:vertical-rl;font-weight:900;font-size:11px;letter-spacing:.18em;color:var(--ink-soft)}.listen{display:flex;align-items:center;gap:16px;margin-top:18px}.mic{width:92px;height:92px;border-radius:50%;flex:0 0 auto;background:linear-gradient(135deg,var(--blue),var(--sky));color:#fff;font-size:38px;display:grid;place-items:center;border:6px solid #fff;box-shadow:0 10px 24px #5ea8da73}.mic.live{animation:pulse-ring 1.8s ease-out infinite}.listen-info{flex:1}.listen-info strong{font-family:var(--font-display);font-size:18px;display:block;margin-bottom:8px}.eq{display:flex;gap:6px;align-items:flex-end;height:42px}.eq i{width:9px;border-radius:6px;background:var(--blue);height:100%;transform:scaleY(.2);transform-origin:bottom}.eq.live i{animation:eqb 1s ease-in-out infinite}.eq i:nth-child(2){animation-delay:.12s;background:var(--sky)}.eq i:nth-child(3){animation-delay:.24s}.eq i:nth-child(4){animation-delay:.36s;background:var(--sky)}.eq i:nth-child(5){animation-delay:.48s}.eq i:nth-child(6){animation-delay:.6s;background:var(--sky)}.eq i:nth-child(7){animation-delay:.72s}@keyframes eqb{0%,to{transform:scaleY(.25)}50%{transform:scaleY(1)}}.why{display:flex;gap:12px;align-items:center;margin-top:18px;background:#ffffffb3;border-radius:20px;padding:14px 16px;font-weight:700;font-size:14px;color:var(--ink-soft)}.why .ico{font-size:26px}.ctas{margin-top:22px;display:flex;flex-direction:column;gap:14px}.hello{display:flex;align-items:center;gap:14px;margin-bottom:20px}.hello-text{flex:1}.hello-text h1{font-family:var(--font-display);font-size:26px;line-height:1.1}.hello-text p{font-weight:800;color:var(--ink-soft);font-size:14px}.streak-chip-top{display:inline-flex;align-items:center;gap:6px;background:#fff;border-radius:999px;padding:10px 16px;font-weight:900;font-size:14px;box-shadow:var(--shadow-soft);white-space:nowrap}.coach-home{display:flex;align-items:flex-end;gap:10px;margin-bottom:22px}.coach-home .bubble{flex:1;margin-bottom:14px}.goal{display:flex;align-items:center;gap:16px;padding:18px 20px;margin-bottom:18px}.goal-ring{width:64px;height:64px;border-radius:50%;flex:0 0 auto;display:grid;place-items:center}.goal-ring b{width:46px;height:46px;border-radius:50%;background:#fff;display:grid;place-items:center;font-size:15px;font-weight:900;font-family:var(--font-display)}.goal-info{flex:1}.goal-info strong{font-family:var(--font-display);font-size:17px;display:block}.goal-info span{font-weight:700;color:var(--ink-soft);font-size:13px}.hero-tile{display:block;text-decoration:none;position:relative;overflow:hidden;background:linear-gradient(135deg,var(--blue),var(--sky) 70%,var(--aqua));border-radius:32px;padding:28px 24px;color:#fff;box-shadow:0 16px 36px #5ea8da73;transition:transform .15s}.hero-tile:active{transform:scale(.98)}.hero-tile h2{font-family:var(--font-display);font-size:32px;line-height:1.05}.hero-tile p{font-weight:800;opacity:.95;margin-top:6px;font-size:15px}.hero-tile .go{margin-top:18px;display:inline-flex;align-items:center;gap:10px;background:#fff;color:var(--blue);border-radius:999px;padding:12px 24px;font-family:var(--font-display);font-weight:800;font-size:19px;box-shadow:0 5px #2b587640}.hero-tile .big-mic{position:absolute;right:-8px;bottom:-14px;font-size:110px;transform:rotate(-12deg);opacity:.9;text-shadow:0 10px 24px rgba(43,88,118,.3);animation:wiggle 4s ease-in-out infinite}.hero-tile .spark{position:absolute;animation:twinkle 2.4s ease-in-out infinite;font-size:18px}.tiles{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.tile{border-radius:26px;padding:20px 18px;text-decoration:none;box-shadow:var(--shadow-soft);transition:transform .15s}.tile:active{transform:scale(.97)}.tile .ico{font-size:34px;display:block;margin-bottom:8px}.tile strong{font-family:var(--font-display);font-size:18px;display:block;line-height:1.15}.tile span{font-weight:700;font-size:12.5px;color:var(--ink-soft)}.tile-pink{background:var(--pink)}.tile-pink strong{color:var(--pink-ink)}.tile-pink span{color:#bc85a1}.tile-white{background:#fff}.tip-day{display:flex;gap:14px;align-items:center;margin-top:14px;padding:18px 20px}.tip-day .lamp{width:56px;height:56px;border-radius:18px;flex:0 0 auto;background:linear-gradient(135deg,#FFE9AE,var(--gold));display:grid;place-items:center;font-size:28px}.tip-day-body{flex:1}.tip-day-body strong{font-family:var(--font-display);font-size:16px;display:block}.tip-day-body p{font-weight:700;font-size:13.5px;color:var(--ink-soft);line-height:1.4}.tip-day .tip-arrow{font-size:22px;color:var(--blue);text-decoration:none}.again-card{background:linear-gradient(135deg,var(--pink),#FBEAF1);border-radius:26px;padding:18px 20px;margin-bottom:18px;display:flex;align-items:center;gap:14px;box-shadow:var(--shadow-soft)}.again-card .art-emoji{font-size:38px}.again-body{flex:1}.again-body strong{font-family:var(--font-display);font-size:16px;color:var(--pink-ink);display:block}.again-body small{font-weight:800;font-size:11.5px;color:#bc85a1}.again-card .btn{padding:12px 18px;font-size:16px}.song{display:flex;align-items:center;gap:14px;background:#fff;border-radius:26px;padding:14px 16px;box-shadow:var(--shadow-soft);margin-bottom:14px;transition:transform .15s}.song:hover{transform:translateY(-2px)}.song .art{width:64px;height:64px;border-radius:20px;flex:0 0 auto;display:grid;place-items:center;font-size:32px}.art-1{background:linear-gradient(135deg,var(--aqua),var(--pale))}.art-2{background:linear-gradient(135deg,var(--pink),#FBEAF1)}.art-3{background:linear-gradient(135deg,var(--pale),var(--sky))}.art-4{background:linear-gradient(135deg,#FFE9AE,var(--gold))}.song-body{flex:1;min-width:0}.song-body strong{font-family:var(--font-display);font-size:17px;display:block;line-height:1.15}.song-meta{display:flex;align-items:center;gap:10px;margin-top:5px;font-weight:800;font-size:12px;color:var(--ink-soft);flex-wrap:wrap}.tuned{display:inline-flex;align-items:center;gap:4px;background:#e4f4ec;color:#2e7d5b;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:900;text-decoration:none}.tuned.tuned-cta{background:var(--pink);color:var(--pink-ink)}.play{width:52px;height:52px;border-radius:50%;flex:0 0 auto;border:none;cursor:pointer;background:var(--blue);color:#fff;font-size:20px;display:grid;place-items:center;text-decoration:none;box-shadow:0 5px 0 var(--blue-edge);transition:transform .12s,box-shadow .12s}.play:active{transform:translateY(4px);box-shadow:0 1px 0 var(--blue-edge)}.new-songs{text-align:center;border:3px dashed var(--pale);border-radius:26px;padding:20px;margin-top:6px;font-weight:800;color:var(--ink-soft);background:#ffffff80}.new-songs .ico{font-size:30px;display:block;margin-bottom:6px}.sing-top{display:flex;align-items:center;gap:12px;margin-bottom:8px}.sing-title{flex:1;min-width:0}.sing-title strong{font-family:var(--font-display);font-size:18px;display:block;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sing-title .track{height:10px;margin-top:8px}.key-chip{display:inline-flex;align-items:center;gap:5px;background:#e4f4ec;color:#2e7d5b;border-radius:999px;padding:8px 14px;font-size:12px;font-weight:900;white-space:nowrap}.key-chip.standard{background:#fff;color:var(--ink-soft)}.stage{position:relative;height:300px;margin-top:14px;overflow:hidden;background:repeating-linear-gradient(180deg,transparent 0 47px,#EAF4FC 47px 50px),linear-gradient(180deg,#fff,#f3faff);border-radius:32px;box-shadow:var(--shadow);touch-action:none}.reactive-scene{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;pointer-events:none;z-index:0;border-radius:inherit}.reactive-scene--results{position:fixed;border-radius:0;z-index:0}.streak-chip{position:absolute;top:14px;right:14px;z-index:5;background:var(--gold);color:var(--gold-ink);font-family:var(--font-display);font-weight:800;font-size:14px;border-radius:999px;padding:8px 14px;box-shadow:0 4px 0 var(--gold-edge);opacity:0;transition:opacity .25s}.streak-chip.show{opacity:1}.note-track{position:absolute;top:0;right:0;bottom:0;left:0;will-change:transform}.note{position:absolute;height:34px;border-radius:999px;background:var(--pale);color:var(--ink);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:13px;overflow:hidden;white-space:nowrap;transition:background .15s,box-shadow .15s}.note.now{box-shadow:0 0 0 3px #5ea8da80}.note.hit{background:linear-gradient(135deg,var(--gold),#FFE49A);color:var(--gold-ink);box-shadow:0 0 22px #ffd66bd9}.singer{position:absolute;left:21%;z-index:6;width:60px;height:60px;border-radius:50%;margin-left:-30px;background:linear-gradient(135deg,var(--pink),var(--pale));border:4px solid #fff;display:grid;place-items:center;font-size:28px;box-shadow:0 0 0 6px #5ea8da38,0 8px 20px #5ea8da66;transition:box-shadow .2s;will-change:top}.singer.quiet{opacity:.75}.singer.on-note{box-shadow:0 0 0 8px #ffd66b80,0 8px 20px #e8b44580}.feedback-pop{position:absolute;left:30%;z-index:7;font-family:var(--font-display);font-weight:800;font-size:22px;color:var(--blue);text-shadow:0 2px 0 #fff;animation:cheer 1s ease both;pointer-events:none}@keyframes cheer{0%{opacity:0;transform:scale(.4)}20%{opacity:1;transform:scale(1.1)}70%{opacity:1;transform:translateY(-10px)}to{opacity:0;transform:translateY(-26px)}}.stage-label{position:absolute;left:14px;bottom:12px;z-index:5;font-size:11px;font-weight:900;letter-spacing:.14em;color:#a8c6dc}.countdown{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;display:grid;place-items:center;font-family:var(--font-display);font-weight:800;font-size:84px;color:var(--blue);text-shadow:0 4px 0 #fff;pointer-events:none}.countdown .btn{pointer-events:auto}.lyrics{margin-top:16px;text-align:center;padding:20px 18px;min-height:128px}.lyr-line{font-family:var(--font-display);font-weight:700;line-height:1.3}.lyr-prev,.lyr-next{font-size:16px;color:#b7cfe2;min-height:21px}.lyr-now{font-size:24px;color:var(--ink);margin:8px 0}.lyr-now .word-done{color:var(--blue)}.lyr-now .word-now{background:var(--pink);color:var(--pink-ink);border-radius:12px;padding:2px 10px;display:inline-block}.live-row{display:flex;align-items:center;gap:12px;margin-top:16px}.live-row .bubble{flex:1;font-size:14.5px}.sparkles-pill{background:#fff;border-radius:999px;padding:12px 18px;font-weight:900;font-size:15px;box-shadow:var(--shadow-soft);white-space:nowrap}.whoop{font-family:var(--font-display);font-weight:800;font-size:36px;line-height:1.05;margin-top:10px}.whoop small{display:block;font-size:17px;color:var(--ink-soft);font-weight:700;margin-top:8px}.stars-row{display:flex;justify-content:center;gap:10px;margin:22px 0 6px}.stars-row svg{width:84px;height:84px;filter:drop-shadow(0 8px 14px rgba(232,180,69,.4))}.stars-row .empty svg{filter:none}.score-card{margin-top:18px;text-align:left;width:100%}.score-card h2{font-family:var(--font-display);font-size:20px;text-align:center;margin-bottom:14px}.score-card .track{height:20px}.score-note{text-align:center;font-weight:800;color:var(--ink-soft);font-size:13.5px;margin-top:10px}.marks{display:flex;justify-content:space-around;margin-top:16px}.mark{text-align:center;font-weight:900;font-size:13px;color:var(--ink-soft)}.mark b{display:block;font-size:18px;letter-spacing:2px;margin-bottom:2px}.badge-toast{display:inline-flex;align-items:center;gap:8px;margin-top:18px;background:linear-gradient(135deg,#FFE9AE,var(--gold));color:var(--gold-ink);border-radius:999px;padding:12px 22px;font-family:var(--font-display);font-weight:800;font-size:16px;box-shadow:0 6px 0 var(--gold-edge)}.result-coach{display:flex;align-items:center;gap:12px;margin-top:20px;text-align:left;width:100%}.result-coach .bubble{flex:1}.result-ctas{margin-top:24px;display:flex;flex-direction:column;gap:14px;width:100%}.cta-row{display:flex;gap:14px}.cta-row .btn{flex:1}.tip-hero{background:linear-gradient(135deg,var(--pale),var(--aqua));border-radius:30px;padding:24px;box-shadow:var(--shadow);position:relative;overflow:hidden;margin-bottom:18px}.tip-hero .label{display:inline-block;background:#fff;border-radius:999px;padding:6px 14px;font-size:11.5px;font-weight:900;letter-spacing:.1em;color:var(--blue);margin-bottom:12px}.tip-hero h2{font-family:var(--font-display);font-size:26px;line-height:1.1}.tip-hero p{font-weight:700;margin:10px 0 16px;font-size:15px;line-height:1.5;max-width:280px}.tip-hero .balloon{position:absolute;right:-6px;bottom:-10px;font-size:96px;opacity:.9;animation:floaty 4s ease-in-out infinite}.tip-card{display:flex;align-items:center;gap:14px;width:100%;text-align:left;background:#fff;border-radius:24px;padding:16px;border:none;cursor:pointer;box-shadow:var(--shadow-soft);margin-bottom:13px;text-decoration:none;transition:transform .15s;font-family:var(--font-body)}.tip-card:hover{transform:translateY(-2px)}.tip-ico{width:56px;height:56px;border-radius:18px;flex:0 0 auto;display:grid;place-items:center;font-size:28px}.ti-1{background:linear-gradient(135deg,var(--aqua),var(--pale))}.ti-2{background:linear-gradient(135deg,var(--pink),#FBEAF1)}.ti-3{background:linear-gradient(135deg,#FFE9AE,var(--gold))}.ti-4{background:linear-gradient(135deg,var(--pale),var(--sky))}.tip-body{flex:1;min-width:0}.tip-body strong{font-family:var(--font-display);font-size:16.5px;display:block;line-height:1.15;color:var(--ink)}.tip-body span{font-weight:700;font-size:13px;color:var(--ink-soft)}.tip-min{background:#eff7fd;color:var(--blue);border-radius:999px;padding:6px 12px;font-size:11.5px;font-weight:900;white-space:nowrap}.quote{text-align:center;background:var(--pink);border-radius:30px;padding:26px 24px;margin-top:18px;box-shadow:var(--shadow-soft)}.quote .hearts{font-size:26px;display:block;margin-bottom:8px}.quote p{font-family:var(--font-display);font-weight:700;font-size:19px;color:var(--pink-ink);line-height:1.35}.quote small{display:block;margin-top:8px;font-weight:800;color:#bc85a1;font-size:12.5px}.tip-steps{text-align:left;margin-top:12px}.tip-steps li{font-weight:700;color:var(--ink);font-size:15px;line-height:1.5;margin:10px 0 10px 22px}.me-head{text-align:center;margin-bottom:20px;position:relative}.me-head .avatar-lg{margin:0 auto 10px}.me-head h1{font-family:var(--font-display);font-size:28px;line-height:1.1}.me-head p{font-weight:800;color:var(--ink-soft);font-size:14px;margin-top:2px}.me-gear{position:absolute;right:0;top:0}.xp{padding:18px 20px;margin-bottom:16px}.xp-row{display:flex;justify-content:space-between;font-weight:900;font-size:13px;margin-bottom:8px}.xp-row b{font-family:var(--font-display);font-size:15px}.xp .track{height:18px}.section-title{font-family:var(--font-display);font-weight:700;font-size:19px;margin:20px 0 12px;display:flex;align-items:center;gap:8px}.week{display:flex;justify-content:space-between;padding:18px 20px}.day{text-align:center;font-weight:900;font-size:11px;color:var(--ink-soft)}.day i{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#edf5fb;font-style:normal;font-size:18px;margin-bottom:5px;color:#b7cfe2}.day.done i{background:linear-gradient(135deg,#FFE9AE,var(--gold));color:var(--gold-ink)}.day.today i{box-shadow:0 0 0 4px #5ea8da59;background:linear-gradient(135deg,var(--pale),var(--aqua));color:var(--ink)}.badges{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.badge{background:#fff;border-radius:24px;padding:16px 10px;text-align:center;box-shadow:var(--shadow-soft)}.badge .ico{width:54px;height:54px;border-radius:50%;margin:0 auto 8px;display:grid;place-items:center;font-size:26px;background:linear-gradient(135deg,var(--pink),var(--pale))}.badge strong{font-family:var(--font-display);font-size:13px;display:block;line-height:1.2}.badge.locked{opacity:.62}.badge.locked .ico{background:#e8eef3;filter:grayscale(1)}.badge.locked strong{color:#9fb4c5}.mastered{display:flex;align-items:center;gap:12px;background:#fff;border-radius:22px;padding:14px 16px;margin-bottom:11px;box-shadow:var(--shadow-soft);font-weight:800}.mastered .em{font-size:24px}.mastered span{flex:1;font-family:var(--font-display);font-size:15.5px}.mastered b{color:var(--gold-edge);letter-spacing:2px;font-size:14px}.growth{display:flex;gap:14px;align-items:center;margin-top:18px;background:linear-gradient(135deg,var(--aqua),var(--pale));border-radius:26px;padding:18px 20px;box-shadow:var(--shadow-soft)}.growth .em{font-size:36px}.growth p{font-weight:800;font-size:14.5px;line-height:1.45}.num-row{display:flex;gap:10px;justify-content:center;margin-top:14px}.num{width:58px;height:58px;border-radius:18px;border:none;cursor:pointer;background:#eff7fd;font-family:var(--font-display);font-size:22px;font-weight:800;color:var(--ink);box-shadow:0 4px 0 var(--white-edge)}.num:active{transform:translateY(3px);box-shadow:0 1px 0 var(--white-edge)}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:2px solid #EFF7FD;text-align:left;font-weight:800;font-size:14px}.setting-row input[type=range]{flex:1;accent-color:var(--blue)}.tuner-note{font-family:var(--font-display);font-weight:800;font-size:96px;line-height:1;text-align:center}.tuner-cents{position:relative;height:20px;background:#e3f1fb;border-radius:999px;margin:20px 0;overflow:hidden}.tuner-cents .needle{position:absolute;top:0;bottom:0;width:8px;border-radius:4px;background:var(--blue);left:50%;transition:left .08s linear}.tuner-cents .center{position:absolute;top:0;bottom:0;left:calc(50% - 1px);width:2px;background:#a8c6dc}.tuner-meta{display:flex;justify-content:space-around;font-weight:800;color:var(--ink-soft)}.avatar-photo{width:100%;height:100%;border-radius:50%;object-fit:cover}.profile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}.profile-card{position:relative;background:#fff;border-radius:26px;padding:18px 14px;box-shadow:var(--shadow-soft);display:flex;flex-direction:column;align-items:center;gap:10px;border:none;font-family:var(--font-body)}.profile-card strong{font-family:var(--font-display);font-size:17px;color:var(--ink)}.profile-card.active{box-shadow:0 0 0 4px #5ea8da66,var(--shadow-soft)}.profile-card .avatar-lg{font-size:40px}.profile-new{cursor:pointer;border:3px dashed var(--pale);background:#fff9;justify-content:center;min-height:170px;color:var(--ink-soft)}.profile-edit{position:absolute;top:8px;right:8px;width:38px;height:38px;font-size:15px}.profile-tag{font-size:10.5px;font-weight:900;letter-spacing:.1em;color:var(--blue)}.duet-code{display:flex;gap:10px;justify-content:center;margin-top:10px}.duet-code span{width:54px;height:64px;border-radius:16px;background:linear-gradient(135deg,var(--pale),var(--aqua));display:grid;place-items:center;font-family:var(--font-display);font-weight:800;font-size:34px}.code-input{text-transform:uppercase;text-align:center;letter-spacing:.4em;font-size:28px!important;font-family:var(--font-display)}.duet-players{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}.opponent-chip{position:absolute;top:14px;left:14px;z-index:5;background:#fff;border-radius:999px;padding:8px 14px;font-weight:900;font-size:13px;box-shadow:var(--shadow-soft);display:flex;align-items:center;gap:6px}.modal-wide{width:min(440px,100%);max-height:84vh;overflow-y:auto;text-align:left}.modal-wide h3{text-align:center}.errors{background:#fbe9ef;color:#a8336b;border-radius:14px;padding:10px 14px;font-weight:700;font-size:13px;text-align:left;margin-top:10px}.errors div{margin:4px 0}.mgr-row{display:flex;align-items:center;gap:10px;background:#f4fafe;border-radius:16px;padding:10px 12px;margin-top:8px;font-weight:800}.mgr-row .em{font-size:22px}.mgr-row span{flex:1;text-align:left}.mgr-row .icon-btn{width:38px;height:38px;font-size:14px;box-shadow:none;background:#fff;flex:0 0 auto}.field-label{display:block;font-family:var(--font-display);font-weight:700;font-size:15px;margin:12px 0 6px;text-align:left}.field{width:100%;border:3px solid var(--pale);border-radius:14px;padding:10px 12px;font-size:15px;font-weight:700;color:var(--ink);font-family:var(--font-body);background:#f7fbfe;outline:none}.field:focus{border-color:var(--blue)}textarea.field{font-family:ui-monospace,Consolas,monospace;font-size:12.5px;min-height:160px;resize:vertical}.board-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:2px solid #EFF7FD;font-weight:800;text-align:left}.board-row .pos{width:28px;font-family:var(--font-display)}.board-row .nm{flex:1}.song-actions{display:flex;gap:6px}.mini-btn{border:none;cursor:pointer;background:#eff7fd;color:var(--blue);border-radius:999px;padding:6px 11px;font-weight:900;font-size:11.5px;font-family:var(--font-body)}