*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary: #0a0a0a;--bg-secondary: #1a1a1a;--text-primary: #ffffff;--text-secondary: #a0a0a0;--text-tertiary: #6b6b6b;--accent: #6c5ce7;--accent-hover: #7f70f0}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}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}img{max-width:100%;height:auto}.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}.home-screen__title{font-size:42px;font-weight:700;letter-spacing:-1px;background:linear-gradient(135deg,var(--accent),#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.home-screen__subtitle{font-size:16px;color:var(--text-secondary);margin-top:8px}.home-screen__form{width:100%;max-width:400px;display:flex;flex-direction:column;gap:16px}.home-screen__input-wrapper{position:relative}.home-screen__input{width:100%;padding:16px 60px 16px 20px;background:var(--bg-secondary);border:1px solid transparent;border-radius:28px;color:var(--text-primary);font-size:16px;outline:none;transition:border-color .2s}.home-screen__input:focus{border-color:var(--accent)}.home-screen__input::placeholder{color:var(--text-secondary)}.home-screen__input:disabled{opacity:.6}.home-screen__counter{position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:12px;color:var(--text-secondary)}.home-screen__start-btn{padding:16px;background:var(--accent);color:#fff;border:none;border-radius:28px;font-size:18px;font-weight:600;cursor:pointer;transition:background .2s}.home-screen__start-btn:hover:not(:disabled){background:var(--accent-hover)}.home-screen__start-btn:disabled{opacity:.5;cursor:not-allowed}.home-screen__toggle{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--text-secondary);font-size:14px}.home-screen__toggle input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent);cursor:pointer}.loading-screen{min-height:100dvh;display:flex;flex-direction:column}.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__spinner{width:48px;height:48px;border:3px solid var(--bg-secondary);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-screen__text{font-size:18px;color:var(--text-secondary);text-align:center}.loading-screen__hint{font-size:14px;color:var(--text-tertiary);text-align:center;margin-top:-12px}.loading-screen__stop{background:none;border:1px solid var(--text-secondary);color:var(--text-secondary);font-size:14px;cursor:pointer;padding:6px 14px;border-radius:16px;transition:color .2s,border-color .2s}.loading-screen__stop:hover{color:var(--text-primary);border-color:var(--text-primary)}.stop-button{background:none;border:1px solid var(--text-secondary);color:var(--text-secondary);font-size:14px;cursor:pointer;padding:6px 14px;border-radius:16px;transition:color .2s,border-color .2s}.stop-button:hover{color:var(--text-primary);border-color:var(--text-primary)}.player-screen{min-height:100dvh;display:flex;flex-direction:column}.player-screen__header{padding:16px}.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:280px;height:280px;border-radius:16px;overflow:hidden;box-shadow:0 8px 32px #0006}.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)}.player-screen__title{font-size:20px;font-weight:600;text-align:center}.player-screen__status{font-size:13px;color:var(--accent);text-align:center;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.controls__play-pause{width:64px;height:64px;border-radius:50%;border:none;background:var(--accent);color:#fff;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.controls__play-pause:hover:not(:disabled){background:var(--accent-hover)}.controls__play-pause:disabled{opacity:.6;cursor:not-allowed}.player-screen__progress{width:100%;max-width:320px}.player-screen__progress-bar{width:100%;height:4px;background:var(--bg-secondary);border-radius:2px;overflow:hidden}.player-screen__progress-fill{height:100%;background:var(--accent);border-radius:2px;transition:width .3s linear}.player-screen__time{display:flex;justify-content:space-between;font-size:12px;color:var(--text-secondary);margin-top:4px}.download-button{background:none;border:1px solid var(--text-secondary);color:var(--text-primary);padding:10px 24px;border-radius:24px;font-size:14px;cursor:pointer;transition:all .2s}.download-button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.download-button:disabled{opacity:.5;cursor:not-allowed}.error-screen{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px}.error-screen__content{text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.error-screen__title{font-size:24px;font-weight:600;color:#e74c3c}.error-screen__message{font-size:16px;color:var(--text-secondary)}