*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}:root{--sky-high: #cfa76a;--sky-low: #e0913f;--shade: #3a2617;--cream: #f6ead2;--font-latin: ui-sans-serif, -apple-system, "Segoe UI", system-ui, sans-serif;--font-deva: "Noto Sans Devanagari", var(--font-latin);--font-deva-display: "Noto Serif Devanagari", var(--font-deva)}body{min-height:100dvh;font-family:var(--font-latin);color:var(--cream);background:var(--shade);-webkit-font-smoothing:antialiased}.plate{position:fixed;inset:0;z-index:-1;overflow:hidden;background:var(--shade) linear-gradient(170deg,#8fbfe0,#b9d6e8,#d9c08a 68%,#a8623c)}.scene{--ar-w: 1635;--ar-h: 962;--cup-x: 44%;--cup-y: 78.5%;--vine-x: 88%;--vine-y: 17%;position:absolute;top:50%;left:50%;width:max(100vw,calc(100vh * var(--ar-w) / var(--ar-h)));height:max(100vh,calc(100vw * var(--ar-h) / var(--ar-w)));background:url(/plate.avif) center / 100% 100% no-repeat;transform:translate(-50%,-50%);animation:breathe 34s ease-in-out infinite}@media(max-aspect-ratio:3 / 4){.scene{--ar-w: 1024;--ar-h: 1536;--cup-x: 46%;--cup-y: 83%;--vine-x: 87%;--vine-y: 29%;background-image:url(/plate-portrait.avif)}}@keyframes breathe{50%{transform:translate(-50%,-50%) scale(1.028)}}.steam{position:absolute;left:var(--cup-x);top:var(--cup-y);width:7%;height:20%;transform:translate(-50%,-100%);pointer-events:none}.steam span{position:absolute;bottom:0;left:50%;width:38%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#fffdf78c,#fffdf700 70%);filter:blur(5px);opacity:0;animation:rise 5.2s ease-in-out infinite}.steam span:nth-child(2){animation-delay:1.7s;animation-duration:5.9s}.steam span:nth-child(3){animation-delay:3.4s;animation-duration:6.4s}@keyframes rise{0%{transform:translate(-50%) scale(.5);opacity:0}25%{opacity:.75}60%{transform:translate(-24%,-230%) scale(1.15);opacity:.45}to{transform:translate(-72%,-430%) scale(1.9);opacity:0}}.petals{position:absolute;inset:0;overflow:hidden;pointer-events:none}.petals span{position:absolute;left:84%;top:11%;width:11px;aspect-ratio:1.35;border-radius:62% 38% 54% 46%;background:#e97a8fe6;opacity:0;animation:drift 17s linear infinite}.petals span:nth-child(2){top:6%;animation-delay:-3s;animation-duration:21s}.petals span:nth-child(3){left:91%;top:17%;animation-delay:-8s;animation-duration:14.5s}.petals span:nth-child(4){left:78%;animation-delay:-12s;animation-duration:24s}.petals span:nth-child(5){left:94%;top:8%;width:8px;animation-delay:-17s;animation-duration:19s}.petals span:nth-child(6){left:74%;top:14%;width:9px;animation-delay:-21s;animation-duration:26s}.petals span:nth-child(7){left:88%;top:20%;animation-delay:-26s;animation-duration:16s}@keyframes drift{0%{transform:translate(0) rotate(0);opacity:0}6%{opacity:.9}93%{opacity:.85}to{transform:translate(-118vw,33vh) rotate(430deg);opacity:0}}.plate:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 56% 44% at 50% 28%,#26384c6b,#26384c38 55%,#26384c00 78%),linear-gradient(to bottom,#26344685,#26344600 24%),linear-gradient(to top,#3a261770,#3a261700 30%)}.chrome{position:fixed;top:20px;z-index:2;font-size:13px;letter-spacing:.02em;color:#fcf6ece6;text-shadow:0 1px 3px rgba(28,40,54,.7)}.chrome--left{left:20px}.clock{font-family:var(--font-deva);font-variant-numeric:tabular-nums}.clock__sep,.clock__period{opacity:.6}.clock__sep{margin:0 .15em}.clock__period{margin-left:.25em}.chrome--right{right:20px;display:flex;gap:18px}.clock__colon{animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:.25}}.pill-link{display:inline-flex;align-items:center;gap:7px;color:inherit;text-decoration:none;opacity:.85;transition:opacity .15s ease}.pill-link:hover{opacity:1}.pill-link[hidden]{display:none}.pill-link svg{width:17px;height:17px}.pill-link__arrow{opacity:.5}.stage{position:relative;z-index:1;min-height:100dvh;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:0 20px}.masthead{margin-top:14vh;text-align:center}.masthead__title{margin:0;font-family:var(--font-deva-display);font-weight:600;font-size:clamp(3rem,11vw,7.5rem);line-height:1.02;letter-spacing:.01em;color:#fdf6e6;text-shadow:0 2px 30px rgba(58,38,23,.4)}.masthead__title span{display:block}.masthead__tagline{margin:-.5em 0 0;font-family:var(--font-deva);font-weight:500;font-size:clamp(1.05rem,2.15vw,1.5rem);letter-spacing:.05em;color:#fdf8ee;text-shadow:0 1px 2px rgba(24,36,50,.6),0 2px 16px rgba(24,36,50,.75)}.masthead__tagline:before,.masthead__tagline:after{content:"·";margin:0 .7em;opacity:.55}.engine{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}.player{width:100%;max-width:560px;margin-bottom:5vh;display:flex;align-items:center;gap:16px;padding:12px 16px;border-radius:999px;background:#301e126b;backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);border:1px solid rgba(246,234,210,.14)}.player__cover{flex:none;width:56px;height:56px;border-radius:50%;object-fit:cover;background:#f6ead21a}.player__meta{flex:1;min-width:0}.player__title{font-family:var(--font-deva);font-size:15px;color:#fdf6e6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player__artist{font-family:var(--font-deva);font-size:13px;color:#fdf6e69e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player__seek{-webkit-appearance:none;appearance:none;display:block;width:100%;height:3px;margin:8px 0 0;border-radius:2px;background:#f6ead238;cursor:pointer}.player__seek::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;border-radius:50%;background:#fdf6e6;opacity:0;transition:opacity .15s ease}.player:hover .player__seek::-webkit-slider-thumb{opacity:1}.player__controls{flex:none;display:flex;align-items:center;gap:10px}.player__btn{display:grid;place-items:center;padding:0;border:0;background:none;color:#fdf6e6bf;cursor:pointer;transition:color .15s ease}.player__btn:hover{color:#fdf6e6}.player__btn svg{width:18px;height:18px}.player__btn--play{width:44px;height:44px;border-radius:50%;background:#fdf6e6;color:#3a2617}.player__btn--play:hover{color:#3a2617}.player__btn--play svg{width:20px;height:20px}@media(max-width:560px){.player{gap:12px;padding:10px 12px}.player__cover{width:46px;height:46px}.chrome--right{gap:12px}.pill-link span{display:none}}@media(prefers-reduced-motion:reduce){.clock__colon,.scene{animation:none}.steam,.petals{display:none}}