.cover-page{width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;background:transparent}.cover-page .page-veil{background:linear-gradient(to bottom,#00000059,#0000008c)}.cover-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;padding:0 24px;max-width:600px;text-align:center}.cover-question{font-size:clamp(36px,5vw,64px);font-weight:200;color:#f5f0e8f5;letter-spacing:.04em;line-height:1.1;text-align:center;text-shadow:0 2px 30px rgba(0,0,0,.3)}.cover-input-wrapper{margin-top:52px;display:flex;flex-direction:column;align-items:center;gap:18px;width:100%}.cover-input{width:min(460px,72vw);background:transparent;border:none;border-bottom:1px solid rgba(245,240,232,.22);color:#f5f0e8e6;font-size:clamp(16px,1.8vw,20px);font-weight:200;padding:10px 0;outline:none;text-align:center;font-family:DM Sans,sans-serif;letter-spacing:.04em;caret-color:#f5f0e8b3;transition:border-color .3s ease}.cover-input:focus{border-bottom-color:#f5f0e899}.cover-input::placeholder{color:#f5f0e847;font-style:italic;font-size:clamp(14px,1.4vw,16px);font-weight:300}.cover-hint{font-size:11px;font-weight:300;color:#f5f0e873;letter-spacing:.22em;text-transform:uppercase}@keyframes desertCycle{0%{opacity:1}18%{opacity:1}22%{opacity:0}96%{opacity:0}to{opacity:1}}.desert-frame{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;opacity:0;animation:desertCycle 36s linear infinite;z-index:0}.desert-frame:nth-child(1){background-image:url(/desert/frame_0.jpg);animation-delay:0s}.desert-frame:nth-child(2){background-image:url(/desert/frame_1.jpg);animation-delay:-30s}.desert-frame:nth-child(3){background-image:url(/desert/frame_2.jpg);animation-delay:-24s}.desert-frame:nth-child(4){background-image:url(/desert/frame_3.jpg);animation-delay:-18s}.desert-frame:nth-child(5){background-image:url(/desert/frame_4.jpg);animation-delay:-12s}.desert-frame:nth-child(6){background-image:url(/desert/frame_5.jpg);animation-delay:-6s}.sanctuary-page{width:100vw;height:100vh;position:relative;overflow:hidden}.sanctuary-content{position:relative;z-index:3;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px 120px}.loading-dot{width:6px;height:6px;border-radius:50%;background:#f5f0e880;animation:dotPulse 2s ease-in-out infinite}.word-main{font-size:clamp(52px,8vw,100px);font-weight:300;color:#f5f0e8;letter-spacing:.02em;line-height:1;text-align:center;position:relative;z-index:1;text-shadow:0 2px 30px rgba(0,0,0,.3)}.word-language{margin-top:12px;font-size:11px;font-weight:300;color:#f5f0e880;letter-spacing:.22em;text-transform:uppercase;text-align:center;position:relative;z-index:1}.word-definition{margin-top:18px;font-size:clamp(14px,1.4vw,16px);font-weight:300;font-style:italic;color:#f5f0e8bf;max-width:480px;line-height:1.8;text-align:center;letter-spacing:.01em;position:relative;z-index:1;text-shadow:0 1px 10px rgba(0,0,0,.3)}.music-section{margin-top:52px;display:flex;flex-direction:column;align-items:center;gap:14px;position:relative;z-index:1}.now-playing{font-size:12px;font-weight:300;color:#f5f0e86b;letter-spacing:.06em;text-align:center}.button-row{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.pill-btn{display:inline-flex;align-items:center;gap:8px;background:#6482b452;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(140,170,215,.35);border-radius:9999px;color:#f5f0e8e6;font-size:14px;font-weight:300;letter-spacing:.04em;padding:14px 36px;cursor:pointer;font-family:DM Sans,sans-serif;transition:background .25s ease,border-color .25s ease,transform .12s ease;white-space:nowrap;text-decoration:none}.pill-btn:hover{background:#6482b47a;border-color:#8caad78c}.pill-btn:active{transform:scale(.97)}.pill-btn.liked{background:#b4646e47;border-color:#d28c9461;color:#f5dcd7e6}.pill-btn:disabled{opacity:.35;cursor:not-allowed}.sanctuary-bottom{position:absolute;bottom:0;left:0;right:0;padding:0 28px 22px;display:flex;justify-content:space-between;align-items:flex-end;z-index:4}.bottom-left{display:flex;flex-direction:column;gap:6px}.back-btn{background:none;border:none;color:#f5f0e866;font-size:20px;cursor:pointer;padding:0;transition:color .2s ease;line-height:1}.back-btn:hover{color:#f5f0e8d9}.photo-credit{font-size:10px;font-weight:300;color:#f5f0e847;letter-spacing:.04em}.bottom-quote{position:absolute;bottom:22px;left:50%;transform:translate(-50%);font-size:12px;font-weight:300;font-style:italic;color:#f5f0e885;text-align:center;max-width:340px;line-height:1.7;white-space:nowrap;pointer-events:none;z-index:3}.liked-toggle{background:none;border:none;color:#f5f0e866;font-size:14px;cursor:pointer;padding:0;display:flex;align-items:center;gap:5px;transition:color .2s ease;font-family:DM Sans,sans-serif;letter-spacing:.06em;font-weight:300}.liked-toggle:hover{color:#f5f0e8d9}.drawer{position:fixed;top:0;right:0;height:100vh;width:290px;background:#0a0f1ec7;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border-left:1px solid rgba(245,240,232,.06);padding:48px 26px 32px;z-index:20;transform:translate(100%);transition:transform .38s cubic-bezier(.4,0,.2,1);overflow-y:auto;display:flex;flex-direction:column}.drawer.open{transform:translate(0)}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:19}.drawer-title{font-size:9px;font-weight:300;letter-spacing:.22em;text-transform:uppercase;color:#f5f0e84d;margin-bottom:32px}.drawer-song{display:block;margin-bottom:22px;text-decoration:none}.drawer-song-title{font-size:13px;font-weight:300;color:#f5f0e8d1;letter-spacing:.02em}.drawer-song-artist{font-size:11px;font-weight:300;color:#f5f0e861;margin-top:3px;letter-spacing:.02em}.drawer-song-feeling{font-size:10px;font-weight:300;color:#f5f0e82e;margin-top:2px;font-style:italic}.drawer-empty{font-size:13px;font-weight:300;color:#f5f0e840;line-height:1.7}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;font-family:DM Sans,sans-serif;overflow:hidden;background:#111827}.page-veil{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0a0f1e40,#0a0f1e7a 45%,#0a0f1e94);pointer-events:none;z-index:2}@keyframes spinRing{to{transform:rotate(360deg)}}@keyframes fadeInText{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes heartPop{0%{transform:scale(1)}40%{transform:scale(1.5)}70%{transform:scale(.88)}to{transform:scale(1)}}@keyframes dotPulse{0%,to{opacity:.15;transform:scale(.6)}50%{opacity:.7;transform:scale(1)}}.fade-up-1{animation:fadeUp .8s .05s ease both}.fade-up-2{animation:fadeUp .8s .2s ease both}.fade-up-3{animation:fadeUp .8s .35s ease both}.fade-up-4{animation:fadeUp .8s .52s ease both}.fade-up-5{animation:fadeUp .8s .68s ease both}.heart-pop{animation:heartPop .42s ease forwards}