@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700&family=Noto+Serif+Devanagari:wght@600;700;800&display=swap";
*{box-sizing:border-box}.audio-source{z-index:-10;opacity:.01;pointer-events:none;border:0;width:220px;height:220px;position:fixed;top:0;left:-240px}html,body{background:#24150c;min-height:100%;margin:0}body{color:#fff9f0;font-family:Manrope,Arial,sans-serif}main{isolation:isolate;flex-direction:column;min-height:100svh;padding:28px 32px 22px;display:flex;position:relative;overflow:hidden}.backdrop{z-index:-3;background:linear-gradient(90deg,#0704026e,#0000 43%,#0b050229),url(/tapri-evening.png) 50% 46%/cover no-repeat;position:absolute;inset:0;transform:scale(1.012)}.backdrop:after{content:"";background:linear-gradient(#170a0226 0%,#0000 36%,#0a040157 100%);position:absolute;inset:0}.grain{z-index:-1;opacity:.14;pointer-events:none;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");position:absolute;inset:0}header{z-index:3;text-shadow:0 1px 12px #321207;align-items:center;font-size:14px;font-weight:600;display:flex;position:relative}.clock{letter-spacing:.08em;text-transform:uppercase;margin:0}.intro{text-align:center;text-shadow:0 3px 25px #1f0a016b;pointer-events:none;position:absolute;inset:50% 0 auto;transform:translateY(-58%)}.eyebrow{text-transform:uppercase;letter-spacing:.18em;opacity:.82;margin:0 0 13px;font:500 10px DM Mono,monospace}h1{letter-spacing:-.1em;margin:0;font:800 clamp(100px,14.5vw,235px)/.78 Noto Serif Devanagari,serif}h1 i{padding-left:.16em;font-style:normal}.tagline{letter-spacing:.02em;opacity:.9;margin:31px 0 0 12px;font-size:13px;line-height:1.65}.corner-note{text-align:right;letter-spacing:.08em;text-transform:uppercase;opacity:.75;font:500 10px/1.65 DM Mono,monospace;position:absolute;bottom:31px;right:32px}.corner-note em{opacity:.65;font-style:normal}.player{z-index:3;-webkit-backdrop-filter:blur(20px)saturate(1.15);backdrop-filter:blur(20px)saturate(1.15);background:linear-gradient(105deg,#461f14a8,#9f3926b8);border:1px solid #ffe6d26b;border-radius:22px;align-items:center;gap:13px;width:min(460px,100% - 40px);padding:8px 15px 8px 9px;display:flex;position:absolute;top:24px;left:50%;transform:translate(-50%);box-shadow:0 14px 38px #14050052,inset 0 1px 1px #fff3}.spotify-player{grid-template-columns:1fr auto auto;gap:4px 9px;padding:10px;display:grid}.spotify-copy{min-width:0}.spotify-label{color:#b9f5c7;letter-spacing:.12em;text-transform:uppercase;margin:0 0 3px;font:500 9px DM Mono,monospace}.spotify-player .artist{margin:2px 0 0}.spotify-open{color:#fffaf3;letter-spacing:.04em;white-space:nowrap;opacity:.9;font:500 9px DM Mono,monospace;text-decoration:none}.spotify-open:hover{text-decoration:underline}.spotify-embed{border:0;border-radius:12px;grid-column:1/-1;width:100%;height:112px}.cover{background:#ffffff1a;border:1px solid #ffeedb80;border-radius:50%;flex:none;width:62px;height:62px;padding:3px}.cover-art{border-radius:inherit;background:radial-gradient(circle at 34% 29%,#dba35c,#8f391d 56%,#391107 100%);place-items:center;height:100%;display:grid;box-shadow:inset 0 0 14px #130504}.cover-art span{color:#fff2da;filter:drop-shadow(0 3px 2px #1c06006b);font-size:29px;transform:translateY(-1px)}.track-info{flex:1;min-width:0}.track-title{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:13px;font-weight:700;overflow:hidden}.artist{color:#ffefe4bf;margin:2px 0 8px;font-size:10px}input[type=range]{appearance:none;cursor:pointer;background:linear-gradient(to right, #fff8ed var(--progress), #ffe0d245 var(--progress));border-radius:6px;width:100%;height:4px;display:block}input[type=range]::-webkit-slider-thumb{appearance:none;background:#fffaf3;border-radius:50%;width:8px;height:8px;box-shadow:0 1px 4px #53200e}.timing{letter-spacing:.04em;color:#fff0e5ab;margin:6px 0 0;font-size:9px}.timing span{margin:0 3px}.controls{align-items:center;gap:10px;display:flex}.controls button{color:#fffaf3;cursor:pointer;background:0 0;border:0}.queue-button{padding:4px;font-size:13px;display:block}.skip{opacity:.9;width:14px;height:18px;padding:0;position:relative}.skip span,.skip span:before{content:"";display:block;position:absolute}.skip span{border-top:6px solid #0000;border-bottom:6px solid #0000;width:0;height:0;top:3px}.skip span:before{background:currentColor;width:2px;height:12px;top:-6px}.previous span{border-right:8px solid;left:4px}.previous span:before{left:10px}.next span{border-left:8px solid;right:4px}.next span:before{right:10px}.play{flex:none;width:42px;height:42px;padding-left:3px;font-size:13px;box-shadow:0 4px 12px #2d0c0242;color:#1d0b04!important;background:#fffdf9!important;border-radius:50%!important}.queue{z-index:4;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#441c12e0;border:1px solid #ffe8d34d;border-radius:17px;width:min(430px,100% - 40px);max-height:calc(100svh - 284px);padding:9px;position:absolute;top:216px;left:50%;overflow:auto;transform:translate(-50%);box-shadow:0 15px 36px #1707014d}.queue>p{text-transform:uppercase;letter-spacing:.15em;opacity:.7;margin:5px 7px 8px;font:500 9px DM Mono,monospace}.queue a{text-align:left;color:#fff8ee;cursor:pointer;border-radius:9px;grid-template-columns:27px 1fr;width:100%;padding:9px 7px;text-decoration:none;display:grid}.queue a:hover{background:#fff4e81f}.queue span{color:#ffe7d580;grid-row:span 2;padding-top:3px;font:500 10px DM Mono,monospace}.queue strong{font-size:12px}.queue em{color:#ffe8d69e;margin-top:2px;font-size:10px;font-style:normal}footer{text-transform:uppercase;letter-spacing:.15em;opacity:.65;justify-content:space-between;margin-top:auto;font:500 9px DM Mono,monospace;display:flex}@media (max-width:720px){main{padding:21px 19px 17px}.backdrop{background-position:59%}.intro{transform:translateY(-70%)}h1{font-size:clamp(82px,25vw,132px)}.player{width:calc(100% - 38px);top:16px}.spotify-player{gap:5px 8px}.spotify-open{font-size:8px}.spotify-embed{height:112px}.queue{max-height:calc(100svh - 264px);top:202px}.queue-button{padding:4px;font-size:13px;display:block}.corner-note{display:none}footer{font-size:8px}}