*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:#05050f;width:100%;height:100%;overflow:hidden}body,#app{justify-content:center;align-items:center;display:flex}#menu-btn{z-index:20;color:#c8d2e6e6;cursor:pointer;background:#ffffff12;border:1px solid #c8d2e640;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;transition:background .2s,border-color .2s;display:flex;position:fixed;top:16px;left:16px}#menu-btn:hover{background:#ffffff24;border-color:#c8d2e68c}#dropdown{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0a1ceb;border:1px solid #c8d2e633;border-radius:8px;min-width:180px;position:fixed;top:58px;left:16px;overflow:hidden}.dropdown-item{color:#c8d2e6d9;letter-spacing:.04em;text-align:left;cursor:pointer;background:0 0;border:none;width:100%;padding:10px 16px;font-family:system-ui,sans-serif;font-size:.875rem;transition:background .15s;display:block}.dropdown-item:hover{background:#ffffff17}#modal-overlay{z-index:30;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#000005b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#modal-overlay[hidden]{display:none}#modal{color:#c8d2e6d9;background:#0a0a1cf7;border:1px solid #c8d2e633;border-radius:12px;width:90%;max-width:480px;padding:32px 36px 28px;font-family:system-ui,sans-serif;position:relative}#modal-title{letter-spacing:.12em;text-transform:uppercase;color:#c8d2e699;margin-bottom:16px;font-size:1rem;font-weight:600}#modal-body{color:#c8d2e6bf;font-size:.9rem;line-height:1.7}#modal-body a{color:#96bef0e6;text-decoration:none}#modal-body a:hover{text-decoration:underline}#modal-close{color:#c8d2e680;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 6px;font-size:1.3rem;line-height:1;transition:color .2s;position:absolute;top:14px;right:16px}#modal-close:hover{color:#c8d2e6e6}#controls{z-index:10;align-items:center;gap:8px;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}#date-picker,#play-btn{color:#c8d2e6e6;background:#ffffff12;border:1px solid #c8d2e640;border-radius:6px;outline:none;font-family:system-ui,sans-serif;font-size:.875rem;transition:border-color .2s,background .2s}#date-picker{letter-spacing:.04em;cursor:pointer;padding:5px 10px}#date-picker:hover,#date-picker:focus{background:#ffffff1f;border-color:#c8d2e68c}#date-picker::-webkit-calendar-picker-indicator{filter:invert(.8);cursor:pointer}#play-btn{cursor:pointer;padding:5px 12px;font-size:.8rem;line-height:1}#play-btn:hover{background:#ffffff24;border-color:#c8d2e68c}#scrubber{accent-color:#c8d2e6b3;cursor:pointer;width:200px}.loading-screen{flex-direction:column;align-items:center;gap:14px;display:flex}.loading-title{color:#c8d2e6d9;letter-spacing:.1em;text-transform:uppercase;font-family:system-ui,sans-serif;font-size:1.1rem}.progress-track{background:#ffffff1a;border-radius:2px;width:240px;height:4px;overflow:hidden}.progress-fill{background:#c8d2e699;border-radius:2px;width:0%;height:100%;transition:width .3s}.loading-detail{color:#c8d2e673;letter-spacing:.05em;font-family:system-ui,sans-serif;font-size:.8rem}.error{color:#e66450d9;font-family:system-ui,sans-serif;font-size:1rem}