*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0;overflow:hidden}body{font-family:Inter,SF Pro Display,system-ui,sans-serif}.splash{color:#fff;width:100%;min-height:100dvh;transition:opacity .5s,transform .5s;position:relative;overflow:hidden}.splash.is-hidden{opacity:0;pointer-events:none;transform:scale(1.01)}.splash.is-visible{opacity:1;transform:scale(1)}.splash__video{object-fit:cover;backface-visibility:hidden;width:100%;height:100%;position:absolute;inset:0;transform:translateZ(0)}.is-visible-video{opacity:1;visibility:visible}.is-hidden-video{opacity:0;visibility:hidden;pointer-events:none}.splash__overlay{background:linear-gradient(#00000052 0%,#00000073 45%,#0000009e 100%);position:absolute;inset:0}.brand{z-index:2;position:absolute;top:clamp(20px,4vh,42px);left:clamp(20px,4vw,42px)}.brand__logo{filter:drop-shadow(0 0 14px #50a0ff24)drop-shadow(0 0 28px #50a0ff14);width:200px;display:block}.hud-clock{z-index:2;text-align:right;position:absolute;bottom:clamp(20px,5vh,48px);right:clamp(20px,4vw,48px)}.hud-clock__date{letter-spacing:.08em;text-transform:uppercase;opacity:.78;margin:0 0 4px;font-size:clamp(.78rem,1vw,.95rem)}.hud-clock__time{letter-spacing:-.03em;text-shadow:0 4px 24px #0003;margin:0;font-size:clamp(2rem,5vw,4rem);font-weight:600;line-height:1}.hud-clock__greeting{opacity:.58;margin-top:6px;font-size:clamp(.8rem,1vw,1rem);font-weight:500}.music-player-wrap{z-index:3;position:absolute;bottom:24px;left:24px}.info-wrap{z-index:3;position:absolute;bottom:110px;left:24px}.page-loader{z-index:999;background:radial-gradient(circle at top,#1e40af1f,#0000 35%),linear-gradient(#060b14 0%,#090f1a 100%);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.page-loader__inner{text-align:center;flex-direction:column;align-items:center;gap:18px;display:flex}.page-loader__logo{opacity:.94;filter:drop-shadow(0 0 18px #50a0ff1f)drop-shadow(0 0 36px #50a0ff14);width:clamp(110px,10vw,170px);height:auto}.page-loader__spinner{border:2px solid #ffffff24;border-top-color:#78beffeb;border-radius:999px;width:34px;height:34px;animation:.9s linear infinite loaderSpin}.page-loader__text{letter-spacing:.16em;text-transform:uppercase;color:#fff9;margin:0;font-size:.78rem}@keyframes loaderSpin{to{transform:rotate(360deg)}}@media (width<=600px){.brand{top:18px;left:18px}.hud-clock{bottom:18px;right:18px}.hud-clock__time{font-size:clamp(1.8rem,9vw,3rem)}.info-wrap{bottom:135px;left:18px}.music-player-wrap{bottom:18px;left:18px}}.music-player{color:#ffffffeb;-webkit-backdrop-filter:blur(10px);cursor:pointer;-webkit-user-select:none;user-select:none;background:#0a0e1852;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:12px;padding:10px 14px;transition:transform .16s,background .16s,border-color .16s,opacity .16s;display:inline-flex;box-shadow:0 8px 24px #00000038,inset 0 1px #ffffff0f}.music-player:hover{background:#0a0e1866;transform:translateY(-1px)}.music-player:active{transform:translateY(0)}.music-player__bars{align-items:flex-end;gap:3px;height:18px;display:flex}.music-player__bar{transform-origin:bottom;background:#82befff2;border-radius:999px;width:3px;height:8px;animation-play-state:paused;box-shadow:0 0 8px #50a0ff38}.music-player.is-playing .music-player__bar{animation-name:musicBounce;animation-duration:.9s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-play-state:running}.music-player__bar:first-child{animation-delay:0s}.music-player__bar:nth-child(2){animation-delay:.15s}.music-player__bar:nth-child(3){animation-delay:.3s}.music-player__bar:nth-child(4){animation-delay:.45s}.music-player__label{letter-spacing:.06em;text-transform:uppercase;opacity:.88;font-size:.82rem;font-weight:600}@keyframes musicBounce{0%,to{opacity:.55;height:6px}25%{opacity:1;height:18px}50%{opacity:.8;height:10px}75%{opacity:.95;height:14px}}.info-panel{-webkit-backdrop-filter:blur(10px)saturate(110%);color:#fff;background:linear-gradient(#ffffff12,#0a101c33);border:1px solid #ffffff1a;border-radius:26px;width:min(340px,88vw);padding:22px 24px;box-shadow:0 18px 40px #0000002e,inset 0 1px #ffffff0d}.info-panel__label{letter-spacing:.2em;text-transform:uppercase;opacity:.52;margin:0 0 10px;font-size:.7rem;font-weight:500}.info-panel__title{letter-spacing:-.02em;margin:0;font-size:1.55rem;font-weight:600;line-height:1.1}.info-panel__subtitle{opacity:.72;margin:6px 0 14px;font-size:.92rem;font-weight:500}.info-panel__description{opacity:.8;margin:0;font-size:.9rem;line-height:1.65}.info-panel__tags{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.info-panel__tags span{opacity:.74;background:#ffffff0d;border-radius:999px;padding:6px 10px;font-size:.72rem;font-weight:500}