:root{--primary-color:#fca311;--bg-color:#14213d;--text-color:#fff;--glass-bg:#14141499;--glass-border:#ffffff1a}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-color);background-color:var(--bg-color);width:100vw;height:100dvh;font-family:Outfit,sans-serif;overflow:hidden}#root{width:100%;height:100%}.app-container{flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100dvh;display:flex;position:relative}.background-image-layer{filter:blur(8px)brightness(.4);z-index:-3;background-position:50%;background-size:cover;width:100%;height:100%;position:absolute;top:0;left:0;transform:scale(1.05)}.background-layer{object-fit:cover;z-index:-2;width:100%;height:100%;position:absolute;top:0;left:0}.brand-logo{color:#fff;z-index:10;letter-spacing:-.5px;text-shadow:0 4px 20px #000,0 0 10px #000c,0 0 2px #000000e6;text-transform:lowercase;font-size:26px;font-weight:900;position:absolute;top:25px;left:25px}.top-toolbar-left{z-index:20;align-items:center;gap:10px;display:flex;position:absolute;top:75px;left:25px}.mode-toggle-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);white-space:nowrap;background:#0009;border:1px solid #ffffff4d;border-radius:20px;padding:8px 16px;font-size:.85rem;font-weight:700;transition:all .25s;box-shadow:0 4px 15px #0000004d}.mode-toggle-btn:hover{background:#1e1e1ed9;border-color:#ffffff8c;transform:translateY(-1px)}.top-toolbar-right{z-index:20;align-items:center;gap:10px;display:flex;position:absolute;top:75px;right:25px}.share-vibe-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(12px);white-space:nowrap;background:linear-gradient(135deg,#fca31140 0%,#141414bf 100%);border:1px solid #fca31173;border-radius:20px;flex-shrink:0;align-items:center;gap:8px;padding:8px 16px;font-size:.85rem;font-weight:700;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 4px 15px #0006}.share-vibe-btn:hover{background:linear-gradient(135deg,#fca31173 0%,#1e1e1ee6 100%);border-color:#fca311cc;transform:translateY(-1px);box-shadow:0 6px 20px #0009,0 0 15px #fca3114d}.share-text-mobile{display:none}@media (width<=768px){.brand-logo{font-size:22px;top:16px;left:16px}.top-toolbar-right{justify-content:flex-end;align-items:center;gap:6px;display:flex;top:16px;right:14px}.top-toolbar-left{gap:8px;top:58px;left:16px}.mode-toggle-btn{padding:6px 12px;font-size:.78rem}.share-vibe-btn{gap:5px;padding:6px 10px;font-size:.78rem}.share-text-full{display:none}.share-text-mobile{display:inline}}.app-footer{z-index:15;pointer-events:auto;justify-content:center;align-items:center;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.hiredvoices-link{-webkit-backdrop-filter:blur(14px);color:#ffffffb3;letter-spacing:.2px;-webkit-user-select:none;user-select:none;background:#0f172aa6;border:1px solid #ffffff26;border-radius:9999px;align-items:center;gap:7px;padding:5px 12px 5px 9px;font-size:.76rem;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 4px 16px #0006}.hiredvoices-link:hover{color:#fff;background:#0f172ae6;border-color:#2dd4bf80;transform:translateY(-1px);box-shadow:0 6px 20px #0009,0 0 14px #2dd4bf40}.footer-label{color:#ffffffa6;font-weight:400}.footer-brand{color:#fff;align-items:center;gap:6px;font-weight:700;display:inline-flex}.hv-logo-img{object-fit:cover;border-radius:4px;width:18px;height:18px;display:block;box-shadow:0 1px 4px #0006}.hv-badge{color:#fff;letter-spacing:-.5px;background:linear-gradient(135deg,#10b981 0%,#0d9488 100%);border-radius:4px;justify-content:center;align-items:center;width:17px;height:17px;font-size:.6rem;font-weight:800;line-height:1;display:inline-flex}.hv-arrow{opacity:.6;transition:transform .2s,opacity .2s}.hiredvoices-link:hover .hv-arrow{opacity:1;color:#2dd4bf;transform:translate(1px,-1px)}@media (width<=768px){.app-footer{bottom:max(10px, env(safe-area-inset-bottom) + 6px)}.hiredvoices-link{gap:6px;padding:4px 10px 4px 8px;font-size:.72rem}}.music-player-container{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);z-index:10;border-radius:40px;width:90%;max-width:600px;padding:12px 24px;transition:all .3s;position:absolute;bottom:48px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #00000080}.music-player-container:hover{background:#1e1e1eb3;box-shadow:0 12px 40px #000000b3}.player-content{justify-content:space-between;align-items:center;gap:20px;display:flex}.song-info{align-items:center;gap:15px;width:40%;display:flex}.cover-img{object-fit:cover;border-radius:50%;width:56px;height:56px;animation:10s linear infinite paused spin;box-shadow:0 4px 10px #0000004d}.details{flex-direction:column;display:flex}.song-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:1rem;font-weight:600;overflow:hidden}.song-artist{color:#fff9;white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}.controls{flex-direction:column;flex-grow:1;align-items:center;gap:8px;display:flex}.buttons{align-items:center;gap:20px;display:flex}.control-btn{color:#ffffffb3;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:color .2s,transform .2s;display:flex}.control-btn:hover{color:#fff;transform:scale(1.1)}.play-btn{color:#000;cursor:pointer;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:transform .2s,box-shadow .2s;display:flex}.play-btn:hover{transform:scale(1.05);box-shadow:0 4px 15px #ffffff4d}.play-btn svg{fill:#000}.progress-container{align-items:center;gap:10px;width:100%;display:flex}.time{color:#ffffff80;min-width:35px;font-size:.75rem}.progress-bar{-webkit-appearance:none;cursor:pointer;background:#fff3;border-radius:2px;outline:none;flex-grow:1;height:4px}.progress-bar::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border-radius:50%;width:12px;height:12px;transition:transform .1s}.progress-bar::-webkit-slider-thumb:hover{transform:scale(1.3)}@media (width<=768px){.music-player-container{bottom:max(56px, env(safe-area-inset-bottom) + 36px)}.player-content{flex-direction:column;gap:15px}.song-info{justify-content:center;width:100%}.controls{width:100%}}.prompt-overlay{-webkit-backdrop-filter:blur(10px);z-index:1000;background:#0009;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.5s fadeIn;display:flex;position:fixed;top:0;left:0}.prompt-modal{background:var(--glass-bg);border:1px solid var(--glass-border);text-align:center;border-radius:20px;width:400px;max-width:90%;padding:40px;animation:.4s slideUp;box-shadow:0 10px 40px #00000080}.prompt-modal h2{color:#fff;margin-bottom:10px;font-family:Outfit,sans-serif;font-size:1.8rem}.prompt-modal p{color:#ffffffb3;margin-bottom:30px;font-size:1rem}.prompt-buttons{justify-content:center;gap:15px;display:flex}.prompt-inputs{flex-direction:column;gap:12px;margin-bottom:25px;display:flex}.input-wrapper{width:100%;position:relative}.prompt-note-input{color:#fff;box-sizing:border-box;background:#0003;border:1px solid #fff3;border-radius:12px;outline:none;width:100%;margin-bottom:0;padding:12px 15px;font-family:inherit;font-size:.95rem;transition:border-color .2s}.prompt-note-input.with-clear{padding-right:40px}.clear-input-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:14px;line-height:1;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.clear-input-btn:hover{background:#fff3}.prompt-note-input::placeholder{color:#fff6}.prompt-note-input:focus{border-color:var(--primary-color)}.prompt-buttons button{cursor:pointer;border:none;border-radius:30px;padding:12px 24px;font-size:1rem;font-weight:600;transition:transform .2s,background .2s}.btn-yes{background:var(--primary-color);color:#000}.btn-yes:hover{background:#e59310;transform:scale(1.05)}.btn-no{color:#fff;background:#ffffff1a;border:1px solid #fff3!important}.btn-no:hover{background:#fff3;transform:scale(1.05)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.history-badge-container{flex-shrink:0;display:inline-block;position:relative}.history-trigger-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);white-space:nowrap;background:#141414b3;border:1px solid #fff3;border-radius:20px;flex-shrink:0;align-items:center;gap:7px;padding:8px 14px;font-family:inherit;font-size:.85rem;font-weight:600;transition:all .25s;display:flex;box-shadow:0 4px 15px #0000004d}.history-trigger-btn:hover{background:#1e1e1ed9;border-color:#ffffff73;transform:translateY(-1px)}.history-trigger-btn.active{border-color:#fca311b3;box-shadow:0 0 14px #fca31140}.history-icon{font-size:.95rem;line-height:1}.history-count-pill{color:#fca311;background:#fca31133;border:1px solid #fca31166;border-radius:10px;padding:1px 6px;font-size:.72rem;font-weight:700;line-height:1.2}.history-chevron{color:#fff9;transition:transform .25s}.history-chevron.rotate{transform:rotate(180deg)}.history-text-mobile{display:none}.history-dropdown-menu{-webkit-backdrop-filter:blur(20px);z-index:100;background:#0e1018f0;border:1px solid #ffffff2e;border-radius:14px;flex-direction:column;width:230px;animation:.2s cubic-bezier(.16,1,.3,1) historyDropdownFade;display:flex;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 16px 40px #000000a6,0 0 20px #0006}@keyframes historyDropdownFade{0%{opacity:0;transform:translateY(-8px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.history-dropdown-header{color:#fffffff2;z-index:2;background:#191c26d9;border-bottom:1px solid #ffffff1a;flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 14px;font-size:.85rem;font-weight:600;display:flex}.header-right-actions{align-items:center;gap:6px;display:flex}.header-badge{color:#ffffff8c;font-size:.7rem;font-weight:500}.history-collapse-btn{color:#ffffffbf;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;padding:0;font-size:.72rem;line-height:1;transition:all .2s;display:flex}.history-collapse-btn:hover{color:#fff;background:#ffffff40;border-color:#ffffff73;transform:scale(1.08)}.history-panel-list{flex:1;max-height:200px;margin:0;padding:4px 0;list-style:none;overflow-y:auto}.history-panel-list li{color:#ffffffd9;border-bottom:1px solid #ffffff0d;align-items:flex-start;gap:8px;padding:10px 14px;font-size:.82rem;transition:background .2s;display:flex}.history-panel-list li:hover{background:#ffffff0f}.history-panel-list li:last-child{border-bottom:none}.history-idx{color:#ffffff59;min-width:18px;padding-top:1px;font-size:.75rem;font-weight:600}.history-info{text-align:right;flex-direction:column;flex:1;display:flex}.history-date{color:#ffffffe6;font-weight:500}.history-note{color:#fca311d9;white-space:normal;word-break:break-word;margin-top:3px;font-size:.7rem;font-style:italic}.history-dropdown-footer{background:#0a0c1280;border-top:1px solid #ffffff14;border-radius:0 0 14px 14px;justify-content:flex-end;padding:8px 14px;display:flex}.history-clear-trigger-btn{color:#ffffff73;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:5px;padding:4px 6px;font-family:inherit;font-size:.72rem;font-weight:500;transition:all .2s;display:inline-flex}.history-clear-trigger-btn:hover{color:#f55;background:#ff55551a}.history-confirm-clear{text-align:center;background:#ef44441a;border-top:1px solid #ef44444d;border-radius:0 0 14px 14px;padding:12px 14px;animation:.2s confirmFade}@keyframes confirmFade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.confirm-warning-icon{margin-bottom:4px;font-size:1.1rem;line-height:1}.confirm-warning-text{color:#fffffff2;flex-direction:column;gap:2px;margin-bottom:10px;font-size:.74rem;display:flex}.confirm-warning-text strong{color:#f77;font-weight:600}.confirm-warning-text span{color:#fff9;font-size:.68rem}.confirm-buttons{justify-content:center;align-items:center;gap:8px;display:flex}.confirm-btn-delete{color:#fff;cursor:pointer;background:#dc2626;border:1px solid #fff3;border-radius:8px;padding:5px 12px;font-family:inherit;font-size:.72rem;font-weight:600;transition:all .2s;box-shadow:0 2px 8px #dc262666}.confirm-btn-delete:hover{background:#b91c1c;transform:translateY(-1px)}.confirm-btn-cancel{color:#fffc;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff26;border-radius:8px;padding:5px 12px;font-family:inherit;font-size:.72rem;font-weight:500;transition:all .2s}.confirm-btn-cancel:hover{color:#fff;background:#ffffff2e}@media (width<=768px){.history-trigger-btn{gap:4px;padding:6px 8px;font-size:.78rem}.history-text-full{display:none}.history-count-pill{padding:1px 5px;font-size:.7rem}.history-dropdown-menu{width:215px;right:0}.history-panel-list{max-height:180px}}.scene-selector-container{z-index:12;display:inline-block;position:relative}.scene-trigger-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);-webkit-user-select:none;user-select:none;background:#0009;border:1px solid #ffffff4d;border-radius:20px;align-items:center;gap:8px;padding:8px 14px;font-size:.85rem;font-weight:600;transition:all .25s;display:flex;box-shadow:0 4px 15px #0000004d}.scene-trigger-btn:hover,.scene-trigger-btn.active{background:#1e1e1ed9;border-color:#fca31199;transform:translateY(-1px);box-shadow:0 6px 20px #00000080,0 0 12px #fca31133}.scene-icon{font-size:1rem;line-height:1}.scene-name{white-space:nowrap}.scene-chevron{opacity:.7;transition:transform .25s}.scene-chevron.rotate{transform:rotate(180deg)}.scene-dropdown-menu{-webkit-backdrop-filter:blur(20px);z-index:100;background:#121622eb;border:1px solid #ffffff26;border-radius:16px;width:210px;padding:8px;animation:.2s cubic-bezier(.16,1,.3,1) sceneSlideDown;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 16px 40px #0009}@keyframes sceneSlideDown{0%{opacity:0;transform:translateY(-6px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.scene-dropdown-header{text-transform:uppercase;letter-spacing:.5px;color:#ffffffb3;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:6px 10px 8px;font-size:.75rem;font-weight:700;display:flex}.scene-header-sub{text-transform:none;color:#2dd4bfe6;font-size:.65rem;font-weight:400}.scene-options-list{flex-direction:column;gap:3px;margin-top:6px;display:flex}.scene-option-item{color:#ffffffd9;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;width:100%;padding:8px 10px;font-family:inherit;transition:all .18s;display:flex}.scene-option-item:hover{color:#fff;background:#ffffff14;transform:translate(2px)}.scene-option-item.selected{color:#fff;background:#fca31126;border-color:#fca31159;font-weight:600}.option-icon{font-size:1.15rem;line-height:1}.option-text{flex-direction:column;flex:1;display:flex}.option-title{font-size:.85rem}.option-check{color:#fca311;filter:drop-shadow(0 0 6px #fca311);font-size:.75rem}@media (width<=768px){.scene-dropdown-menu{width:200px}.scene-trigger-btn{padding:7px 12px;font-size:.8rem}}.vibe-modal-overlay{-webkit-backdrop-filter:blur(12px);z-index:2000;background:#000000bf;justify-content:center;align-items:center;width:100vw;height:100vh;padding:16px;animation:.25s vibeFadeIn;display:flex;position:fixed;top:0;left:0}@keyframes vibeFadeIn{0%{opacity:0}to{opacity:1}}.vibe-modal-content{background:#121622f2;border:1px solid #ffffff26;border-radius:24px;flex-direction:column;gap:18px;width:100%;max-width:440px;padding:24px;animation:.3s cubic-bezier(.16,1,.3,1) vibeSlideUp;display:flex;box-shadow:0 20px 60px #000c,0 0 30px #fca31126}@keyframes vibeSlideUp{0%{opacity:0;transform:translateY(20px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.vibe-modal-header{justify-content:space-between;align-items:center;display:flex}.vibe-header-title{align-items:center;gap:8px;display:flex}.vibe-sparkle{font-size:1.2rem}.vibe-header-title h3{color:#fff;margin:0;font-size:1.15rem;font-weight:700}.vibe-close-btn{color:#ffffffb3;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;transition:all .2s;display:flex}.vibe-close-btn:hover{color:#fff;background:#ffffff40}.vibe-card-preview{background-position:50%;background-size:cover;border:1px solid #fca31159;border-radius:20px;flex-direction:column;gap:18px;padding:22px 20px 18px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000080,inset 0 0 40px #000000b3}.vibe-card-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.vibe-brand{flex-direction:column;display:flex}.vibe-logo{color:#fff;letter-spacing:-.5px;text-shadow:0 2px 10px #000c;font-size:1.4rem;font-weight:900}.vibe-drinker{color:#ffffffa6;font-size:.75rem;font-weight:500}.vibe-scene-pill{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fca311;background:#ffffff26;border:1px solid #ffffff40;border-radius:14px;align-items:center;gap:6px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.vibe-quote-area{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:8px 0;display:flex}.vibe-quote-text{color:#fff;text-shadow:0 2px 8px #000000e6;margin:0;font-size:1.05rem;font-style:italic;font-weight:600;line-height:1.45}.vibe-shuffle-btn{color:#fffc;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:12px;padding:4px 10px;font-size:.72rem;transition:all .2s}.vibe-shuffle-btn:hover{color:#fff;background:#fff3}.vibe-song-footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000a6;border:1px solid #ffffff26;border-radius:14px;align-items:center;gap:12px;padding:8px 12px;display:flex}.vibe-song-cover{object-fit:cover;border-radius:10px;width:44px;height:44px;box-shadow:0 2px 8px #0006}.vibe-song-meta{text-align:left;flex-direction:column;display:flex;overflow:hidden}.vibe-now-playing{letter-spacing:.5px;color:#ffffff80;font-size:.6rem;font-weight:700}.vibe-song-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:700;overflow:hidden}.vibe-song-artist{color:#fca311;white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.vibe-watermark{text-align:right;color:#ffffff80;margin-top:-6px;font-size:.68rem;font-weight:500}.vibe-actions{grid-template-columns:1.2fr 1fr 1fr;gap:10px;display:grid}.vibe-action-btn{cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:6px;padding:10px 14px;font-family:inherit;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.vibe-action-btn.primary-share{color:#000;background:linear-gradient(135deg,#fca311 0%,#e85d04 100%);box-shadow:0 4px 15px #fca31159}.vibe-action-btn.primary-share:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 6px 20px #fca31180}.vibe-action-btn.secondary-btn{color:#fff;background:#ffffff14;border:1px solid #ffffff26}.vibe-action-btn.secondary-btn:hover{background:#ffffff29;border-color:#ffffff4d;transform:translateY(-1px)}.vibe-action-btn.secondary-btn.copied{color:#10b981;border-color:#10b981}@media (width<=480px){.vibe-modal-content{gap:14px;padding:18px}.vibe-actions{grid-template-columns:1fr}}