body{background:#0b0908;margin:0}.login{flex:1;justify-content:center;align-items:center;padding:24px 16px;animation:.4s ease-out both login-in;display:flex}@keyframes login-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.login-card{border:1px solid var(--accent-dim);-webkit-backdrop-filter:blur(10px);text-align:center;background:#0a0a0eb8;border-radius:18px;width:100%;max-width:340px;padding:32px 28px 28px;box-shadow:0 20px 60px #0009}.login-mark{width:40px;height:40px;fill:var(--accent)}.login-mark-peak{fill:var(--accent-bright)}.login-card h1{letter-spacing:-.01em;margin:12px 0 6px;font-size:1.6rem;font-weight:600}.login-card p{opacity:.65;margin:0 0 22px;font-size:.92rem;line-height:1.45}.login-card input{box-sizing:border-box;color:#fff;width:100%;font:inherit;background:#ffffff0f;border:1px solid #ffffff24;border-radius:10px;outline:none;padding:12px 14px;font-size:1rem;transition:border-color .15s}.login-card input:focus{border-color:var(--accent)}.login-card .login-error{color:var(--accent-bright);opacity:1;margin:10px 0 0;font-size:.85rem}.login-card button{background:var(--accent);color:#fff;width:100%;font:inherit;cursor:pointer;border:none;border-radius:10px;margin-top:16px;padding:12px;font-weight:600;transition:background .15s,opacity .15s}.login-card button:hover:not(:disabled){background:var(--accent-bright)}.login-card button:disabled{opacity:.45;cursor:default}.login-card button:focus-visible,.login-card input:focus-visible{outline:2px solid var(--accent-bright);outline-offset:2px}@media (prefers-reduced-motion:reduce){.login{animation:none}}.body{text-shadow:0 1px 8px #000000d9;flex-direction:column;flex:1;justify-content:flex-end;align-items:center;padding:24px 16px clamp(32px,7vh,64px);animation:.5s ease-out both player-in;display:flex}@keyframes player-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.cover{aspect-ratio:1;object-fit:cover;border-radius:14px;width:clamp(120px,28vw,168px);margin-bottom:28px;box-shadow:0 12px 40px #0009}.song-info{text-align:center;margin-bottom:28px}.song-title{letter-spacing:-.01em;font-size:clamp(1.4rem,4.5vw,1.9rem);font-weight:600;line-height:1.25}.song-meta{opacity:.62;margin-top:6px;font-size:.95rem}.waveform{width:100%;max-width:440px;height:clamp(52px,11vh,76px);position:relative}.waveform-bars{justify-content:space-between;align-items:center;gap:2px;width:100%;height:100%;display:flex}.waveform-bars span{border-radius:2px;flex:1;transition:background .12s linear}.waveform-input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.controls{justify-content:space-between;align-items:center;gap:16px;width:100%;max-width:440px;margin-top:10px;display:flex}.time{font-variant-numeric:tabular-nums;opacity:.55;min-width:42px;font-size:.85rem}.btn{border:1px solid var(--accent-dim);width:44px;height:44px;color:var(--accent-bright);cursor:pointer;background:#00000059;border-radius:50%;justify-content:center;align-items:center;font-size:1.1em;transition:transform .15s,background .15s,border-color .15s;display:flex}.btn:hover{border-color:var(--accent);background:#e6394626;transform:scale(1.1)}.btn-play{background:var(--accent);color:#fff;border:none;width:56px;height:56px;font-size:1.35em;box-shadow:0 0 20px #e6394673}.btn-play:hover{background:var(--accent-bright)}.btn:focus-visible,.waveform-input:focus-visible{outline:2px solid var(--accent-bright);outline-offset:3px}.sign-out{color:#ffffffbf;font:inherit;cursor:pointer;background:#00000059;border:1px solid #ffffff29;border-radius:999px;padding:7px 14px;font-size:.82rem;transition:color .15s,border-color .15s;position:fixed;top:16px;right:16px}.sign-out:hover{color:#fff;border-color:var(--accent)}@media (prefers-reduced-motion:reduce){.body{animation:none}.btn{transition:none}}:root{--accent:#e63946;--accent-bright:#ff536a;--accent-dim:#e6394659}.app{color:#fff;flex-direction:column;min-height:100vh;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;display:flex;position:relative;overflow:hidden}.app main{z-index:1;flex-direction:column;flex:1;display:flex;position:relative}.bg{z-index:0;background:linear-gradient(#0000 38%,#00000073 72%,#000000d1 100%),#000 url(/assets/tanjiro-00dtdKrk.png) 50%/cover no-repeat;position:fixed;inset:0}