.animated-background{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:#160e1c;opacity:0;transition:opacity .7s}.animated-background[hidden]{display:none}.animated-background:after{content:'';position:absolute;inset:0;background:linear-gradient(130deg,#100918ab,#21102780,#100918bd)}.animated-background iframe{position:absolute;top:50%;left:50%;width:calc(max(100vw,177.78vh) + 40px);height:calc(max(100vh,56.25vw) + 40px);transform:translate(-50%,-50%);border:0;filter:blur(7px) saturate(.8);pointer-events:none}.animated-theme-on .animated-background{opacity:1}.site-shell,.share-shell{position:relative;z-index:1}.theme-controls{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.theme-controls button{border:1px solid #ad6c9480;border-radius:20px;color:#f7c7e1;background:#302033;padding:8px 12px;cursor:pointer;font-size:12px;white-space:nowrap}.theme-controls button:hover{background:#4a2c46}.theme-controls button[aria-pressed=true]{border-color:#fda5d0;background:#55314b}.theme-controls [hidden]{display:none!important}.theme-note{position:fixed;bottom:20px;right:20px;max-width:360px;padding:14px 18px;border:1px solid #97607e;border-radius:14px;background:#231627f2;color:#fbd7eb;font-size:13px;line-height:1.6;z-index:10;box-shadow:0 6px 30px #0005}.theme-note[hidden]{display:none}.animated-theme-on .converter-card,.animated-theme-on .share-card{background:linear-gradient(135deg,#271d2bed,#1b141fee);backdrop-filter:blur(8px)}.animated-theme-on .header,.animated-theme-on .share-header{border-color:#cf91b044}.theme-video-source{display:inline-block;color:var(--muted,#c3afc5);font-size:11px;margin-left:8px}.theme-video-source:hover{color:#ffb4d8}@media(max-width:850px){.header{height:auto;min-height:88px;padding:18px 0;flex-wrap:wrap;gap:14px}.header .theme-controls{flex-basis:100%;justify-content:flex-start}.share-header{height:auto;min-height:88px;gap:16px;padding:18px 0;flex-wrap:wrap}}@media(max-width:500px){.theme-controls button{font-size:11px;padding:8px 10px}.theme-note{left:18px;right:18px;bottom:18px;max-width:none}.theme-video-source{font-size:10px}}@media(prefers-reduced-motion:reduce){.animated-background{transition:none}}

.animated-background video.theme-native-video{position:absolute;inset:-20px;width:calc(100% + 40px);height:calc(100% + 40px);object-fit:cover;filter:blur(7px) saturate(.8)}

/* Glass surfaces only while the video theme is playing. */
.animated-theme-on .converter-card,.animated-theme-on .share-card{background:linear-gradient(135deg,rgba(39,25,44,.38),rgba(20,12,28,.26));border-color:rgba(255,188,226,.28);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 18px 60px #0002,inset 0 1px #fff1}
.animated-theme-on .input-wrap,.animated-theme-on .dose-content,.animated-theme-on .platform-button,.animated-theme-on .audio-format,.animated-theme-on .history,.animated-theme-on .media-preview,.animated-theme-on .browser-enhance,.animated-theme-on .share-actions input{background:rgba(20,11,29,.28);border-color:rgba(246,191,222,.24);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.animated-theme-on .dose-option input:checked+.dose-content,.animated-theme-on .platform-button[aria-pressed=true]{background:rgba(168,73,125,.24);border-color:#f8acd0aa}
.animated-theme-on .pukey-player{background:linear-gradient(120deg,rgba(42,19,41,.32),rgba(86,34,66,.22));border-color:#eaa0c34d;box-shadow:inset 0 1px #fff1;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.animated-theme-on .share-actions button.download-link,.animated-theme-on .download-link,.animated-theme-on .player-mute,.animated-theme-on #paste,.animated-theme-on .share-format,.animated-theme-on .theme-controls button{background:rgba(68,30,57,.32);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.animated-theme-on .platform-button:hover,.animated-theme-on .download-link:hover,.animated-theme-on #paste:hover{background:rgba(159,69,117,.35)}
.animated-theme-on .has-result #button{background:rgba(31,17,36,.22)}
.animated-theme-on .primary-button,.animated-theme-on #status>a.download-link,.animated-theme-on .share-download{background:linear-gradient(110deg,rgba(255,170,214,.86),rgba(244,135,191,.82));color:#291020;border-color:rgba(255,200,231,.5)}
.animated-theme-on .hero-copy,.animated-theme-on .how-section,.animated-theme-on .history-section,.animated-theme-on .fine-print,.animated-theme-on footer{ text-shadow:0 1px 8px #0009 }
.animated-theme-on .how-section,.animated-theme-on .history-section,.animated-theme-on .fine-print,.animated-theme-on footer{border-color:rgba(245,184,220,.25)}
.animated-theme-on .empty-history{background:rgba(25,14,34,.2);border-color:rgba(245,184,220,.3)}