*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary: #0a0a0a;--bg-secondary: rgba(255, 255, 255, .06);--glass-border: rgba(255, 255, 255, .12);--glass-blur: 20px;--glass-blur-sm: 12px;--accent: #6c5ce7;--accent-hover: #7f70f0;--accent-glow: rgba(108, 92, 231, .3);--accent-gradient: linear-gradient(135deg, #6c5ce7, #a78bfa);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .6);--text-tertiary: rgba(255, 255, 255, .35);--radius-sm: 12px;--radius-md: 16px;--radius-lg: 20px;--radius-xl: 24px;--transition-fast: .2s ease;--transition-medium: .3s ease}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);min-height:100dvh;overflow-x:hidden}.app{max-width:480px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;position:relative}.app:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#0a0a0a,#0d0d1a,#1a1a2e,#16213e,#0d0d1a,#0a0a0a);background-size:400% 400%;animation:gradientShift 20s ease infinite;z-index:0}.app>*{position:relative;z-index:1}button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}img{max-width:100%;height:auto}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes vinylSpin{to{transform:rotate(360deg)}}.screen-enter{animation:fadeIn .3s ease-out}@media(prefers-reduced-motion:reduce){.app:before{animation:none}.screen-enter{animation:none}*{animation-duration:.01ms!important;transition-duration:.01ms!important}}.glass-button{background:#ffffff0f;backdrop-filter:blur(var(--glass-blur-sm));-webkit-backdrop-filter:blur(var(--glass-blur-sm));border:1px solid var(--glass-border);color:var(--text-secondary);font-size:14px;cursor:pointer;padding:8px 18px;border-radius:var(--radius-lg);transition:all var(--transition-fast)}.glass-button:hover{color:var(--text-primary);border-color:#ffffff4d;box-shadow:0 0 16px #ffffff0f}.glass-button:active{transform:scale(.97)}.stop-button{background:#ffffff0f;backdrop-filter:blur(var(--glass-blur-sm));-webkit-backdrop-filter:blur(var(--glass-blur-sm));border:1px solid var(--glass-border);color:var(--text-secondary);font-size:14px;cursor:pointer;padding:8px 18px;border-radius:var(--radius-lg);transition:all var(--transition-fast)}.stop-button:hover{color:var(--text-primary);border-color:#ffffff4d;box-shadow:0 0 16px #ffffff0f}.download-button{background:#ffffff0f;backdrop-filter:blur(var(--glass-blur-sm));-webkit-backdrop-filter:blur(var(--glass-blur-sm));border:1px solid var(--glass-border);color:var(--text-primary);padding:10px 24px;border-radius:var(--radius-lg);font-size:14px;cursor:pointer;transition:all var(--transition-fast)}.download-notice{width:100%;max-width:320px;position:relative;background:#6c5ce71f;backdrop-filter:blur(var(--glass-blur-sm));-webkit-backdrop-filter:blur(var(--glass-blur-sm));border:1px solid rgba(108,92,231,.3);border-radius:var(--radius-md);padding:14px 36px 14px 16px;animation:fadeIn .4s ease-out}.download-notice__text{font-size:13px;color:var(--text-secondary);line-height:1.5}.download-notice__close{position:absolute;top:8px;right:10px;background:none;border:none;color:var(--text-tertiary);font-size:20px;line-height:1;cursor:pointer;padding:0;transition:color var(--transition-fast)}.download-notice__close:hover{color:var(--text-primary)}.download-button:hover:not(:disabled){border-color:var(--accent);color:var(--accent);box-shadow:0 0 16px var(--accent-glow)}.download-button:disabled{opacity:.5;cursor:not-allowed}.home-screen{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px}.home-screen__logo{text-align:center;margin-bottom:48px;animation:fadeInUp .6s ease-out}.home-screen__title{font-size:48px;font-weight:800;letter-spacing:-2px;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.home-screen__subtitle{font-size:15px;color:var(--text-secondary);margin-top:8px}.home-screen__form{width:100%;max-width:400px;display:flex;flex-direction:column;gap:16px;background:var(--bg-secondary);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:28px 24px;animation:fadeInUp .5s ease-out}.home-screen__input-wrapper{position:relative}.home-screen__switch-row{display:flex;align-items:center;justify-content:center;gap:12px}.home-screen__switch{position:relative;width:44px;height:24px;flex-shrink:0;cursor:pointer}.home-screen__switch input[type=checkbox]{opacity:.01;width:44px;height:24px;position:absolute;top:0;left:0;margin:0;padding:0;cursor:pointer;z-index:1}.home-screen__switch-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff1a;border-radius:24px;transition:background .2s}.home-screen__switch-slider:before{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;background:var(--text-secondary);border-radius:50%;transition:transform .2s,background .2s}.home-screen__switch input[type=checkbox]:checked+.home-screen__switch-slider{background:var(--accent);box-shadow:0 0 12px var(--accent-glow)}.home-screen__switch input[type=checkbox]:checked+.home-screen__switch-slider:before{transform:translate(20px);background:#fff}.home-screen__switch input[type=checkbox]:disabled{cursor:not-allowed}.home-screen__switch input[type=checkbox]:disabled+.home-screen__switch-slider{opacity:.6}.home-screen__switch-label{color:var(--text-secondary);font-size:14px;-webkit-user-select:none;user-select:none}.home-screen__input{width:100%;padding:16px 60px 16px 20px;background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);color:var(--text-primary);font-size:16px;outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.home-screen__input:focus{border-color:var(--accent);box-shadow:0 0 16px var(--accent-glow)}.home-screen__input::placeholder{color:var(--text-tertiary)}.home-screen__input:disabled{opacity:.6}.home-screen__counter{position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:12px;color:var(--text-tertiary)}.home-screen__start-btn{padding:16px;background:var(--accent-gradient);color:#fff;border:none;border-radius:var(--radius-md);font-size:18px;font-weight:600;cursor:pointer;transition:all var(--transition-fast);box-shadow:0 4px 16px var(--accent-glow)}.home-screen__start-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px var(--accent-glow)}.home-screen__start-btn:active:not(:disabled){transform:translateY(0)}.home-screen__start-btn:disabled{opacity:.5;cursor:not-allowed}.loading-screen{min-height:100dvh;display:flex;flex-direction:column;animation:fadeIn .3s ease-out}.loading-screen__header{padding:16px}.loading-screen__content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px}.loading-screen__progress-ring{position:relative;width:160px;height:160px}.loading-screen__ring-svg{width:100%;height:100%;transform:rotate(-90deg)}.loading-screen__ring-track{stroke:#ffffff14}.loading-screen__ring-fill{transition:stroke-dashoffset .1s linear}.loading-screen__percent{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:28px;font-weight:700;color:var(--text-primary)}.loading-screen__text{font-size:18px;color:var(--text-secondary);text-align:center;min-height:1.4em}.loading-screen__text--fade{animation:fadeIn .5s ease-out}.loading-screen__hint{font-size:14px;color:var(--text-tertiary);text-align:center;margin-top:-12px}.loading-screen__stop{background:#ffffff0f;backdrop-filter:blur(var(--glass-blur-sm));-webkit-backdrop-filter:blur(var(--glass-blur-sm));border:1px solid var(--glass-border);color:var(--text-secondary);font-size:14px;cursor:pointer;padding:8px 18px;border-radius:var(--radius-lg);transition:all var(--transition-fast)}.loading-screen__stop:hover{color:var(--text-primary);border-color:#ffffff4d;box-shadow:0 0 16px #ffffff0f}.loading-screen__confirm{display:flex;flex-direction:column;align-items:center;gap:12px;animation:fadeIn .2s ease-out}.loading-screen__confirm-text{font-size:15px;color:var(--text-secondary)}.loading-screen__confirm-actions{display:flex;gap:12px}.loading-screen__confirm-btn{background:#ffffff0f;backdrop-filter:blur(var(--glass-blur-sm));-webkit-backdrop-filter:blur(var(--glass-blur-sm));border:1px solid var(--glass-border);color:var(--text-secondary);font-size:14px;cursor:pointer;padding:8px 24px;border-radius:var(--radius-lg);transition:all var(--transition-fast)}.loading-screen__confirm-btn:hover{color:var(--text-primary);border-color:#ffffff4d}.loading-screen__confirm-btn--yes{border-color:#e74c3c66;color:#e74c3c}.loading-screen__confirm-btn--yes:hover{border-color:#e74c3c99;background:#e74c3c26;color:#e74c3c}.player-screen{min-height:100dvh;display:flex;flex-direction:column;animation:fadeIn .3s ease-out}.player-screen__header{padding:16px;display:flex;justify-content:center}.player-screen__content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 24px 32px;gap:20px}.track-cover{width:240px;height:240px;border-radius:50%;overflow:hidden;box-shadow:0 0 40px var(--accent-glow);transition:transform var(--transition-fast);position:relative}.track-cover:hover{transform:scale(1.03)}.track-cover--playing{animation:vinylSpin 8s linear infinite}.track-cover--paused{animation:vinylSpin 8s linear infinite;animation-play-state:paused}.track-cover__image{width:100%;height:100%;object-fit:cover}.track-cover__placeholder{width:100%;height:100%;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;font-size:64px;color:var(--accent)}.track-cover__lyrics-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.lyrics-button{width:52px;height:52px;border-radius:50%;background:#ffffff1f;backdrop-filter:blur(var(--glass-blur-sm));-webkit-backdrop-filter:blur(var(--glass-blur-sm));border:1px solid rgba(255,255,255,.25);color:var(--text-primary);font-size:22px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);pointer-events:auto;box-shadow:0 4px 16px #0000004d;font-family:inherit;line-height:1}.lyrics-button:hover{background:#fff3;transform:scale(1.05)}.lyrics-button:active{transform:scale(.97)}.player-screen__title{font-size:20px;font-weight:700;text-align:center}.player-screen__status{font-size:13px;color:var(--accent);text-align:center;animation:pulse 1.5s ease-in-out infinite}.controls__play-pause{width:64px;height:64px;border-radius:50%;border:none;background:var(--accent-gradient);color:#fff;font-size:0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);box-shadow:0 4px 20px var(--accent-glow)}.controls__play-pause:hover:not(:disabled){transform:scale(1.08);box-shadow:0 6px 28px var(--accent-glow)}.controls__play-pause:active:not(:disabled){transform:scale(1)}.controls__play-pause:disabled{opacity:.6;cursor:not-allowed}.controls__play-pause svg{width:24px;height:24px;fill:currentColor}.player-screen__progress{width:100%;max-width:320px}.player-screen__progress-bar{width:100%;height:6px;background:#ffffff14;border-radius:3px;overflow:hidden}.player-screen__progress-fill{height:100%;background:var(--accent-gradient);border-radius:3px;transition:width .3s linear}.player-screen__time{display:flex;justify-content:space-between;font-size:12px;color:var(--text-secondary);margin-top:4px}.error-screen{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px;animation:fadeIn .3s ease-out}.error-screen__content{text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px;background:var(--bg-secondary);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:32px 24px}.error-screen__title{font-size:24px;font-weight:600;color:#e74c3c}.error-screen__message{font-size:16px;color:var(--text-secondary)}.toast-container{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:1000;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none}.toast{display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:var(--radius-md);background:#1e1e28f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);color:var(--text-primary);font-size:14px;line-height:1.4;max-width:360px;width:max-content;animation:toastSlideUp .3s ease-out;pointer-events:auto}.toast--error{border-color:#e74c3c66;background:#e74c3c26}.toast--success{border-color:#2ecc7166;background:#2ecc7126}.toast--info{border-color:#6c5ce766;background:#6c5ce726}.toast__icon{flex-shrink:0;font-size:14px;font-weight:700}.toast--error .toast__icon{color:#e74c3c}.toast--success .toast__icon{color:#2ecc71}.toast--info .toast__icon{color:var(--accent)}.toast__message{flex:1}.toast__close{flex-shrink:0;background:none;border:none;color:var(--text-tertiary);font-size:16px;cursor:pointer;padding:0;line-height:1;transition:color var(--transition-fast)}.toast__close:hover{color:var(--text-primary)}@keyframes toastSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:focus:not(:focus-visible){outline:none}.home-screen__input:focus-visible{outline:2px solid var(--accent);outline-offset:0}.home-screen__input:focus:not(:focus-visible){outline:none}.lyrics-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .2s ease-out;padding:24px}.lyrics-modal{width:90%;max-width:420px;max-height:70vh;background:var(--bg-secondary);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:24px;display:flex;flex-direction:column;gap:16px;animation:fadeInUp .2s ease-out}.lyrics-modal__header{display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.lyrics-modal__title{font-size:16px;font-weight:600;color:var(--text-primary)}.lyrics-modal__close{background:none;border:none;color:var(--text-tertiary);font-size:20px;cursor:pointer;padding:0;line-height:1;transition:color var(--transition-fast);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%}.lyrics-modal__close:hover{color:var(--text-primary);background:#ffffff14}.lyrics-modal__content{flex:1;overflow-y:auto;white-space:pre-wrap;font-size:15px;line-height:1.6;color:var(--text-primary);padding-right:8px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.lyrics-modal__content::-webkit-scrollbar{width:4px}.lyrics-modal__content::-webkit-scrollbar-track{background:transparent}.lyrics-modal__content::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.lyrics-modal__copy{align-self:center;padding:10px 24px;background:var(--accent-gradient);color:var(--text-primary);border:none;border-radius:var(--radius-lg);font-size:14px;font-weight:600;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.lyrics-modal__copy:hover{transform:translateY(-1px);box-shadow:0 4px 16px var(--accent-glow)}.lyrics-modal__copy:active{transform:translateY(0)}@media(max-width:380px){.track-cover{width:200px;height:200px}.home-screen__title{font-size:36px}.home-screen__form{padding:20px 16px}}