:root{color:#fffbf4;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#1a0a02;font-family:Lato,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100svh}button{font:inherit}button:focus-visible,a:focus-visible{outline-offset:4px;border-radius:4px;outline:2px solid #fffbf4cc}.subahi{background:#c95f3a;flex-direction:column;justify-content:space-between;align-items:center;min-height:100svh;display:flex;position:relative;overflow:hidden}.artwork{object-fit:cover;object-position:center center;-webkit-user-select:none;user-select:none;filter:blur(10px);width:100%;height:100%;transition:filter 1.2s cubic-bezier(.4,0,.2,1),transform 1.2s cubic-bezier(.4,0,.2,1);position:fixed;inset:0;transform:scale(1.05)}.artwork.loaded{filter:blur();transform:scale(1)}.scrim{pointer-events:none;background:linear-gradient(#14080238 0%,#0000 25% 50%,#1408026b 75%,#140802b8 100%);position:fixed;inset:0}.topbar{z-index:10;grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem;width:100%;padding:1.25rem 1.5rem;display:grid;position:fixed;top:0;left:0;right:0}.topbar-clock{letter-spacing:.08em;color:#fff;text-shadow:0 1px 8px #000000b3;text-transform:uppercase;justify-self:start;font-family:Lato,ui-sans-serif,system-ui,sans-serif;font-size:.88rem;font-weight:500}.clock-colon{animation:1s step-start infinite colon-blink}@keyframes colon-blink{0%,to{opacity:1}50%{opacity:0}}.clock-period{opacity:.45;letter-spacing:.06em;font-size:.68em}.presence-counter{letter-spacing:.04em;color:#fff;text-shadow:0 1px 4px #000000e6,0 2px 16px #000000b3;white-space:nowrap;grid-column:2;align-items:center;gap:.5rem;font-family:Lato,ui-sans-serif,system-ui,sans-serif;font-size:.74rem;font-weight:700;display:inline-flex}.presence-dot{flex-shrink:0;width:.62rem;height:.62rem;display:inline-flex;position:relative}.presence-dot-ping{opacity:.75;background:#4ade80;border-radius:50%;animation:1.8s cubic-bezier(0,0,.2,1) infinite dot-ping;position:absolute;inset:0}.presence-dot-core{background:#4ade80;border-radius:50%;width:100%;height:100%;position:relative;box-shadow:0 0 8px #4ade80d9}@keyframes dot-ping{0%{opacity:.75;transform:scale(1)}75%,to{opacity:0;transform:scale(2.1)}}.share-button{letter-spacing:.1em;color:#fff;-webkit-backdrop-filter:blur(12px);cursor:pointer;white-space:nowrap;background:#ffffff2e;border:1px solid #ffffff52;border-radius:100px;grid-column:3;justify-self:end;align-items:center;gap:.3rem;padding:.38rem .9rem;font-family:Lato,ui-sans-serif,system-ui,sans-serif;font-size:.7rem;font-weight:700;transition:background .14s,opacity .14s;display:inline-flex;box-shadow:0 2px 8px #00000038}.share-button:hover{background:#ffffff47}.hero{z-index:5;text-align:center;flex-direction:column;flex:1;justify-content:flex-end;align-items:center;padding:0 1.5rem 3.5rem;display:flex;position:relative}.brand{letter-spacing:.32em;color:#ffffffb3;text-shadow:0 1px 8px #0000008c;margin:0 0 .6rem;font-family:Lato,ui-sans-serif,system-ui,sans-serif;font-size:.7rem;font-weight:700}.headline{letter-spacing:-.03em;color:#fffbf4;text-shadow:0 2px 4px #00000026,0 8px 32px #00000059;margin:0;font-family:Playfair Display,Georgia,Times New Roman,serif;font-size:clamp(3.6rem,10.5vw,8rem);font-style:italic;font-weight:400;line-height:.9}.tagline{color:#fffbf4b8;text-shadow:0 1px 8px #0006;letter-spacing:.01em;margin:1.4rem 0 0;font-family:Playfair Display,Georgia,Times New Roman,serif;font-size:clamp(.95rem,1.6vw,1.15rem);font-style:italic;font-weight:400}.stage{z-index:10;justify-content:center;width:100%;padding:0 1rem 2rem;display:flex;position:relative}.audio-player{-webkit-backdrop-filter:blur(28px)saturate(160%);background:#0c06029e;border:1px solid #ffffff24;border-radius:100px;align-items:center;gap:.6rem;width:min(100%,30rem);padding:.52rem .7rem .52rem .52rem;display:flex;overflow:visible;box-shadow:0 8px 40px #00000073,inset 0 1px #ffffff2e}.audio-source{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.disc{border-radius:50%;flex-shrink:0;width:3.5rem;height:3.5rem;animation:9s linear infinite paused disc-spin;position:relative;overflow:hidden;box-shadow:0 2px 14px #0000008c,0 0 0 1.5px #ffffff2e}.disc[data-playing=true]{animation-play-state:running}.disc img{object-fit:cover;filter:saturate(.9)brightness(.9);pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.disc-hole{pointer-events:none;background:#0a0501d1;border-radius:50%;width:.72rem;height:.72rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1.5px #ffffff47}.disc-loader{pointer-events:none;background:#00000040;border:2px solid #ffffff26;border-top-color:#ffffffd9;border-radius:50%;animation:.8s cubic-bezier(.4,0,.2,1) infinite disc-load-spin;position:absolute;inset:0}@keyframes disc-load-spin{to{transform:rotate(360deg)}}@keyframes disc-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.track-info{flex-direction:column;flex:1;gap:.18rem;min-width:0;display:flex}.track-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;letter-spacing:.01em;margin:0;font-family:Lato,ui-sans-serif,system-ui,sans-serif;font-size:.88rem;font-weight:700;overflow:hidden}.track-artist{color:#fff9;white-space:nowrap;text-overflow:ellipsis;margin:0;font-family:Lato,ui-sans-serif,system-ui,sans-serif;font-size:.72rem;font-weight:300;overflow:hidden}.track-title-row{align-items:center;gap:.55rem;min-width:0;display:flex}.waveform{flex-shrink:0;align-items:flex-end;gap:2.5px;height:14px;display:inline-flex}.waveform-bar{transform-origin:bottom;background:#ffd296e6;border-radius:2px;width:2.5px;display:block}.waveform[data-playing=true] .waveform-bar{height:var(--max-h,60%);animation:.85s ease-in-out infinite alternate waveform-pulse;animation-delay:var(--delay,0s)}@keyframes waveform-pulse{0%{opacity:.55;transform:scaleY(.18)}to{opacity:1;transform:scaleY(1)}}.waveform[data-playing=false] .waveform-bar,.waveform:not([data-playing]) .waveform-bar{opacity:.3;height:22%;animation:none}.progress-wrap{flex-direction:column;flex-shrink:0;gap:.3rem;width:min(100%,7rem);display:flex}.progress-track{background:#fff3;border-radius:9px;height:3px;overflow:hidden}.progress-fill{border-radius:inherit;background:#ffdca0e6;height:100%;transition:width .45s linear;display:block}.time-row{font-variant-numeric:tabular-nums;color:#ffffff80;letter-spacing:.02em;justify-content:space-between;font-family:Lato,ui-sans-serif,system-ui,sans-serif;font-size:.58rem;font-weight:300;display:flex}.audio-controls{flex-shrink:0;align-items:center;gap:.2rem;display:flex}.audio-controls button{color:#ffffffc7;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:2.2rem;height:2.2rem;padding:0;transition:background-color .14s,color .14s,transform .14s;display:grid}@media (hover:hover){.audio-controls button:hover:not(:disabled){color:#fff;background:#ffffff1f}.audio-controls button.main-control:hover:not(:disabled){color:#fff;background:#ffffff1f;transform:scale(1.06);box-shadow:0 6px 22px #00000080}}.audio-controls button:active:not(:disabled){transform:scale(.92)}.audio-controls button.main-control:active:not(:disabled){transform:scale(.96)}.audio-controls button:disabled{opacity:.35;cursor:default}.audio-controls .main-control{color:#1a0a02;background:#fff;width:2.75rem;height:2.75rem;transition:transform .14s,box-shadow .14s;box-shadow:0 4px 16px #0006}.player-status{color:#ffffff8c;white-space:nowrap;margin:0;font-family:Lato,ui-sans-serif,system-ui,sans-serif;font-size:.62rem}@media (width<=600px){.topbar{grid-template-columns:1fr auto 1fr;padding:1rem 1.1rem}.topbar-clock{font-size:.82rem}.presence-counter{font-size:.66rem}.share-button{padding:.32rem .75rem;font-size:.65rem}.headline{font-size:clamp(3rem,18vw,4.8rem)}.hero{padding-bottom:2.5rem}.stage{padding:0 .75rem 1.6rem}.audio-player{border-radius:100px;gap:.5rem;padding:.45rem .6rem .45rem .45rem}.disc{width:3rem;height:3rem}.progress-wrap{width:min(100%,5rem)}}@media (width<=420px){.topbar{grid-template-columns:1fr auto 1fr;gap:.5rem;padding:.9rem 1rem}.presence-counter{font-size:.6rem}.share-button{padding:.28rem .6rem;font-size:.6rem}.disc{width:2.6rem;height:2.6rem}.progress-wrap{display:none}.track-title{font-size:.82rem}}@media (aspect-ratio>=19/9){.artwork{object-position:center 46%}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}