:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--th-bg: #050607;--th-surface: #101214;--th-surface-raised: #181b1d;--th-surface-deep: #090a0b;--th-border: #4b4d4d;--th-border-worn: #77736d;--th-text: #e7e5e1;--th-text-muted: #9b9b97;--th-red: #d63127;--th-red-dark: #5e1210;--th-red-glow: rgb(214 49 39 / 40%);--th-green: #28c77d;--th-amber: #d58a20;--th-panel-shadow: inset 0 1px rgb(255 255 255 / 8%), inset 0 0 0 1px #080909, 0 0 0 1px #201d1b, 0 .9rem 2rem rgb(0 0 0 / 28%);--th-app-chrome-height: .75rem;--th-left-rail-width: 20.5rem;--th-chat-min-width: 22rem;--th-joeckie-booth-width: 18.5rem;--th-shell-gap: .5rem;--th-shell-min-width: 62rem;--th-app-min-width: 63rem}*{box-sizing:border-box}html,body,#root{min-width:20rem;min-height:100%;margin:0}body{min-height:100vh;background:radial-gradient(circle at 50% 5%,#151617,var(--th-bg) 42rem);color:var(--th-text)}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid #f1c5c0;outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.authenticated-app{display:grid;grid-template-rows:var(--th-app-chrome-height) minmax(0,1fr);height:100dvh;min-height:100dvh;max-height:100dvh;width:100%;min-width:var(--th-app-min-width);padding:0;overflow-x:auto;overflow-y:hidden}.th-app-chrome{grid-row:1;width:100%;min-width:var(--th-app-min-width);height:var(--th-app-chrome-height);background:#000;pointer-events:none}.th-app-shell{grid-row:2;display:grid;grid-template-columns:var(--th-left-rail-width) minmax(var(--th-chat-min-width),1fr) var(--th-joeckie-booth-width);gap:var(--th-shell-gap);width:auto;min-width:var(--th-shell-min-width);min-height:0;height:auto;margin:.4rem clamp(.5rem,.8vw,.85rem) .5rem;overflow-y:hidden}.th-shell-left,.th-shell-main,.th-shell-right{min-height:0;overflow:hidden}.th-shell-left{width:var(--th-left-rail-width);min-width:var(--th-left-rail-width);max-width:var(--th-left-rail-width);display:flex;flex-direction:column;gap:.5rem}.th-shell-right{width:var(--th-joeckie-booth-width);min-width:var(--th-joeckie-booth-width);max-width:var(--th-joeckie-booth-width);display:flex;align-items:stretch;flex-direction:column;height:100%;min-height:0;gap:.5rem}.th-shell-main{min-width:var(--th-chat-min-width);display:flex;flex:1 1 auto;min-height:0}.th-shell-main>.th-chat-panel{min-height:0;flex:1 1 auto;margin-top:0}.th-brand{display:flex;align-items:center;gap:.45rem;min-height:2.75rem;padding:0 .15rem;color:#e8e4df;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:1.85rem;font-weight:500;letter-spacing:.01em;line-height:1;text-transform:none;flex-shrink:0}.th-brand>span:last-child>span{color:var(--th-red)}.th-brand-mark{display:grid;width:2.45rem;height:2.45rem;flex-shrink:0;place-items:center;border:2px solid #bebbb6;border-top-color:var(--th-red);border-right-color:var(--th-red);border-radius:50%;color:#f0efeb;font-size:1.15rem;letter-spacing:-.1em;transform:rotate(-8deg)}.th-brand-mark:first-letter{color:#dedbd6}.th-shell-header{display:flex;align-items:center;justify-content:space-between;gap:.4rem;min-height:2.75rem;flex-shrink:0;width:100%}.th-header-clock-panel{display:flex;align-items:center;justify-content:center;padding:.25rem .5rem;border:1px solid var(--th-border-worn);border-top-color:#4a4d4e;border-radius:.45rem;background:linear-gradient(145deg,#141517,#090a0b 70%);box-shadow:inset 0 1px 2px #000000bf,inset 0 0 .8rem #14050566,0 1px #ffffff0f;flex:0 0 auto;max-width:8.5rem;min-width:7.2rem}.th-panel{overflow:hidden;border:1px solid var(--th-border-worn);border-radius:.65rem;background:linear-gradient(145deg,#191b1d,#0b0c0d 65%);box-shadow:var(--th-panel-shadow)}.th-panel-heading{display:flex;align-items:center;justify-content:space-between;min-height:2.65rem;padding:.45rem .7rem;border-bottom:1px solid #393b3c;background:linear-gradient(180deg,#292b2c,#17191a 55%,#101112);box-shadow:inset 0 1px #ffffff21}.th-panel-heading h1,.th-panel-heading h2{margin:0;color:#d4d3cf;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:clamp(.92rem,1.3vw,1.25rem);font-weight:400;letter-spacing:.035em;text-transform:uppercase}.th-panel-heading>span{color:#c7c6c2;font-size:1.5rem;line-height:1}.th-leds{display:flex;gap:.38rem}.th-leds i{display:block;width:.55rem;height:.55rem;border:1px solid #8c1e1b;border-radius:50%;background:var(--th-red);box-shadow:0 0 .5rem var(--th-red-glow)}.th-leds i+i{background:#7f130f;box-shadow:none}.th-radio-panel{display:flex;min-height:0;flex:1 1 auto;flex-direction:column;padding:clamp(.35rem,.6vh,.55rem)}.th-frequency{margin:clamp(.35rem,.8vh,.65rem) clamp(.5rem,.8vw,.75rem);padding:clamp(.3rem,.6vh,.45rem) clamp(.5rem,.8vw,.75rem);border:1px solid #3e2422;border-radius:.25rem;background:#060708;box-shadow:inset 0 0 1.2rem #170505,inset 0 0 0 1px #050505}.th-frequency-instruments{display:flex;justify-content:space-between;color:#a9a39b;font-family:Courier New,monospace;font-size:.58rem;letter-spacing:.12em}.th-frequency-instruments span:nth-child(2){color:#d54136}.th-frequency-instruments span:last-child{color:var(--th-amber)}.th-frequency strong{display:block;color:#ff453a;font-family:Courier New,monospace;margin:.15rem 0 0;font-size:clamp(1.65rem,2.4vw,2.85rem);font-weight:500;letter-spacing:.03em;line-height:1;text-align:center;text-shadow:0 0 .7rem rgb(255 62 50 / 65%)}.th-frequency-scale{display:flex;justify-content:space-between;margin-top:.35rem;padding-top:.3rem;border-top:.25rem repeating-linear-gradient(90deg,#b9b7b0 0 1px,transparent 1px 9px,#555 9px 10px,transparent 10px 18px);color:#aaa9a4;font-family:Arial Narrow,sans-serif;font-size:.6rem}.th-radio-grid{display:grid;min-height:0;flex:1 1 auto;grid-template-columns:minmax(0,1fr);gap:.5rem;padding:0;overflow-y:auto}.th-channel-block{min-width:0;padding:clamp(.45rem,.8vh,.65rem);border:1px solid #343637;border-radius:.3rem;background:#141517}.th-voice-room-group{display:grid;gap:.15rem}.th-voice-members{margin:0;padding:0 0 0 1rem;list-style:none;display:grid;gap:.15rem}.th-voice-member-row{display:grid;grid-template-columns:1.8rem minmax(0,1fr) 1rem;align-items:center;gap:.35rem;min-width:0;padding:.2rem 0}.th-voice-member-row .th-avatar{width:1.6rem;height:1.6rem;font-size:.7rem}.th-voice-member-row strong{display:block;font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.th-channel-block{display:flex;flex-direction:column;justify-content:flex-start;gap:.3rem}.th-channel-block h2,.th-transmission h2{margin:0 0 .35rem;color:#cac9c4;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:.84rem;font-weight:400;letter-spacing:.035em;text-transform:uppercase}.th-channel-block h2:nth-of-type(2){margin-top:clamp(.35rem,.8vh,.75rem)}.th-channel-block nav{display:grid;gap:.15rem}.th-channel-block nav button,.th-voice-rooms button{display:flex;align-items:center;gap:.45rem;min-width:0;min-height:clamp(1.95rem,3vh,2.35rem);padding:.3rem .45rem;border:1px solid transparent;border-radius:.25rem;background:transparent;color:#cfcdc8;font-size:clamp(.85rem,.95vw,.96rem);text-align:left;white-space:nowrap;overflow:hidden}.th-voice-rooms button{justify-content:space-between}.th-room-name{display:flex;align-items:center;gap:.45rem;min-width:0;overflow:hidden;text-overflow:ellipsis}.th-occupancy{flex-shrink:0}.th-channel-block nav button:hover{background:#222426}.th-channel-block nav button.is-selected{border-color:#a22922;background:linear-gradient(90deg,#631510,#2c1110);box-shadow:inset 0 0 .75rem #9d1e1873;color:#fff4ed}.th-channel-block nav b{display:grid;width:1.25rem;height:1.25rem;margin-left:auto;place-items:center;border-radius:50%;background:var(--th-red);color:#fff;font-size:.68rem}.th-voice-rooms{display:grid;gap:.15rem}.th-voice-rooms .is-active{color:#f3f0ea;background:#212324}.th-voice-rooms .is-active span{color:var(--th-red)}.th-transmission{display:grid;align-content:start;gap:.3rem;grid-template-rows:auto repeat(3,minmax(2.8rem,3.4rem))}.th-transmission h2{line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.th-transmission-row{display:grid;grid-template-columns:2.1rem minmax(0,1fr) 2.6rem;align-items:center;gap:.35rem;min-width:0}.th-transmission-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.th-transmission-row strong,.th-transmission-row small,.th-profile-control strong,.th-profile-control small{display:block}.th-transmission-row small{color:#b7b6b2;font-size:.7rem}.th-transmission-row:first-of-type small{color:#ff443b}.th-avatar{display:grid;width:2.35rem;height:2.35rem;flex:0 0 auto;place-items:center;border:1px solid #807a70;border-radius:50%;background:radial-gradient(circle at 38% 32%,#e4d5bd 0 12%,#8b2a20 13% 22%,#1f1f1e 24% 100%);color:#f5ede3;font-family:Impact,sans-serif;font-size:.85rem;text-shadow:0 1px #000}.th-avatar-large{width:2.7rem;height:2.7rem;font-size:1rem}.th-signal{display:block;height:1.1rem;background:linear-gradient(90deg,transparent 0 8%,currentColor 8% 14%,transparent 14% 23%,currentColor 23% 32%,transparent 32% 41%,currentColor 41% 51%,transparent 51% 60%,currentColor 60% 73%,transparent 73% 82%,currentColor 82% 92%,transparent 92%)}.th-signal.high{color:var(--th-red)}.th-signal.medium{color:var(--th-green)}.th-signal.low{color:#777}.th-personal-panel{position:relative;flex:0 0 auto;margin-top:auto}.th-connection{display:grid;grid-template-columns:1.8rem minmax(0,1fr) auto;align-items:center;gap:.5rem;padding:clamp(.45rem,.7vh,.65rem);border-bottom:1px solid #343637}.th-connection strong,.th-connection small{display:block}.th-connection strong{color:var(--th-green)}.th-connection small{color:#d8d4cd;font-size:.82rem}.th-connection-bars{height:1.6rem;fill:var(--th-green)}.th-control-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.25rem;padding:clamp(.32rem,.5vh,.45rem)}.th-control-grid button{display:grid;width:clamp(1.9rem,2.2vw,2.15rem);height:clamp(1.9rem,2.2vw,2.15rem);min-height:0;padding:.35rem;place-items:center;justify-self:center;border:1px solid #484a4a;border-radius:.25rem;background:linear-gradient(#242627,#151617);color:#dedbd4}.th-icon-control,.th-gear-button{position:relative}.th-icon-control svg,.th-control-grid button svg,.th-gear-button svg{width:100%;height:100%}.th-icon-control:after,.th-control-grid button:after,.th-gear-button:after{position:absolute;z-index:5;bottom:calc(100% + .35rem);left:50%;width:max-content;max-width:11rem;padding:.26rem .4rem;border:1px solid #514a43;border-radius:.18rem;background:#090a0b;box-shadow:0 .35rem .75rem #00000073;color:#e4ddd3;content:attr(data-tooltip);font-family:Courier New,monospace;font-size:.62rem;line-height:1.2;opacity:0;pointer-events:none;text-align:center;transform:translate(-50%,.15rem);transition:opacity .12s ease,transform .12s ease;visibility:hidden}.th-icon-control:hover:after,.th-icon-control:focus-visible:after,.th-control-grid button:hover:after,.th-control-grid button:focus-visible:after,.th-gear-button:hover:after,.th-gear-button:focus-visible:after{opacity:1;transform:translate(-50%);visibility:visible}.th-control-grid button.is-live{border-color:#a52d25;background:linear-gradient(#741b16,#41110e);color:#ffdbd4}.th-control-grid button.is-active{box-shadow:inset 0 0 0 1px var(--th-amber)}.th-control-grid button:disabled{cursor:default;opacity:.62}.th-disconnect-button{display:grid;width:clamp(1.9rem,2.2vw,2.15rem);height:clamp(1.9rem,2.2vw,2.15rem);padding:.35rem;place-items:center;border:1px solid #8d251e;border-radius:.25rem;background:linear-gradient(#7e221b,#46110d);color:#f5e9e5}.th-profile-control{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.5rem;padding:clamp(.45rem,.7vh,.65rem);border-top:1px solid #343637}.th-profile-control small{color:var(--th-text-muted);font-size:.75rem}.th-gear-button{width:clamp(1.9rem,2.2vw,2.25rem);height:clamp(1.9rem,2.2vw,2.25rem);padding:.38rem;border:1px solid #484a4a;border-radius:.25rem;background:linear-gradient(#242627,#151617);color:#d4d2cc}.th-account-menu{position:absolute;z-index:3;right:.65rem;bottom:calc(100% - .25rem);display:grid;width:min(15rem,calc(100vw - 2rem));gap:.2rem;padding:.7rem;border:1px solid #6a625a;border-radius:.3rem;background:#151617;box-shadow:0 1rem 2rem #0009}.th-account-menu>span{margin-bottom:.45rem;color:var(--th-text-muted);font-size:.75rem}.th-account-menu button{padding:.55rem;border:0;background:transparent;color:#eeeae3;text-align:left}.th-account-menu button:hover{background:#30201e}.th-chat-panel{display:flex;width:100%;min-height:0;flex-direction:column;border-color:#656760;background:linear-gradient(145deg,#1b1e1f,#0e1011 52%,#111213);box-shadow:inset 0 1px #ffffff1a,inset 0 0 0 1px #090a0b,0 0 0 1px #403630,0 1rem 2.4rem #00000057}.th-chat-panel .th-panel-heading{flex:0 0 auto}.th-chat-panel .th-panel-heading>span{color:#a6a39e;font-size:.78rem}.th-chat-scroll{display:grid;flex:1 1 auto;align-content:start;gap:1rem;min-height:0;padding:clamp(1.15rem,2vw,1.75rem);overflow:auto}.th-message{display:grid;grid-template-columns:2.9rem minmax(0,1fr);gap:.8rem}.th-message-avatar{width:2.8rem;height:2.8rem}.th-message header{display:flex;align-items:baseline;flex-wrap:wrap;gap:.55rem}.th-message header strong{font-size:1.08rem}.th-message time{color:#96948f;font-size:.72rem}.th-message p{max-width:42rem;margin:.18rem 0 .55rem;color:#d4d2cc;line-height:1.45}.th-date-rule{grid-column:1 / -1;display:flex;align-items:center;gap:.7rem;color:#a6a39d;font-size:.75rem;text-align:center;text-transform:uppercase}.th-date-rule:before,.th-date-rule:after{height:1px;flex:1;background:#353738;content:""}.th-image-attachment{display:grid;width:min(13.5rem,100%);aspect-ratio:1.35;place-items:center;border:1px solid #595b58;border-radius:.3rem;background:linear-gradient(145deg,#c9c5bb 0 10%,#615f58 11% 30%,#323331 31% 50%,#837c70 51% 68%,#1c1e1d 69%);color:#f2ede4;font-size:.65rem;letter-spacing:.1em;text-shadow:0 1px #000}.th-file-attachment,.th-link-preview{display:flex;align-items:center;gap:.6rem;width:min(20.5rem,100%);padding:.7rem;border:1px solid #3d4141;border-radius:.5rem;background:#1a1d1e}.th-file-attachment>span:first-child{font-size:1.8rem}.th-file-attachment div,.th-link-preview div{display:grid;gap:.2rem;min-width:0}.th-file-attachment small,.th-link-preview small{color:#aaa8a2;font-size:.72rem}.th-file-attachment>span:last-child{margin-left:auto}.th-play-mark{display:grid;width:2.8rem;height:2.2rem;place-items:center;border:1px solid #5d5e5a;background:#0b0c0d}.th-reactions{display:flex;gap:.35rem;margin-top:.45rem}.th-reactions button{padding:.25rem .45rem;border:1px solid #3e4142;border-radius:.4rem;background:#1a1c1d;color:#e6e1d7}.th-composer{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto auto;align-items:center;gap:.25rem;margin:.9rem;padding:.35rem .45rem;border:1px solid #3e4142;border-radius:.55rem;background:#17191a}.th-composer button{min-width:2rem;min-height:2rem;border:0;background:transparent;color:#c9c8c2}.th-composer button:disabled{opacity:.35}.th-composer input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#e8e4dc}.th-composer input::placeholder{color:#777873}.th-survivors-panel ul{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:.08rem;margin:0;padding:.38rem .55rem;list-style:none}.th-survivors-subhead{display:flex;justify-content:space-between;padding:.42rem .55rem;border-bottom:1px solid #343637;color:#d2d0ca;font-size:.64rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.th-survivors-panel li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.48rem;padding:.12rem 0}.th-survivors-panel li strong,.th-survivors-panel li small{display:block}.th-survivors-panel li small{color:#a6a49f;font-size:.66rem;white-space:nowrap}.th-survivors-panel li small i{display:inline-block;width:.5rem;height:.5rem;margin-right:.35rem;border-radius:50%;background:var(--th-green)}.th-survivors-panel li small i.idle{background:var(--th-amber)}.th-survivors-panel .th-avatar{width:1.95rem;height:1.95rem}.th-survivors-panel li strong{font-size:.91rem}.th-record-panel{display:flex;flex-direction:column;height:100%;min-height:0;flex:1 1 auto;gap:.65rem;padding-bottom:.65rem;overflow-y:auto;overflow-x:hidden}.th-panel-heading,.th-booth-branding,.th-record-copy,.th-progress,.th-player-buttons,.th-record-footer,.th-media-display,.th-youtube-player,.th-youtube-unavailable,.th-media-intake,.th-youtube-source,.th-query-source,.th-search-results{flex:0 0 auto}.th-record-panel.is-drop-target{border-color:#de453a;box-shadow:inset 0 0 0 1px #7f1a15,inset 0 0 2rem #d6312733,var(--th-panel-shadow)}.th-audio-engine{display:none}.th-record-mode{color:var(--th-red)!important;font-family:Courier New,monospace;font-size:.62rem!important;letter-spacing:.1em}.th-booth-branding{position:relative;display:grid;grid-template-columns:minmax(0,54%) 1fr;align-items:center;min-height:clamp(8.25rem,13vh,10rem);margin:0;padding:0;background:#000;border-bottom:1px solid #2e3131;overflow:hidden}.th-vinyl-stage{position:relative;z-index:2;display:grid;min-width:0;height:100%;place-items:center;padding:.35rem .45rem;pointer-events:none}.th-joeckie-mascot,.th-joekie-mascot{position:absolute;top:0;right:0;bottom:0;height:100%;width:clamp(8.5rem,52%,13.5rem);object-fit:cover;object-position:center 20%;z-index:1;pointer-events:none;-webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.05) 10%,rgba(0,0,0,.4) 25%,rgba(0,0,0,.85) 50%,#000000 70%,#000000 100%);mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.05) 10%,rgba(0,0,0,.4) 25%,rgba(0,0,0,.85) 50%,#000000 70%,#000000 100%)}.th-media-intake{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:0 .7rem;color:#aaa7a1;font-size:.67rem}.th-media-intake button,.th-youtube-source button{min-height:1.85rem;padding:.2rem .45rem;border:1px solid #784039;border-radius:.2rem;background:linear-gradient(#56201b,#301210);color:#f5e4df;font-size:.68rem;font-weight:700;white-space:nowrap}.th-media-intake span{min-width:0;text-align:right}.th-media-display{display:flex;justify-content:center;align-items:center;width:100%;min-height:0}.th-media-display--youtube{min-height:0}.th-vinyl{position:relative;display:grid;isolation:isolate;width:min(9rem,calc(100% - .8rem));aspect-ratio:1;margin:0;place-items:center;overflow:hidden;border:1px solid #010101;border-radius:50%;background:radial-gradient(circle at 31% 23%,rgb(255 255 255 / 15%) 0 .7%,transparent 15%),repeating-radial-gradient(circle at 50% 50%,#181a1b 0 .6px,#070808 .7px 1.5px,#111314 1.6px 2.15px,#050606 2.25px 3.25px),radial-gradient(circle at 50% 50%,#1c1e1f 0,#080909 62%,#010101);box-shadow:inset 0 0 0 .32rem #0b0c0d,inset 0 0 1.4rem #ffffff14,inset 0 0 2.2rem #0000009e,0 .38rem .85rem #0000009e;animation:th-vinyl-spin 3.8s linear infinite;animation-play-state:paused;will-change:transform}.th-vinyl.is-playing{animation-play-state:running}.th-vinyl:before{position:absolute;z-index:1;inset:3.25%;border:1px solid rgb(255 255 255 / 5%);border-radius:inherit;background:radial-gradient(circle at 68% 24%,transparent 0 52%,rgb(255 255 255 / 8%) 60%,transparent 68%),repeating-radial-gradient(circle at center,transparent 0 3.9%,rgb(255 255 255 / 5%) 4.15% 4.32%,transparent 4.55% 6.1%);box-shadow:inset 0 0 .45rem #000000bf;content:"";pointer-events:none}.th-vinyl:after{position:absolute;z-index:3;width:.56rem;height:.56rem;border:2px solid #171819;border-radius:50%;background:radial-gradient(circle,#020202 0 38%,#77736b 40% 45%,#070707 47%);box-shadow:0 0 0 1px #ffffff38;content:""}.th-vinyl-label{position:relative;z-index:2;display:grid;width:49%;aspect-ratio:1;padding:.35rem;place-items:center;border:2px solid #211d19;border-radius:50%;background:linear-gradient(135deg,#e2ddd1,#81776c 43%,#241d1b 44%,#983027 77%,#151515 78%);background-position:center;background-size:cover;background-repeat:no-repeat;color:#241b19;text-align:center;text-transform:uppercase;overflow:hidden}.th-vinyl-label.has-artwork{border-color:#38312b;background-color:#0b0c0d}.th-vinyl-label.has-artwork:before{position:absolute;inset:0;border-radius:50%;box-shadow:inset 0 0 0 1px #ffffff26,inset 0 0 .5rem #0009;content:"";pointer-events:none}.th-vinyl-label span{font-size:.45rem;font-weight:800}.th-vinyl-label strong{font-family:Impact,sans-serif;font-size:clamp(.7rem,1.3vw,.95rem);letter-spacing:.03em;line-height:.9}.th-vinyl-label small{font-size:.42rem;font-weight:700}.th-vinyl-label i{position:relative;z-index:2;width:.35rem;height:.35rem;border:1px solid #050505;border-radius:50%;background:#d7cdbb}.th-record-copy{display:grid;gap:.15rem;padding:0 .7rem;text-align:center}.th-record-copy strong{font-family:Impact,sans-serif;font-size:1.15rem;font-weight:400;letter-spacing:.05em;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.th-record-copy span{color:#aaa7a1;font-size:.7rem;letter-spacing:.08em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.th-youtube-player{width:calc(100% - 1.4rem);max-width:17rem;height:clamp(5.5rem,11vh,7.25rem);margin:0 auto;background:#000;border-radius:.25rem;overflow:hidden}.th-youtube-player iframe{display:block;width:100%!important;height:100%!important;min-height:0!important;border:0}.th-youtube-unavailable{display:grid;justify-items:center;gap:.35rem;margin:0 .7rem;padding:.55rem;border-left:2px solid #c63a31;background:#160c0b;color:#cdc9c2;text-align:center}.th-youtube-unavailable strong{color:#e8b1aa;font-family:Courier New,monospace;font-size:.65rem;letter-spacing:.1em}.th-youtube-unavailable span,.th-youtube-unavailable a{font-size:.68rem}.th-youtube-unavailable a{color:#f2bbb5}.th-youtube-source{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.35rem;margin:0 .7rem}.th-youtube-source input{min-width:0;min-height:1.85rem;padding:.2rem .45rem;border:1px solid #3d4141;border-radius:.2rem;background:#0a0b0c;color:#e9e4dc;font-size:.7rem}.th-youtube-source input::placeholder{color:#898782}.th-query-source{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:.35rem;margin:0 .7rem}.th-query-source input{min-width:0;min-height:1.85rem;padding:.2rem .45rem;border:1px solid #393c3c;border-radius:.2rem;background:#101213;color:#e9e4dc;font-family:Courier New,monospace;font-size:.7rem}.th-query-source input::placeholder{color:#898782}.th-query-source button{min-height:1.85rem;padding:.2rem .45rem;border:1px solid #784039;border-radius:.2rem;background:#231515;color:#e8d8d4;font-size:.67rem;font-weight:700}.th-query-source .th-search-clear{border-color:#4d4f4e;background:#1c1e1f;color:#c7c2ba}.th-query-source .th-search-clear:hover{background:#292c2d}.th-search-results{display:grid;gap:.4rem;margin:0 .7rem;padding:.5rem;border:1px solid #36322d;border-radius:.25rem;background:#111213}.th-search-status,.th-search-error{margin:0;padding:.2rem 0;font-family:Courier New,monospace;font-size:.68rem;text-align:center}.th-search-status{color:#a8a49c}.th-search-error{color:#e57368}.th-candidate-list{display:grid;gap:.35rem;margin:0;padding:0;list-style:none}.th-candidate-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.5rem;padding:.35rem .45rem;border:1px solid #282a2b;border-radius:.2rem;background:#181a1b}.th-candidate-info{display:grid;gap:.1rem;min-width:0;overflow:hidden}.th-candidate-ticker{display:block;min-width:0;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.th-candidate-ticker-text{display:inline-block;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;transform:translate(0)}.th-candidate-ticker strong.th-candidate-ticker-text{color:#dedbd4;font-size:.72rem}.th-candidate-ticker span.th-candidate-ticker-text{color:#8c8983;font-size:.62rem}.th-candidate-item:hover .th-candidate-ticker.is-overflowing{text-overflow:clip}.th-candidate-item:hover .th-candidate-ticker.is-overflowing .th-candidate-ticker-text{max-width:none;overflow:visible;text-overflow:clip;animation:th-ticker-scroll var(--ticker-duration, 4s) ease-in-out infinite alternate}@keyframes th-ticker-scroll{0%,20%{transform:translate(0)}80%,to{transform:translate(var(--ticker-distance, 0px))}}@media(prefers-reduced-motion:reduce){.th-candidate-item:hover .th-candidate-ticker.is-overflowing .th-candidate-ticker-text{animation:none!important;transform:none!important}}.th-version-badge{display:inline-block;align-self:start;width:fit-content;padding:.05rem .25rem;border:1px solid #5a3d28;border-radius:.15rem;background:#2a1c12;color:#e89e5d;font-family:Courier New,monospace;font-size:.55rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.th-candidate-add{min-height:1.5rem;padding:.15rem .5rem;border:1px solid #944a1e;border-radius:.2rem;background:linear-gradient(#b85d26,#803713);color:#fff2eb;font-size:.68rem;font-weight:700;cursor:pointer}.th-candidate-add:hover{background:linear-gradient(#c7672d,#924018)}.th-back-to-audius{min-height:1.5rem;padding:.2rem .45rem;border:1px solid #484b4d;border-radius:.2rem;background:#1f2224;color:#cdc9c2;font-size:.65rem;font-weight:600;cursor:pointer;text-align:center}.th-back-to-audius:hover{background:#2b2e30}.th-now-playing-context,.th-provider-attribution{color:#9b9992;font-family:Courier New,monospace;font-size:.61rem;letter-spacing:.03em;line-height:1.35}.th-local-host-note{margin:0 .7rem;padding:.42rem .55rem;border-left:2px solid #9e7831;background:#201a11;color:#cdc0a5;font-size:.66rem;line-height:1.4}.th-provider-link{justify-self:center;color:#e8b1aa;font-family:Courier New,monospace;font-size:.65rem}.th-provider-attribution{display:block;margin:-.3rem .7rem 0;text-align:center}.th-progress{position:relative;display:grid;grid-template-columns:1fr auto auto;gap:.4rem;margin:0 1.25rem;color:#aaa7a1;font-size:.72rem}.th-progress input{grid-column:1 / -1;width:100%;accent-color:var(--th-red)}.th-progress small:last-child{text-align:right}.th-player-buttons{display:flex;align-items:center;justify-content:space-evenly;gap:.3rem;padding:0 .7rem}.th-player-buttons button{display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;color:#cdc9c2;font-size:1.45rem;padding:.15rem;cursor:pointer;line-height:1;transition:color .15s ease,transform .1s ease}.th-player-buttons button:not(:disabled):hover{color:#fff}.th-player-buttons button:not(:disabled):active{transform:scale(.92)}.th-player-buttons button:disabled{cursor:default;opacity:.38}.th-player-buttons button svg{width:1.25em;height:1.25em;display:block}.th-volume-control{display:flex;align-items:center;gap:.3rem;color:#aaa7a1;font-size:.62rem;text-transform:uppercase}.th-volume-control input{width:4.2rem;accent-color:var(--th-red)}.th-media-error{margin:0 .7rem;padding:.45rem .55rem;border-left:2px solid #c63a31;background:#321613;color:#f2bbb5;font-size:.69rem;line-height:1.35}.th-record-footer{display:grid;grid-template-columns:1fr 1fr;gap:.4rem;padding:0 .7rem}.th-record-footer button{min-height:2rem;border:1px solid #393c3c;border-radius:.25rem;background:#161819;font-size:.75rem}.th-current-dj{display:flex;align-items:center;justify-content:center;gap:.35rem;min-height:2rem;border:1px solid #393c3c;border-radius:.25rem;background:#161819;color:#cdc9c2;font-size:.69rem;text-align:center}.th-current-dj i{display:inline-block;width:.55rem;height:.55rem;border-radius:50%;background:var(--th-red)}.th-media-queue{display:flex;flex-direction:column;flex:1 1 auto;min-height:3.5rem;max-height:none;margin:0 .7rem;padding:.55rem;overflow:hidden;border:1px solid #454543;border-radius:.25rem;background:#101213;gap:.45rem}.th-media-queue>div:first-child{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:.45rem}.th-queue-artwork{flex:0 0 auto;width:2rem;height:2rem;border:1px solid #49443e;border-radius:50%;object-fit:cover}.th-queue-artwork-fallback{background:radial-gradient(circle at center,#a63831 0 10%,transparent 11% 100%),repeating-radial-gradient(circle at center,#242526 0 2px,#0c0d0e 3px 5px)}.th-queue-item-copy{display:grid;min-width:0;flex:1;gap:.1rem}.th-queue-item-copy strong,.th-queue-item-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.th-queue-item-copy strong{color:#e7e3dc;font-size:.72rem}.th-queue-item-copy small{color:#9b9992;font-size:.63rem}.th-unresolved-queue{flex:0 0 auto;display:grid;gap:.3rem;padding-top:.25rem;border-top:1px solid #3a2e26}.th-unresolved-queue>strong{color:#d29a62;font-family:Courier New,monospace;font-size:.64rem;letter-spacing:.08em;text-transform:uppercase}.th-unresolved-queue ul{display:grid;gap:.2rem;margin:0;padding:0;list-style:none}.th-unresolved-queue li{display:grid;gap:.1rem;padding:.25rem 0;border:0}.th-unresolved-queue li span,.th-unresolved-queue li small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.th-unresolved-queue li span{color:#d5c6b7;font-size:.67rem}.th-unresolved-queue li small{color:#a99783;font-size:.59rem}.th-media-queue>div strong{color:#d9d4cc;font-family:Impact,sans-serif;font-size:.9rem;font-weight:400;letter-spacing:.04em;text-transform:uppercase}.th-media-queue>div button,.th-media-queue li>button:last-child{border:0;background:transparent;color:#e5c3be;font-size:.7rem}.th-media-queue p{margin:0;color:#989791;font-size:.7rem}.th-media-queue ol{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow-y:auto;gap:.25rem;margin:0;padding:0;list-style:none}.th-media-queue li{display:flex;align-items:center;justify-content:space-between;gap:.45rem;padding:.3rem;border:1px solid #2f3232}.th-media-queue li.is-current{border-color:#7f2a24;background:#2c1412}.th-media-queue li>button:first-child{display:grid;min-width:0;gap:.1rem;padding:0;border:0;background:transparent;color:#e7e3dc;text-align:left}.th-media-queue li span,.th-media-queue li small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.th-media-queue li small{color:#9b9992;font-size:.63rem}.auth-page,.management-page{position:relative;display:grid;min-height:100vh;place-items:center;padding:clamp(3.5rem,6vh,4.5rem) 1.5rem 2rem;background:linear-gradient(135deg,#0a0a0ced,#181114f7),repeating-linear-gradient(0deg,transparent 0,transparent 3px,rgb(255 255 255 / 1.5%) 4px)}.auth-brand-header{position:absolute;top:clamp(1rem,2.5vh,1.75rem);left:clamp(1rem,2.5vw,2rem);-webkit-user-select:none;user-select:none}.auth-frame,.management-frame{width:min(100%,32rem);border:1px solid #4a3439;border-top-color:#80333d;background:linear-gradient(145deg,#1a1a1d,#101114);box-shadow:0 1.5rem 4rem #00000073}.auth-frame{padding:clamp(1.5rem,5vw,3rem)}.auth-eyebrow{margin:0 0 .6rem;color:#ca5a64;font-size:.69rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.auth-frame h1,.management-frame h1,.management-frame h2{margin:0;color:#f3efeb;font-family:Georgia,Times New Roman,serif;font-weight:700;letter-spacing:-.02em}.auth-frame h1,.management-frame h1{font-size:clamp(2rem,6vw,2.75rem)}.auth-subtitle,.management-header p,.auth-status{color:#aaa3a3;line-height:1.6}.auth-subtitle{margin:.75rem 0 1.75rem}.auth-form,.invite-create-form,.created-invite{display:grid;gap:1rem}.auth-form label,.invite-create-form label,.created-invite label{display:grid;gap:.45rem;color:#d2cbca;font-size:.82rem;font-weight:700}.auth-form input,.invite-create-form select,.created-invite input{width:100%;min-height:2.8rem;padding:.65rem .75rem;border:1px solid #463d40;border-radius:0;outline:0;background:#0d0e10;color:#f4f0eb}.auth-form input:focus,.invite-create-form select:focus,.created-invite input:focus{border-color:#a7404a;box-shadow:0 0 0 2px #a7404a40}.auth-primary,.auth-secondary,.shell-button,.danger-button{min-height:2.7rem;padding:.65rem 1rem;border:1px solid transparent;border-radius:0;cursor:pointer;font-size:.82rem;font-weight:800;letter-spacing:.03em;text-align:center;text-decoration:none}.auth-primary{border-color:#b74752;background:linear-gradient(180deg,#a9434d,#752a32);color:#fff8f7}.auth-primary:disabled{cursor:wait;opacity:.65}.auth-secondary,.shell-button{border-color:#4e4748;background:#171719;color:#e3dddd}.auth-secondary:hover,.shell-button:hover{border-color:#8a474d}.auth-error,.field-error{color:#ed9ba2}.auth-error{margin:0;padding:.75rem;border-left:2px solid #c95862;background:#2c171a;font-size:.85rem;line-height:1.45}.field-error{font-size:.75rem;font-weight:500}.management-page{align-items:start}.management-frame{width:min(100%,56rem);margin:3rem 0;padding:clamp(1.5rem,5vw,3rem)}.management-header{display:flex;justify-content:space-between;gap:1rem;margin-bottom:2rem}.management-header .auth-secondary{align-self:start;white-space:nowrap}.created-invite{margin-top:1.5rem;padding:1rem;border:1px solid #684047;background:#171315}.created-invite .auth-eyebrow{margin:0}.invite-list{margin-top:2.5rem}.invite-list h2{font-size:1.25rem}.invite-list ul{display:grid;gap:.5rem;margin:1rem 0 0;padding:0;list-style:none}.invite-list li{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem;border:1px solid #3f393a;background:#121315}.invite-list li div{display:grid;gap:.25rem}.invite-list li span{color:#a8a1a1;font-size:.8rem}.danger-button{border-color:#7d353d;background:#351b20;color:#f4d6d8}@media(max-height:56rem){.th-app-shell,.th-shell-left,.th-shell-right{gap:.45rem}.th-brand{min-height:2.35rem;font-size:clamp(1.6rem,2.2vw,2.1rem)}.th-brand-mark{width:2.35rem;height:2.35rem;font-size:1.05rem}.th-panel-heading{min-height:2.15rem;padding:.28rem .55rem}.th-frequency{margin:.35rem .5rem;padding:.25rem .5rem}.th-frequency strong{font-size:1.7rem;margin:.1rem 0 0}.th-frequency-scale{margin-top:.3rem;padding-top:.25rem}.th-survivors-panel{height:auto;min-height:12rem;max-height:13.5rem}.th-record-panel{gap:.25rem;padding-bottom:.3rem}.th-record-panel .th-panel-heading{min-height:1.95rem}.th-booth-branding{min-height:5.85rem;margin-top:0;padding:0}.th-vinyl-stage{padding:.25rem .35rem}.th-joeckie-mascot,.th-joekie-mascot{height:100%;width:clamp(7.5rem,50%,11rem)}.th-media-intake,.th-youtube-source,.th-query-source,.th-media-intake button,.th-youtube-source button,.th-query-source button,.th-youtube-source input,.th-query-source input{min-height:1.55rem}.th-vinyl{width:min(5.35rem,calc(100% - .65rem))}.th-record-copy{gap:.05rem}.th-record-copy strong{font-size:1.05rem}.th-record-copy span{font-size:.62rem}.th-now-playing-context,.th-provider-attribution{font-size:.52rem}.th-progress{margin:0 .6rem;font-size:.62rem}.th-player-buttons button,.th-record-footer button{font-size:1.1rem}.th-current-dj,.th-record-footer button{min-height:1.65rem}.th-media-queue{min-height:2.6rem!important;padding:.35rem}}@media(max-height:48rem){.th-app-shell,.th-shell-left,.th-shell-right{gap:.35rem}.th-brand{min-height:2.1rem;font-size:1.55rem}.th-brand-mark{width:2.1rem;height:2.1rem;font-size:.95rem}.th-panel-heading{min-height:1.95rem;padding:.22rem .45rem}.th-frequency{margin:.2rem .4rem;padding:.18rem .4rem}.th-frequency strong{font-size:1.45rem}.th-frequency-instruments{font-size:.52rem}.th-frequency-scale{margin-top:.2rem;padding-top:.15rem;font-size:.52rem}.th-survivors-panel{height:auto;min-height:11.5rem;max-height:12.5rem}.th-vinyl{width:min(4.05rem,calc(100% - .55rem))}.th-booth-branding{min-height:4.5rem}.th-vinyl-stage{padding:.2rem .3rem}.th-joeckie-mascot,.th-joekie-mascot{height:100%;width:clamp(6.5rem,46%,9.5rem)}.th-media-queue{min-height:2.2rem!important;max-height:none}}@media(max-width:47.9375rem){.management-header,.invite-list li{align-items:start;flex-direction:column}}@media(max-width:28rem){.th-composer{grid-template-columns:auto minmax(0,1fr) auto auto}.th-composer button:nth-of-type(3){display:none}.th-message{grid-template-columns:2rem minmax(0,1fr)}.th-message-avatar{width:2rem;height:2rem}}@media(prefers-reduced-motion:no-preference){.th-signal.high{animation:th-pulse 1.1s steps(2,end) infinite}}@keyframes th-pulse{50%{opacity:.42}}@keyframes th-vinyl-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.th-vinyl,.th-vinyl.is-playing{animation:none}}.th-provider-switches{display:flex;gap:.35rem;margin:0 .7rem .5rem;flex-wrap:wrap}.th-provider-switches button{flex:1 1 auto;font-size:.67rem;padding:.2rem .45rem;border:1px solid #784039;background:#3f1a16;color:#f2bbb5;cursor:pointer}.th-provider-switches button:hover{background:#52241f}