:root{color:#e9f0fa;background:#070b12;font-family:Inter,Pretendard,system-ui,sans-serif;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,input{font:inherit}button{border:0;border-radius:.65rem;cursor:pointer;padding:.7rem 1rem;color:#07101e;background:#8fc5ff;font-weight:700}button.secondary,button.link{color:#cbe2ff;background:transparent;border:1px solid #35506f}button.link{border:0;padding:.4rem}button.tertiary{width:100%;margin-top:.75rem;color:#9eb3cc;background:transparent;border:1px solid #28415e}button:disabled{opacity:.6;cursor:wait}.centered,.auth-shell{min-height:100vh;display:grid;place-items:center}.auth-shell{background:radial-gradient(circle at top,#183f70,#09111f 60%)}.card{background:#111d30;border:1px solid #28415e;border-radius:1rem;padding:1.25rem;box-shadow:0 1rem 3rem #0004}.auth-shell .card{width:min(26rem,92vw)}.auth-card{position:relative}.back-home{display:inline-block;margin-bottom:1.25rem;color:#9eb3cc;text-decoration:none;font-size:.85rem}.back-home:hover{color:#e9f0fa}.auth-context{margin:-.2rem 0 1.15rem;color:#aebfd3;line-height:1.55}.eyebrow{margin:0;font-size:.72rem;font-weight:800;letter-spacing:.19em;color:#69d5ff}h1,h2,h3{margin:.35rem 0 .8rem}form,label,.auth-actions{display:grid;gap:.5rem}form{gap:.9rem;margin-top:.9rem}input{border-radius:.55rem;border:1px solid #35506f;padding:.7rem;background:#08111f;color:inherit}.error{color:#ffacb4}.google{width:100%;background:#f2f6ff}.other-auth{margin-top:1.25rem;padding-top:1rem;border-top:1px solid #28415e}.other-auth p{margin:0 0 .6rem;color:#9eb3cc;font-size:.85rem;text-align:center}.landing{min-height:100vh;overflow:hidden;color:#f3f7fd;background:radial-gradient(circle at 78% 34%,#153c505c 0,transparent 30rem),radial-gradient(circle at 14% 12%,#20385a47 0,transparent 25rem),#070b12}.landing:before{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;content:"";opacity:.24;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:52px 52px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 80%);mask-image:linear-gradient(to bottom,black,transparent 80%)}.landing-nav{position:relative;z-index:2;width:min(1180px,calc(100% - 3rem));height:86px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff14}.brand{display:flex;align-items:center;gap:.75rem;color:inherit;font-weight:800;text-decoration:none;letter-spacing:-.02em}.brand-mark{width:2.25rem;height:2.25rem;display:grid;place-items:center;border-radius:.68rem;color:#061019;background:linear-gradient(135deg,#70e7ff,#85a9ff);box-shadow:0 0 2rem #54cfff3b}.nav-download{padding:.65rem 1rem;border:1px solid #ffffff21;border-radius:99px;color:#dce9f7;text-decoration:none;font-size:.84rem;transition:border-color .2s,background .2s}.nav-download:hover{border-color:#6bdcff;background:#6bdcff0d}.hero{position:relative;z-index:1;width:min(1180px,calc(100% - 3rem));min-height:640px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:5rem}.hero-copy{padding:5rem 0}.hero h1{max-width:700px;margin:1rem 0 1.5rem;font-size:clamp(3rem,5.8vw,5.4rem);line-height:.98;letter-spacing:-.065em}.hero h1 span{color:transparent;background:linear-gradient(100deg,#71e4ff,#a6b9ff 70%);-webkit-background-clip:text;background-clip:text}.hero-description{max-width:35rem;margin:0;color:#9eacbe;font-size:1.08rem;line-height:1.75;word-break:keep-all}.hero-actions{margin-top:2.2rem;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.download-button{display:flex;align-items:center;gap:.8rem;padding:.9rem 1.15rem;border-radius:.8rem;color:#061019;background:linear-gradient(135deg,#79e6ff,#91afff);box-shadow:0 .8rem 2.8rem #4acfff26}.download-button:hover{filter:brightness(1.06);transform:translateY(-1px)}.download-icon{width:1.65rem;height:1.65rem;display:grid;place-items:center;border:1px solid #07101e30;border-radius:50%;font-size:1.1rem}.download-meta{color:#718097;font-size:.78rem}.download-notice{margin:.9rem 0 0;color:#72dbf8;font-size:.86rem}.hero-visual{position:relative;min-width:0;perspective:1100px}.visual-glow{position:absolute;top:10%;right:-10%;bottom:10%;left:-10%;border-radius:50%;background:#3fcdf526;filter:blur(70px)}.app-window{position:relative;overflow:hidden;border:1px solid #8bdfff35;border-radius:1.15rem;background:#0d1521e8;box-shadow:0 2.5rem 7rem #000b,inset 0 1px #ffffff0f;transform:rotateY(-7deg) rotateX(2deg)}.window-bar{height:3rem;padding:0 1rem;display:flex;align-items:center;gap:.42rem;border-bottom:1px solid #ffffff0d;background:#111c2a}.window-bar span{width:.55rem;height:.55rem;border-radius:50%;background:#304053}.window-bar span:first-child{background:#ff6e7a}.window-bar span:nth-child(2){background:#ffd067}.window-bar span:nth-child(3){background:#62d99a}.window-bar b{margin-left:auto;color:#5ee1ff;font-size:.62rem;letter-spacing:.17em}.window-body{padding:1.7rem;display:grid;grid-template-columns:4.4rem 1fr;gap:1.1rem}.track-art{grid-row:span 2;aspect-ratio:1;display:grid;place-items:center;border-radius:.85rem;color:#0a1720;background:linear-gradient(145deg,#79e8f9,#758bea);font-size:2rem}.track-info{display:grid;align-content:center;gap:.18rem}.track-info small{color:#59d8f7;font-size:.58rem;letter-spacing:.16em}.track-info strong{font-size:1.12rem}.track-info span{color:#6f8094;font-size:.72rem}.equalizer{height:4.4rem;grid-column:1 / -1;display:flex;align-items:center;gap:.28rem;padding:.8rem 0}.equalizer i{flex:1;height:calc(10% + (var(--bar, 5) * 8%));min-height:.25rem;border-radius:1rem;background:linear-gradient(to top,#537cec,#69e1ef);opacity:.8}.equalizer i:nth-child(3n){--bar: 8}.equalizer i:nth-child(3n+1){--bar: 3}.equalizer i:nth-child(4n){--bar: 6}.lyric-card{grid-column:1 / -1;padding:2rem 1rem;display:grid;place-items:center;gap:.55rem;border:1px solid #ffffff0e;border-radius:.8rem;text-align:center;background:#070c14b5}.lyric-card span{font-size:clamp(1.1rem,2vw,1.45rem);font-weight:800}.lyric-card small{color:#6f8094}.feature-strip{position:relative;z-index:1;width:min(1180px,calc(100% - 3rem));margin:0 auto 4rem;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ffffff14}.feature-strip article{padding:2rem 2rem 2rem 0}.feature-strip article+article{padding-left:2rem;border-left:1px solid #ffffff10}.feature-strip span{color:#52d8f8;font:700 .65rem/1 monospace}.feature-strip h2{margin:.8rem 0 .45rem;font-size:1rem}.feature-strip p{margin:0;color:#718097;font-size:.83rem;line-height:1.6;word-break:keep-all}.dashboard{width:min(1200px,94vw);margin:2rem auto}header,.toolbar{display:flex;gap:1rem;align-items:center;justify-content:space-between;flex-wrap:wrap}.toolbar{padding:1rem 0}.grid{display:grid;grid-template-columns:minmax(16rem,1fr) minmax(20rem,1.5fr);gap:1rem}.song-list{margin:0;padding:0;list-style:none;max-height:34rem;overflow:auto}.song-list button{display:grid;text-align:left;background:transparent;color:inherit;width:100%;border-radius:0;border-bottom:1px solid #28415e}small,.hint{color:#9eb3cc}iframe{width:100%;aspect-ratio:16 / 9;border:0;border-radius:.7rem;background:#050a11}.player input{width:100%;margin:1rem 0}.lyric-preview{min-height:3rem;display:grid;place-items:center;text-align:center;font-size:1.25rem;font-weight:700}@media(max-width:860px){.hero{min-height:auto;grid-template-columns:1fr;gap:0}.hero-copy{padding:5rem 0 3rem}.hero-visual{width:min(34rem,94%);margin:0 auto 5rem}.feature-strip{grid-template-columns:1fr}.feature-strip article,.feature-strip article+article{padding:1.4rem 0;border-left:0;border-top:1px solid #ffffff10}}@media(max-width:700px){.landing-nav,.hero,.feature-strip{width:min(100% - 2rem,1180px)}.landing-nav{height:70px}.nav-download{display:none}.hero-copy{padding-top:4rem}.hero h1{font-size:clamp(2.8rem,14vw,4.1rem)}.hero-description{font-size:.96rem}.hero-actions{align-items:flex-start;flex-direction:column}.app-window{transform:none}.window-body{padding:1.1rem}.grid{grid-template-columns:1fr}}