*{box-sizing:border-box;margin:0;padding:0}html,body{overflow-x:hidden}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;background:linear-gradient(180deg,#080810 0%,#0d1117 50%,#080810 100%);min-height:100vh;color:#e0e0e0;line-height:1.5}.beta-banner{background:linear-gradient(90deg,#00b4ff 0%,#00d4aa 100%);color:#000;text-align:center;padding:10px 16px;font-size:0.85rem;font-weight:500}.beta-banner strong{font-weight:700;letter-spacing:0.5px}@media (max-width:480px){.beta-banner{font-size:0.75rem;padding:8px 12px}}.news-banner{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);border-bottom:2px solid rgba(0,180,255,0.3);padding:16px 20px}.news-content{max-width:700px;margin:0 auto}.news-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.news-badge{background:linear-gradient(135deg,#00b4ff 0%,#00d4aa 100%);color:#000;font-size:0.75rem;font-weight:700;padding:6px 14px;border-radius:20px;text-transform:uppercase;letter-spacing:0.5px}.news-expand{background:linear-gradient(135deg,#00b4ff 0%,#00d4aa 100%);border:none;color:#000;font-size:0.85rem;font-weight:700;padding:8px 16px;border-radius:20px;cursor:pointer;transition:all 0.2s;display:flex;align-items:center;gap:6px;animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,100%{box-shadow:0 0 5px rgba(0,180,255,0.4)}50%{box-shadow:0 0 20px rgba(0,180,255,0.8),0 0 30px rgba(0,212,170,0.4)}}.news-expand:hover{transform:scale(1.05);box-shadow:0 0 25px rgba(0,180,255,0.8)}.news-expand.expanded{animation:none;background:rgba(255,255,255,0.15);color:#fff}.news-expand-icon{font-size:0.7rem;transition:transform 0.3s}.news-expand.expanded .news-expand-icon{transform:rotate(180deg)}.news-expand.expanded .news-expand-text{display:none}.news-expand.expanded::before{content:"Show less"}.news-preview{text-align:center;cursor:pointer;padding:8px;border-radius:8px;transition:background 0.2s}.news-preview:hover{background:rgba(255,255,255,0.05)}.news-tap-hint{display:inline-block;animation:bounce-tap 1.5s ease-in-out infinite}@keyframes bounce-tap{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}.news-title{font-size:1.1rem;font-weight:700;color:#fff;margin-bottom:6px}.news-text{color:#bbb;font-size:0.9rem;line-height:1.5;margin-bottom:8px}.news-text strong{color:#fff}.news-highlight{color:#00d4aa;font-weight:700}.news-text em{color:#888;font-size:0.85em}.news-expanded{text-align:center;animation:slideDown 0.3s ease-out}@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.news-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(0,180,255,0.3),transparent);margin:14px 0}.news-feedback{background:rgba(0,180,255,0.08);border:1px solid rgba(0,180,255,0.2);border-radius:12px;padding:14px 18px;margin:14px 0}.news-feedback-title{font-size:1rem;font-weight:700;color:#00d4aa;margin-bottom:8px}.news-contact{color:#888;font-size:0.85rem;margin-top:12px}.news-contact strong{color:#fff}.news-contact a{color:#00b4ff;text-decoration:none;font-weight:600}.news-contact a:hover{text-decoration:underline;color:#00d4aa}@media (max-width:600px){.news-banner{padding:14px 16px}.news-title{font-size:1rem}.news-text{font-size:0.85rem}.news-expand{font-size:0.75rem;padding:5px 10px}}.hero-compact{background:linear-gradient(180deg,rgba(0,30,50,0.95) 0%,rgba(10,15,25,0.98) 100%);border-bottom:1px solid rgba(0,180,255,0.15);padding:28px 24px 24px;text-align:center}.launch-badge{display:inline-block;background:linear-gradient(135deg,rgba(0,212,170,0.15) 0%,rgba(0,180,255,0.15) 100%);border:1px solid rgba(0,212,170,0.4);color:#00d4aa;font-size:0.75rem;font-weight:600;padding:6px 14px;border-radius:20px;margin-bottom:12px;letter-spacing:0.3px}.free-song-banner{background:linear-gradient(135deg,rgba(0,180,255,0.08) 0%,rgba(0,212,170,0.08) 100%);border:1px solid rgba(0,180,255,0.2);border-radius:12px;padding:14px 20px;margin-bottom:20px;position:relative;overflow:hidden}@keyframes banner-glow{0%,100%{box-shadow:none}}.free-song-banner::before{display:none}.free-song-banner-content{position:relative;z-index:1}.free-song-badge{display:inline-block;background:rgba(0,180,255,0.15);color:#00b4ff;font-size:0.65rem;font-weight:700;padding:4px 10px;border-radius:6px;letter-spacing:0.5px;margin-bottom:8px;text-transform:uppercase;border:1px solid rgba(0,180,255,0.3)}.free-song-headline{display:flex;flex-direction:column;align-items:center;gap:2px;margin-bottom:6px}.free-song-your{font-size:1rem;color:#fff;font-weight:500}.free-song-price-row{display:flex;align-items:center;justify-content:center;gap:12px}.free-song-original-price{font-size:1.4rem;font-weight:600;color:rgba(255,255,255,0.5);position:relative;display:inline-block}.free-song-original-price::after{content:"";position:absolute;left:-2px;right:-2px;top:50%;height:3px;background:#ff4444;transform:rotate(-8deg)}.free-song-free{font-size:2rem;font-weight:800;color:#00d4aa;letter-spacing:1px}.free-song-subtext{font-size:0.8rem;color:rgba(255,255,255,0.7)}.free-song-decoration{display:none}@keyframes sparkle-float{0%,100%{transform:translateY(0) rotate(0deg);opacity:0.6}50%{transform:translateY(-5px) rotate(10deg);opacity:1}}@keyframes note-bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}.hero-headline{font-size:1.8rem;font-weight:700;color:#fff;margin:0 0 8px 0;letter-spacing:-0.5px}.hero-subline{font-size:1rem;color:#bbb;margin:0 0 20px 0}.hero-cta-buttons{display:flex;justify-content:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.btn-hero-sample,.btn-hero-create{display:inline-flex;align-items:center;gap:6px;padding:12px 20px;border-radius:10px;font-size:0.95rem;font-weight:600;cursor:pointer;transition:all 0.2s ease;border:none}.btn-hero-sample{background:rgba(255,255,255,0.1);color:#fff;border:1px solid rgba(255,255,255,0.2)}.btn-hero-sample:hover{background:rgba(255,255,255,0.15);border-color:rgba(255,255,255,0.3)}.btn-hero-create{background:linear-gradient(135deg,#00b4ff 0%,#00d4aa 100%);color:#000}.btn-hero-create:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(0,180,255,0.4)}.btn-icon{font-size:1.1rem}.hero-trust-line{display:flex;justify-content:center;align-items:center;gap:12px;font-size:1rem;color:#ccc;flex-wrap:wrap;margin-top:16px;font-weight:500}.hero-trust-line span:not(.trust-divider){white-space:nowrap}.trust-divider{color:#555;font-weight:300}.sample-player-modal{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:1000;animation:slideUp 0.3s ease;width:90%;max-width:380px}@keyframes slideUp{from{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.sample-player-content{background:rgba(16,22,36,0.98);border:1px solid rgba(0,180,255,0.3);border-radius:16px;padding:16px 20px;box-shadow:0 8px 32px rgba(0,0,0,0.5);position:relative}.sample-player-close{position:absolute;top:8px;right:12px;background:none;border:none;color:#888;font-size:1.5rem;cursor:pointer;padding:4px;line-height:1;z-index:10}.sample-player-close:hover{color:#fff}.sample-player-label{margin:0 0 12px 0;font-size:0.9rem;color:#00b4ff;font-weight:500}.sample-player-content audio{width:100%}.sample-player-content .plyr{--plyr-color-main:#00b4ff;--plyr-audio-controls-background:rgba(30,35,50,0.9);--plyr-audio-control-color:#fff;--plyr-audio-control-color-hover:#00b4ff;border-radius:8px;min-width:0!important}.sample-player-content .plyr--audio{border-radius:8px}.sample-player-content .plyr--audio .plyr__controls{padding:8px 10px;border-radius:8px}.sample-player-content .plyr__volume{max-width:80px;min-width:60px}@media (max-width:480px){.hero-compact{padding:20px 16px}.launch-badge{font-size:0.7rem;padding:5px 12px;margin-bottom:10px}.free-song-banner{padding:0;margin-bottom:10px;border-radius:20px;background:none;border:none}.free-song-banner-content,.free-song-decoration{display:none!important}.free-song-banner::before{content:"🎁 First Song FREE";display:inline-block;padding:6px 14px;background:linear-gradient(135deg,rgba(52,211,153,0.2) 0%,rgba(16,185,129,0.15) 100%);border:1px solid rgba(52,211,153,0.4);border-radius:20px;font-size:0.85rem;font-weight:600;color:#34d399;letter-spacing:0.3px}.hero-headline{font-size:1.4rem;margin-bottom:6px}.hero-subline{font-size:0.85rem;margin-bottom:14px;color:rgba(255,255,255,0.7)}.hero-cta-buttons{flex-direction:column;gap:10px}.btn-hero-sample,.btn-hero-create{padding:12px 20px;font-size:0.95rem;width:100%;justify-content:center}.btn-hero-sample{order:2;background:transparent;border:1px solid rgba(0,180,255,0.3);padding:10px 16px;font-size:0.85rem}.btn-hero-create{order:1}.hero-trust-line{font-size:0.8rem;gap:6px;margin-top:12px}.hero-trust-line .trust-divider{opacity:0.4}.sample-player-modal{left:16px;right:16px;width:auto;max-width:none;transform:none;bottom:16px}}@media (max-width:360px){.hero-compact{padding:16px 12px}.free-song-banner::before{font-size:0.8rem;padding:5px 12px}.hero-headline{font-size:1.25rem}.hero-subline{font-size:0.8rem}.hero-cta-buttons{gap:8px}.btn-hero-create{padding:11px 18px;font-size:0.9rem}.btn-hero-sample{padding:8px 14px;font-size:0.8rem}.hero-trust-line{font-size:0.75rem;gap:4px;flex-wrap:wrap;justify-content:center}}.hero-brand{background:linear-gradient(180deg,rgba(0,30,50,0.95) 0%,rgba(10,15,25,0.98) 100%);border-bottom:1px solid rgba(0,180,255,0.15);padding:40px 24px 32px;text-align:center}.hero-main{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:12px}.hero-logo{height:52px;width:auto;filter:drop-shadow(0 2px 12px rgba(0,180,255,0.4))}.hero-title{font-size:2.4rem;font-weight:700;background:linear-gradient(135deg,#00b4ff 0%,#00d4aa 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;letter-spacing:-0.5px}.hero-tagline{font-size:1.1rem;color:#8a9aaa;margin:0 0 24px 0;font-weight:400}.hero-trust{display:flex;align-items:center;justify-content:center;gap:28px;margin-bottom:24px;font-size:0.95rem;color:#7a8a9a}.hero-trust span{display:flex;align-items:center;gap:6px;white-space:nowrap}.hero-sample{display:flex;align-items:center;justify-content:center;gap:12px;padding:20px 16px 0;border-top:1px solid rgba(255,255,255,0.06)}.sample-label{font-size:0.85rem;color:#6a7a8a;white-space:nowrap}.hero-sample .plyr-audio,.hero-sample .plyr{min-width:320px;max-width:450px;flex:1}.hero-sample .plyr--audio .plyr__controls{background:rgba(20,30,45,0.9);border-radius:24px;padding:8px 14px}.plyr__volume input[type=range]{display:none!important}.plyr--audio .plyr__progress__container{flex:1}.plyr--audio .plyr__progress input[type=range]{height:8px}.plyr--audio .plyr__progress__buffer,.plyr--audio .plyr__progress input[type=range]::-webkit-slider-runnable-track{height:8px;border-radius:4px}.plyr--audio .plyr__progress input[type=range]::-webkit-slider-thumb{width:18px;height:18px;margin-top:-5px}.plyr--audio .plyr__progress input[type=range]::-moz-range-thumb{width:18px;height:18px}.plyr__control{padding:8px!important}.plyr__control svg{width:18px;height:18px}@media (max-width:768px){.hero-sample{flex-direction:column;gap:10px;padding:16px 12px 0}.hero-sample .plyr-audio,.hero-sample .plyr{min-width:100%;max-width:100%;width:100%}.plyr--audio .plyr__progress input[type=range]{height:12px}.plyr--audio .plyr__progress__buffer,.plyr--audio .plyr__progress input[type=range]::-webkit-slider-runnable-track{height:12px;border-radius:6px}.plyr--audio .plyr__progress input[type=range]::-webkit-slider-thumb{width:26px;height:26px;margin-top:-7px}.plyr--audio .plyr__progress input[type=range]::-moz-range-thumb{width:26px;height:26px}.plyr__control{padding:10px!important}.plyr__time{font-size:13px!important}}@media (max-width:768px){.hero-brand{padding:32px 20px 24px}.hero-main{gap:12px}.hero-logo{height:40px}.hero-title{font-size:1.8rem}.hero-tagline{font-size:1rem;margin-bottom:20px}.hero-trust{gap:16px;font-size:0.85rem;margin-bottom:20px}.hero-sample{flex-direction:column;gap:10px}.free-song-banner{padding:14px 16px;margin-bottom:18px;border-radius:14px}.free-song-badge{font-size:0.62rem;padding:3px 9px}.free-song-your{font-size:0.92rem}.free-song-price-row{gap:10px}.free-song-original-price{font-size:1.2rem}.free-song-free{font-size:1.9rem;letter-spacing:1.5px}.free-song-subtext{font-size:0.75rem}.free-song-decoration{right:14px;opacity:0.5}}@media (max-width:480px){.hero-brand{padding:24px 16px 20px}.hero-main{gap:10px}.hero-logo{height:32px}.hero-title{font-size:1.5rem}.hero-tagline{font-size:0.9rem;padding:0 10px;margin-bottom:16px}.hero-trust{flex-wrap:wrap;gap:12px;font-size:0.8rem;margin-bottom:16px}.hero-sample audio{max-width:260px}}header{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;background:rgba(8,10,16,0.98);border-bottom:1px solid rgba(255,255,255,0.08);position:sticky;top:0;z-index:100}.header-brand{display:flex;align-items:center;gap:10px}.header-logo{height:28px;width:auto}.header-title{font-size:1.1rem;font-weight:600;color:#fff;letter-spacing:-0.3px}@media (max-width:480px){header{padding:10px 16px}.header-logo{height:24px}.header-title{font-size:0.95rem}}.back-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;font-size:0.9rem;font-weight:500;color:#aaa;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:20px;text-decoration:none;transition:all 0.2s ease;margin-right:12px}.back-btn:hover{color:#fff;background:rgba(0,180,255,0.1);border-color:rgba(0,180,255,0.3)}.back-btn .back-arrow{font-size:1.1rem;line-height:1}@media (max-width:480px){.back-btn{padding:10px 14px;min-height:44px;font-size:0.9rem}.back-btn span:not(.back-arrow){display:none}}.trust-bar{display:flex;align-items:center;justify-content:center;gap:20px;font-size:0.95rem;color:#888;flex:1}.trust-bar span{display:flex;align-items:center;gap:5px;white-space:nowrap}nav{display:flex;gap:12px;align-items:center;flex-shrink:0}@media (max-width:768px){header{flex-wrap:wrap;gap:12px}.trust-bar{order:3;flex-basis:100%;font-size:0.8rem;gap:14px;padding-top:8px;border-top:1px solid rgba(255,255,255,0.05)}}@media (max-width:480px){.trust-bar{flex-wrap:wrap;gap:10px}}nav a{color:#999;text-decoration:none;font-size:0.9rem;padding:10px 14px;min-height:44px;display:inline-flex;align-items:center;border-radius:8px;transition:all 0.2s}nav a:hover{color:#fff;background:rgba(255,255,255,0.05)}nav .nav-login{background:#00b4ff;color:#000;font-weight:500}nav .nav-login:hover{background:#00c8ff;color:#000}nav .nav-login.disabled{background:#444;color:#888;cursor:not-allowed;pointer-events:none}.auth-container{display:flex;align-items:center}.btn-google-login{display:flex;align-items:center;gap:8px;padding:10px 16px;min-height:44px;background:#fff;color:#444;border-radius:8px;text-decoration:none;font-size:0.9rem;font-weight:500;transition:all 0.2s;border:1px solid rgba(0,0,0,0.1)}.btn-google-login:hover{background:#f5f5f5;box-shadow:0 2px 8px rgba(0,0,0,0.15)}.btn-google-login .google-icon{flex-shrink:0}.user-menu-wrapper{position:relative;display:flex;align-items:center}.user-menu-trigger{display:flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;min-height:44px;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.15);border-radius:24px;cursor:pointer;transition:all 0.2s}.user-menu-trigger:hover,.user-menu-trigger.active{background:rgba(255,255,255,0.15);border-color:rgba(0,180,255,0.3)}.user-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;border:2px solid rgba(0,180,255,0.3)}.user-name{font-size:0.85rem;color:#fff;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.user-menu-arrow{font-size:0.6rem;color:#888;transition:transform 0.2s}.user-menu-trigger.active .user-menu-arrow{transform:rotate(180deg)}.user-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:160px;background:rgba(20,25,40,0.98);border:1px solid rgba(0,180,255,0.2);border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,0.4);opacity:0;visibility:hidden;transform:translateY(-8px);transition:all 0.2s ease;z-index:1000;overflow:hidden}.user-dropdown.show{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{display:flex;align-items:center;gap:10px;padding:12px 16px;color:#ccc;text-decoration:none;font-size:0.9rem;cursor:pointer;transition:all 0.15s;border:none;background:none;width:100%;text-align:left}.dropdown-item:hover{background:rgba(0,180,255,0.1);color:#fff}.dropdown-item.logout:hover{background:rgba(255,100,100,0.1);color:#ff6b6b}.dropdown-icon{font-size:1rem}.dropdown-divider{height:1px;background:rgba(255,255,255,0.1);margin:4px 0}@media (max-width:480px){.btn-google-login{padding:6px 10px;font-size:0.8rem}.btn-google-login .google-icon{width:16px;height:16px}.user-name{display:none}.user-menu-trigger{padding:4px 8px 4px 4px}.user-menu-arrow{display:none}nav{gap:8px}nav a{padding:6px 10px;font-size:0.8rem}.user-dropdown{right:-8px}}@media (max-width:600px){header{padding:10px 12px}.header-title{display:none}.header-logo{width:32px;height:32px}nav{gap:6px}nav a{padding:6px 10px;font-size:0.75rem}.whats-new-link{padding:6px 8px!important}.whats-new-link .new-badge{font-size:0.55rem;padding:1px 4px;min-width:14px}.btn-google-login{padding:6px 10px;font-size:0.75rem}.btn-google-login .google-icon{width:14px;height:14px}.btn-google-login .login-text{display:none}}@media (max-width:400px){nav a#whatsNewLink{font-size:0;gap:0}nav a#whatsNewLink::before{content:"✨";font-size:1rem}nav a#whatsNewLink .new-badge{position:absolute;top:-4px;right:-4px;font-size:0.5rem;padding:1px 3px;min-width:12px}nav a#mySongsLink{font-size:0}nav a#mySongsLink::before{content:"🎵";font-size:1rem}.btn-google-login{padding:6px 8px}}main{max-width:780px;margin:0 auto;padding:0 16px 40px}.generator-card{background:rgba(16,20,30,0.95);border:1px solid rgba(0,180,255,0.12);border-radius:16px;padding:32px 36px;position:relative;transition:opacity 0.3s ease,filter 0.3s ease;scroll-margin-top:70px}.generator-card.disabled{opacity:0.4;pointer-events:none;filter:grayscale(30%)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.card-header h2{font-size:1.5rem;font-weight:600;color:#00b4ff;font-family:'Georgia','Times New Roman',serif;letter-spacing:0.5px;margin:0}.btn-reset-top{padding:8px 14px;font-size:0.85rem;font-weight:500;font-family:inherit;color:#777;background:transparent;border:1px solid rgba(255,255,255,0.15);border-radius:8px;cursor:pointer;transition:all 0.2s}.btn-reset-top:hover{background:rgba(255,255,255,0.05);border-color:rgba(255,255,255,0.25);color:#bbb}.btn-reset-top:disabled{opacity:0.5;cursor:not-allowed}@media (max-width:600px){.generator-card{padding:24px 20px}.generator-card h2{font-size:1.3rem}}form{display:flex;flex-direction:column;gap:20px}.mode-hidden{display:none!important}.mode-visible-flex{display:flex!important}.mode-visible-block{display:block!important}.chip-section{display:flex;flex-direction:column;gap:10px}.chip-label{font-size:0.9rem;font-weight:500;color:#999;font-family:'Georgia','Times New Roman',serif;letter-spacing:0.3px}.chip-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.chip{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:10px 16px;min-height:44px;font-size:0.9rem;font-weight:400;color:#bbb;background:rgba(0,180,255,0.06);border:1px solid rgba(0,180,255,0.2);border-radius:50px;cursor:pointer;transition:all 0.15s ease;white-space:nowrap;font-family:inherit}.chip:hover{background:rgba(0,180,255,0.12);border-color:rgba(0,180,255,0.35);color:#fff}.chip.active{background:#00b4ff;border-color:#00b4ff;color:#000;font-weight:500}.chip.chip-holiday{background:rgba(0,180,255,0.1);border:1px solid rgba(0,180,255,0.4);color:#fff;animation:holiday-glow 2.5s ease-in-out infinite;position:relative;overflow:hidden}.chip.chip-holiday::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,0.15),transparent);animation:holiday-shimmer 3s ease-in-out infinite}@keyframes holiday-glow{0%,100%{box-shadow:0 0 6px rgba(0,180,255,0.3);transform:scale(1)}50%{box-shadow:0 0 14px rgba(0,180,255,0.55),0 0 20px rgba(0,180,255,0.25);transform:scale(1.02)}}@keyframes holiday-shimmer{0%{transform:translateX(-100%) rotate(45deg)}60%,100%{transform:translateX(100%) rotate(45deg)}}.chip.chip-holiday:hover{background:rgba(0,180,255,0.2);border-color:rgba(0,180,255,0.6);color:#fff;animation:none;transform:scale(1.05)}.chip.chip-holiday.active{background:#00b4ff;border-color:#00b4ff;color:#000;animation:none;font-weight:600}.chip.chip-gift{background:rgba(168,85,247,0.12);border-color:rgba(168,85,247,0.35);color:#d8b4fe}.chip.chip-gift:hover{background:rgba(168,85,247,0.2);border-color:rgba(168,85,247,0.5);color:#fff}.chip.chip-gift.active{background:#a855f7;border-color:#a855f7;color:#fff}.chip:disabled{opacity:0.5;cursor:not-allowed}.chip.dynamic{background:#00b4ff;border-color:#00b4ff;color:#000;font-weight:500;padding-right:8px}.chip.dynamic .chip-remove{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;min-width:44px;min-height:44px;margin:-13px -13px -13px 0;padding:13px;background:rgba(0,0,0,0.2);background-clip:content-box;border-radius:50%;font-size:14px;font-weight:bold;color:#c00;cursor:pointer;transition:all 0.15s}.chip.dynamic .chip-remove:hover{background:#c00;color:#fff}.chip-more{display:inline-flex;padding:6px 10px;font-size:0.8rem;color:#777;background:rgba(0,180,255,0.04);border:1px dashed rgba(0,180,255,0.25);border-radius:50px;cursor:pointer;font-family:inherit;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' fill='%23777' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;padding-right:22px;width:auto;min-width:0;flex-shrink:0}.chip-more:hover{border-color:rgba(0,180,255,0.4);color:#aaa;background-color:rgba(0,180,255,0.08)}.chip-more:focus{outline:none;border-color:#00b4ff}.chip-more:disabled{opacity:0.5;cursor:not-allowed}.chip-more option{background:#1a1f2e;color:#ddd;padding:10px}@media (max-width:768px){.chip-row{gap:8px}.chip{padding:8px 14px;min-height:44px;font-size:0.85rem}.chip-holiday,.chip-gift{padding:8px 14px}}@media (max-width:480px){.chip-row{gap:6px}.chip{padding:8px 12px;min-height:44px;font-size:0.82rem}.chip.chip-holiday{padding:8px 12px;font-size:0.82rem;animation:holiday-glow-mobile 2.5s ease-in-out infinite}.chip-more{padding:8px 10px;min-height:44px;font-size:0.82rem;padding-right:20px}}@media (max-width:360px){.chip-row{gap:5px}.chip{padding:6px 10px;min-height:40px;font-size:0.78rem}.chip.chip-holiday{padding:6px 10px;font-size:0.78rem}.chip-more{padding:6px 8px;min-height:40px;font-size:0.78rem;padding-right:18px}}@keyframes holiday-glow-mobile{0%,100%{box-shadow:0 0 5px rgba(0,180,255,0.3);transform:scale(1)}50%{box-shadow:0 0 10px rgba(0,180,255,0.5);transform:scale(1.01)}}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:0.9rem;font-weight:500;color:#999;font-family:'Georgia','Times New Roman',serif;letter-spacing:0.3px}.template-chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:8px}.template-label{font-size:0.8rem;color:#666;margin-right:4px}.template-chip{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;font-size:0.8rem;font-weight:500;color:#aaa;background:rgba(0,180,255,0.08);border:1px solid rgba(0,180,255,0.2);border-radius:20px;cursor:pointer;transition:all 0.2s ease}.template-chip:hover{background:rgba(0,180,255,0.15);border-color:rgba(0,180,255,0.4);color:#fff;transform:translateY(-1px)}.template-chip:active{transform:translateY(0)}.template-chip.active{background:rgba(0,180,255,0.2);border-color:#00b4ff;color:#00b4ff}.template-chip.template-holiday{background:rgba(0,180,255,0.12);border:1px solid rgba(0,180,255,0.4);color:#fff;animation:holiday-glow 2.5s ease-in-out infinite;position:relative}.template-chip.template-holiday:hover{background:rgba(0,180,255,0.2);border-color:rgba(0,180,255,0.6);color:#fff;animation:none;transform:translateY(-2px)}.template-chip.template-holiday.active{background:rgba(0,180,255,0.25);border-color:#00b4ff;color:#fff;animation:none}@media (max-width:480px){.template-chips{gap:6px}.template-chip{padding:5px 10px;font-size:0.75rem}.template-label{display:none}.template-chip.template-holiday{padding:6px 11px}}@media (max-width:360px){.template-chips{gap:5px}.template-chip{padding:4px 8px;font-size:0.7rem}.template-chip.template-holiday{padding:5px 9px}}.template-hint{margin-top:10px;padding:12px 16px;background:rgba(0,180,255,0.08);border:1px solid rgba(0,180,255,0.2);border-radius:10px;font-size:0.85rem;color:#aaa;line-height:1.5}.template-hint::first-letter {font-size:1rem}.language-hint{font-size:0.8rem;color:#00b4ff;margin-top:4px}.language-hint strong{color:#fff}textarea,input[type="text"],select{width:100%;padding:14px;font-size:0.95rem;font-family:inherit;color:#fff;background:rgba(8,10,18,0.9);border:1px solid rgba(0,180,255,0.15);border-radius:10px;transition:border-color 0.2s,box-shadow 0.2s}textarea{min-height:110px;resize:vertical;line-height:1.5}textarea:focus,input[type="text"]:focus,select:focus{outline:none;border-color:#00b4ff;box-shadow:0 0 0 3px rgba(0,180,255,0.1)}textarea::placeholder,input::placeholder{color:#555}textarea:disabled,input:disabled,select:disabled{opacity:0.5;cursor:not-allowed}select{cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23888' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px}.combo-input{display:flex;flex-direction:column;gap:8px}.combo-input select{border-radius:10px 10px 4px 4px}.combo-input .combo-text{border-radius:4px 4px 10px 10px;padding:10px 14px;font-size:0.9rem}.form-row{display:flex;gap:14px}.form-row .form-group{flex:1}@media (max-width:500px){.form-row{flex-direction:column;gap:16px}}.btn-generate{width:100%;padding:16px;font-size:1rem;font-weight:600;font-family:inherit;color:#fff;background:linear-gradient(135deg,#00b4ff 0%,#0066cc 100%);border:none;border-radius:12px;cursor:pointer;transition:all 0.2s;margin-top:8px}.btn-generate:hover{background:linear-gradient(135deg,#00c4ff 0%,#0077dd 100%);transform:translateY(-1px);box-shadow:0 4px 20px rgba(0,180,255,0.3)}.btn-generate:active{transform:translateY(0)}.btn-generate:disabled{opacity:0.6;cursor:not-allowed;transform:none;box-shadow:none}.spinner{display:none;position:absolute;inset:0;background:rgba(10,12,20,0.92);border-radius:16px;align-items:center;justify-content:center;z-index:50}.spinner.active{display:flex}.spinner::after{content:'';width:36px;height:36px;border:3px solid rgba(0,180,255,0.2);border-top-color:#00b4ff;border-radius:50%;animation:spin 0.7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.8);display:flex;align-items:center;justify-content:center;z-index:300;padding:20px;animation:fadeIn 0.2s ease}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.modal-content{background:#1a1f2e;border:1px solid rgba(0,180,255,0.25);border-radius:16px;padding:28px 32px;max-width:400px;width:100%;text-align:center;animation:slideUp 0.25s ease}@keyframes slideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-content h3{font-size:1.3rem;color:#fff;margin-bottom:12px}.modal-content p{font-size:0.95rem;color:#aaa;margin-bottom:8px}.modal-language{font-size:1.5rem;font-weight:600;color:#00b4ff;padding:16px;background:rgba(0,180,255,0.1);border-radius:10px;margin:16px 0}.modal-hint{font-size:0.85rem;color:#888;margin-bottom:20px}.modal-actions{display:flex;gap:12px}.modal-btn-secondary{flex:1;padding:14px 16px;font-size:0.9rem;font-weight:500;font-family:inherit;color:#aaa;background:transparent;border:1px solid rgba(255,255,255,0.15);border-radius:10px;cursor:pointer;transition:all 0.2s}.modal-btn-secondary:hover{background:rgba(255,255,255,0.05);border-color:rgba(255,255,255,0.25);color:#fff}.modal-btn-primary{flex:1;padding:14px 16px;font-size:0.9rem;font-weight:600;font-family:inherit;color:#fff;background:linear-gradient(135deg,#00b4ff 0%,#0066cc 100%);border:none;border-radius:10px;cursor:pointer;transition:all 0.2s}.modal-btn-primary:hover{background:linear-gradient(135deg,#00c4ff 0%,#0077dd 100%)}@media (max-width:500px){.modal-content{padding:24px 20px}.modal-actions{flex-direction:column}}.lyrics-review{background:rgba(16,20,30,0.95);border:1px solid rgba(0,180,255,0.15);border-radius:16px;padding:24px;margin-bottom:20px;animation:fadeUp 0.3s ease;scroll-margin-top:70px}@keyframes fadeUp{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.lyrics-review h3{text-align:center;font-size:1.15rem;color:#00b4ff;margin-bottom:6px}.review-hint{text-align:center;font-size:0.85rem;color:#777;margin-bottom:16px}.title-input-group{margin-bottom:16px}.title-input-group label{display:block;font-size:0.85rem;font-weight:500;color:#999;margin-bottom:8px;font-family:'Georgia','Times New Roman',serif}.title-input-group input{width:100%;padding:12px 14px;font-size:1.1rem;font-weight:500;color:#fff;background:rgba(8,10,18,0.9);border:1px solid rgba(0,180,255,0.2);border-radius:10px;font-family:'Georgia','Times New Roman',serif}.title-input-group input:focus{outline:none;border-color:#00b4ff}.lyrics-editor{width:100%;min-height:200px;padding:16px;font-size:0.95rem;line-height:1.6;color:#fff;background:rgba(8,10,18,0.9);border:1px solid rgba(0,180,255,0.2);border-radius:10px;resize:vertical;font-family:inherit}.lyrics-editor:focus{outline:none;border-color:#00b4ff}.review-actions{display:flex;gap:12px;margin-top:16px}.btn-secondary{flex:1;padding:14px;min-height:48px;font-size:0.95rem;font-weight:500;font-family:inherit;color:#aaa;background:transparent;border:1px solid rgba(255,255,255,0.15);border-radius:10px;cursor:pointer;transition:all 0.2s}.btn-secondary:hover{background:rgba(255,255,255,0.05);border-color:rgba(255,255,255,0.25);color:#fff}.btn-primary{flex:2;padding:14px;min-height:48px;font-size:0.95rem;font-weight:600;font-family:inherit;color:#fff;background:linear-gradient(135deg,#00b4ff 0%,#0066cc 100%);border:none;border-radius:10px;cursor:pointer;transition:all 0.2s}.btn-primary:hover{background:linear-gradient(135deg,#00c4ff 0%,#0077dd 100%)}.btn-primary:disabled,.btn-secondary:disabled{opacity:0.6;cursor:not-allowed}.history-buttons{display:flex;gap:6px}.btn-history{padding:10px 12px;font-size:0.8rem;font-weight:500;font-family:inherit;color:#888;background:transparent;border:1px solid rgba(255,255,255,0.12);border-radius:8px;cursor:pointer;transition:all 0.2s}.btn-history:hover:not(:disabled){background:rgba(255,255,255,0.05);border-color:rgba(255,255,255,0.2);color:#bbb}.btn-history:disabled{opacity:0.4;cursor:not-allowed}@media (max-width:500px){.review-actions{flex-direction:column;gap:10px}.history-buttons{order:-1;width:100%;justify-content:center}.btn-history{flex:1}.btn-secondary,.btn-primary{flex:none;width:100%}}.lyrics-readonly{margin-top:0}.lyrics-readonly-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:rgba(0,180,255,0.05);border:1px solid rgba(0,180,255,0.15);border-radius:12px;cursor:pointer;transition:all 0.2s ease}.lyrics-readonly-header:hover{background:rgba(0,180,255,0.08);border-color:rgba(0,180,255,0.25)}.lyrics-readonly-title{display:flex;align-items:center;gap:8px;font-size:1rem;font-weight:500;color:#00b4ff}.toggle-icon{display:inline-block;font-size:0.75rem;transition:transform 0.2s ease;color:#888}.lyrics-readonly.expanded .toggle-icon{transform:rotate(90deg)}.lyrics-readonly-hint{font-size:0.8rem;color:#666}.lyrics-readonly.expanded .lyrics-readonly-hint{display:none}.lyrics-readonly-content{max-height:0;overflow:hidden;transition:max-height 0.3s ease,padding 0.3s ease}.lyrics-readonly.expanded .lyrics-readonly-content{max-height:600px;overflow-y:auto}.lyrics-readonly.expanded .lyrics-readonly-header{border-radius:12px 12px 0 0;border-bottom:none}.lyrics-text{padding:20px;background:rgba(8,10,18,0.8);border:1px solid rgba(0,180,255,0.15);border-top:none;border-radius:0 0 12px 12px;font-size:0.95rem;line-height:1.8;color:#ccc;white-space:pre-wrap;font-family:'Georgia','Times New Roman',serif}.lyrics-text .lyrics-section{margin-bottom:20px}.lyrics-text .lyrics-section:last-child{margin-bottom:0}.lyrics-text .section-label{display:block;font-size:0.75rem;font-weight:600;color:#00b4ff;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;opacity:0.8}.player-area{margin-bottom:20px;scroll-margin-top:70px}.player-area:empty{display:none;margin-bottom:0}.progress-display{display:flex;flex-direction:column;align-items:center;gap:14px;padding:40px 20px;background:rgba(16,20,30,0.9);border:1px solid rgba(0,180,255,0.1);border-radius:14px;text-align:center}.pulse-spinner{width:18px;height:18px;background:#00b4ff;border-radius:50%;animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:0.7}}.progress-msg{color:#00b4ff;font-size:0.95rem;font-weight:500}.progress-display.enhanced{gap:12px;padding:30px 20px}.progress-time-info{display:flex;align-items:center;gap:8px;font-size:0.8rem;color:rgba(255,255,255,0.7);margin-top:4px}.progress-elapsed{color:rgba(255,255,255,0.8)}.progress-separator{color:rgba(255,255,255,0.3)}.progress-remaining{color:rgba(0,180,255,0.7)}.progress-lyrics-preview{margin-top:16px;padding:12px 16px;background:rgba(0,180,255,0.05);border:1px solid rgba(0,180,255,0.1);border-radius:8px;max-width:300px;text-align:left}.lyrics-preview-label{font-size:0.7rem;color:rgba(255,255,255,0.4);text-transform:uppercase;letter-spacing:0.5px;margin-bottom:6px}.lyrics-preview-text{font-size:0.85rem;color:rgba(255,255,255,0.7);line-height:1.5;font-style:italic}.lyrics-preview-more{color:rgba(255,255,255,0.4);font-size:0.8rem;margin-top:4px}@media (max-width:480px){.progress-display.enhanced{padding:24px 16px}.progress-time-info{flex-direction:column;gap:4px}.progress-separator{display:none}.progress-lyrics-preview{max-width:100%}}.song-player{background:rgba(16,20,30,0.95);border:1px solid rgba(0,180,255,0.2);border-radius:12px;padding:18px 20px;margin-bottom:16px;animation:fadeUp 0.4s ease}.song-content{display:flex;gap:16px;align-items:flex-start}.song-thumbnail{width:80px;height:80px;border-radius:8px;object-fit:cover;flex-shrink:0;background:rgba(0,180,255,0.1)}.song-info{flex:1;min-width:0}.song-title{font-size:1.1rem;font-weight:600;color:#fff;margin-bottom:4px;font-family:'Georgia','Times New Roman',serif}.song-meta{font-size:0.8rem;color:#999;margin-bottom:12px}.song-player-audio{margin-top:14px}.song-actions{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}.download-btn,.share-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;font-size:0.85rem;font-family:inherit;color:#aaa;background:rgba(0,180,255,0.08);border:1px solid rgba(0,180,255,0.2);border-radius:8px;text-decoration:none;cursor:pointer;transition:all 0.2s}.download-btn:hover,.share-btn:hover{background:rgba(0,180,255,0.15);border-color:rgba(0,180,255,0.4);color:#fff}.download-btn:active,.share-btn:active{transform:scale(0.97)}.download-btn.download-video{background:linear-gradient(135deg,#00b4ff 0%,#0088cc 100%);border:none;color:#fff;font-weight:600;padding:10px 18px;font-size:0.95rem}.download-btn.download-video:hover{background:linear-gradient(135deg,#00c4ff 0%,#0099dd 100%);transform:translateY(-2px);box-shadow:0 4px 15px rgba(0,180,255,0.3)}.download-btn.download-audio{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.15);color:#888;font-size:0.8rem}.download-btn.download-audio:hover{background:rgba(255,255,255,0.1);color:#bbb}.download-subtext{display:block;font-size:0.7rem;color:#666;text-align:center;margin-top:-4px;margin-bottom:6px}.share-dropdown{position:relative}.share-menu{position:absolute;bottom:100%;left:0;margin-bottom:8px;background:#1a1f2e;border:1px solid rgba(0,180,255,0.2);border-radius:10px;padding:8px 0;min-width:160px;box-shadow:0 -4px 20px rgba(0,0,0,0.4);opacity:0;visibility:hidden;transform:translateY(10px);transition:all 0.2s ease;z-index:50}.share-dropdown.open .share-menu{opacity:1;visibility:visible;transform:translateY(0)}.share-menu a,.share-menu button{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:10px 16px;font-size:0.85rem;color:#ccc;background:none;border:none;cursor:pointer;text-decoration:none;text-align:left;transition:background 0.15s}.share-menu a:hover,.share-menu button:hover{background:rgba(0,180,255,0.1);color:#fff}@media (max-width:500px){.song-content{flex-direction:column}.song-thumbnail{width:100%;height:120px}.song-actions{flex-direction:column;gap:8px}.download-btn,.share-btn{width:100%;justify-content:center;padding:12px 16px}.share-dropdown{width:100%}.share-menu{width:100%;left:0;right:0}}.how-it-works{max-width:1000px;margin:0 auto 40px;padding:40px 20px;text-align:center}.how-it-works h2{font-size:1.8rem;color:#fff;margin-bottom:40px}.steps-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.step{background:rgba(16,20,30,0.8);border:1px solid rgba(0,180,255,0.2);border-radius:16px;padding:30px 20px;position:relative;transition:transform 0.2s,border-color 0.2s}.step:hover{transform:translateY(-5px);border-color:rgba(0,180,255,0.5)}.step-number{position:absolute;top:-15px;left:50%;transform:translateX(-50%);width:30px;height:30px;background:linear-gradient(135deg,#00b4ff 0%,#00d4aa 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#000;font-size:0.9rem}.step-icon{font-size:2.5rem;margin-bottom:15px}.step h3{color:#fff;font-size:1.1rem;margin-bottom:10px}.step p{color:#888;font-size:0.9rem;line-height:1.5}.how-it-works-header{display:flex;align-items:center;justify-content:center;gap:10px;cursor:default}.how-it-works-header h2{margin-bottom:0}.how-it-works-toggle-icon{display:none}@media (max-width:768px){.how-it-works{padding:16px 12px;margin-bottom:16px}.how-it-works-header{cursor:pointer;padding:8px;margin-bottom:0;border-radius:10px;transition:background 0.2s}.how-it-works-header:hover{background:rgba(0,180,255,0.05)}.how-it-works-header h2{font-size:1.2rem;margin-bottom:0}.how-it-works-toggle-icon{display:inline-block;font-size:0.85rem;color:#00b4ff;transition:transform 0.3s ease}.how-it-works.collapsed .how-it-works-toggle-icon{transform:rotate(-90deg)}.how-it-works.collapsed .steps-container{display:none}.steps-container{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding:16px 5px 8px;margin-top:8px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.steps-container::-webkit-scrollbar{display:none}.step{flex:0 0 auto;width:200px;min-width:200px;padding:20px 14px;scroll-snap-align:start}.step:hover{transform:none}.step-number{width:26px;height:26px;font-size:0.8rem;top:-12px}.step-icon{font-size:2rem;margin-bottom:10px}.step h3{font-size:1rem;margin-bottom:8px}.step p{font-size:0.82rem;line-height:1.4}}@media (max-width:480px){.how-it-works{padding:12px 10px;margin-bottom:12px}.how-it-works-header h2{font-size:1.1rem}.steps-container{gap:10px;padding:14px 4px 6px}.step{width:175px;min-width:175px;padding:16px 12px}.step-number{width:24px;height:24px;font-size:0.75rem;top:-10px}.step-icon{font-size:1.8rem;margin-bottom:8px}.step h3{font-size:0.9rem;margin-bottom:6px}.step p{font-size:0.78rem;line-height:1.35}}@media (max-width:360px){.how-it-works-header h2{font-size:1rem}.step{width:160px;min-width:160px;padding:14px 10px}.step-icon{font-size:1.6rem}.step h3{font-size:0.85rem}.step p{font-size:0.75rem}}.testimonials{max-width:1000px;margin:40px auto;padding:40px 20px;text-align:center}.testimonials h2{font-size:1.8rem;color:#fff;margin-bottom:40px}.testimonials-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.testimonial{background:rgba(16,20,30,0.8);border:1px solid rgba(0,180,255,0.15);border-radius:16px;padding:24px;text-align:left}.testimonial-stars{color:#ffd700;font-size:1rem;margin-bottom:12px;letter-spacing:2px}.testimonial-text{color:#ccc;font-size:0.95rem;line-height:1.6;margin-bottom:16px;font-style:italic}.testimonial-author{color:#00b4ff;font-size:0.85rem;font-weight:500}.faq-section{max-width:700px;margin:40px auto;padding:40px 20px}.faq-section h2{font-size:1.8rem;color:#fff;margin-bottom:30px;text-align:center}.faq-container{display:flex;flex-direction:column;gap:12px}.faq-item{background:rgba(16,20,30,0.8);border:1px solid rgba(0,180,255,0.15);border-radius:12px;overflow:hidden}.faq-item summary{padding:16px 20px;cursor:pointer;color:#fff;font-weight:500;font-size:0.95rem;list-style:none;display:flex;justify-content:space-between;align-items:center;transition:background 0.2s}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary::after{content:'+';font-size:1.3rem;color:#00b4ff;transition:transform 0.2s}.faq-item[open] summary::after{transform:rotate(45deg)}.faq-item summary:hover{background:rgba(0,180,255,0.05)}.faq-item p{padding:0 20px 16px;color:#888;font-size:0.9rem;line-height:1.6}.cookie-consent{position:fixed;bottom:0;left:0;right:0;background:rgba(16,20,30,0.98);border-top:1px solid rgba(0,180,255,0.2);padding:16px 20px;display:flex;align-items:center;justify-content:center;gap:16px;z-index:9999;flex-wrap:wrap}.cookie-consent p{color:#ccc;font-size:0.85rem;margin:0;flex:1;min-width:200px}.cookie-consent a{color:#00b4ff}.cookie-buttons{display:flex;gap:10px;flex-shrink:0}.cookie-btn-primary{background:linear-gradient(135deg,#00b4ff 0%,#00d4aa 100%);color:#000;border:none;padding:10px 24px;border-radius:20px;font-weight:600;cursor:pointer;transition:transform 0.2s}.cookie-btn-primary:hover{transform:scale(1.05)}.cookie-btn-secondary{background:transparent;color:#888;border:1px solid #444;padding:10px 20px;border-radius:20px;font-weight:500;cursor:pointer;transition:all 0.2s}.cookie-btn-secondary:hover{border-color:#666;color:#ccc}@media (max-width:480px){.cookie-consent{flex-direction:column;text-align:center;padding:14px 16px;gap:12px}.cookie-consent p{font-size:0.8rem}.cookie-buttons{width:100%;justify-content:center}.cookie-btn-primary,.cookie-btn-secondary{padding:8px 16px;font-size:0.85rem}}footer{background:rgba(8,8,16,0.95);border-top:1px solid rgba(0,180,255,0.1);padding:40px 20px 30px}.footer-content{max-width:800px;margin:0 auto;text-align:center}.footer-brand{margin-bottom:20px}.footer-logo{width:40px;height:40px;margin-bottom:8px}.footer-brand p{color:#666;font-size:0.85rem}.footer-links{display:flex;justify-content:center;gap:24px;margin-bottom:20px;flex-wrap:wrap}.footer-links a{color:#888;text-decoration:none;font-size:0.85rem;transition:color 0.2s}.footer-links a:hover{color:#00b4ff}.footer-copyright{color:#444;font-size:0.8rem}.songs-main{max-width:900px;margin:40px auto;padding:0 16px}.songs-main h2{text-align:center;color:#fff;margin-bottom:24px}.songs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.song-card{background:rgba(16,20,30,0.95);border:1px solid rgba(0,180,255,0.15);border-radius:12px;padding:16px;transition:border-color 0.2s,transform 0.2s}.song-card:hover{border-color:rgba(0,180,255,0.3);transform:translateY(-2px)}.no-songs-msg{text-align:center;color:#666;padding:60px 20px}.plyr{--plyr-color-main:#00b4ff;--plyr-audio-controls-background:#1a1f2e;--plyr-audio-control-color:#ccc;--plyr-audio-control-color-hover:#00b4ff;--plyr-range-fill-background:#00b4ff;--plyr-audio-progress-buffered-background:rgba(0,180,255,0.25);--plyr-range-track-height:6px;--plyr-range-thumb-height:14px;--plyr-range-thumb-background:#00b4ff;border-radius:10px;overflow:hidden}.plyr--audio .plyr__controls{border-radius:10px;padding:10px 14px;background:#1a1f2e;border:1px solid rgba(0,180,255,0.15)}.plyr__control{border-radius:6px}.plyr__control:hover{background:rgba(0,180,255,0.15)}.plyr__control[data-plyr="play"],.plyr__control[data-plyr="pause"]{background:transparent!important}.plyr__control[data-plyr="play"]:hover,.plyr__control[data-plyr="pause"]:hover{background:rgba(0,180,255,0.15)!important}.song-player .plyr{--plyr-audio-controls-background:#141820}.song-player .plyr--audio .plyr__controls{background:#141820;border:1px solid rgba(0,180,255,0.12)}@media (max-width:600px){.plyr{--plyr-range-track-height:10px;--plyr-range-thumb-height:20px}}.style-preview-section{max-width:780px;margin:0 auto 24px;padding:0 20px;scroll-margin-top:70px}.style-preview-card{background:rgba(20,25,40,0.95);border:1px solid rgba(0,180,255,0.2);border-radius:16px;padding:28px;box-shadow:0 8px 32px rgba(0,180,255,0.08)}.style-preview-card h3{font-size:1.3rem;color:#fff;margin-bottom:8px;font-weight:600}.style-preview-hint{color:#888;font-size:0.9rem;margin-bottom:24px;line-height:1.5}.style-field{margin-bottom:20px}.style-field label{display:block;font-size:0.9rem;font-weight:500;color:#ccc;margin-bottom:8px}.style-field .label-hint{font-weight:400;color:#666;font-size:0.85rem}.style-field .label-optional{font-weight:400;color:#666;font-size:0.85rem}.style-textarea{width:100%;padding:14px 16px;font-size:0.95rem;font-family:inherit;color:#fff;background:rgba(0,0,0,0.3);border:1px solid rgba(255,255,255,0.12);border-radius:10px;resize:none;transition:border-color 0.2s,box-shadow 0.2s;line-height:1.5}.style-textarea:focus{outline:none;border-color:#00b4ff;box-shadow:0 0 0 3px rgba(0,180,255,0.15)}.style-field-footer{display:flex;justify-content:space-between;align-items:center;margin-top:8px;gap:12px}.style-char-count{font-size:0.8rem;color:#666}.style-char-count.warning{color:#ff9500}.style-char-count.error{color:#ff4444}.user-tags-section{background:rgba(0,212,170,0.08);border:1px solid rgba(0,212,170,0.25);border-radius:12px;padding:16px;margin-bottom:16px}.user-tags-section label{color:#00d4aa}.user-style-textarea{background:rgba(0,212,170,0.1);border-color:rgba(0,212,170,0.3)}.user-style-textarea:focus{border-color:#00d4aa;box-shadow:0 0 0 3px rgba(0,212,170,0.15)}.ai-suggestions-section{background:rgba(138,43,226,0.08);border:1px solid rgba(138,43,226,0.25);border-radius:12px;padding:16px;margin-bottom:16px}.ai-suggestions-section label{color:#b794f6;font-size:1rem}.ai-reason{font-size:0.85rem;color:rgba(183,148,246,0.8);margin:4px 0 12px 0;font-style:italic}.ai-suggestions-textarea{background:rgba(138,43,226,0.1);border-color:rgba(138,43,226,0.3)}.ai-suggestions-textarea:focus{border-color:#b794f6;box-shadow:0 0 0 3px rgba(138,43,226,0.15)}.ai-hint{font-size:0.8rem;color:rgba(183,148,246,0.7);flex:1}.clear-ai-btn{background:transparent;border:1px solid rgba(255,100,100,0.4);color:#ff6b6b;padding:6px 12px;border-radius:6px;font-size:0.8rem;cursor:pointer;transition:all 0.2s}.clear-ai-btn:hover{background:rgba(255,100,100,0.15);border-color:rgba(255,100,100,0.6)}.undo-ai-btn{background:transparent;border:1px solid rgba(0,180,255,0.4);color:#00b4ff;padding:6px 12px;border-radius:6px;font-size:0.8rem;cursor:pointer;transition:all 0.2s}.undo-ai-btn:hover{background:rgba(0,180,255,0.15);border-color:rgba(0,180,255,0.6)}.style-input{width:100%;padding:12px 16px;font-size:0.95rem;font-family:inherit;color:#fff;background:rgba(0,0,0,0.3);border:1px solid rgba(255,255,255,0.12);border-radius:10px;transition:border-color 0.2s,box-shadow 0.2s}.style-input:focus{outline:none;border-color:#00b4ff;box-shadow:0 0 0 3px rgba(0,180,255,0.15)}.style-input::placeholder{color:#555}.field-hint{font-size:0.8rem;color:#666;margin-top:6px}.vocal-options{display:flex;gap:10px;flex-wrap:wrap}.vocal-option{flex:1;min-width:90px}.vocal-option input[type="radio"]{position:absolute;opacity:0;pointer-events:none}.vocal-btn{display:block;padding:12px 16px;font-size:0.9rem;font-weight:500;text-align:center;color:#aaa;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.12);border-radius:10px;cursor:pointer;transition:all 0.2s}.vocal-btn:hover{background:rgba(255,255,255,0.06);border-color:rgba(255,255,255,0.2)}.vocal-option input[type="radio"]:checked + .vocal-btn{background:rgba(0,180,255,0.15);border-color:#00b4ff;color:#fff}.email-input-section{background:linear-gradient(135deg,rgba(0,180,255,0.08) 0%,rgba(0,212,170,0.08) 100%);border:1px solid rgba(0,180,255,0.2);border-radius:12px;padding:16px 20px;margin-top:20px}.email-input-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}.email-icon{font-size:1.5rem;flex-shrink:0}.email-input-text{flex:1}.email-input-text strong{color:#00d4aa;font-size:1rem;display:block;margin-bottom:2px}.email-input-text p{color:rgba(255,255,255,0.7);font-size:0.85rem;margin:0}.email-input-row{display:flex;align-items:center;gap:8px;position:relative}.email-input-field{flex:1;padding:12px 16px;background:rgba(0,0,0,0.3);border:1px solid rgba(255,255,255,0.15);border-radius:8px;color:#fff;font-size:1rem;transition:all 0.2s ease}.email-input-field:focus{outline:none;border-color:#00b4ff;box-shadow:0 0 0 2px rgba(0,180,255,0.2)}.email-input-field::placeholder{color:rgba(255,255,255,0.4)}.email-input-field.valid{border-color:#00d4aa}.email-input-field.invalid{border-color:#ff4d4d}.email-input-field.warning{border-color:#ffa500;background:rgba(255,165,0,0.05)}.email-input-field.shake{animation:shake 0.5s ease-in-out}@keyframes shake{0%,100%{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}.email-check{color:#00d4aa;font-size:1.2rem;animation:fadeIn 0.2s ease}@keyframes fadeIn{from{opacity:0;transform:scale(0.8)}to{opacity:1;transform:scale(1)}}.email-error{color:#ff6b6b;font-size:0.85rem;margin-top:8px;display:flex;align-items:center;gap:6px}.email-error::before{content:"⚠️"}.email-input-section.signed-in .email-input-row{background:rgba(0,212,170,0.1);padding:12px 16px;border-radius:8px;border:1px solid rgba(0,212,170,0.3)}.email-input-section.signed-in .email-display{color:#fff;font-size:1rem;display:flex;align-items:center;gap:8px}.email-input-section.signed-in .email-display::before{content:"✓";color:#00d4aa}.style-preview-actions{display:flex;gap:12px;margin-top:28px;padding-top:20px;border-top:1px solid rgba(255,255,255,0.08)}.style-preview-actions .btn-secondary{flex:1}.style-preview-actions .btn-primary{flex:2}@media (max-width:600px){.style-preview-section{padding:0 16px}.style-preview-card{padding:20px}.style-preview-card h3{font-size:1.15rem}.vocal-options{gap:8px}.vocal-option{min-width:80px}.vocal-btn{padding:12px 14px;min-height:44px;font-size:0.9rem}.style-preview-actions{flex-direction:column}.style-preview-actions .btn-secondary,.style-preview-actions .btn-primary{flex:none;width:100%}.user-tags-section,.ai-suggestions-section{padding:14px;margin-bottom:12px}.style-field-footer{flex-wrap:wrap;gap:8px}.ai-hint{width:100%;margin-bottom:4px}.email-input-section{padding:14px 16px}.email-input-header{gap:10px}.email-icon{font-size:1.3rem}.email-input-text strong{font-size:0.95rem}.email-input-text p{font-size:0.8rem}.email-input-field{padding:14px 16px;min-height:48px;font-size:16px}}.song-preview-card{margin:24px 0;padding:24px;background:rgba(20,25,40,0.95);border:1px solid rgba(0,180,255,0.2);border-radius:16px;box-shadow:0 8px 32px rgba(0,180,255,0.1)}.preview-content{display:flex;gap:20px;align-items:flex-start}.preview-cover{width:120px;height:120px;border-radius:12px;object-fit:cover;box-shadow:0 4px 20px rgba(0,0,0,0.3);flex-shrink:0}.preview-info{flex:1;min-width:0}.preview-title{font-size:1.3rem;font-weight:700;color:#fff;margin-bottom:8px}.preview-tags{font-size:0.85rem;color:#888;margin-bottom:16px;line-height:1.4}.preview-status{display:flex;align-items:center;gap:10px;color:#00b4ff;font-size:0.95rem;font-weight:500}.preview-spinner{width:18px;height:18px;border:2px solid rgba(0,180,255,0.3);border-top-color:#00b4ff;border-radius:50%;animation:spin 1s linear infinite}.preview-email-section{margin-top:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,0.1);text-align:center}.preview-email-text{color:#999;font-size:0.9rem;margin-bottom:12px;text-align:center}.preview-email-form{display:flex;gap:10px;max-width:400px;margin:0 auto;justify-content:center;align-items:center;flex-wrap:wrap}.preview-email-input{flex:1;padding:12px 16px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.15);border-radius:8px;color:#fff;font-size:0.95rem}.preview-email-input:focus{outline:none;border-color:#00b4ff;background:rgba(255,255,255,0.08)}.preview-email-input::placeholder{color:#666}.preview-email-btn{padding:12px 20px;background:linear-gradient(135deg,#00b4ff 0%,#00d4aa 100%);border:none;border-radius:8px;color:#000;font-weight:600;font-size:0.9rem;cursor:pointer;transition:transform 0.2s,box-shadow 0.2s;white-space:nowrap}.preview-email-btn:hover:not(:disabled){transform:scale(1.03);box-shadow:0 4px 15px rgba(0,180,255,0.3)}.preview-email-btn:disabled{opacity:0.7;cursor:not-allowed}.preview-dismiss-btn{padding:12px 16px;background:transparent;border:1px solid rgba(255,255,255,0.2);border-radius:8px;color:rgba(255,255,255,0.6);font-size:0.85rem;cursor:pointer;transition:all 0.2s}.preview-dismiss-btn:hover{background:rgba(255,255,255,0.05);border-color:rgba(255,255,255,0.3);color:rgba(255,255,255,0.8)}.preview-email-success{text-align:center;color:#00d4aa;font-size:0.95rem;font-weight:500}@media (max-width:600px){.song-preview-card{padding:20px}.preview-content{flex-direction:column;align-items:center;text-align:center}.preview-cover{width:150px;height:150px}.preview-status{justify-content:center}.preview-email-form{flex-direction:column}.preview-email-btn{width:100%}.email-delivery-notice{margin-top:1rem;padding:0.75rem 1rem;background:rgba(0,180,255,0.1);border:1px solid rgba(0,180,255,0.3);border-radius:8px;color:#88ccff;font-size:0.9rem;text-align:center}.email-delivery-notice strong{color:#00b4ff}}.email-delivery-notice{margin-top:1rem;padding:0.75rem 1rem;background:rgba(0,180,255,0.1);border:1px solid rgba(0,180,255,0.3);border-radius:8px;color:#88ccff;font-size:0.9rem;text-align:center}.email-delivery-notice strong{color:#00b4ff}.registration-cta{position:relative;margin-top:1.5rem;padding:1.5rem;background:rgba(16,20,30,0.95);border:1px solid rgba(0,180,255,0.15);border-radius:12px}.registration-cta-dismiss{position:absolute;top:12px;right:12px;width:28px;height:28px;background:rgba(255,255,255,0.1);border:none;border-radius:50%;color:#888;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s}.registration-cta-dismiss:hover{background:rgba(255,255,255,0.2);color:#fff}.registration-cta-subtitle{color:#888;font-size:0.9rem;margin:0 0 0.75rem 0}.registration-cta-header{display:flex;align-items:center;gap:10px;margin-bottom:1rem}.registration-cta-icon{font-size:1.5rem}.registration-cta-title{font-size:1.1rem;font-weight:600;color:#fff}.registration-cta-benefits{list-style:none;padding:0;margin:0 0 1.25rem 0}.registration-cta-benefits li{position:relative;padding-left:1.5rem;margin-bottom:0.5rem;color:#aaa;font-size:0.9rem}.registration-cta-benefits li::before{content:"✓";position:absolute;left:0;color:#00d4aa;font-weight:bold}.registration-cta-buttons{display:flex;flex-direction:column;gap:10px}.btn-google-sso,.btn-apple-sso{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:12px 16px;font-size:0.95rem;font-weight:600;font-family:inherit;border:none;border-radius:8px;cursor:pointer;transition:all 0.2s;text-decoration:none}.btn-google-sso{background:#fff;color:#333!important}.btn-google-sso:hover{background:#f5f5f5;box-shadow:0 2px 8px rgba(0,0,0,0.15)}.btn-apple-sso{background:#000;color:#fff}.btn-apple-sso:hover{background:#222;box-shadow:0 2px 8px rgba(0,0,0,0.3)}.registration-cta-divider{display:flex;align-items:center;margin:1.25rem 0;color:#555;font-size:0.85rem}.registration-cta-divider::before,.registration-cta-divider::after{content:"";flex:1;height:1px;background:rgba(255,255,255,0.1)}.registration-cta-divider span{padding:0 12px}.registration-cta-email{display:flex;flex-direction:column;gap:10px}.registration-email-input,.registration-password-input{width:100%;padding:12px 14px;font-size:0.95rem;font-family:inherit;color:#fff;background:rgba(0,0,0,0.3);border:1px solid rgba(255,255,255,0.12);border-radius:8px;transition:border-color 0.2s}.registration-email-input:focus,.registration-password-input:focus{outline:none;border-color:#00b4ff}.registration-email-input::placeholder,.registration-password-input::placeholder{color:#666}.btn-email-signup{width:100%;padding:12px 16px;font-size:0.95rem;font-weight:600;font-family:inherit;color:#fff;background:linear-gradient(135deg,#00b4ff 0%,#0066cc 100%);border:none;border-radius:8px;cursor:pointer;transition:all 0.2s}.btn-email-signup:hover{background:linear-gradient(135deg,#00c4ff 0%,#0077dd 100%);box-shadow:0 4px 15px rgba(0,180,255,0.3)}.registration-cta-signin{text-align:center;margin-top:1rem;color:#777;font-size:0.9rem}.registration-cta-signin a{color:#00b4ff;text-decoration:none;font-weight:500}.registration-cta-signin a:hover{text-decoration:underline}@media (max-width:480px){.registration-cta{padding:1.25rem}.registration-cta-title{font-size:1rem}}.sticky-registration-bar{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(135deg,rgba(16,20,30,0.98) 0%,rgba(20,25,40,0.98) 100%);border-top:1px solid rgba(0,180,255,0.3);padding:12px 16px;display:flex;align-items:center;justify-content:space-between;z-index:1000;transform:translateY(100%);transition:transform 0.3s ease;box-shadow:0 -4px 20px rgba(0,0,0,0.3)}.sticky-registration-bar.visible{transform:translateY(0)}.sticky-registration-content{display:flex;align-items:center;gap:12px;flex:1}.sticky-registration-text{color:#fff;font-size:0.9rem;font-weight:500}.sticky-registration-btn{padding:10px 20px;background:linear-gradient(135deg,#00b4ff 0%,#00d4aa 100%);border:none;border-radius:20px;color:#000;font-size:0.85rem;font-weight:600;cursor:pointer;transition:transform 0.2s,box-shadow 0.2s;white-space:nowrap}.sticky-registration-btn:hover{transform:scale(1.05);box-shadow:0 4px 15px rgba(0,180,255,0.4)}.sticky-registration-close{width:32px;height:32px;background:rgba(255,255,255,0.1);border:none;border-radius:50%;color:#888;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;margin-left:12px;flex-shrink:0;transition:all 0.2s}.sticky-registration-close:hover{background:rgba(255,255,255,0.2);color:#fff}@media (max-width:480px){.sticky-registration-bar{padding:10px 12px}.sticky-registration-text{font-size:0.8rem}.sticky-registration-btn{padding:8px 16px;font-size:0.8rem}}.error-card{background:linear-gradient(135deg,rgba(255,100,100,0.08) 0%,rgba(255,150,100,0.05) 100%);border:1px solid rgba(255,100,100,0.25);border-radius:16px;padding:40px 30px;text-align:center;margin:20px 0;animation:fadeIn 0.3s ease}.error-icon{font-size:56px;margin-bottom:20px;display:block}.error-title{color:#fff;font-size:1.4rem;font-weight:600;margin:0 0 12px}.error-message{color:#999;font-size:1rem;margin:0 0 20px;line-height:1.6;max-width:400px;margin-left:auto;margin-right:auto}.error-wait{color:#f0ad4e;font-size:0.9rem;margin:0 0 20px}.error-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.error-actions button,.error-actions a{padding:12px 24px;font-size:0.95rem;border-radius:25px;cursor:pointer;transition:all 0.2s;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:6px}.error-actions .btn-primary{background:linear-gradient(135deg,#00b4ff 0%,#00d4aa 100%);color:#000;border:none}.error-actions .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,180,255,0.4)}.error-actions .btn-secondary{background:rgba(255,255,255,0.08);color:#ccc;border:1px solid rgba(255,255,255,0.15)}.error-actions .btn-secondary:hover{background:rgba(255,255,255,0.12);border-color:rgba(255,255,255,0.25)}.progress-card{background:rgba(0,180,255,0.05);border:1px solid rgba(0,180,255,0.2);border-radius:16px;padding:40px 30px;text-align:center;margin:20px 0}.progress-spinner{width:50px;height:50px;border:3px solid rgba(0,180,255,0.2);border-top-color:#00b4ff;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}.progress-text{color:#00b4ff;font-size:1.1rem;font-weight:500;margin:0}.progress-hint{color:#666;font-size:0.85rem;margin-top:10px}.btn-loading{position:relative;color:transparent!important;pointer-events:none}.btn-loading .btn-spinner,.btn-spinner{display:inline-block;width:18px;height:18px;border:2px solid rgba(0,0,0,0.2);border-top-color:currentColor;border-radius:50%;animation:spin 0.8s linear infinite;vertical-align:middle}.btn-loading .btn-spinner{position:absolute;top:50%;left:50%;margin:-9px 0 0 -9px;border-top-color:#000}@keyframes spin{to{transform:rotate(360deg)}}.offline-banner{background:linear-gradient(135deg,#f0ad4e 0%,#ec971f 100%);color:#000;text-align:center;padding:12px 20px;font-weight:600;font-size:0.9rem;position:fixed;top:0;left:0;right:0;z-index:10000;animation:slideDown 0.3s ease}.inapp-warning{background:linear-gradient(135deg,rgba(0,180,255,0.2),rgba(0,255,136,0.15));border-bottom:1px solid rgba(0,180,255,0.3);color:#fff;text-align:center;padding:12px 20px;font-size:0.9rem;display:flex;align-items:center;justify-content:center;gap:12px}.inapp-open-browser{color:#fff;text-decoration:none;font-weight:600;padding:6px 16px;background:rgba(0,180,255,0.3);border-radius:20px;transition:all 0.2s}.inapp-open-browser:hover,.inapp-open-browser:active{background:rgba(0,180,255,0.5);transform:scale(1.02)}.inapp-close{background:transparent;border:none;color:rgba(255,255,255,0.7);font-size:1.2rem;cursor:pointer;padding:4px 8px;line-height:1}.inapp-close:hover{color:#fff}.download-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.8);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:fadeIn 0.2s ease}.download-modal{background:#141928;border:1px solid rgba(0,180,255,0.2);border-radius:16px;padding:30px;max-width:400px;width:100%;text-align:center;animation:slideUp 0.3s ease}.download-modal h3{color:#fff;font-size:1.3rem;margin:0 0 16px}.download-modal p{color:#aaa;font-size:0.95rem;margin:0 0 12px;line-height:1.5}.download-modal .download-hint{color:#00b4ff;font-size:0.9rem;background:rgba(0,180,255,0.1);padding:12px;border-radius:8px;margin:16px 0}.download-actions{display:flex;gap:12px;justify-content:center;margin-top:20px;flex-wrap:wrap}.download-actions button,.download-actions a{padding:12px 24px;border-radius:25px;font-weight:600;cursor:pointer;text-decoration:none;font-size:0.95rem;transition:all 0.2s}.download-actions .btn-primary{background:linear-gradient(135deg,#00b4ff 0%,#00d4aa 100%);color:#000;border:none}.download-actions .btn-secondary{background:rgba(255,255,255,0.08);color:#ccc;border:1px solid rgba(255,255,255,0.15)}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideDown{from{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes slideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%) translateY(100px);background:rgba(20,25,40,0.95);border:1px solid rgba(0,180,255,0.3);color:#fff;padding:14px 24px;border-radius:30px;font-size:0.95rem;font-weight:500;z-index:9999;opacity:0;transition:all 0.3s ease;max-width:90%;text-align:center;box-shadow:0 4px 20px rgba(0,0,0,0.3)}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}@media (max-width:480px){.error-card{padding:30px 20px}.error-icon{font-size:48px}.error-title{font-size:1.2rem}.error-message{font-size:0.9rem}.error-actions{flex-direction:column}.error-actions button,.error-actions a{width:100%;justify-content:center}.download-modal{padding:24px 20px}.download-actions{flex-direction:column}.download-actions button,.download-actions a{width:100%;text-align:center}}.restore-draft-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;margin-bottom:16px;background:rgba(0,180,255,0.08);border:1px solid rgba(0,180,255,0.2);border-radius:10px;animation:slideDown 0.3s ease}@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.restore-draft-content{display:flex;align-items:center;gap:10px;flex-wrap:wrap;flex:1}.restore-draft-icon{font-size:1.2rem}.restore-draft-text{color:#00b4ff;font-weight:500;font-size:0.9rem}.restore-draft-preview{color:rgba(255,255,255,0.5);font-size:0.85rem;font-style:italic;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.restore-draft-actions{display:flex;gap:8px;flex-shrink:0}.restore-draft-btn{padding:6px 14px;border-radius:6px;font-size:0.85rem;font-weight:500;cursor:pointer;transition:all 0.2s ease;border:none}.restore-draft-btn.restore{background:rgba(0,180,255,0.2);color:#00b4ff}.restore-draft-btn.restore:hover{background:rgba(0,180,255,0.3)}.restore-draft-btn.dismiss{background:transparent;color:rgba(255,255,255,0.5);padding:6px 10px}.restore-draft-btn.dismiss:hover{color:rgba(255,255,255,0.8)}@media (max-width:480px){.restore-draft-banner{flex-direction:column;align-items:flex-start}.restore-draft-actions{width:100%;justify-content:flex-end}.restore-draft-preview{display:none}}.restore-lyrics-banner{background:rgba(0,212,170,0.08);border-color:rgba(0,212,170,0.25)}.restore-lyrics-banner .restore-draft-text{color:#00d4aa}.restore-lyrics-banner .restore-draft-btn.restore{background:rgba(0,212,170,0.2);color:#00d4aa}.restore-lyrics-banner .restore-draft-btn.restore:hover{background:rgba(0,212,170,0.3)}.restore-song-banner{background:rgba(255,180,0,0.08);border-color:rgba(255,180,0,0.25)}.restore-song-banner .restore-draft-text{color:#ffb400}.restore-song-banner .restore-draft-btn.restore{background:rgba(255,180,0,0.2);color:#ffb400}.restore-song-banner .restore-draft-btn.restore:hover{background:rgba(255,180,0,0.3)}.restore-style-banner{background:rgba(180,100,255,0.08);border-color:rgba(180,100,255,0.25)}.restore-style-banner .restore-draft-text{color:#b464ff}.restore-style-banner .restore-draft-btn.restore{background:rgba(180,100,255,0.2);color:#b464ff}.restore-style-banner .restore-draft-btn.restore:hover{background:rgba(180,100,255,0.3)}.buy-section{margin-top:24px;padding:24px;background:linear-gradient(135deg,rgba(0,180,255,0.08) 0%,rgba(0,212,170,0.05) 100%);border:2px solid rgba(0,180,255,0.25);border-radius:16px;text-align:center}.buy-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:16px 40px;font-size:1.15rem;font-weight:700;font-family:inherit;color:#000;background:linear-gradient(135deg,#00b4ff 0%,#00d4aa 100%);border:none;border-radius:50px;cursor:pointer;transition:all 0.3s ease;box-shadow:0 4px 20px rgba(0,180,255,0.3)}.buy-btn:hover:not(:disabled){transform:translateY(-2px) scale(1.02);box-shadow:0 8px 30px rgba(0,180,255,0.5)}.buy-btn:active:not(:disabled){transform:translateY(0) scale(0.98)}.buy-btn:disabled{opacity:0.7;cursor:not-allowed;transform:none}.buy-btn.paid{background:linear-gradient(135deg,#00d4aa 0%,#00b478 100%);animation:pulse-success 2s ease-in-out infinite}.buy-btn.paid:hover{box-shadow:0 8px 30px rgba(0,212,170,0.5)}@keyframes pulse-success{0%,100%{box-shadow:0 4px 20px rgba(0,212,170,0.3)}50%{box-shadow:0 4px 30px rgba(0,212,170,0.6)}}.price-tag{display:inline-block;background:rgba(0,0,0,0.2);padding:4px 12px;border-radius:20px;font-size:1rem;font-weight:600}.buy-hint{margin:14px 0 0;color:#888;font-size:0.9rem}.whats-included{margin-top:16px;text-align:left}.whats-included summary{color:#00b4ff;font-size:0.85rem;cursor:pointer;text-align:center;padding:8px;border-radius:8px;transition:background 0.2s}.whats-included summary:hover{background:rgba(0,180,255,0.1)}.whats-included[open] summary{margin-bottom:12px}.whats-included ul{list-style:none;padding:0;margin:0 0 12px 0}.whats-included li{padding:6px 0;color:#aaa;font-size:0.85rem}.whats-included li::before{content:"✓ ";color:#00d4aa;font-weight:bold}.whats-included .intro-note{text-align:center;font-size:0.8rem;color:#00d4aa;margin:0;padding:8px;background:rgba(0,212,170,0.1);border-radius:6px}.buy-section.unlocked{background:linear-gradient(135deg,rgba(0,212,170,0.1) 0%,rgba(0,180,255,0.05) 100%);border-color:rgba(0,212,170,0.3)}.buy-section.unlocked .buy-btn{display:none}.buy-section.unlocked .buy-hint{color:#00d4aa;font-weight:500}@media (max-width:500px){.buy-section{padding:20px 16px;margin-top:20px}.buy-btn{width:100%;padding:14px 24px;font-size:1.05rem}.price-tag{font-size:0.9rem}.whats-included{margin-top:14px}.whats-included summary{font-size:0.8rem;padding:6px}.whats-included li{font-size:0.8rem;padding:5px 0}.whats-included .intro-note{font-size:0.75rem;padding:6px}}.preview-player-section{background:rgba(16,22,36,0.95);border:1px solid rgba(0,180,255,0.25);border-radius:16px;padding:24px;margin-bottom:20px;box-shadow:0 8px 32px rgba(0,180,255,0.1)}.preview-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:8px}.preview-badge{background:linear-gradient(135deg,#00b4ff 0%,#0088cc 100%);color:#fff;padding:6px 14px;border-radius:20px;font-size:0.85rem;font-weight:600;text-transform:uppercase;letter-spacing:0.5px}.preview-status{color:#888;font-size:0.85rem;display:flex;align-items:center;gap:6px}.preview-status::before{content:"";display:inline-block;width:8px;height:8px;background:#00d4aa;border-radius:50%;animation:pulse-dot 1.5s ease-in-out infinite}@keyframes pulse-dot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.5;transform:scale(0.8)}}.song-player.preview-mode{background:rgba(0,0,0,0.3);border:1px solid rgba(0,180,255,0.15);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px;text-align:left}.song-player.preview-mode .song-thumbnail{width:80px;height:80px;border-radius:8px;object-fit:cover;flex-shrink:0}.song-player.preview-mode .song-info{display:flex;flex-direction:column;gap:4px}.song-player.preview-mode .song-title{font-size:1.1rem;font-weight:600;color:#fff}.song-player.preview-mode .song-style{font-size:0.85rem;color:#888}.preview-limit-notice{display:flex;align-items:center;gap:10px;background:rgba(255,180,0,0.1);border:1px solid rgba(255,180,0,0.25);border-radius:10px;padding:12px 16px;margin-top:16px}.preview-limit-notice .limit-icon{font-size:1.2rem;flex-shrink:0}.preview-limit-notice .limit-text{color:#ffb400;font-size:0.9rem;line-height:1.4}.preview-limit-reached{background:rgba(255,80,80,0.15);border-color:rgba(255,80,80,0.3)}.preview-limit-reached .limit-text{color:#ff6b6b}.audio-preview-badge{display:flex;align-items:center;gap:10px;margin-top:10px;padding:10px 14px;background:rgba(255,193,7,0.1);border:1px solid rgba(255,193,7,0.3);border-radius:10px;font-size:0.85rem}.audio-preview-badge .badge-label{background:linear-gradient(135deg,#ffc107,#ff9800);color:#000;padding:5px 12px;border-radius:14px;font-weight:600;font-size:0.8rem;white-space:nowrap;flex-shrink:0}.audio-preview-badge .badge-timing{color:#ccc;font-size:0.85rem}.audio-preview-badge.playing{background:rgba(0,180,255,0.1);border-color:rgba(0,180,255,0.3);animation:pulse-border 2s ease-in-out infinite}.audio-preview-badge.playing .badge-label{background:linear-gradient(135deg,#00b4ff,#0088cc);color:#fff}@keyframes pulse-border{0%,100%{border-color:rgba(0,180,255,0.3)}50%{border-color:rgba(0,180,255,0.6)}}.preview-player-section .buy-section{margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,0.1)}@media (max-width:600px){.preview-player-section{padding:16px;border-radius:12px}.preview-header{flex-direction:column;align-items:flex-start}.song-player.preview-mode{padding:12px}.song-player.preview-mode .song-thumbnail{width:60px;height:60px}.preview-limit-notice{padding:10px 12px}.preview-limit-notice .limit-text{font-size:0.85rem}}.highlight-pulse{animation:pulse-highlight 1s ease-in-out infinite}@keyframes pulse-highlight{0%,100%{transform:scale(1);box-shadow:0 4px 15px rgba(0,180,255,0.3)}50%{transform:scale(1.05);box-shadow:0 6px 25px rgba(0,180,255,0.6)}}.toast-notification{position:fixed;top:20px;right:20px;max-width:360px;padding:14px 18px;background:rgba(30,35,50,0.98);border-radius:12px;display:flex;align-items:center;gap:12px;z-index:10000;opacity:0;transform:translateX(100px);transition:all 0.3s ease;box-shadow:0 8px 32px rgba(0,0,0,0.4);border:1px solid rgba(255,255,255,0.1)}.toast-notification.show{opacity:1;transform:translateX(0)}.toast-icon{font-size:1.2rem;flex-shrink:0}.toast-message{flex:1;color:#fff;font-size:0.9rem;line-height:1.4}.toast-close{background:none;border:none;color:#666;font-size:1.3rem;cursor:pointer;min-width:44px;min-height:44px;padding:10px;margin:-10px -10px -10px 0;line-height:1;transition:color 0.2s;display:flex;align-items:center;justify-content:center}.toast-close:hover{color:#fff}.toast-success{border-color:rgba(76,175,80,0.4);background:rgba(30,50,35,0.98)}.toast-success .toast-icon{color:#4caf50}.toast-error{border-color:rgba(244,67,54,0.4);background:rgba(50,30,30,0.98)}.toast-error .toast-icon{color:#f44336}@media (max-width:480px){.toast-notification{left:16px;right:16px;max-width:none;top:16px}}.registration-cta-note{text-align:center;color:#666;font-size:0.8rem;margin-top:12px;margin-bottom:0}.whats-new-link{position:relative;display:inline-flex;align-items:center;gap:6px}.new-badge{background:linear-gradient(135deg,#ff6b6b,#ff8e53);color:white;font-size:0.65rem;font-weight:700;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center;animation:pulse-badge 2s ease-in-out infinite}@keyframes pulse-badge{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}.whats-new-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.85);z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;animation:fadeIn 0.3s ease forwards}@keyframes fadeIn{to{opacity:1}}.whats-new-content{background:linear-gradient(180deg,#1a1f2e 0%,#0d1117 100%);border:1px solid rgba(0,180,255,0.3);border-radius:20px;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;padding:40px;position:relative;box-shadow:0 20px 60px rgba(0,0,0,0.5)}.whats-new-close{position:absolute;top:16px;right:20px;background:none;border:none;color:#888;font-size:28px;cursor:pointer;transition:color 0.2s;padding:0;line-height:1}.whats-new-close:hover{color:#fff}.whats-new-content h2{font-size:2rem;margin:0 0 8px 0;background:linear-gradient(135deg,#00b4ff,#00ff88);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.whats-new-subtitle{color:#888;margin:0 0 30px 0;font-size:1rem}.whats-new-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.whats-new-card{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.1);border-radius:16px;padding:24px;position:relative;transition:all 0.3s ease}.whats-new-card:hover{transform:translateY(-4px);border-color:rgba(0,180,255,0.4);box-shadow:0 10px 30px rgba(0,180,255,0.1)}.whats-new-card.new-feature{border-color:rgba(0,180,255,0.3)}.whats-new-card.featured{background:linear-gradient(135deg,rgba(0,180,255,0.08),rgba(0,212,170,0.05));border-color:rgba(0,180,255,0.5);box-shadow:0 4px 20px rgba(0,180,255,0.15)}.whats-new-card.featured .card-icon{font-size:2.5rem}.whats-new-card.coming-soon{opacity:0.7;border-style:dashed}.whats-new-card.coming-soon:hover{opacity:1}.card-badge{position:absolute;top:-10px;right:16px;background:linear-gradient(135deg,#00b4ff,#0088cc);color:white;font-size:0.65rem;font-weight:700;padding:4px 10px;border-radius:12px;letter-spacing:0.5px}.card-badge.soon{background:linear-gradient(135deg,#888,#666)}.card-icon{font-size:2.5rem;margin-bottom:12px}.whats-new-card h3{color:#fff;font-size:1.1rem;margin:0 0 8px 0}.whats-new-card p{color:#aaa;font-size:0.9rem;line-height:1.5;margin:0}.whats-new-footer{text-align:center;margin-top:30px;padding-top:20px;border-top:1px solid rgba(255,255,255,0.1);color:#666;font-size:0.9rem}.whats-new-footer a{color:#00b4ff}@media (max-width:768px){.whats-new-content{padding:24px}.whats-new-grid{grid-template-columns:1fr;gap:16px}.whats-new-content h2{font-size:1.5rem}}@media (max-width:480px){.new-badge{font-size:0.6rem;padding:1px 5px}.whats-new-link{font-size:0.85rem}}.immediate-email-card{display:flex;align-items:flex-start;gap:16px;background:linear-gradient(135deg,rgba(0,180,255,0.1) 0%,rgba(0,212,170,0.1) 100%);border:1px solid rgba(0,180,255,0.3);border-radius:16px;padding:20px;margin:20px auto;max-width:500px;animation:slideDown 0.3s ease-out;transition:opacity 0.3s,transform 0.3s}@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.email-card-icon{font-size:2rem;flex-shrink:0}.email-card-content{flex:1}.email-card-text{color:#fff;margin:0 0 12px;font-size:0.95rem;line-height:1.4}.email-card-text strong{color:#00d4aa}.email-card-form{display:flex;gap:8px;flex-wrap:wrap}.email-card-input{flex:1;min-width:180px;padding:10px 14px;background:rgba(0,0,0,0.3);border:1px solid rgba(255,255,255,0.2);border-radius:8px;color:#fff;font-size:0.95rem}.email-card-input::placeholder{color:rgba(255,255,255,0.5)}.email-card-input:focus{outline:none;border-color:#00b4ff}.email-card-btn{padding:10px 20px;background:linear-gradient(135deg,#00b4ff 0%,#00d4aa 100%);border:none;border-radius:8px;color:#000;font-weight:600;font-size:0.9rem;cursor:pointer;transition:transform 0.15s,opacity 0.15s;white-space:nowrap}.email-card-btn:hover{transform:scale(1.02)}.email-card-btn:disabled{opacity:0.7;cursor:not-allowed}.email-card-dismiss{padding:8px 12px;background:transparent;border:1px solid rgba(255,255,255,0.2);border-radius:8px;color:rgba(255,255,255,0.6);font-size:1rem;cursor:pointer;transition:background 0.2s}.email-card-dismiss:hover{background:rgba(255,255,255,0.1)}.email-card-success{color:#00d4aa;margin:0;font-size:0.9rem;animation:fadeIn 0.3s ease-out}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@media (max-width:480px){.immediate-email-card{flex-direction:column;gap:12px;padding:16px;margin:16px}.email-card-icon{font-size:1.5rem}.email-card-form{flex-direction:column}.email-card-input{min-width:100%}.email-card-btn{width:100%}}@media screen and (-webkit-min-device-pixel-ratio:0){input,textarea,select{font-size:16px!important}}.lyrics-section{margin-top:20px;border:1px solid rgba(255,255,255,0.1);border-radius:12px;overflow:hidden;background:rgba(0,0,0,0.2)}.lyrics-toggle{width:100%;padding:14px 20px;background:transparent;border:none;color:rgba(255,255,255,0.8);font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background 0.2s,color 0.2s}.lyrics-toggle:hover{background:rgba(255,255,255,0.05);color:#fff}.lyrics-toggle-icon{font-size:12px;transition:transform 0.3s}.lyrics-section.expanded .lyrics-toggle-icon{transform:rotate(180deg)}.lyrics-content{max-height:0;overflow:hidden;transition:max-height 0.3s ease-out}.lyrics-section.expanded .lyrics-content{max-height:600px;overflow-y:auto}.lyrics-text{padding:20px;margin:0;font-family:inherit;font-size:14px;line-height:1.8;color:rgba(255,255,255,0.85);white-space:pre-wrap;word-wrap:break-word;border-top:1px solid rgba(255,255,255,0.1)}.mode-toggle-container{margin-bottom:24px;text-align:center}.mode-toggle{display:inline-flex;background:rgba(255,255,255,0.05);border-radius:30px;padding:4px;border:1px solid rgba(255,255,255,0.1);transition:opacity 0.3s}.mode-toggle.locked{opacity:0.5;cursor:not-allowed}.mode-toggle.locked .mode-btn{cursor:not-allowed}.mode-btn{padding:10px 24px;border:none;border-radius:26px;font-size:0.95rem;font-weight:600;background:transparent;color:rgba(255,255,255,0.6);cursor:pointer;transition:all 0.3s}.mode-btn:hover:not(:disabled){color:rgba(255,255,255,0.9)}.mode-btn.active{background:linear-gradient(135deg,#00b4ff 0%,#00d4aa 100%);color:#000;box-shadow:0 4px 15px rgba(0,180,255,0.3)}.mode-btn{position:relative}.new-badge{position:absolute;top:-10px;right:-8px;background:linear-gradient(135deg,#ff6b6b,#ff8e53);color:#fff;font-size:0.6rem;font-weight:700;padding:3px 6px;border-radius:8px;text-transform:uppercase;letter-spacing:0.5px;box-shadow:0 2px 8px rgba(255,107,107,0.5);animation:badge-glow 2s ease-in-out infinite}@keyframes badge-glow{0%,100%{box-shadow:0 2px 8px rgba(255,107,107,0.5)}50%{box-shadow:0 2px 16px rgba(255,107,107,0.8),0 0 20px rgba(255,142,83,0.4)}}.mode-hint{color:rgba(255,255,255,0.5);font-size:0.85rem;margin-top:12px}.quick-mode-form{display:flex;flex-direction:column;gap:20px}.quick-field{display:flex;flex-direction:column;gap:8px}.quick-field label{font-size:0.95rem;font-weight:600;color:rgba(255,255,255,0.9)}.quick-field .label-subtitle{font-size:0.95rem;font-weight:400;color:rgba(255,255,255,0.9);margin:4px 0 12px 0;line-height:1.5}.quick-field input,.quick-field select,.quick-field textarea{padding:14px 16px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.15);border-radius:12px;color:#fff;font-size:1rem;transition:all 0.2s}.quick-field input:focus,.quick-field select:focus,.quick-field textarea:focus{outline:none;border-color:#00b4ff;background:rgba(0,180,255,0.05)}.quick-field input::placeholder,.quick-field textarea::placeholder{color:rgba(255,255,255,0.35)}.quick-field textarea{resize:vertical;min-height:120px;line-height:1.6}#quickMessage{border:1px solid rgba(0,180,255,0.35);background:rgba(0,180,255,0.06);box-shadow:0 0 20px rgba(0,180,255,0.08),inset 0 1px 0 rgba(255,255,255,0.05)}#quickMessage:focus{border-color:#00b4ff;box-shadow:0 0 25px rgba(0,180,255,0.15),inset 0 1px 0 rgba(255,255,255,0.05)}.quick-field select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23888' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px}.quick-field .custom-input{margin-top:10px;padding:12px 16px;background:rgba(0,180,255,0.05);border:1px dashed rgba(0,180,255,0.4);border-radius:12px;color:#fff;font-size:0.95rem;transition:all 0.2s}.quick-field .custom-input:focus{outline:none;border-style:solid;border-color:#00b4ff;background:rgba(0,180,255,0.08)}.quick-field .custom-input::placeholder{color:rgba(255,255,255,0.4)}.quick-field .field-hint{font-size:0.85rem;color:rgba(255,255,255,0.6);margin-top:8px;line-height:1.5}.hint-link{color:var(--primary-blue);text-decoration:none;font-weight:500}.hint-link:hover{text-decoration:underline}.optional-hint{font-size:0.8rem;color:rgba(255,255,255,0.5);font-weight:400}.quick-select{width:100%;padding:14px 40px 14px 16px;border:1px solid rgba(255,255,255,0.15);border-radius:12px;background:rgba(255,255,255,0.05);color:#fff;font-size:1rem;font-weight:500;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='rgba(255,255,255,0.6)' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;transition:all 0.2s}.quick-select:hover,.quick-select:focus{border-color:rgba(0,180,255,0.5);outline:none}.quick-select option{background:#1a1a2e;color:#fff;padding:10px}.quick-input{width:100%;padding:12px 16px;margin-top:10px;border:1px solid rgba(255,255,255,0.15);border-radius:10px;background:rgba(255,255,255,0.05);color:#fff;font-size:0.95rem;transition:all 0.2s}.quick-input::placeholder{color:rgba(255,255,255,0.4)}.quick-input:hover,.quick-input:focus{border-color:rgba(0,180,255,0.5);outline:none;background:rgba(255,255,255,0.08)}.occasion-options,.vibe-options{display:flex;flex-wrap:wrap;gap:10px}.occasion-btn,.vibe-btn{padding:12px 20px;border:1px solid rgba(255,255,255,0.15);border-radius:25px;background:rgba(255,255,255,0.05);color:rgba(255,255,255,0.8);font-size:0.95rem;font-weight:500;cursor:pointer;transition:all 0.2s}.occasion-btn:hover,.vibe-btn:hover{border-color:rgba(0,180,255,0.4);background:rgba(0,180,255,0.1)}.occasion-btn.selected,.vibe-btn.selected{background:linear-gradient(135deg,rgba(0,180,255,0.2) 0%,rgba(0,212,170,0.2) 100%);border-color:#00b4ff;color:#fff;box-shadow:0 0 20px rgba(0,180,255,0.2)}.btn-quick-create{width:100%;padding:16px 24px;margin-top:10px;border:none;border-radius:12px;background:linear-gradient(135deg,#00b4ff 0%,#00d4aa 100%);color:#000;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all 0.2s}.btn-quick-create:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,180,255,0.4)}.btn-quick-create:disabled{opacity:0.5;cursor:not-allowed;transform:none}.quick-lyrics-view{display:flex;flex-direction:column;gap:20px}.quick-lyrics-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:12px;cursor:pointer;transition:all 0.2s}.quick-lyrics-header:hover{background:rgba(255,255,255,0.08)}.quick-lyrics-label{display:flex;align-items:center;gap:10px;font-weight:600;color:#fff}.quick-lyrics-label .toggle-icon{font-size:10px;color:rgba(255,255,255,0.5);transition:transform 0.2s}.quick-lyrics-hint{font-size:0.8rem;color:rgba(255,255,255,0.4)}.quick-lyrics-section{margin-bottom:16px}.quick-lyrics-content{margin-top:0}.quick-lyrics-content.collapsed{display:none}.quick-lyrics-textarea{width:100%;min-height:200px;padding:16px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.1);border-radius:12px;color:#fff;font-size:0.95rem;line-height:1.8;resize:vertical}.quick-lyrics-textarea:focus{outline:none;border-color:#00b4ff}.quick-title-section{margin-bottom:16px}.quick-title-section label{display:block;color:rgba(255,255,255,0.7);font-size:0.9rem;font-weight:500;margin-bottom:8px}.quick-title-input{width:100%;padding:14px 16px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.15);border-radius:12px;color:#fff;font-size:1.2rem;font-weight:600}.quick-title-input:focus{outline:none;border-color:#00b4ff;background:rgba(0,180,255,0.05)}.btn-regenerate{display:inline-block;margin:12px 0 0 0;padding:10px 20px;background:transparent;border:1px solid rgba(255,255,255,0.3);border-radius:8px;color:rgba(255,255,255,0.7);font-size:0.9rem;cursor:pointer;transition:all 0.2s ease}.btn-regenerate:hover{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.5);color:#fff}.btn-regenerate:disabled{opacity:0.5;cursor:not-allowed}.quick-progress-view{padding:40px 20px;text-align:center}.quick-progress-content{display:flex;flex-direction:column;align-items:center;gap:16px}.quick-progress-msg{font-size:1.2rem;color:#fff;margin:0}.quick-progress-time{display:flex;align-items:center;gap:12px;color:rgba(255,255,255,0.6);font-size:0.9rem}.quick-progress-time .progress-separator{color:rgba(255,255,255,0.3)}.quick-progress-email-reminder{margin-top:24px;padding:16px 20px;background:linear-gradient(135deg,rgba(52,211,153,0.15) 0%,rgba(16,185,129,0.1) 100%);border:1px solid rgba(52,211,153,0.3);border-radius:12px;display:flex;align-items:center;gap:12px;animation:fadeInUp 0.5s ease-out 2s both}@keyframes fadeInUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.quick-progress-email-reminder .email-reminder-icon{font-size:2rem;flex-shrink:0}.quick-progress-email-reminder .email-reminder-text{font-size:0.95rem;color:rgba(255,255,255,0.9);line-height:1.5}.quick-progress-email-reminder .email-reminder-text strong{color:#34d399;word-break:break-all}@media (max-width:768px){.quick-progress-email-reminder{margin-top:28px;padding:18px 16px;flex-direction:column;text-align:center;gap:8px}.quick-progress-email-reminder .email-reminder-icon{font-size:2.5rem}.quick-progress-email-reminder .email-reminder-text{font-size:1rem}}.quick-timeout-card{text-align:center;padding:20px}.quick-timeout-card .timeout-icon{font-size:3rem;margin-bottom:16px}.quick-timeout-card .timeout-title{font-size:1.3rem;font-weight:600;color:#fff;margin-bottom:8px}.quick-timeout-card .timeout-message{color:rgba(255,255,255,0.7);font-size:0.95rem;margin-bottom:24px}.quick-timeout-card .timeout-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.timeout-btn{padding:12px 20px;border-radius:8px;font-size:0.95rem;font-weight:500;cursor:pointer;transition:all 0.2s;border:none}.timeout-btn.primary{background:linear-gradient(135deg,#00b4ff,#0099dd);color:#fff}.timeout-btn.primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,180,255,0.3)}.timeout-btn.secondary{background:rgba(255,255,255,0.1);color:#fff;border:1px solid rgba(255,255,255,0.2)}.timeout-btn.secondary:hover{background:rgba(255,255,255,0.15)}.quick-email-section{background:rgba(0,180,255,0.05);border:1px solid rgba(0,180,255,0.2);border-radius:12px;padding:20px}.quick-email-section .email-input-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.quick-email-section .email-icon{font-size:1.5rem}.quick-email-section .email-input-text strong{display:block;color:#fff;font-size:1rem}.quick-email-section .email-input-text p{color:rgba(255,255,255,0.6);font-size:0.85rem;margin:0}.quick-email-section .email-input-row{display:flex;align-items:center;gap:10px}.quick-email-section .email-input-field{flex:1;padding:14px 16px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.15);border-radius:10px;color:#fff;font-size:1rem}.quick-email-section .email-check{color:#00d4aa;font-size:1.2rem}.undo-toast{display:flex;align-items:center;gap:12px}.toast-undo-btn{background:rgba(255,255,255,0.2);border:none;padding:6px 14px;border-radius:6px;color:#fff;font-weight:600;cursor:pointer;transition:all 0.2s}.toast-undo-btn:hover{background:rgba(255,255,255,0.3)}.btn-reset-top{background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);color:rgba(255,255,255,0.8);padding:8px 16px;border-radius:8px;font-size:0.85rem;cursor:pointer;transition:all 0.2s}.btn-reset-top:hover{background:rgba(255,255,255,0.15);color:#fff}@media (max-width:600px){.mode-toggle{width:100%}.mode-btn{flex:1;padding:12px 16px;font-size:0.9rem}.occasion-options,.vibe-options{justify-content:center}.occasion-btn,.vibe-btn{flex:1 1 calc(50% - 10px);min-width:120px;text-align:center;padding:14px 16px}.quick-field textarea{min-height:150px}.btn-quick-create{padding:18px 24px;font-size:1rem}}