/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{margin:.67em 0;font-size:2em}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:1em}a{background-color:#0000}abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner{border-style:none;padding:0}[type=button]::-moz-focus-inner{border-style:none;padding:0}[type=reset]::-moz-focus-inner{border-style:none;padding:0}[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring{outline:1px dotted buttontext}[type=button]:-moz-focusring{outline:1px dotted buttontext}[type=reset]:-moz-focusring{outline:1px dotted buttontext}[type=submit]:-moz-focusring{outline:1px dotted buttontext}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;white-space:normal;max-width:100%;padding:0;display:table}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button{height:auto}[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template,[hidden]{display:none}@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:400;src:url(/assets/montserrat-latin-400-normal-BLhwKU8k.woff2)format("woff2")}@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:500;src:url(/assets/montserrat-latin-500-normal-DRFEGfly.woff2)format("woff2")}@font-face{font-display:swap;font-family:Material Symbols Outlined;font-style:normal;font-weight:400;src:url(/assets/material-symbols-outlined-latin-400-normal-BFj5jPcr.woff2)format("woff2")}@font-face{font-display:swap;font-family:Material Symbols Outlined Public;font-style:normal;font-weight:400;src:url(/assets/material-symbols-public-yCzwWdoK.woff)format("woff")}.material-symbols-outlined{letter-spacing:normal;text-rendering:optimizelegibility;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-feature-settings:"liga";direction:ltr;font-family:Material Symbols Outlined;font-size:24px;font-style:normal;font-weight:400;line-height:1;display:inline-block}.landing-page .material-symbols-outlined{font-family:Material Symbols Outlined Public}:root{--primary:#8a50ff}.camera-verification{text-align:center;width:600px;max-width:100%}.camera-verification-title{margin:0}.camera-verification-description{margin:2rem 0}.camera-verification-warning{background:var(--primary);border-radius:.5rem;margin-top:1rem;padding:.5rem;font-size:1.15rem;line-height:1.5rem}.camera-verification-warning-title{font-weight:600}.live-debug-panel{color:#f2f2f2;background:#121212;border-radius:12px;max-width:760px;margin:2rem auto;padding:1.25rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.live-debug-panel h2{margin:0 0 1rem}.live-debug-status{margin:0 0 .75rem}.live-debug-error{color:#ff7070}.live-debug-actions{gap:.75rem;display:flex}.live-debug-actions button{color:#fff;cursor:pointer;border:0;border-radius:8px;padding:.6rem 1rem}.live-debug-start{background:#2f7dff}.live-debug-stop{background:#444}.live-debug-help{opacity:.8;margin-top:1rem}.screenshare-host{box-sizing:border-box;height:100vh;text-align:center;height:100svh;padding:1rem;font-size:1.5rem;font-weight:600}.screenshare-host.active{flex-direction:column;gap:.5rem;display:flex}.screenshare-host-status{background:#1e1e1e;border-radius:.5rem .5rem 0 0;padding:1rem;font-size:1.25rem;font-weight:500}.screenshare-host-video{object-fit:contain;background:#1e1e1e;border-radius:0 0 .5rem .5rem;flex:1 0 0;overflow:hidden}.screenshare-host-dropzone{box-sizing:border-box;cursor:pointer;border:4px dashed;border-radius:.5rem;justify-content:center;align-items:center;height:100%;padding:1rem;display:flex}.replay-nowrap{white-space:nowrap}.replay-access-copy{color:#626262;width:520px;max-width:100%;margin-top:1.5rem}.replay-command{background:var(--primary);color:#000;border-radius:.5rem;padding:.15rem .25rem;font-family:monospace;font-size:1rem;font-weight:600}.replay-metadata{background:#232323;border-radius:.5rem;padding:.15rem .25rem;font-family:monospace;font-size:1rem;font-weight:600}.replay-command.inline{display:inline-block}.replay-access-notice{flex-direction:column}.replay-access-avatar{object-fit:contain;background:#000;border-radius:50%;width:128px;height:128px}.replay-access-title{margin-top:1rem;font-size:1.5rem;font-weight:600}.replay-accent{color:var(--primary)}.replay-access-meta{color:gray;margin-top:.5rem}.dj-shell{box-sizing:border-box;flex-direction:column;gap:1rem;height:100%;padding:1rem;display:flex}.dj-header{align-items:center;gap:1rem;display:flex}.dj-header h1{color:#fff;margin:.2rem 0 0;font-size:1.75rem;line-height:1}.dj-back,.dj-icon-button,.dj-deck-buttons button,.dj-transport button{cursor:pointer;font:inherit;border:0;justify-content:center;align-items:center;display:inline-flex}.dj-back,.dj-icon-button{color:#fff;background:#202020;border-radius:.5rem;width:42px;height:42px;text-decoration:none}.dj-link-status{flex-direction:column;flex:auto;align-items:flex-end;gap:.35rem;display:flex}.dj-link-status small{color:#aaa}.dj-link-button{color:#fff;cursor:pointer;font:inherit;background:#242424;border:1px solid #ffffff14;border-radius:.5rem;align-items:center;gap:.35rem;min-height:42px;padding:0 .85rem;font-weight:700;display:inline-flex}.dj-link-button.active{background:color-mix(in srgb, var(--primary) 75%, #111)}.dj-link-button:disabled{cursor:wait;opacity:.55}.player-lock-notice{background:color-mix(in srgb, var(--primary) 20%, #181818);border:1px solid color-mix(in srgb, var(--primary) 55%, #222);color:#fff;border-radius:.75rem;align-items:center;gap:.5rem;margin:.75rem 1rem 0;padding:.85rem 1rem;display:flex}.dj-layout{flex:auto;grid-template-columns:minmax(240px,320px) 1fr;gap:1rem;min-height:0;display:grid}.dj-library,.dj-deck,.dj-timeline,.dj-transport{box-sizing:border-box;background:#171717;border:1px solid #ffffff14;border-radius:.5rem}.dj-library{flex-direction:column;min-height:0;padding:.85rem;display:flex}.dj-library.dragging,.dj-deck.empty{border-color:color-mix(in srgb, var(--primary) 65%, white)}.dj-panel-title{color:#fff;justify-content:space-between;align-items:center;gap:.75rem;font-weight:700;display:flex}.dj-panel-title small{color:#999;text-transform:uppercase;font-size:.8rem;font-weight:500}.dj-file-input{display:none}.dj-track-list{flex-direction:column;flex:auto;gap:.5rem;min-height:0;margin-top:.85rem;display:flex;overflow:auto}.dj-track-item{cursor:grab;background:#101010;border:1px solid #ffffff0f;border-radius:.5rem;grid-template-columns:1fr auto;gap:.25rem .5rem;padding:.75rem;display:grid}.dj-track-name{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.dj-track-meta,.dj-library-state,.dj-library-error,.dj-timeline-empty{color:#999;font-size:.85rem}.dj-library-error{color:#ff7070;margin-top:.75rem}.dj-track-actions{grid-column:1/-1;gap:.35rem;display:flex}.dj-track-actions button{color:#fff;cursor:pointer;font:inherit;background:#252525;border:0;border-radius:.35rem;flex:1 1 0;padding:.45rem;font-weight:700}.dj-import-zone{color:#fff;cursor:pointer;font:inherit;background:#101010;border:1px dashed #fff3;border-radius:.5rem;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;min-height:180px;display:flex}.dj-workspace{flex-direction:column;gap:1rem;min-width:0;display:flex}.dj-transport{grid-template-columns:auto auto auto minmax(140px,1fr) minmax(160px,1fr) minmax(180px,1fr) minmax(140px,220px);align-items:center;gap:.75rem;padding:.75rem;display:grid}.dj-transport button,.dj-deck-buttons button{color:#fff;background:#242424;border-radius:.5rem;min-width:42px;height:42px}.dj-transport button:disabled,.dj-deck-buttons button:disabled{cursor:not-allowed;opacity:.35}.dj-transport .dj-primary-action{background:var(--primary);gap:.25rem;padding:0 .85rem;font-weight:700}.dj-transport-slider,.dj-control-row{color:#aaa;align-items:center;gap:.5rem;font-size:.85rem;display:grid}.dj-transport-slider{grid-template-columns:auto 1fr auto}.dj-decks{grid-template-columns:1fr 1fr;gap:1rem;min-height:0;display:grid}.dj-deck{flex-direction:column;gap:.85rem;min-width:0;padding:.85rem;display:flex}.dj-deck-track{flex-direction:column;gap:.25rem;min-width:0;display:flex}.dj-deck-track b{color:#fff;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dj-deck-track small{color:#999}.dj-deck-waveform{background:#101010;border-radius:.5rem;height:118px;overflow:hidden}.dj-waveform-canvas{width:100%;height:100%;display:block}.dj-waveform-placeholder{color:#666;justify-content:center;align-items:center;height:100%;display:flex}.dj-deck-buttons{gap:.5rem;display:flex}.dj-control-row{grid-template-columns:64px minmax(0,1fr) 52px}.dj-control-row input[type=number]{color:#fff;font:inherit;background:#101010;border:1px solid #ffffff1f;border-radius:.35rem;padding:.45rem}.dj-control-row b{color:#fff;text-align:right;font-size:.8rem}.dj-meter{gap:.35rem;display:grid}.dj-meter span{color:#aaa;font-size:.8rem}.dj-meter-track{background:#0b0b0b;border-radius:999px;height:8px;overflow:hidden}.dj-meter-fill{transform-origin:0;background:linear-gradient(90deg,#36d399,#facc15 72%,#fb7185);height:100%}.dj-timeline{flex-direction:column;flex:auto;min-height:220px;display:flex;overflow:hidden}.dj-timeline-toolbar{border-bottom:1px solid #ffffff14;grid-template-columns:1fr minmax(140px,220px) minmax(140px,220px);align-items:center;gap:1rem;padding:.75rem;display:grid}.dj-timeline-toolbar label{color:#aaa;gap:.25rem;font-size:.85rem;display:grid}.dj-timeline-stage{padding:.75rem;position:relative;overflow:hidden}.dj-timeline-cursor{z-index:3;background:#fff;width:2px;position:absolute;top:.75rem;bottom:.75rem}.dj-timeline-row{grid-template-columns:72px 1fr;gap:.75rem;min-height:78px;display:grid}.dj-timeline-row+.dj-timeline-row{margin-top:.75rem}.dj-timeline-label{color:#aaa;align-items:center;font-weight:700;display:flex}.dj-timeline-lane{background:#101010;border-radius:.5rem;min-width:0;position:relative;overflow:hidden}.dj-timeline-clip{cursor:ew-resize;min-width:1px;height:78px;position:absolute;top:0}.dj-timeline-clip-name{color:#fff;text-overflow:ellipsis;white-space:nowrap;background:#00000080;max-width:calc(100% - 1rem);padding:.2rem .35rem;font-size:.8rem;position:absolute;bottom:.35rem;left:.5rem;overflow:hidden}.dj-timeline-empty{align-items:center;height:100%;padding-left:.75rem;display:flex}input[type=range]{accent-color:var(--primary);min-width:0}@media (max-width:1020px){.dj-layout,.dj-decks,.dj-transport,.dj-timeline-toolbar{grid-template-columns:1fr}}body{-webkit-tap-highlight-color:#ffffff0d;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;color:#ccc;height:100vh;background:#121212;height:100svh;margin:0;font-family:Montserrat,sans-serif}#app{height:100%}#droppable-zone{z-index:9999;background:#191919e6;justify-content:center;align-items:center;font-size:1.5rem;font-weight:700;display:flex;position:fixed;inset:0}.body{flex-direction:column;height:100%;display:flex}.track-list-wrapper{flex:1 0 0;padding:.75rem .5rem;overflow:auto}.track-list{flex-direction:column;display:flex;position:relative}.track-list-item{color:inherit;cursor:pointer;font:inherit;text-align:left;background:#121212;border:0;border-radius:.25rem;flex:none;padding:.5rem 1rem;transition:all .5s;display:flex;overflow:hidden}.track-list-item:not(.progress):hover{background:#161616}.track-list-item.selected{color:var(--primary)}.track-list-item.progress{opacity:.3;cursor:inherit}.track-list-item.upload{color:#f5f0ff;cursor:pointer;border:1px dashed #8a50ff80;width:100%;margin-bottom:.5rem}.track-list-item.upload:hover{background:color-mix(in srgb, var(--primary) 12%, #161616);border-color:var(--primary)}.track-upload-input{display:none}.upload-cover{background:color-mix(in srgb, var(--primary) 18%, #242424);color:var(--primary);justify-content:center;align-items:center;font-size:2rem;display:flex}.track-item-index{justify-content:flex-end;align-items:center;width:1rem;padding-right:1rem;font-size:1.25rem;font-weight:600;display:flex}.track-item-duration{justify-content:flex-end;align-items:center;width:4rem;font-weight:500;display:flex}.track-item-content{flex-direction:column;flex:1 0 0;justify-content:center;padding:0 1rem;display:flex;overflow:hidden}.track-item-cover{object-fit:cover;border-radius:.25rem;width:64px;height:64px}.track-item-title{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.track-item-artist{text-overflow:ellipsis;white-space:nowrap;margin-top:.25rem;overflow:hidden}.player{background:#151515}.player-progress-bar{background:#232323;height:10px;overflow:hidden}.player-progress{background:var(--primary);border-top-right-radius:5rem;border-bottom-right-radius:5rem;width:100%;height:100%;transition:transform 1s linear}.notice{box-sizing:border-box;text-align:center;justify-content:center;align-items:center;width:100%;height:100%;padding:2rem;font-size:1.25rem;display:flex}.home-shell{box-sizing:border-box;flex-direction:column;gap:2rem;min-height:100%;padding:clamp(1.5rem,5vw,5rem);display:flex}.home-hero{max-width:760px}.home-hero.compact{margin-top:-1rem}.home-kicker{color:var(--primary);letter-spacing:.08em;text-transform:uppercase;font-weight:700}.home-hero h1{color:#fff;margin:.5rem 0;font-size:clamp(2rem,5vw,4rem);line-height:1}.home-hero p{color:#aaa;margin:0;font-size:1rem;line-height:1.6}.home-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}@media (max-width:1100px){.home-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.home-actions{grid-template-columns:1fr}}.home-signature{color:#888;text-align:center;margin-top:auto}.home-signature b{color:#fff}.home-action-card,.home-guild-item,.home-back-button,.home-primary-button{font:inherit;border:0;text-decoration:none}.home-action-card{box-sizing:border-box;color:#fff;cursor:pointer;text-align:left;background:#1a1a1a;border:1px solid #ffffff14;border-radius:1.25rem;flex-direction:column;gap:.75rem;min-height:180px;padding:1.25rem;transition:transform .2s,border-color .2s,opacity .2s;display:flex}.home-action-card:hover:not(.disabled){border-color:color-mix(in srgb, var(--primary) 55%, white);transform:translateY(-2px)}.home-action-card.disabled{cursor:not-allowed;opacity:.45}.home-action-card i{color:var(--primary);font-size:2rem}.home-action-card span{font-size:1.2rem;font-weight:700}.home-action-card small,.home-guild-item small{color:#999;line-height:1.45}.dashboard-page{flex-direction:column;min-height:100%;display:flex}.dashboard-page>.home-shell{flex:1;min-height:0}.dashboard-header{background:#0e0e0eeb;border-bottom:1px solid #ffffff14;flex:none;min-height:68px}.dashboard-header-inner{box-sizing:border-box;justify-content:space-between;align-items:center;gap:1rem;width:100%;min-height:68px;margin:0 auto;padding:.75rem clamp(1.25rem,5vw,5rem);display:flex}.dashboard-brand{color:#fff;align-items:center;gap:.65rem;font-weight:750;text-decoration:none;display:inline-flex}.dashboard-brand-mark,.dashboard-account-avatar{color:#111;background:#fff;border-radius:.55rem;justify-content:center;align-items:center;width:34px;height:34px;font-weight:800;display:inline-flex}.dashboard-account{align-items:center;gap:.65rem;display:flex}.dashboard-account-avatar{background:color-mix(in srgb, var(--primary) 24%, #181818);color:#fff}.dashboard-account-name{color:#d6d6d6;margin-right:.45rem;font-size:.88rem}.dashboard-header-action{color:#bbb;cursor:pointer;font:inherit;background:0 0;border:1px solid #ffffff1c;border-radius:.6rem;align-items:center;gap:.45rem;min-height:38px;padding:.4rem .75rem;font-size:.82rem;text-decoration:none;transition:background .18s,border-color .18s,color .18s;display:inline-flex}.dashboard-header-action:hover{color:#fff;background:#ffffff0f;border-color:#fff3}.dashboard-header-action i{font-size:1.05rem}.dashboard-logout:hover{color:#ff9b9b;border-color:#ff6b6b66}.dashboard-logout:disabled{cursor:wait;opacity:.55}@media (max-width:680px){.dashboard-header-inner{padding-inline:1rem}.dashboard-account-name,.dashboard-header-action span{display:none}.dashboard-header-action{justify-content:center;width:38px;padding:.4rem}}.home-primary-button,.home-back-button{color:#111;cursor:pointer;background:#fff;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;margin-top:1.5rem;padding:.9rem 1.2rem;font-weight:700;display:inline-flex}.home-topbar{display:flex}.home-back-button{margin-top:0}.home-guild-list{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.75rem;display:grid}.home-loading-card{color:#fff;background:#1a1a1a;border:1px solid #ffffff14;border-radius:1rem;align-self:flex-start;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.home-loading-card small{color:#999}.home-loading-card.error i{color:#ff5c5c}.home-spinner{border:3px solid #ffffff24;border-top-color:var(--primary);border-radius:999px;flex:none;width:28px;height:28px;animation:.8s linear infinite home-spin}@keyframes home-spin{to{transform:rotate(360deg)}}.home-guild-item{color:#fff;cursor:pointer;text-align:left;background:#1a1a1a;border:1px solid #ffffff14;border-radius:1rem;grid-template-columns:48px 1fr auto;align-items:center;gap:.85rem;padding:.8rem;display:grid}.home-guild-item.selected{border-color:var(--primary)}.home-guild-item.disabled{cursor:not-allowed;opacity:.45}.home-guild-item img{border-radius:1rem;width:48px;height:48px}.home-guild-item span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.replay-wrapper{background:color-mix(in srgb, var(--primary) 8%, black);color:#fefefe;flex-direction:column;height:100%;display:flex}.replay-participants{padding:5rem 2rem;flex-wrap:wrap;justify-content:center;align-items:center;gap:1.5rem;margin:auto;padding-top:2.5rem;display:flex;overflow:auto}.replay-user-avatar{border:4px solid #262626;border-radius:50%;position:relative;overflow:hidden}.replay-user-avatar img{pointer-events:none;border-radius:50%;width:128px;height:128px;padding:.25rem;display:block;overflow:hidden}.replay-icon{color:#fff;background:#1b1b1bd6;justify-content:center;align-items:center;width:100%;height:100%;font-size:3rem;display:flex;position:absolute;top:0;left:0}.replay-user{cursor:pointer;flex-direction:column;align-items:center;max-width:160px;display:flex;position:relative}.replay-user.streamMuted{opacity:.35}.replay-user-username{text-align:center;white-space:nowrap;text-overflow:ellipsis;width:100%;margin-top:.5rem;font-size:1.15rem;font-weight:600;overflow:hidden}.replay-user-avatar.speaking{border:4px solid var(--primary)}.replay-controls,.replay-channel{color:#d2d2d2;background:#202020;justify-content:center;align-items:center;gap:.75rem;padding:.5rem;display:flex;position:relative}.replay-controls-item{cursor:pointer;background:var(--primary);color:#fff;border:0;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:2rem;display:flex;overflow:hidden}.replay-channel-name{white-space:nowrap;text-overflow:ellipsis;background:#2d2d2d;border-radius:.5rem;margin:auto;padding:.5rem;font-size:.85rem;font-weight:600;overflow:hidden}.context-menu-wrapper{z-index:2000;border-radius:.5rem;position:fixed;top:0;left:0;overflow:hidden}.context-menu{background:#080808;box-shadow:0 .125rem .25rem #00000040}.context-menu-item{color:inherit;cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;border-bottom:1px solid #151515;align-items:center;width:100%;padding:.75rem 1rem .75rem .75rem;display:flex}.context-menu-item:last-child{border-bottom:0}.context-menu-item:hover{background:#111}.context-menu-item i{text-align:center;width:24px;margin-right:.5rem;font-size:1.15rem}.context-menu-item.dangerous{color:#e04506}.modal-wrapper{z-index:999;background:#151515e8;width:100%;height:100%;display:flex;position:fixed;overflow:auto;box-shadow:0 .125rem .25rem #00000040}.modal-content{background:#101010;border-radius:.5rem;width:600px;max-width:100%;margin:auto}.modal-title{text-align:center;border-bottom:1px solid #151515;padding:1rem}.select-menu{border:1px solid #e04506;border-radius:.5rem;margin:1rem;overflow:hidden}.select-menu-selected{font:inherit;cursor:pointer;color:#e04506;text-align:left;background:#101010;border:0;width:100%;padding:1rem;display:flex}.select-menu-selected .icon{margin:auto}.select-menu-value{flex:1 0 0}.select-menu-option{color:inherit;font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;border-top:1px solid #232323;padding:1rem}.select-menu-label{font-weight:500}.select-menu-description{color:#747474;margin-top:.25rem;line-height:1.35rem}.select-menu-option:last-child{border-bottom:0}.select-menu-options{background:#181818;flex-direction:column;display:flex}.track-list-item:focus-visible,.player-control-item:focus-visible,.record-track-participant:focus-visible,.replay-controls-item:focus-visible,.context-menu-item:focus-visible,.context-menu-user-username:focus-visible,.select-menu-selected:focus-visible,.select-menu-option:focus-visible,.screenshare-host[role=button]:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.replay-progress-wrapper{cursor:pointer;box-sizing:border-box;width:max(60%,600px);max-width:100%;margin:1rem auto;padding:1rem;position:fixed;bottom:5rem;left:50%;transform:translate(-50%)}.replay-progress-bar{background:#262626;border-radius:5rem;width:100%;height:.5rem}.replay-progress{background:var(--primary);border-top-left-radius:5rem;border-bottom-left-radius:5rem;width:60%;height:100%;position:relative}.replay-progress-circle{background:#fff;border-radius:50%;width:16px;height:16px;position:absolute;top:50%;right:0;transform:translate(50%,-50%)}.records-page{gap:1.5rem}.records-page .home-topbar,.records-page .home-hero,.records-list,.records-state-card,.records-empty-card{width:min(100%,920px)}.records-list{flex-direction:column;gap:1rem;display:flex}.records-list-item{color:inherit;background:#1a1a1a;border:1px solid #ffffff14;border-radius:1.25rem;align-items:center;padding:1rem 1.1rem;text-decoration:none;transition:transform .2s,border-color .2s;display:flex}.records-list-item:hover{border-color:color-mix(in srgb, var(--primary) 55%, white);transform:translateY(-2px)}.records-list-item-main{color:inherit;flex:auto;align-items:center;min-width:0;text-decoration:none;display:flex}.records-list-item-icon{background:#151515;border-radius:50%;flex:0 0 56px;justify-content:center;align-items:center;width:56px;height:56px;margin:auto 1rem auto 0;display:flex}.records-list-item-content{flex:1 0 0;min-width:0}.records-list-item-title{white-space:nowrap;align-items:center;gap:.45rem;min-width:0;display:flex;overflow:hidden}.records-list-item-channel{color:#fff;text-overflow:ellipsis;font-weight:700;overflow:hidden}.records-list-item-separator,.records-list-item-date{color:#999;flex:none;font-size:1rem}.records-list-item-date{font-size:.9rem}.records-list-item-users{height:48px;margin-top:.5rem;display:flex}.records-list-item-actions{flex:none;gap:.5rem;margin-left:1rem;display:flex}.records-list-item-action{box-sizing:border-box;color:#fff;cursor:pointer;background:#151515;border:0;border-radius:50%;flex:0 0 40px;justify-content:center;align-items:center;width:40px;height:40px;padding:.5rem;text-decoration:none;transition:background .2s,color .2s,transform .2s;display:inline-flex}.records-list-item-action:hover{background:#222;transform:translateY(-1px)}.records-list-item-action.danger{color:#b91c1c;background:#b91c1c33}.records-list-item-action.danger:hover{background:#b91c1c73}.records-list-item-action i{font-size:1.35rem}.records-list-item-user-avatar{width:34px;height:48px;position:relative}.records-list-item-user-avatar img,.records-list-item-user-avatar-content{text-align:center;box-sizing:border-box;background:#101010;border:4px solid #1d1d1d;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:.95rem;font-weight:700;display:flex;position:absolute;top:0;left:0}.records-list-item-user-avatar-content{background:var(--primary);color:#fff}.records-state-card{box-sizing:border-box}.records-state-card>div:last-child{flex-direction:column;gap:.25rem;display:flex}.records-empty-card{box-sizing:border-box;color:#fff;text-align:center;background:#1a1a1a;border:1px solid #ffffff14;border-radius:1.25rem;flex-direction:column;align-self:flex-start;align-items:center;padding:clamp(2rem,6vw,4rem);display:flex}.records-empty-card>i{color:var(--primary);font-size:3rem}.records-empty-card h2{margin:1rem 0 .5rem}.records-empty-card p{color:#aaa;margin:0;line-height:1.6}@media (max-width:720px){.records-page .home-topbar,.records-page .home-hero,.records-list,.records-state-card,.records-empty-card{width:100%}.records-list-item{flex-direction:column;align-items:stretch;gap:1rem;padding:.9rem}.records-list-item-main{align-items:flex-start}.records-list-item-icon{flex-basis:48px;width:48px;height:48px;margin-right:.85rem}.records-list-item-actions{border-top:1px solid #ffffff14;justify-content:center;width:100%;margin-left:0;padding-top:1rem}.records-list-item-action{flex-basis:36px;width:36px;height:36px}.records-list-item-action i{font-size:1.25rem}}@media (max-width:460px){.records-list-item-title{flex-direction:column;align-items:flex-start;gap:.15rem}.records-list-item-separator{display:none}.records-list-item-date{white-space:normal}.records-list-item-users{height:40px}.records-list-item-user-avatar{width:28px;height:40px}.records-list-item-user-avatar img,.records-list-item-user-avatar-content{border-width:3px;width:40px;height:40px}}@media (max-width:360px){.records-list-item-main{flex-direction:column;gap:.75rem}.records-list-item-icon{margin-right:0}.records-list-item-actions{justify-content:center}}.player-controls{justify-content:center;gap:1rem;padding:.5rem;display:flex;position:relative}.player-control-item{color:inherit;cursor:pointer;border:0;border-radius:50%;padding:.75rem;font-size:2rem}.player-control-item.active{background:var(--primary)}.player-control-item.disabled{filter:grayscale();opacity:.25}.player-control-like,.player-control-repeat{background:#ffffff80;margin:auto;font-size:1.25rem}.player-control-like.active{background:var(--primary)}.track-input{background:#232323;border-radius:.15rem;align-items:center;padding:0 .75rem;display:flex}.track-input input{background:unset;color:#fff;border:0;outline:0;flex:1 0 0;padding:.75rem .5rem}.track-list-header{text-align:center;background:var(--primary);border-radius:.15rem;margin:0 .5rem;padding:.5rem}.track-header{padding:.5rem}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease-in-out}.fade-enter-from,.fade-leave-to{opacity:0!important}.move-move,.move-enter-active,.move-leave-active{transition:all 1.5s cubic-bezier(.55,0,.1,1)}.move-enter-from,.move-leave-to{opacity:0!important}.move-leave-active{box-sizing:border-box;z-index:-1;width:100%;position:absolute}.serverMute .replay-icon,.serverDeaf .replay-icon{color:#ea2a16;background:#4c2e2ed6}.replay-current-timestamp{white-space:nowrap;background:#2d2d2d;border-radius:.5rem;padding:.5rem;font-family:monospace;font-size:.85rem;font-weight:600}.replay-current-time{color:#bcbcbc;white-space:nowrap;background:#2d2d2d;border-radius:.5rem;padding:.5rem;font-family:monospace;font-size:.85rem;font-weight:600}.replay-user.streamMuted .replay-icon{color:#fff!important}.replay-author-icon{color:orange;font-size:1.5rem;position:absolute;top:4.5px;transform:translateY(-100%)}.record-tracks-view{background:#131313;flex-direction:column;flex:1 0 0;display:flex;position:relative;overflow:auto}.record-track{background:#1a1a1a;border:1px solid #121212;border-left:0;border-right:0;height:64px;display:flex}.record-track-fragments{position:relative}.record-track-participant{color:inherit;font:inherit;box-sizing:border-box;cursor:pointer;text-align:left;background:0 0;border:0;border-bottom:1px solid #1e1e1e;width:100%;height:64px;padding:.5rem;display:flex;overflow:hidden}.record-tracks-view .replay-user-avatar{box-sizing:border-box;border-width:2px;flex:0 0 48px;width:48px;height:48px;margin:auto .5rem auto auto;transition:border-color .2s,opacity .2s}.record-tracks-view .replay-icon{font-size:1.25rem}.record-tracks-view .replay-user-avatar img{border:0;width:100%;height:100%;padding:0}.record-tracks-view .replay-user-username{text-align:left;margin:auto;font-size:.95rem;transition:opacity .2s}.record-track-fragments{box-sizing:border-box;border-bottom:1px solid #1f1f1f;height:64px;padding:.5rem}.record-tracks-no-mans-land{background:#191919;flex:1 0 0}.record-track-fragment,.record-track-fragment-special{background:var(--primary);border-radius:.25rem;align-items:center;transition:opacity .2s;display:flex;position:absolute;top:.5rem;bottom:.5rem;overflow:hidden}.record-track-fragment-special{background:#191919}.record-tracks-cursor{z-index:500;filter:drop-shadow(0 0 6px #000);background:#fff;border-radius:5rem;width:4px;position:absolute;top:0;bottom:0;transform:translate(-50%)}.record-tracks-view-container{flex:1 0 0;display:flex;position:relative}.record-tracks-fragments{cursor:pointer;outline:0;flex:1 0 0;height:max-content;min-height:100%;display:flex;position:relative;overflow:auto}.record-tracks-participants{background:#101010;border-right:1px solid #202020}.record-track-muted .record-track-fragment,.record-track-is-not-present .record-track-fragment{opacity:.1}.record-track-participant.record-track-muted .replay-user-avatar,.record-track-participant.record-track-muted .replay-user-username,.record-track-participant.record-track-is-not-present .replay-user-avatar,.record-track-participant.record-track-is-not-present .replay-user-username{opacity:.25}.record-track-is-recorder .record-track-fragment{background:orange}.record-tracks-view .replay-author-icon{position:initial;transform:unset;margin:auto;font-size:1rem}.record-track-fragment-representation{background:#00000060;border-radius:5rem;width:4px;position:absolute}.record-track-is-recorder .replay-user-avatar.speaking{border-color:orange}@media screen and (min-width:720px){.replay-channel-name{font-size:1rem}.replay-current-timestamp,.replay-current-time{font-size:.95rem;font-weight:500}.record-track-participant{width:250px}}.context-menu-header{display:none}@media screen and (max-width:720px){.record-tracks-view .replay-user-username,.replay-author-icon{display:none}.record-tracks-view .replay-user-avatar{margin:0}.context-menu-wrapper{background:#141114d9;flex-direction:column;justify-content:flex-end;display:flex;bottom:0;right:0;top:0!important;left:0!important}.context-menu{background:#211d24;border-top-left-radius:1.5rem;border-top-right-radius:1.5rem;overflow:hidden}.context-menu-item{border-bottom:1px solid #2b2b2b;padding:1rem}.context-menu-item:hover{background:#29242d}.context-menu-item i{margin-right:.75rem}.context-menu-header{background:#1a171c;flex-direction:column;align-items:center;padding:1.5rem;display:flex}.context-menu-user-avatar{object-fit:contain;background:#000;border-radius:50%;width:96px;height:96px;box-shadow:0 0 6px #00000040}.context-menu-user-displayname{margin-top:.75rem;font-size:1.25rem;font-weight:600}.context-menu-user-username{cursor:pointer;font:inherit;color:#9b8fa3;background:#413946;border:0;border-radius:.5rem;margin-top:.5rem;padding:.25rem;font-size:1rem;font-weight:500}}.skip-link{clip:rect(0, 0, 0, 0);clip-path:inset(50%);color:#fff;white-space:nowrap;z-index:100000;background:#18141f;border:1px solid #8a50ff;border-radius:.65rem;width:1px;height:1px;margin:-1px;padding:0;font-weight:700;text-decoration:none;position:fixed;top:1rem;left:1rem;overflow:hidden;box-shadow:0 .5rem 1.5rem #00000073}.skip-link:focus{clip:auto;clip-path:none;outline-offset:2px;outline:3px solid #8a50ff;width:auto;height:auto;margin:0;padding:.75rem 1rem;overflow:visible}.sr-only{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:where(a,button,input,select,textarea,summary,[tabindex]:not([tabindex="-1"])):focus-visible,.track-input:focus-within{outline:3px solid var(--primary,#8a50ff);outline-offset:2px}.app-loading{--app-loading-bg:#0b0b0d;--app-loading-surface:#17171a;--app-loading-border:#ffffff1a;--app-loading-primary:var(--primary,#8b5cf6);background:var(--app-loading-bg);box-sizing:border-box;color:#f4f4f5;z-index:9999;justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex;position:fixed;inset:0}.app-loading-content{flex-direction:column;align-items:center;width:min(300px,100%);animation:.45s cubic-bezier(.22,1,.36,1) both app-loading-enter;display:flex}.app-loading-logo-wrap{justify-content:center;align-items:center;width:88px;height:88px;display:flex;position:relative}.app-loading-logo-wrap img{object-fit:cover;border-radius:50%;width:80px;height:80px;display:block}.app-loading-orbit{border:1px solid var(--app-loading-border);border-radius:50%;animation:1.1s linear infinite app-loading-spin;position:absolute;inset:0}.app-loading-orbit:before{background:var(--app-loading-primary);box-shadow:0 0 12px color-mix(in srgb, var(--app-loading-primary) 55%, transparent);content:"";border-radius:50%;width:8px;height:8px;position:absolute;top:-4px;left:50%;transform:translate(-50%)}.app-loading-copy{flex-direction:column;align-items:center;gap:.5rem;margin-top:1.5rem;display:flex}.app-loading-copy strong{letter-spacing:-.02em;font-size:1.3rem;font-weight:750}.app-loading-copy span{color:#8f8f98;font-size:.92rem}.app-loading-track{background:var(--app-loading-surface);border-radius:999px;width:100%;height:3px;margin-top:1.75rem;position:relative;overflow:hidden}.app-loading-track span{background:linear-gradient(90deg, transparent, var(--app-loading-primary), transparent);width:55%;height:100%;animation:1.35s cubic-bezier(.65,0,.35,1) infinite app-loading-progress;position:absolute;top:0;left:-55%}.app-load-error{box-sizing:border-box;color:#f4f4f5;background:#0b0b0d;justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex;position:fixed;inset:0}.app-load-error-card{text-align:center;background:#17171a;border:1px solid #ffffff1a;border-radius:1.25rem;flex-direction:column;align-items:center;max-width:32rem;padding:2rem;display:flex}.app-load-error-card>i{color:var(--primary,#8b5cf6);font-size:2.5rem}.app-load-error-card h1{margin:1rem 0 .65rem;font-size:1.35rem}.app-load-error-card p{color:#a1a1aa;margin:0;line-height:1.6}.app-load-error-card button{background:var(--primary,#8b5cf6);color:#fff;cursor:pointer;font:inherit;border:0;border-radius:.75rem;margin-top:1.5rem;padding:.8rem 1.1rem;font-weight:700}.app-loading-transition-leave-active{transition:filter .28s,opacity .28s,transform .28s cubic-bezier(.4,0,1,1)}.app-loading-transition-leave-to{filter:blur(5px);opacity:0;transform:scale(1.015)}@keyframes app-loading-enter{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes app-loading-spin{to{transform:rotate(360deg)}}@keyframes app-loading-progress{0%{left:-55%}to{left:100%}}@media (prefers-reduced-motion:reduce){.app-loading-content,.app-loading-orbit,.app-loading-track span{animation-duration:.01ms;animation-iteration-count:1}}