*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:15px/1.55 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f5f3f5;background:#100d13}button,a{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.svg-sprite{position:absolute;width:0;height:0;overflow:hidden} .layout{display:flex;min-height:100vh;isolation:isolate}.sidebar{width:264px;flex:none;background:#131016;border-right:1px solid #29222c;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;padding:29px 17px 20px;z-index:3}.brand{display:flex;align-items:center;gap:13px;padding:0 15px;margin-bottom:52px}.brand img{width:43px;height:43px;filter:drop-shadow(0 0 7px #df182f55)}.brand span{display:flex;flex-direction:column;line-height:1.15}.brand strong{font-size:20px;letter-spacing:1.3px;color:#fff;font-weight:850}.brand small{font-size:10px;letter-spacing:4px;color:#f14e5c;font-weight:800;margin-top:5px}.side-caption{font-size:10px;font-weight:750;letter-spacing:2.4px;color:#736b79;margin:0 17px 15px}.side-nav{display:flex;flex-direction:column;gap:7px}.nav-item{display:flex;align-items:center;gap:13px;width:100%;padding:13px 15px;text-align:left;background:transparent;border:1px solid transparent;color:#a9a2af;border-radius:11px;font-size:13px;font-weight:650;transition:.18s}.nav-item:hover{background:#29202b;color:#fff}.nav-item.is-selected{background:linear-gradient(90deg,#76212e,#3b1722);border-color:#a93b4a66;color:#fff}.nav-item.is-selected svg{color:#ff7582}.nav-item svg{width:18px;height:18px}.side-bottom{display:flex;align-items:center;gap:11px;background:#231b24;border:1px solid #322632;border-radius:13px;padding:12px;margin:auto 3px 11px}.side-bottom strong{font-size:12px;display:block}.side-bottom small{display:block;font-size:10px;color:#ab9ba8}.lock-circle{height:36px;width:36px;border-radius:11px;background:#443332;display:grid;place-items:center;color:#f0a39d}.lock-circle svg{width:17px}.side-external{display:flex;gap:9px;align-items:center;padding:10px 15px;color:#a79da8;font-size:12px}.side-external svg{width:16px}.main{flex:1;min-width:0}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #282129;padding:0 43px;color:#b4aab5}.breadcrumbs{letter-spacing:2px;font-weight:750;font-size:10px}.breadcrumbs span{padding:0 9px;color:#5b525c}.breadcrumbs b{color:#ed5d6c}.top-right{display:flex;align-items:center;gap:10px;font-size:12px}.live-dot,.tiny-dot{display:inline-block;width:7px;height:7px;background:#777680;border-radius:50%;flex:none}.live-dot.up{background:#51dc98;box-shadow:0 0 0 4px #51dc9820}.top-divider{width:1px;height:18px;background:#3b333c;margin:0 7px}.utc-clock{color:#eee;font-weight:700;min-width:43px}.mobile-brand{display:none}.content{padding:38px 43px 30px;max-width:1600px;margin:auto}.page{display:none}.page.is-visible{display:block}.headline{display:flex;gap:20px;justify-content:space-between;align-items:center;margin-bottom:27px}.eyebrow{margin:0 0 5px;font-size:10px;font-weight:800;letter-spacing:2.25px;color:#f15464}.headline h1{font-weight:800;font-size:clamp(27px,3vw,37px);letter-spacing:-1.1px;margin:0}.subline{margin:5px 0 0;color:#ada3b0;font-size:13px}.pill{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;padding:7px 12px;border-radius:50px;font-size:10px;font-weight:850;letter-spacing:.5px}.pill.prep{border:1px solid #ad814e69;background:#4b33241f;color:#f5bd7c}.pill.prep .tiny-dot{background:#f0b26c}.pill.locked{border:1px solid #943e4670;background:#401d2370;color:#ff8f9b}.pill.locked svg{width:12px;height:12px}.pill.neutral{background:#28222c;border:1px solid #443a47;color:#bdb2be}.hero{position:relative;background:linear-gradient(110deg,#501a27 0%,#28151d 50%,#1c151d 100%);border:1px solid #a5364b44;border-radius:19px;min-height:288px;padding:33px 34px;overflow:hidden;display:flex;align-items:center}.hero-glow{position:absolute;width:390px;height:370px;right:0;top:-110px;background:#da263b40;filter:blur(92px);pointer-events:none}.hero-content{position:relative;z-index:1;max-width:570px}.hero-label{display:flex;align-items:center;gap:9px;color:#fca1a6;font-weight:800;letter-spacing:1.9px;font-size:10px}.hero-pulse{width:7px;height:7px;background:#f64b60;border-radius:50%;box-shadow:0 0 0 5px #f64b6030}.hero h2{font-size:clamp(29px,3.25vw,43px);line-height:1.15;letter-spacing:-1.5px;margin:17px 0 13px}.hero h2 em{font-style:normal;color:#ff7885}.hero p{color:#d4bac5;max-width:510px;font-size:13px;margin:0;line-height:1.8}.hero-actions,.controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:23px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:10px;padding:11px 15px;border:1px solid transparent;font-size:12px;font-weight:750;min-height:40px;transition:.15s}.btn svg{width:15px;height:15px}.btn.primary{background:#e93551;color:#fff;box-shadow:0 7px 24px #ec2a4d24}.btn.primary:hover{background:#ff4b68}.btn.outline{border-color:#76505c;background:#3e2630;color:#fff}.btn.outline:hover{background:#57323b}.btn.subtle{background:#302630;color:#f1dbe2;border-color:#5a4351}.btn.disabled{background:#403640;border-color:#554853;color:#837584;cursor:not-allowed}.hero-art{position:absolute;right:8%;top:50%;transform:translateY(-50%);height:245px;width:245px;display:grid;place-items:center}.ring{position:absolute;border-radius:50%;border:1px solid #e34b6850}.ring1{width:246px;height:246px}.ring2{width:288px;height:288px;border-color:#ea587325}.vinyl{height:201px;width:201px;border-radius:50%;background:repeating-radial-gradient(circle at center,#1a111c 0,#1a111c 4px,#39212c 5px,#231821 6px);border:3px solid #bd4a5e52;box-shadow:0 19px 38px #05030888,0 0 65px #fa294b23;display:grid;place-items:center}.vinyl-center{width:106px;height:106px;background:radial-gradient(circle,#4b1221,#240e19);border:1px solid #8f354a;border-radius:50%;display:grid;place-items:center}.vinyl-center img{width:69px;height:69px}.wavelet{position:absolute;bottom:-22px;letter-spacing:9px;color:#ff7481;font-weight:900;font-size:19px;white-space:nowrap}.section-title{display:flex;align-items:center;justify-content:space-between;margin:27px 0 15px}.section-title h3{font-size:17px;margin:0;letter-spacing:-.3px}.section-title span{font-size:11px;color:#948a97}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.stat{display:flex;gap:12px;background:#1b171e;border:1px solid #312832;border-radius:14px;padding:18px 16px;min-height:110px;align-items:flex-start}.stat-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;flex:none}.stat-icon svg{width:19px}.stat-icon.red{background:#512431;color:#f47081}.stat-icon.blue{background:#1e334b;color:#7eb7f4}.stat-icon.purple{background:#32254e;color:#b9a0f0}.stat-icon.amber{background:#463022;color:#f0bb7b}.stat small{font-size:9px;font-weight:750;letter-spacing:1px;display:block;color:#9b8d9b}.stat strong{font-size:21px;font-weight:800;display:block;margin:3px 0 0;line-height:1.35}.stat span{font-size:10px;color:#988c99;display:block;margin-top:3px}.two-col,.recording-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.two-col{margin-top:19px}.panel{border:1px solid #332935;border-radius:15px;background:#1b171e;padding:20px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.panel-head h3,.panel h3{font-size:16px;margin:0;font-weight:750}.panel-head p{margin:5px 0 0;color:#998e9e;font-size:11px}.accent-icon{width:20px;height:20px;color:#e9677c}.nowplaying{display:flex;align-items:center;gap:17px;margin-top:24px;min-height:108px}.art-placeholder{height:96px;width:96px;border-radius:11px;background:linear-gradient(150deg,#8c283c,#331525);display:grid;place-items:center;overflow:hidden;flex:none}.art-placeholder svg{width:45px;height:45px;color:#ed8090;stroke-width:1.2}.art-placeholder img{width:100%;height:100%;object-fit:cover}.song-info{min-width:0;flex:1}.song-label{font-size:9px;font-weight:800;color:#eb6c80;letter-spacing:1.2px}.song-info h4{font-size:15px;margin:7px 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-info p{margin:0;color:#b5a5b4;font-size:12px}.progress{height:4px;background:#423443;border-radius:10px;overflow:hidden;margin:15px 0 7px}.progress>div{height:100%;width:0;background:linear-gradient(90deg,#f25675,#db2948)}.song-info small{color:#8c7e8d;font-size:10px}.panel-link{color:#ef7b8a;border-top:1px solid #352b36;display:flex;align-items:center;justify-content:space-between;margin-top:16px;padding-top:14px;font-weight:700;font-size:12px;width:100%}.panel-link svg{width:16px;height:16px}.link-button{border-left:0;border-right:0;border-bottom:0;background:none;text-align:left}.empty-schedule{height:156px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:10px}.empty-ring{width:46px;height:46px;border-radius:50%;background:#342632;display:grid;place-items:center;color:#c98c9e;margin-bottom:10px}.empty-ring svg{width:20px}.empty-schedule strong{font-size:12px}.empty-schedule p{max-width:300px;color:#988b9a;font-size:11px;margin:6px 0}.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.step{display:flex;gap:10px;padding:16px 12px;background:#1b171e;border:1px solid #312832;border-radius:12px}.step-icon{width:26px;height:26px;background:#392d38;color:#c1aabc;font-size:12px;font-weight:800;border-radius:50%;display:grid;place-items:center;flex:none}.step-icon svg{width:15px;height:15px}.step.complete .step-icon{background:#133b2e;color:#54dfaa}.step strong{font-size:11px;line-height:1.25;display:block}.step small{font-size:10px;color:#958894;line-height:1.4;display:block;margin-top:5px}.footer{display:flex;justify-content:space-between;gap:20px;color:#756a77;font-size:11px;margin-top:42px;border-top:1px solid #2c2430;padding:22px 0 5px}.focus-panel{padding:25px}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:25px}.feature{background:#241e27;border:1px solid #372c3b;border-radius:11px;padding:17px}.feature>svg{width:24px;height:24px;color:#e96c7e}.feature b{display:block;font-size:13px;margin-top:10px}.feature p{font-size:11px;color:#9f929f;line-height:1.65;margin:5px 0 0}.banner-alert{display:flex;gap:12px;align-items:flex-start;border:1px solid #8c65375e;background:#3c302224;border-radius:10px;padding:15px;margin-top:20px;font-size:12px;color:#e0c7a3}.banner-alert svg{width:17px;height:17px;color:#e5af75}.banner-alert.standalone{margin-top:20px}.mic-panel{margin-top:17px}.mic-meter{height:16px;background:#342933;border:1px solid #534251;border-radius:99px;overflow:hidden;margin-top:23px}.mic-meter>div{height:100%;width:0;background:linear-gradient(90deg,#4ccc94,#f2af59,#e74e65);transition:width 90ms}.mic-note{font-size:11px;color:#a99dab}.days{display:grid;grid-template-columns:repeat(7,1fr);margin-top:25px;gap:9px}.days>div{font-size:10px;letter-spacing:1px;text-align:center;padding:11px 6px;border:1px solid #40313e;border-radius:9px;color:#b3a6b5;font-weight:800}.empty-large{margin:12px auto 0;min-height:275px;border:1px dashed #493747;background:#20192177;border-radius:12px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:22px}.empty-large svg{width:37px;height:37px;color:#b67a8b}.empty-large h3{margin:15px 0 2px;font-size:15px}.empty-large p{font-size:12px;color:#9d8e9d;max-width:430px}.recording-grid .panel{min-height:248px;padding:26px}.record-icon,.method-icon{width:48px;height:48px;background:#422334;color:#e77691;border-radius:13px;display:grid;place-items:center;margin-bottom:20px}.record-icon svg,.method-icon svg{width:24px;height:24px}.recording-grid .panel p{font-size:12px;color:#a69aa7;line-height:1.75}.record-footer{display:flex;align-items:center;justify-content:space-between;margin-top:23px;border-top:1px solid #3a303b;padding-top:16px;font-size:12px;color:#9c8c9b}.notice-panel{display:flex;gap:14px;margin-top:18px}.notice-panel>svg{color:#e38d91}.notice-panel p{margin:5px 0 8px}.notice-panel a{display:inline-flex;align-items:center;gap:7px;color:#f2758c;font-weight:750;font-size:12px}.notice-panel a svg{width:13px}.guide .method-sub{margin-top:4px!important}.guide ol{padding-left:21px;color:#d5c9d4;font-size:12px;line-height:2;margin:18px 0 22px}.guide li{padding-left:4px}.guide .btn{width:fit-content}.page .recording-grid{margin-top:20px}button:focus-visible,a:focus-visible{outline:2px solid #ff91aa;outline-offset:3px}@media(max-width:1220px){.sidebar{width:224px}.content{padding:30px 25px}.topbar{padding:0 25px}.hero-art{right:2%;opacity:.7}.stats{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}}@media(max-width:850px){.sidebar{width:75px;padding:22px 9px}.brand{padding:0;margin-bottom:43px;justify-content:center}.brand img{width:44px;height:44px}.brand span,.side-caption,.nav-item:not(.is-selected),.side-bottom,.side-external{display:none}.nav-item.is-selected{font-size:0;padding:12px;justify-content:center}.nav-item.is-selected svg{width:20px;height:20px}.side-nav .nav-item{display:flex;font-size:0;padding:12px;justify-content:center}.side-nav .nav-item svg{width:20px;height:20px}.topbar{height:68px}.hero-art{opacity:.32;right:-60px}.hero-content{max-width:540px}.hero{padding:27px}.two-col{grid-template-columns:minmax(0,1fr)}.two-col>.panel{min-width:0}}@media(max-width:600px){.layout{display:block}.sidebar{position:fixed;bottom:0;top:auto;left:0;right:0;width:100%;height:66px;padding:5px 9px;border-right:0;border-top:1px solid #352935;z-index:10;justify-content:center}.sidebar .brand,.side-caption,.side-bottom,.side-external{display:none}.side-nav{flex-direction:row;gap:5px;justify-content:space-around}.side-nav .nav-item{display:flex!important;width:auto;min-width:49px;height:51px;padding:12px;justify-content:center;font-size:0!important}.side-nav .nav-item svg{width:23px;height:23px}.topbar{height:65px;padding:0 17px}.mobile-brand{display:flex;align-items:center;gap:7px;font-size:12px;letter-spacing:1px;font-weight:850}.mobile-brand img{width:25px;height:25px}.breadcrumbs{display:none}.top-right{font-size:10px;gap:7px}.top-divider{margin:0}.content{padding:23px 16px 96px}.headline{align-items:flex-start;gap:12px}.headline .pill{margin-top:7px;font-size:8px;padding:6px 9px}.headline h1{font-size:27px}.subline{font-size:11px}.eyebrow{font-size:9px}.hero{min-height:290px;padding:22px;border-radius:15px}.hero-art{right:-110px;opacity:.17}.hero h2{font-size:30px}.hero p{font-size:12px}.hero-actions{gap:8px}.btn{font-size:11px;padding:10px 11px}.stats{gap:8px}.stat{padding:12px 10px;gap:8px;min-height:102px}.stat-icon{width:31px;height:31px;border-radius:9px}.stat-icon svg{width:16px}.stat small{font-size:8px}.stat strong{font-size:16px}.stat span{font-size:9px}.two-col,.recording-grid{gap:12px}.panel{padding:17px}.steps{grid-template-columns:1fr 1fr;gap:8px}.step{padding:12px 8px}.step strong{font-size:10px}.step small{font-size:9px}.feature-grid{grid-template-columns:1fr}.feature{padding:15px}.feature b{margin-top:7px}.footer{flex-direction:column;gap:5px;font-size:10px}.days{gap:3px}.days>div{padding:8px 2px;font-size:9px}.recording-grid{grid-template-columns:1fr}.recording-grid .panel{min-height:auto;padding:20px}.notice-panel{padding:17px}.mic-panel .controls{gap:8px}.mic-note{flex-basis:100%}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
