.junction-app{--ink:#eee2d1;--muted:#b9aa99;--line:#6c574342;color:var(--ink);font:14px/1.5 Arial,Helvetica,sans-serif;background:#1b1714;min-height:100vh;color-scheme:dark}.junction-app *{box-sizing:border-box}.junction-app button,.junction-app input,.junction-app select{font:inherit}.junction-app button,.junction-app summary{cursor:pointer}.junction-app button{color:inherit;background:#ffffff06;border:1px solid var(--line);border-radius:5px;padding:7px 12px}.junction-app button:hover{background:#ffffff12;border-color:#c29c79}.junction-app button:disabled{opacity:.42;cursor:not-allowed}.junction-app :focus-visible{outline:2px solid #e3bc87;outline-offset:3px}.junction-app h1,.junction-app h2,.junction-app p{margin:0}.junction-app h2{font-size:13px;font-weight:600}.junction-app section{width:auto;padding:0;border-radius:0;box-shadow:none;background:none}.junction-app small{font-size:10px}.junction-app .overline{font-size:10px;letter-spacing:.18em;font-weight:600;color:var(--muted)}.junction-topbar{height:76px;position:-webkit-sticky;position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:36px;padding:0 32px;border-bottom:1px solid #9f7d5055;background:repeating-linear-gradient(175deg,#ffffff02 0 1px,transparent 1px 5px),linear-gradient(110deg,#3c2e22,#282119 60%,#34291e);box-shadow:0 3px 16px #0003}.junction-logo{display:flex;align-items:center;gap:12px;color:#e9d5b4;text-decoration:none;font:700 22px Georgia,serif;letter-spacing:2px;white-space:nowrap}.junction-logo small{display:block;font:8px Arial,sans-serif;letter-spacing:3px;margin-top:7px;text-align:center}.crossroads{font:48px Georgia,serif;color:#bca17d;text-shadow:2px 2px #110e0c}.junction-slogan{font:italic 11px Georgia,serif;letter-spacing:1px;color:#b5a084}.junction-topbar nav{display:flex;gap:9px;margin-left:auto}.junction-topbar nav button{width:36px;height:36px;padding:0;font-size:22px;border-color:transparent}.junction-topbar nav button:last-child{border:1px solid #8c7455;border-radius:50%;margin-left:9px}.junction-app .junction-room{display:block;padding:26px 32px 18px;min-height:calc(100vh - 76px);background:var(--room-background,radial-gradient(ellipse at 55% 10%,#44302455,transparent 65%)),#1b1714}.junction-room[data-palette=plum]{--accent:#d4a6d4;--stage:#38233a}.junction-room[data-palette=sepia]{--accent:#ddbb85;--stage:#3f3226}.junction-room[data-style=paper]{--line:#a48b6855}.room-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.room-heading .overline span{margin:0 10px;color:#7d6852}.junction-app .room-heading h1{font:normal clamp(25px,2.6vw,38px)/1.3 Georgia,serif;letter-spacing:-.7px;margin:7px 0}.room-heading h1>span{vertical-align:middle;font:9px Arial,sans-serif;letter-spacing:1px;color:#d5b1d7;border:1px solid #96749966;padding:5px 7px;border-radius:3px;margin-left:16px}.room-heading>div>p:last-child{color:var(--muted);font-size:12px}.room-attendance{text-align:right;display:grid;grid-gap:5px;gap:5px;font-size:12px}.room-attendance b{color:#cbbda9;font-weight:400}.room-attendance span{color:var(--muted);font-size:11px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;color:#dccbb6}.section-heading p,.section-heading>span{color:var(--muted);font-size:10px}.section-heading h2>span{font:10px Arial,sans-serif;color:#988775;padding-left:8px}.junction-app .camera-rail{border:0;margin-bottom:22px}.camera-rail>.section-heading{padding:0 0 10px}.rail-slots{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:12px;gap:12px}.rail-slot{position:relative;border:1px solid #70563e65;border-radius:7px;overflow:hidden;background:#25201b}.rail-slot.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.junction-app .slot-select{width:100%;display:block;text-align:left;padding:0;border:0;border-radius:0}.empty-seat,.slot-select>.camera-media{aspect-ratio:2.6;min-height:84px}.slot-caption{display:flex;align-items:center;justify-content:space-between;padding:7px 10px;font-size:11px;background:#211b18}.slot-caption small{color:#bda991;font-size:8px;letter-spacing:1px}.junction-app .slot-options{position:absolute;top:5px;right:5px;padding:1px 7px;background:#171218bb;border:0;font-size:11px}.empty-seat{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:repeating-linear-gradient(135deg,#ffffff01 0 1px,transparent 1px 8px);color:#ad9c87;font-size:11px}.empty-seat b{font-weight:400;font-size:24px;line-height:1.2}.empty-seat small{font-size:9px;color:#9e8e7d}.room-workspace{display:grid;grid-template-columns:minmax(0,1fr) 310px;grid-gap:18px;gap:18px;align-items:stretch}.junction-app .main-viewer{min-width:0;align-self:start;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#211b1a}.viewer-toolbar{display:flex;align-items:center;gap:8px;padding:10px 14px;font-size:12px;background:#2b2320}.viewer-toolbar>div{margin-right:auto}.viewer-toolbar button{font-size:11px;padding:5px 10px}.junction-app button.active{border-color:#b58cba77;background:#79587e33;color:#ebc7eb}.live-dot{color:#c6a1c9;margin-right:5px}.viewer-content{aspect-ratio:16/10;background:#130f14;position:relative;overflow:hidden}.viewer-content:-webkit-full-screen{width:100vw;height:100vh;aspect-ratio:auto}.viewer-content:fullscreen{width:100vw;height:100vh;aspect-ratio:auto}.camera-media,.personal-view,.program-view{width:100%;height:100%;position:relative}.camera-media{overflow:hidden;background:radial-gradient(ellipse at 65% 25%,hsl(var(--camera-hue) 24% 29%/.6),transparent 65%),linear-gradient(140deg,#211b26,#17151b)}.camera-media img,.camera-media video{width:100%;height:100%;object-fit:cover}.media-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#cbbdcd70;font-size:8px;letter-spacing:2px}.camera-monogram{font:normal 30px Georgia,serif;letter-spacing:2px;color:#ddcbd77a}.personal-view>.camera-media .camera-monogram,.program-view>.camera-media .camera-monogram{font-size:clamp(65px,9vw,130px);color:#dab7d84d}.program-view>.camera-media{background:radial-gradient(ellipse at 50% 40%,#794b7960,transparent 60%),linear-gradient(110deg,#211923,var(--stage),#1c1420)}.program-view>.camera-media:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,#d6a8e409 0,transparent 48%,transparent 65%,#d6a8e407 0,transparent 85%);pointer-events:none}.mock-wave{position:absolute;display:flex;gap:3px;align-items:center;justify-content:center;bottom:10%;left:35%;width:30%;height:20px;opacity:.23}.mock-wave i{height:25%;width:3px;background:#d9b7d7;border-radius:2px;animation:room-wave 1.5s ease-in-out infinite alternate}@keyframes room-wave{to{height:100%}}.on-air{position:absolute;left:20px;top:18px;font-size:9px;letter-spacing:1.4px;color:#f0daee;background:#241622c9;padding:6px 9px;border:1px solid #946e9466;border-radius:4px}.on-air span{margin-left:12px;color:#b2a0ae;font-size:8px}.stage-brand{position:absolute;right:24px;top:20px;font:italic 25px Georgia,serif;letter-spacing:4px;color:#d8abd999;text-align:center}.stage-brand span{display:block;font:7px Arial,sans-serif;letter-spacing:4px;margin-top:3px}.performer-caption{position:absolute;left:25px;bottom:30px}.performer-caption p{font-size:9px;letter-spacing:2px;color:#d0a6d0}.junction-app .performer-caption h2{font:normal 38px Georgia,serif;line-height:1.4}.performer-caption>span{font-size:12px;color:#ccbacc}.performer-caption b{padding:0 6px;color:#806880}.host-pip{position:absolute;width:23%;right:20px;bottom:24px;border:1px solid #ba98b466;border-radius:5px;box-shadow:0 8px 28px #0005;overflow:hidden}.host-pip .camera-media{aspect-ratio:1.6}.host-pip>span{display:block;background:#1a151ce6;padding:6px 8px;font-size:9px}.host-pip b{float:right;font-size:7px;color:#cbae88;font-weight:400}.viewer-footer{display:flex;justify-content:space-between;gap:10px;padding:13px 16px;font-size:10px;color:#b3a399}.viewer-footer b{color:#d7c6b6;font-weight:400}.profile-view{height:100%;overflow:auto;padding:30px;text-align:center;background:radial-gradient(ellipse at top,#5a413a,#241e1a 80%)}.profile-avatar{width:80px;height:80px;border-radius:50%;display:grid;place-items:center;background:#8a6b4b55;border:1px solid #c6a68355;font:40px Georgia,serif;margin:20px auto 8px}.junction-app .profile-view h2{font:32px Georgia,serif}.role-tag{display:inline-block;text-transform:uppercase;font-size:8px;letter-spacing:2px;margin:10px;color:#ccae8c}.profile-view>p:not(.overline){color:#d2c0ae;margin:12px}.profile-facts{display:flex;justify-content:center;flex-wrap:wrap;gap:16px;margin:22px;font-size:11px}.profile-view>small{color:#a99581}.room-sidebar{min-width:0;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#26201b}.junction-app .room-sidebar section{border:0;border-bottom:1px solid var(--line)}.room-sidebar>.my-feed{padding-bottom:12px}.my-feed-body{display:flex;gap:12px;align-items:center;margin:0 14px 12px}.my-camera{width:75px;height:50px;border-radius:4px;overflow:hidden;flex-shrink:0}.my-camera .camera-monogram{font-size:18px}.my-camera .media-placeholder{font-size:5px;gap:1px}.my-feed-body b{font-size:12px}.my-feed-body p{font-size:10px;color:var(--muted);margin-top:3px}.my-feed-actions{display:flex;gap:6px;margin:0 14px}.my-feed-actions button{font-size:10px;padding:6px 8px;flex:1 1}.user-scroll{max-height:240px;overflow-y:auto;padding:0 8px 8px;scrollbar-width:thin;scrollbar-color:#665442 transparent}.junction-app .user-summary,.user-row{display:flex;align-items:center}.junction-app .user-summary{gap:9px;flex:1 1;min-width:0;text-align:left;border:0;padding:6px;background:none}.user-summary[aria-expanded=true]{background:#ffffff07}.small-avatar{display:grid;place-items:center;flex-shrink:0;width:28px;height:28px;background:#68513b40;border:1px solid #8d705144;border-radius:50%;font:13px Georgia,serif;color:#c3ac8d}.user-name{display:grid;flex:1 1;font-size:11px}.user-name small{color:#aa9681;font-size:9px;text-transform:capitalize}.status-icon{font-size:11px;width:16px;text-align:center}.green{color:#8bbe9a}.red{color:#bd8477}.yellow{color:#e1ba65}.junction-app .user-options{font-size:9px;padding:7px 4px;border:0;background:transparent}.expanded-user{padding:9px;background:#19151280;border-radius:4px;margin:4px 4px 8px}.expanded-user>.camera-media{height:72px;float:left;width:88px;margin:0 10px 5px 0}.expanded-user>p{font-size:10px}.expanded-user>small{display:block;font-size:9px;color:var(--muted);margin:5px 0}.expanded-user>button{clear:both;display:block;font-size:10px;padding:4px 8px;width:100%}.junction-app .room-chat{display:flex;flex-direction:column;flex:1 1;min-height:230px;border:0;padding-bottom:10px}.chat-history{height:150px;flex:1 1;overflow-y:auto;padding:0 14px;max-height:220px;scrollbar-width:thin}.chat-message{font-size:11px;margin:0 0 10px}.chat-message b{font-size:10px;color:#d1baa3}.chat-message p{color:#c5b8a9;margin-top:2px}.chat-message.system{border-left:2px solid #826b4c;padding-left:8px}.chat-message.system p{font-size:10px;color:#ad9981}.chat-message.admin b{color:#c69aca}.room-chat form{display:flex;gap:7px;margin:10px 12px 5px}.room-chat input{width:100%;min-width:0;background:#1b1713;border:1px solid #67523b66;border-radius:5px;padding:8px 9px;color:var(--ink);font-size:11px}.room-chat form button{padding:3px 12px;background:#755e47;color:#f5e2c5}.room-chat>small{text-align:center;color:#aa9782;font-size:9px}.contextual-controls{position:relative;display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-top:16px;border:1px solid var(--line);border-radius:6px;padding:12px 16px;background:#272018}.contextual-controls>div:first-child{margin-right:auto}.contextual-controls p{font-size:10px;color:var(--muted);margin-top:2px}.contextual-controls>button,.demo-controls{font-size:11px}.demo-controls>div{position:absolute;right:0;bottom:calc(100% + 8px);z-index:10;background:#2b221b;box-shadow:0 10px 30px #0008;padding:18px;border:1px solid #846849;border-radius:6px;display:grid;grid-gap:10px;gap:10px}.demo-controls label{display:grid;grid-gap:5px;gap:5px}.demo-controls select{padding:5px;background:#211a15;border:1px solid #755c42;border-radius:3px}.approval-controls{display:flex;gap:6px;font-size:11px;flex-wrap:wrap}.room-context-menu{color:var(--ink);background:#2d241e;border:1px solid #a4825d;border-radius:9px;padding:0;max-height:80vh;width:320px;box-shadow:0 20px 80px #0008}.room-context-menu::-webkit-backdrop{background:#100b0866}.room-context-menu::backdrop{background:#100b0866}.menu-actions{display:grid;grid-gap:4px;gap:4px;padding:0 12px 12px}.menu-actions>button{text-align:left;border:0}.menu-actions>button small{float:right;color:#ab9780}.menu-actions>p{font-size:11px;color:var(--muted);padding:5px 10px}.room-notice{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);max-width:90vw;z-index:30;background:#463529;border:1px solid #a98b65;padding:12px 18px;border-radius:7px;box-shadow:0 10px 40px #0008;font-size:12px}.room-notice button{margin-left:15px;padding:0 6px}@media(min-width:1600px){.junction-app .junction-room{max-width:1760px;margin:auto;padding-left:50px;padding-right:50px}.room-workspace{grid-template-columns:minmax(0,1fr) 350px}.user-scroll{max-height:290px}}@media(max-width:1050px){.junction-slogan{display:none}.junction-app .junction-room{padding:20px}.room-workspace{grid-template-columns:minmax(0,1fr) 285px;gap:12px}.viewer-content{aspect-ratio:4/3}.viewer-footer{flex-wrap:wrap}.empty-seat small{display:none}.host-pip{width:28%;right:12px}.performer-caption{left:15px}.stage-brand{font-size:18px}.room-heading h1>span{display:none}}@media(max-width:760px){.junction-topbar{height:66px;padding:0 14px;gap:10px}.junction-logo{font-size:15px;letter-spacing:1px;gap:7px}.junction-logo small{font-size:6px;letter-spacing:1.5px}.crossroads{font-size:30px}.junction-topbar nav{gap:1px}.junction-topbar nav button{width:27px;height:30px;font-size:19px}.junction-topbar nav button:last-child{margin-left:2px}.junction-app .junction-room{padding:16px 12px}.room-heading{margin-bottom:18px}.room-heading .overline{font-size:8px;letter-spacing:1px}.room-attendance{display:none}.rail-slots{display:flex;overflow-x:auto;padding:2px 1px 7px;scroll-snap-type:x proximity}.rail-slot{flex:0 0 170px;scroll-snap-align:start}.camera-rail>.section-heading p{max-width:160px;text-align:right;font-size:8px}.room-workspace{display:flex;flex-direction:column}.main-viewer{width:100%}.viewer-content{aspect-ratio:16/11}.room-sidebar{width:100%}.user-scroll{max-height:240px}.room-chat{min-height:260px}.chat-history{max-height:240px}.performer-caption{bottom:20px}.junction-app .performer-caption h2{font-size:28px}.performer-caption>span{font-size:10px}.host-pip{bottom:18px}.host-pip>span{font-size:7px}.host-pip b{display:none}.viewer-toolbar{padding:8px}.viewer-toolbar button{font-size:10px;padding:5px 7px}.viewer-toolbar button>span{display:none}.on-air{left:12px;top:12px;font-size:8px}.on-air span{display:none}.stage-brand{top:12px;right:12px}.contextual-controls{gap:10px;padding:12px}.contextual-controls .overline{font-size:8px}}@media(prefers-reduced-motion:reduce){.mock-wave i{animation:none;height:50%}}.junction-app .junction-room{background-image:linear-gradient(#1b1714eb,#1b1714f7),var(--room-background);background-size:cover;background-position:50%;background-attachment:fixed}.camera-media .mock-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.camera-media>button{position:absolute;z-index:3;bottom:12px;right:12px}.playlist-table{overflow:auto;margin:12px 0}.playlist-table table{width:100%;border-collapse:collapse;font-size:12px}.playlist-table td,.playlist-table th{padding:8px;text-align:left;border-bottom:1px solid var(--line)}.playlist-table tr[aria-selected=true]{background:#79587e33}.playlist-table strong{display:block;color:#b7d6b9}.dj-playlist button{margin:3px}.youtube-player{height:250px}.youtube-player,.youtube-player iframe{width:100%;min-width:200px;min-height:200px}.youtube-player iframe{height:100%}.youtube-embed{min-width:200px;flex:1 1}.youtube-embed p{font-size:11px}.youtube-program-main{position:absolute;inset:38px 12px 100px;z-index:2;display:flex;flex-wrap:wrap;align-items:start;gap:10px;background:#100d13;overflow:auto}.youtube-companion{position:relative;width:150px;aspect-ratio:16/9;overflow:hidden}.youtube-program-pip{position:absolute;right:16px;top:48px;width:260px;z-index:2;background:#100d13;padding:4px}.youtube-program-pip .youtube-player{height:200px}.viewer-content:has(.youtube-program-main),.viewer-content:has(.youtube-program-pip){min-height:500px}.youtube-coordination-error{position:absolute;top:50px;left:20px;font-size:10px}.scene-window .youtube-player{height:200px}.scene-window:has(.youtube-embed){min-width:200px;min-height:200px}.dj-control-deck{margin-top:18px;border:1px solid var(--line);border-radius:8px;background:#211b1a;padding:12px;color:var(--ink)}.dj-broadcast-actions,.dj-deck-heading,.dj-deck-tabs{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.dj-deck-heading>span{flex:1 1;font-size:11px;color:var(--muted)}.dj-deck-panel{margin:12px 0;padding:14px;background:#151217;border:1px solid var(--line);border-radius:6px;max-height:520px;overflow:auto}.dj-deck-tabs{display:grid;grid-template-columns:repeat(8,minmax(0,1fr))}.dj-deck-tabs button{min-height:44px;font-size:12px}.dj-deck-tabs small{display:block;font-size:8px}.dj-control-deck button[aria-pressed=true]{border-color:#be9ac4;background:#79587e55}.dj-control-deck label{display:inline-flex;flex-direction:column;gap:5px;margin:0 12px 12px 0;font-size:12px;max-width:100%}.dj-control-deck input,.dj-control-deck select{max-width:100%;min-height:36px;background:#251f29;color:var(--ink);border:1px solid var(--line);border-radius:4px;padding:5px}.dj-control-deck input[type=range]{padding:0}.dj-control-deck small{color:var(--muted)}.dj-control-deck p{font-size:12px;margin:10px 0 0}.dj-broadcast-actions{margin-top:10px}.dj-scene-presets button{margin:0 8px 10px 0}.dj-scene-sources small{display:block;margin-bottom:10px}.scene-preview{position:relative;width:100%;max-width:640px;aspect-ratio:16/9;background:#100d13;overflow:hidden;border:1px solid #796481;margin:10px 0}.scene-window{position:absolute;overflow:hidden;background:#19141e}.scene-main{inset:0}.scene-pip{aspect-ratio:16/9;border:1px solid #be9ac4;z-index:1}.scene-pip.bottom-right{bottom:3.33%;right:1.875%}.scene-pip.bottom-left{bottom:3.33%;left:1.875%}.scene-pip.top-right{top:3.33%;right:1.875%}.scene-pip.top-left{top:3.33%;left:1.875%}.scene-window img,.scene-window video{width:100%;height:100%;object-fit:fill}.scene-window>button{position:absolute;bottom:5px;left:5px;font-size:10px;max-width:95%;z-index:2}.scene-unavailable{display:flex;align-items:center;justify-content:center;height:100%;padding:12px;text-align:center;font-size:11px;color:#cbbdcd}@media(max-width:700px){.dj-deck-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.dj-deck-heading>span{flex-basis:100%}.dj-deck-panel{max-height:420px;padding:10px}.scene-pip .scene-unavailable,.scene-pip>button{font-size:8px;padding:3px}}.junction-onboarding-avatar,.profile-avatar,.small-avatar{background-position:50%;background-size:cover}.junction-onboarding form{display:grid;grid-gap:.75rem;gap:.75rem;margin-top:1.25rem}.junction-onboarding label{font-size:.8rem;font-weight:700;color:#c7a6f5}.junction-onboarding input{width:100%;border:1px solid rgb(255 255 255/20%);border-radius:8px;background:#1b1326;color:#f8f5ff;padding:.8rem 1rem;font:inherit}.junction-onboarding button{border:1px solid rgb(255 255 255/22%);border-radius:8px;background:#6f4a8e;color:#fff;padding:.85rem 1rem;font:inherit;cursor:pointer}.junction-onboarding button:disabled{opacity:.5;cursor:not-allowed}.junction-onboarding-avatar{width:86px;height:86px;border-radius:50%;display:grid;place-items:center;border:1px solid rgb(255 255 255/20%);background-color:#2a1838;color:#f8f5ff;font:40px Georgia,serif;margin:1.25rem 0 .25rem}.media-source-controls{margin:12px 14px 0;padding-top:10px;border-top:1px solid var(--line);font-size:11px}.media-source-controls h3{font-size:12px;margin-bottom:8px}.media-source-picker{display:grid;grid-gap:8px;gap:8px;min-width:0}.media-source-options{display:flex;gap:6px;flex-wrap:wrap}.media-source-options button{font-size:10px;padding:6px 8px}.media-source-options button[aria-pressed=true]{border-color:#a98b65;background:#755e47}.media-source-picker label{display:grid;grid-gap:5px;gap:5px}.media-source-picker input{width:100%;min-width:0;font-size:10px}.media-source-controls small,.media-source-picker small{display:block;margin-top:5px;color:var(--muted);overflow-wrap:anywhere}.karaoke-song-finder{margin-top:16px;padding:16px;border:1px solid #ffffff24;border-radius:12px}.karaoke-song-finder summary{cursor:pointer;font-weight:600}.karaoke-song-finder label{display:inline-flex;flex-direction:column;gap:4px;margin:8px 12px 8px 0}.karaoke-song-finder input{max-width:100%;min-width:220px;padding:8px;font:inherit}.karaoke-song-finder button{margin:8px 8px 8px 0;padding:8px 12px;font:inherit}.karaoke-song-finder .youtube-embed,.karaoke-song-finder form{max-width:640px}