*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#333;overflow-x:hidden;min-height:100vh;display:flex;flex-direction:column}.header{position:fixed;top:0;left:0;right:0;z-index:1000;padding:1rem;background:#0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.theme-buttons{display:flex;justify-content:center;gap:1rem;max-width:600px;margin:0 auto}.main{flex:1;position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center}.footer{position:fixed;bottom:0;left:0;right:0;z-index:1000;padding:1.5rem;background:#0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.theme-btn{padding:.75rem 1.5rem;border:2px solid rgba(255,255,255,.3);border-radius:25px;background:#ffffff1a;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:100px;min-height:44px}.theme-btn:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-2px)}.theme-btn.active{background:#ffffff4d;border-color:#fffc;box-shadow:0 4px 15px #fff3}.theme-btn:active{transform:translateY(0)}.background-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden}.background-image{width:100%;height:100%;object-fit:cover;object-position:center;transition:opacity .5s ease}.content-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:flex-end;z-index:2;padding:2rem}.text-content{display:flex;flex-direction:column;align-items:flex-end;text-align:right;max-width:50%;margin-right:5%}.blessing-text{font-size:clamp(1.5rem,6vw,2.5rem);font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5),0 4px 8px rgba(0,0,0,.3),0 8px 16px rgba(0,0,0,.2);margin:0 0 2rem;line-height:1.2;letter-spacing:.05em;animation:fadeInUp 1s ease-out}.poem-container{margin-top:1rem;transition:opacity .5s ease}.poem-text{display:flex;flex-direction:column;gap:.5rem}.poem-line{font-size:clamp(1rem,3vw,1.4rem);font-weight:400;color:#fffffff2;text-shadow:0 1px 2px rgba(0,0,0,.7),0 2px 4px rgba(0,0,0,.5);line-height:1.4;letter-spacing:.01em;transition:all .3s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.poem-line.poem-break{height:.8rem;opacity:0}.audio-player{display:flex;align-items:center;gap:1rem;position:relative;width:100%;min-height:120px;flex-wrap:nowrap;overflow:hidden;padding:0 2rem}.vinyl-section{display:flex;align-items:center;justify-content:center;flex-shrink:0}.vinyl-container{position:relative;width:70px;height:70px;flex-shrink:0}.control-section{display:flex;align-items:center;justify-content:center;flex-shrink:0}.progress-section{display:flex;flex-direction:column;gap:.5rem;flex:1;min-width:0;align-items:center}.current-lyric{color:#fffffff2;font-size:1.2rem;font-weight:500;line-height:1.4;word-wrap:break-word;overflow-wrap:break-word;transition:all .3s ease;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.3);margin-bottom:.25rem;width:100%;max-height:2.8rem;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.progress-container{width:100%;display:flex;align-items:center}.progress-bar{width:100%;height:6px;background:#ffffff40;border-radius:3px;overflow:hidden;box-shadow:inset 0 1px 2px #0000001a;position:relative;cursor:pointer;transition:height .2s ease,box-shadow .2s ease}.progress-bar:hover{height:8px;box-shadow:inset 0 1px 2px #0003,0 0 8px #ffffff4d}.progress-bar:active{height:10px}.progress-fill{height:100%;background:linear-gradient(90deg,#ffffffe6,#ffffffb3);border-radius:3px;width:0%;transition:width .1s ease;position:relative}.progress-fill:after{content:"";position:absolute;top:0;right:0;width:2px;height:100%;background:#fffffff2;border-radius:1px;box-shadow:0 0 4px #ffffff80}.progress-bar:focus,.progress-bar:focus-visible,.progress-bar:active,.progress-container:focus,.progress-container:focus-visible{outline:none;box-shadow:inset 0 1px 2px #0000001a}.play-control-btn{width:36px;height:36px;border:none;border-radius:50%;background:#ffffffe6;color:#333;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0003;transition:background-color .2s ease;flex-shrink:0}.play-control-btn:active{background:#fffc}.play-icon,.pause-icon{color:#333!important;font-size:inherit;line-height:1;display:flex;align-items:center;justify-content:center;font-family:system-ui,-apple-system,sans-serif;font-weight:400;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.time-display{font-size:.8rem;color:#ffffffd9;white-space:nowrap;text-align:center;font-weight:500;text-shadow:0 1px 1px rgba(0,0,0,.2);width:100%;flex-shrink:0}@media (max-width: 768px){.audio-player{gap:.8rem;min-height:100px;padding:0 1rem}.current-lyric{font-size:1rem;max-height:2.4rem}.vinyl-container{width:60px;height:60px}.play-control-btn{width:32px;height:32px;font-size:12px}}@media (max-width: 480px){.audio-player{gap:.5rem;flex-direction:column;min-height:auto;padding:1rem}.progress-section{order:-1;width:100%}}.vinyl-section,.control-section{flex-direction:row;gap:1rem}.vinyl-container{width:50px;height:50px}.play-control-btn{width:30px;height:30px;font-size:10px}} .vinyl-record{width:100%;height:100%;border-radius:50%;position:relative;background:linear-gradient(45deg,#1a1a1a,#333);box-shadow:0 4px 8px #0000004d,inset 0 2px 4px #ffffff1a;transition:transform .3s ease}.vinyl-image{width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:center center;transition:opacity .3s ease-in-out;aspect-ratio:1 / 1}@media (max-width: 768px){.header{padding:.75rem}.theme-buttons{gap:.75rem}.theme-btn{padding:.8rem 1.6rem;font-size:.95rem;min-width:100px;white-space:nowrap}.content-overlay{padding:1.5rem;justify-content:center}.text-content{max-width:70%;margin-right:0;align-items:center;text-align:center}.blessing-text{font-size:clamp(1.2rem,5vw,2rem);margin-bottom:1.5rem}.poem-line{font-size:clamp(.9rem,2.5vw,1.2rem);white-space:normal}}@media (max-width: 480px){.header{padding:.5rem}.theme-buttons{gap:.5rem;flex-wrap:wrap}.theme-btn{padding:.7rem 1.4rem;font-size:.9rem;min-width:90px;flex:1;max-width:140px;white-space:nowrap}.content-overlay{padding:1rem;justify-content:flex-end}.text-content{max-width:90%;margin-right:5%;align-items:flex-end;text-align:right}.blessing-text{font-size:clamp(1.2rem,8vw,2.5rem);margin-bottom:1rem}.poem-line{font-size:clamp(.8rem,4vw,1.1rem);white-space:normal;line-height:1.5}.poem-text{gap:.3rem}[data-theme="2"] .content-overlay{justify-content:center;align-items:flex-start;padding-top:6rem}[data-theme="2"] .text-content{max-width:80%;margin-right:0;align-items:center;text-align:center}.footer{padding:1rem;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.audio-player{flex-direction:column;gap:1rem;text-align:center}.vinyl-section,.control-section{justify-content:center}.progress-section{align-items:center}.current-lyric{font-size:1rem}.play-control-btn{width:36px;height:36px;font-size:14px}}@media (min-width: 1200px){.theme-btn{padding:1rem 2rem;font-size:1.1rem}.vinyl-container{width:120px;height:120px}.current-lyric{font-size:1.4rem;font-weight:600}.time-display{font-size:.9rem}.progress-container{height:8px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast: high){.theme-btn{border-width:3px}.blessing-text{text-shadow:0 0 0 black,0 0 0 black,2px 2px 0 black}}body{overscroll-behavior:none;-webkit-overflow-scrolling:touch}.theme-btn,.play-control-btn,.vinyl-record,.progress-bar,.progress-container,.progress-fill{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:manipulation}.theme-btn:active,.play-control-btn:active{transform:scale(.95);transition:transform .1s ease}@supports (-webkit-touch-callout: none){.main{min-height:100vh;min-height:-webkit-fill-available}.header{padding-top:env(safe-area-inset-top)}.footer{padding-bottom:env(safe-area-inset-bottom)}}@media (orientation: landscape) and (max-height: 500px){.header{padding:.5rem}.theme-buttons{gap:.5rem}.theme-btn{padding:.4rem .8rem;font-size:.8rem;min-height:36px}.blessing-text{font-size:clamp(1.2rem,6vw,2.5rem)}.footer{padding:.75rem;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.audio-player{flex-direction:column;gap:.75rem}}@media (max-width: 320px){.theme-btn{padding:.4rem .8rem;font-size:.75rem;min-width:60px}.blessing-text{font-size:clamp(1.2rem,12vw,2.5rem);padding:.5rem}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.background-image{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@media (max-width: 768px){.theme-decoration{display:none}.theme-btn{box-shadow:0 2px 8px #0003}.theme-btn.active{box-shadow:0 2px 12px #ffffff4d}.blessing-text{text-shadow:0 1px 2px rgba(0,0,0,.8),0 2px 4px rgba(0,0,0,.4)}.footer{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}}@media (pointer: coarse){.theme-btn{min-height:48px;min-width:48px}.theme-btn:hover,.play-control-btn:hover,.vinyl-record:hover,.progress-bar:hover{transform:none;animation:none}}.landscape-mode .header{padding:.5rem 1rem}.landscape-mode .footer{padding:.75rem 1rem}.landscape-mode .blessing-text{font-size:clamp(1.5rem,5vw,2.5rem)}.low-bandwidth .background-image{filter:blur(1px)}.low-bandwidth .theme-decoration{display:none}.low-bandwidth .vinyl-record{animation-duration:5s!important}.power-save *{animation-duration:.1s!important;transition-duration:.1s!important}.power-save .theme-decoration{display:none}.power-save .vinyl-record.playing{animation:none}.ios-audio-prompt .prompt-content{background:#fffffff2;padding:2rem;border-radius:10px;text-align:center;color:#333;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ios-audio-prompt button{margin-top:1rem;padding:.75rem 1.5rem;background:#007aff;color:#fff;border:none;border-radius:8px;font-size:1rem;cursor:pointer}.pulse-animation{animation:pulsePrompt 1s ease-in-out infinite}@keyframes pulsePrompt{0%,to{transform:scale(1);box-shadow:0 0 #ffffffb3}50%{transform:scale(1.05);box-shadow:0 0 0 10px #fff0}}.main{height:100vh;height:calc(var(--vh, 1vh) * 100)}html,body{width:100%;height:100%;overscroll-behavior:none}.main{position:relative;overflow:hidden}@supports (padding: max(0px)){.header{padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right));padding-top:max(1rem,env(safe-area-inset-top))}.footer{padding-left:max(1.5rem,env(safe-area-inset-left));padding-right:max(1.5rem,env(safe-area-inset-right));padding-bottom:max(1.5rem,env(safe-area-inset-bottom))}}@media (max-height: 600px){.blessing-text{font-size:clamp(1rem,8vw,2rem);line-height:1.1}.header{padding:.5rem}.footer{padding:1rem;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}}:root{--theme-1-primary: rgba(255, 182, 193, .8);--theme-1-secondary: rgba(255, 105, 180, .6);--theme-1-accent: rgba(255, 20, 147, .9);--theme-1-text: #ffffff;--theme-1-shadow: rgba(255, 20, 147, .3);--theme-2-primary: rgba(135, 206, 250, .8);--theme-2-secondary: rgba(70, 130, 180, .6);--theme-2-accent: rgba(30, 144, 255, .9);--theme-2-text: #ffffff;--theme-2-shadow: rgba(30, 144, 255, .3);--theme-3-primary: rgba(221, 160, 221, .8);--theme-3-secondary: rgba(186, 85, 211, .6);--theme-3-accent: rgba(138, 43, 226, .9);--theme-3-text: #ffffff;--theme-3-shadow: rgba(138, 43, 226, .3);--current-primary: var(--theme-1-primary);--current-secondary: var(--theme-1-secondary);--current-accent: var(--theme-1-accent);--current-text: var(--theme-1-text);--current-shadow: var(--theme-1-shadow)}[data-theme="0"],.theme-1{--current-primary: var(--theme-1-primary);--current-secondary: var(--theme-1-secondary);--current-accent: var(--theme-1-accent);--current-text: var(--theme-1-text);--current-shadow: var(--theme-1-shadow)}[data-theme="0"] .background-image,.theme-1 .background-image{object-position:center 58%}.theme-1 .theme-btn.active{background:var(--theme-1-primary);border-color:var(--theme-1-accent);box-shadow:0 4px 15px var(--theme-1-shadow)}.theme-1 .blessing-text{color:var(--theme-1-text);text-shadow:0 2px 4px rgba(255,20,147,.5),0 4px 8px rgba(255,20,147,.3),0 8px 16px rgba(255,20,147,.2)}.theme-1 .play-btn:hover,.theme-1 .pause-btn:hover{background:var(--theme-1-primary);box-shadow:0 4px 12px var(--theme-1-shadow)}[data-theme="1"],.theme-2{--current-primary: var(--theme-2-primary);--current-secondary: var(--theme-2-secondary);--current-accent: var(--theme-2-accent);--current-text: var(--theme-2-text);--current-shadow: var(--theme-2-shadow)}.theme-2 .theme-btn.active{background:var(--theme-2-primary);border-color:var(--theme-2-accent);box-shadow:0 4px 15px var(--theme-2-shadow)}.theme-2 .blessing-text{color:var(--theme-2-text);text-shadow:0 2px 4px rgba(30,144,255,.5),0 4px 8px rgba(30,144,255,.3),0 8px 16px rgba(30,144,255,.2)}.theme-2 .play-btn:hover,.theme-2 .pause-btn:hover{background:var(--theme-2-primary);box-shadow:0 4px 12px var(--theme-2-shadow)}[data-theme="2"],.theme-3{--current-primary: var(--theme-3-primary);--current-secondary: var(--theme-3-secondary);--current-accent: var(--theme-3-accent);--current-text: var(--theme-3-text);--current-shadow: var(--theme-3-shadow)}[data-theme="2"] .background-image,.theme-3 .background-image{object-position:center 56%}.theme-3 .theme-btn.active{background:var(--theme-3-primary);border-color:var(--theme-3-accent);box-shadow:0 4px 15px var(--theme-3-shadow)}.theme-3 .blessing-text{color:var(--theme-3-text);text-shadow:0 2px 4px rgba(138,43,226,.5),0 4px 8px rgba(138,43,226,.3),0 8px 16px rgba(138,43,226,.2)}.theme-3 .play-btn:hover,.theme-3 .pause-btn:hover{background:var(--theme-3-primary);box-shadow:0 4px 12px var(--theme-3-shadow)}.blessing-text,.play-btn,.pause-btn,.vinyl-record{transition:all .4s cubic-bezier(.4,0,.2,1)}.main:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,var(--current-primary) 0%,transparent 50%,var(--current-secondary) 100%);opacity:.3;z-index:0;transition:all .6s ease;pointer-events:none}.theme-decoration{position:fixed;width:100px;height:100px;border-radius:50%;background:radial-gradient(circle,var(--current-accent) 0%,transparent 70%);opacity:.1;pointer-events:none;z-index:-1;animation:floatingDecoration 6s ease-in-out infinite}.theme-decoration:nth-child(1){top:10%;left:10%;animation-delay:0s}.theme-decoration:nth-child(2){top:20%;right:15%;animation-delay:2s}.theme-decoration:nth-child(3){bottom:15%;left:20%;animation-delay:4s}@keyframes floatingDecoration{0%,to{transform:translateY(0) rotate(0);opacity:.1}50%{transform:translateY(-20px) rotate(180deg);opacity:.2}}.theme-1 .blessing-text{font-family:Segoe UI,Microsoft YaHei,sans-serif;background:linear-gradient(45deg,#ff69b4,#ff1493,#ff69b4);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradientShift 3s ease-in-out infinite}.theme-2 .blessing-text{font-family:Segoe UI,Microsoft YaHei,sans-serif;background:linear-gradient(45deg,#87ceeb,#1e90ff,#87ceeb);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradientShift 3s ease-in-out infinite}.theme-3 .blessing-text{font-family:Segoe UI,Microsoft YaHei,sans-serif;background:linear-gradient(45deg,plum,#8a2be2,plum);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradientShift 3s ease-in-out infinite}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@media (max-width: 768px){[data-theme="0"] .background-image,.theme-1 .background-image{object-position:center 55%}[data-theme="1"] .background-image,.theme-2 .background-image{object-position:center center}[data-theme="2"] .background-image,.theme-3 .background-image{object-position:center 54%}}@media (max-width: 480px){[data-theme="0"] .background-image,.theme-1 .background-image{object-position:43% 55%}[data-theme="1"] .background-image,.theme-2 .background-image{object-position:20% center}[data-theme="2"] .background-image,.theme-3 .background-image{object-position:57% 54%}}@media (orientation: landscape) and (max-height: 500px){[data-theme="0"] .background-image,.theme-1 .background-image,[data-theme="1"] .background-image,.theme-2 .background-image,[data-theme="2"] .background-image,.theme-3 .background-image{object-position:center 50%}}.theme-switching{position:relative;overflow:hidden}.theme-switching:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,var(--current-accent) 50%,transparent 100%);opacity:.3;animation:themeWipe .8s ease-in-out;z-index:1000}@keyframes themeWipe{0%{left:-100%}to{left:100%}}@media (max-width: 768px){.theme-decoration{width:60px;height:60px}.main:before{opacity:.2}}@media (max-width: 480px){.theme-decoration{display:none}}@keyframes vinylSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.vinyl-record{animation:vinylSpin 5s linear infinite;animation-play-state:paused;will-change:transform;transform:translateZ(0)}.vinyl-record.playing{animation-play-state:running!important}.background-image{transition:opacity .6s ease-in-out;will-change:opacity}.background-image.fade-out{opacity:0}.blessing-text{transition:all .5s ease-in-out;will-change:transform,opacity}.blessing-text.fade-out{opacity:0;transform:translateY(-20px)}.theme-btn{transition:all .3s cubic-bezier(.4,0,.2,1);will-change:transform,background-color,border-color}.theme-btn:hover{animation:buttonGlow 2s ease-in-out infinite alternate}.theme-btn.active{animation:buttonGlow 1.5s ease-in-out infinite alternate}@keyframes buttonPulse{0%,to{opacity:1}50%{opacity:.8}}@keyframes buttonGlow{0%{box-shadow:0 4px 15px #fff3}to{box-shadow:0 6px 20px #fff6}}.play-btn,.pause-btn{transition:all .3s cubic-bezier(.4,0,.2,1);will-change:transform,background-color}.play-btn:hover,.pause-btn:hover{transform:scale(1.1)}.play-btn.pulse-animation{animation:playButtonPulse 1s ease-in-out 3}@keyframes playButtonPulse{0%,to{transform:scale(1);box-shadow:0 4px 15px #fff3}50%{transform:scale(1.1);box-shadow:0 6px 20px #fff6}}.header{animation:slideInFromTop .8s ease-out}.footer{animation:slideInFromBottom .8s ease-out}.main{animation:fadeIn 1s ease-out}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.theme-transition{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle,transparent 0%,rgba(0,0,0,.8) 100%);opacity:0;pointer-events:none;z-index:999;transition:opacity .3s ease}.theme-transition.active{opacity:1}.audio-visualizer{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:200px;height:4px;background:linear-gradient(90deg,#ffffff1a,#ffffff4d,#ffffff1a);border-radius:2px;overflow:hidden}.audio-visualizer:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.6) 50%,transparent 100%);animation:audioWave 2s linear infinite}.audio-visualizer.playing:before{animation-play-state:running}@keyframes audioWave{0%{left:-100%}to{left:100%}}.video-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000f2;z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .3s ease-in-out}.video-overlay.visible{opacity:1;visibility:visible}.video-container{position:relative;width:90%;max-width:1200px;height:90%;display:flex;align-items:center;justify-content:center}.intro-video{width:100%;height:100%;object-fit:contain;border-radius:8px;box-shadow:0 10px 30px #00000080}.video-close-btn{position:absolute;bottom:20px;left:50%;transform:translate(-50%);width:60px;height:60px;background:#ffffffe6;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#333;z-index:10000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 15px #0003}.video-close-btn:hover{background:#fff}.video-close-btn:active{background:#f0f0f0}.close-icon{line-height:1;-webkit-user-select:none;user-select:none}.video-play-prompt{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#ffffffe6;border:none;border-radius:50px;padding:15px 30px;cursor:pointer;display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;color:#333;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 25px #0000004d}.video-play-prompt:hover{background:#fff;transform:translate(-50%,-50%) scale(1.05);box-shadow:0 10px 30px #0006}.video-play-prompt .play-icon{font-size:18px;line-height:1}.video-play-prompt .play-text{white-space:nowrap}body.video-playing{overflow:hidden}body.video-playing .header,body.video-playing .main,body.video-playing .footer{filter:blur(2px);pointer-events:none}@media (max-width: 768px){.video-container{width:95%;height:85%}.video-close-btn{width:55px;height:55px;bottom:10px;font-size:22px}.video-play-prompt{padding:12px 25px;font-size:15px}.video-play-prompt .play-icon{font-size:16px}}@media (max-width: 480px){.video-container{width:98%;height:80%}.video-close-btn{width:50px;height:50px;bottom:5px;font-size:20px}.video-play-prompt{padding:10px 20px;font-size:14px;border-radius:40px}.video-play-prompt .play-icon{font-size:14px}.video-play-prompt .play-text{font-size:13px}}@keyframes videoFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.video-overlay.visible .video-container{animation:videoFadeIn .5s ease-out}@keyframes buttonPulse{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.05)}}.video-play-prompt{animation:buttonPulse 2s ease-in-out infinite}.video-close-btn:focus,.video-play-prompt:focus{outline:3px solid #007bff;outline-offset:2px}@media (prefers-reduced-motion: reduce){.video-overlay,.video-close-btn,.video-play-prompt{transition:none}.video-overlay.visible .video-container,.video-play-prompt{animation:none}}