:root{color-scheme:dark;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;background:#0f151a;color:#edf1f0;--panel:#172129;--line:#32424d;--muted:#97aab6;--orange:#ffa35f;--green:#a6cdb4}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button,a.button{cursor:pointer}button{transition:background .15s,border-color .15s}button:disabled{opacity:.4;cursor:default}[hidden]{display:none!important}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #ffd2ad;outline-offset:3px}.topbar{height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line);padding:0 36px;background:#11191e}.brand{font-size:24px;font-weight:750;letter-spacing:2px;text-decoration:none;display:flex;align-items:center;gap:10px;white-space:nowrap}.brand b{color:var(--orange)}.brand span{font-size:9px;font-weight:500;color:#9bb0bd;letter-spacing:1.7px;border-left:1px solid #42525f;padding-left:20px;margin-left:12px}.top-meta{display:flex;align-items:center;gap:17px}.version{font-size:9px;letter-spacing:1px;border:1px solid #415360;border-radius:4px;color:#a2b3be;padding:6px 8px}.connection{display:flex;align-items:center;gap:7px;font-size:10px;color:#a4b9b7}.connection:before{content:"";display:block;width:5px;height:5px;background:#758996;border-radius:50%}.connection.online:before{background:#a2c8ac}.connection.offline{color:#e6ac91}.connection.offline:before{background:#d58d65}main{max-width:1600px;margin:0 auto;padding:32px 36px 45px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:10px}.eyebrow{font-size:9px;font-weight:600;color:#a9bbc5;letter-spacing:1.7px;margin:0 0 10px}h1,h2,h3,p{margin-top:0}h1{font-size:38px;line-height:1.15;font-weight:520;letter-spacing:-1.3px;margin-bottom:15px}h2{font-size:22px;font-weight:530;letter-spacing:-.45px;margin:0}h3{font-size:14px;font-weight:550;margin-bottom:12px}.subtle{color:var(--muted);font-size:12px;line-height:1.7;margin-bottom:0}.page-heading{display:flex;justify-content:space-between;gap:25px;align-items:center;margin:8px 0 31px}.page-heading h1{margin-bottom:0}.pilot-note{display:flex;flex-direction:column;gap:7px;border-left:2px solid #a97651;padding:5px 0 5px 18px;color:#9cafbc;font-size:11px;line-height:1.6}.pilot-note strong{font-size:14px;color:#dec0a4;font-weight:550}.workspace{display:grid;grid-template-columns:350px minmax(0,1fr);gap:25px;align-items:start}.setup-column,.operations-column{display:flex;flex-direction:column;gap:20px}.setup-panel{padding:25px 23px}.section-title{margin-bottom:22px}.section-title.inline{display:flex;justify-content:space-between;align-items:center;gap:15px}.section-title .eyebrow{font-size:8px;margin-bottom:8px}.section-title.inline h2{font-size:22px}label{display:block;font-size:11px;font-weight:550;color:#bfced6;margin:17px 0 8px}input,select,textarea{background:#101a21;color:#e4ecef;border:1px solid #405360;border-radius:5px;padding:10px 11px;width:100%;font-size:12px;line-height:1.5}input::placeholder,textarea::placeholder{color:#697e8c}textarea{resize:vertical;min-height:100px}select{padding-right:20px}input[type=number]{padding-right:6px}.field-note{font-size:10px;color:#8197a6;line-height:1.7;margin:9px 0 0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-row>div{min-width:0}.primary,.secondary,.quiet,.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:11px;line-height:1.5;min-height:37px;border-radius:5px;padding:9px 13px;text-decoration:none;font-weight:600}.primary{color:#172329;background:var(--orange);border:1px solid #ffb477}.primary:hover:not(:disabled){background:#ffb67a}.secondary{color:#d5e1e7;background:#23333f;border:1px solid #48606f}.secondary:hover:not(:disabled){background:#2a414f;border-color:#738b98}.quiet{background:transparent;border:1px solid #40525f;color:#a9bdca}.quiet:hover:not(:disabled){background:#253440}.primary>span{margin-left:auto;font-size:18px;font-weight:400}#create-button{width:100%;margin-top:22px}.text-button{border:0;background:transparent;color:#dda578;font-size:10px;padding:7px 0;white-space:nowrap}.schedule-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:11px}.schedule-heading label{margin:0}.events{display:flex;flex-direction:column;gap:9px}.event-row{border:1px solid #364d5b;background:#131f28;border-radius:6px;padding:9px}.event-top{display:grid;grid-template-columns:72px minmax(0,1fr) 26px;gap:7px;align-items:center}.event-top label{font-size:9px;margin:0 0 3px;color:#8ca4b4}.event-top input,.event-top select{font-size:10px;padding:7px}.remove-event{width:25px;height:29px;margin-top:15px;border:1px solid #604d46;border-radius:4px;color:#d5a38c;background:transparent;font-size:17px}.event-row textarea{min-height:60px;margin-top:8px;font-size:10px;padding:7px}.event-row textarea:disabled{display:none}.library-note{padding:22px 23px;background:#151e25}.library-note .eyebrow{font-size:8px}.library-note h3{font-size:16px;color:#d9c1ab;font-weight:500;margin:13px 0 10px}.library-note p:last-child{font-size:11px;line-height:1.8;color:#849ba9;margin:0}.session-list-panel{padding:24px}.session-list-panel .section-title{margin-bottom:17px}.pill{font-size:10px;color:#a2b7c4;border:1px solid #425866;background:#1c2b35;border-radius:20px;padding:6px 10px;white-space:nowrap}.room-list{display:flex;gap:10px;overflow:auto;scrollbar-width:thin;padding-bottom:4px}.room-item{flex:0 0 190px;display:flex;flex-direction:column;align-items:flex-start;text-align:left;background:#121d25;border:1px solid #3a5060;border-radius:6px;color:#d4e1e8;padding:13px 14px;gap:9px}.room-item.selected{border-color:#b17c55;background:#2d2b26}.room-item strong{font-size:12px;font-weight:550;max-width:100%;overflow-wrap:anywhere}.room-item span{font-size:9px;color:#96acbb}.room-item .room-item-code{font-family:monospace;font-size:13px;letter-spacing:1.5px;color:#e2b590}.room-item-bottom{display:flex;justify-content:space-between;gap:12px;width:100%}.room-panel{padding:26px}.room-heading{display:flex;justify-content:space-between;gap:20px;align-items:start}.room-heading h2{font-size:25px;overflow-wrap:anywhere}.room-heading .eyebrow{font-size:8px}.room-heading .subtle{font-size:11px;margin:9px 0 0}.phase{font-size:10px;padding:6px 10px;border:1px solid #66715e;border-radius:20px;color:#c3cdb4;white-space:nowrap}.phase.running{background:#24392f;border-color:#62816b;color:#b6d8be}.phase.paused{background:#382f22;border-color:#806348;color:#dfc39e}.phase.finished{background:#24303b;border-color:#536c7f;color:#a9c3d6}.invite-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 21px;background:#111d25;border:1px solid #3c5667;border-radius:7px;margin-top:23px}.small-label{display:block;font-size:8px;color:#829eaf;letter-spacing:1.2px;font-weight:550}.invite-strip strong{font-family:monospace;font-size:29px;font-weight:500;letter-spacing:4px;color:#f0ba89;display:block;margin-top:6px}.invite-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.invite-note{font-size:10px;max-width:850px}.session-metrics{display:grid;grid-template-columns:1fr .85fr .7fr 1fr;gap:18px;border-top:1px solid #304650;border-bottom:1px solid #304650;padding:20px 0;margin-top:21px}.session-metrics>div+div{border-left:1px solid #3b4f5c;padding-left:19px}.session-metrics strong{display:block;font-size:18px;font-weight:500;margin-top:8px;color:#d7e3e9}.session-metrics>div:first-child strong{font-size:23px;font-family:monospace;color:#ecb786;line-height:1}.participants-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:24px 0 12px}.participants-heading h3{margin:0}.participants-heading>.small-label{font-size:7px}.participants{display:grid;grid-template-columns:1fr 1fr;gap:8px}.participant{display:flex;gap:10px;align-items:center;border:1px solid #3c5260;border-radius:6px;padding:11px;background:#14232c}.participant-avatar{width:30px;height:33px;border-radius:5px;display:flex;align-items:center;justify-content:center;background:#36554e;color:#d1e7da;font-size:11px;flex:none}.participant.observer .participant-avatar{background:#3c4859;color:#c5d4e6}.participant-detail{min-width:0}.participant strong{font-size:11px;font-weight:550;display:block;overflow-wrap:anywhere}.participant-detail span{font-size:9px;color:#8ba6b6;display:block;margin-top:4px}.participant-state{font-size:8px;border-radius:20px;background:#273a43;color:#a5b9c4;margin-left:auto;padding:4px 7px;white-space:nowrap}.participant-state.immersed{background:#30483b;color:#b2d4bd}.empty{font-size:11px;line-height:1.7;color:#7893a5;margin:9px 0}.control-heading{margin-top:27px;padding-top:23px;border-top:1px solid #304650}.control-heading .eyebrow{font-size:8px;margin-bottom:9px}.control-heading h3{font-size:17px;font-weight:500}.controls{display:flex;flex-wrap:wrap;gap:8px}.controls .finish{border-color:#7c6150;color:#d9b99f}.event-controls{display:flex;flex-wrap:wrap;gap:10px;border-top:1px solid #304650;padding-top:17px;margin-top:19px}.orange{background:#352d25;border-color:#73533e;color:#e3bb96}.event-controls form{display:flex;gap:7px;flex:1;min-width:250px}.event-controls input{font-size:10px;min-width:0}.event-controls .secondary{font-size:10px;white-space:nowrap}.journal-panel{padding:25px 26px}.journal{list-style:none;margin:0;padding:0;max-height:410px;overflow:auto;scrollbar-width:thin;scrollbar-color:#456071 transparent}.journal li{display:flex;gap:16px;padding:12px 0;border-bottom:1px solid #30434e;font-size:11px;line-height:1.75;color:#bdced8}.journal li time{flex:none;font-size:10px;font-family:monospace;color:#d5ab87;margin-top:1px}.journal li[data-type=event] span{color:#e4c6a5}.journal li[data-type=session] span{color:#a3c9b4}.debrief-prompt{border-top:1px solid #45606d;margin-top:22px;padding-top:19px;display:flex;flex-direction:column;gap:7px;font-size:11px;line-height:1.7}.debrief-prompt strong{font-weight:550;color:#c5d7df}.debrief-prompt span{font-size:10px;color:#849eae}.empty-state{padding:55px 35px;text-align:center;background:linear-gradient(140deg,#172831,#152129)}.empty-state>span{display:block;color:#936e51;font-size:47px;margin-bottom:22px}.empty-state h2{font-size:30px;line-height:1.2;font-weight:450;letter-spacing:-.6px}.empty-state p{font-size:12px;line-height:1.8;max-width:340px;margin:18px auto 0;color:#819dab}.login-card{max-width:500px;margin:6vh auto 10vh;padding:38px 40px}.login-card h1{font-size:38px;margin-top:22px}.login-card .subtle{font-size:13px}.login-card form{margin-top:25px}.login-card input{font-size:15px;padding:12px}.login-card .primary{width:100%;margin-top:18px;min-height:45px}.note{font-size:10px;color:#7f98a8;line-height:1.7;margin:19px 0 0}.error{padding:12px 15px;border:1px solid #976350;background:#3a2925;color:#efc3ab;border-radius:6px;font-size:11px;line-height:1.7;margin:19px 0 0}.app-error{margin:0 0 20px}.notice{padding:12px 15px;border:1px solid #5c7c69;background:#20352c;color:#b7d8c1;font-size:11px;border-radius:6px;margin:0 0 20px}footer{max-width:1600px;margin:auto;border-top:1px solid #2f424e;padding:20px 36px 24px;display:flex;align-items:center;gap:25px}footer>span{font-size:9px;letter-spacing:1px;color:#bd9b7d;white-space:nowrap}footer p{font-size:9px;line-height:1.8;color:#718d9f;margin:0;max-width:950px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:1500px){.workspace{grid-template-columns:380px minmax(0,1fr);gap:30px}.setup-panel{padding:28px}.room-panel{padding:30px}}@media(max-width:1080px){.topbar{padding:0 24px}.brand span{display:none}main{padding:27px 24px 35px}.workspace{grid-template-columns:310px minmax(0,1fr);gap:18px}.setup-panel{padding:22px 18px}.room-panel,.journal-panel,.session-list-panel{padding:22px}.invite-strip{align-items:start;flex-direction:column;gap:15px}.invite-actions{justify-content:flex-start}.session-metrics{gap:10px}.session-metrics>div+div{padding-left:11px}.session-metrics strong{font-size:15px}.small-label{font-size:7px;letter-spacing:.8px}.participants{grid-template-columns:1fr}.participants-heading>.small-label{display:none}.section-title.inline{flex-wrap:wrap}.event-controls form{min-width:100%;flex:1}.page-heading h1{font-size:34px}.pilot-note{font-size:10px}.pilot-note strong{font-size:12px}footer{padding-left:24px;padding-right:24px}}@media(max-width:780px){.topbar{height:76px;padding:0 18px;gap:15px}.brand{font-size:21px}.top-meta{gap:10px}.version{display:none}.connection{font-size:9px}.top-meta .quiet{padding:7px;font-size:9px;min-height:30px}main{padding:24px 18px 30px}.page-heading{align-items:start;margin-bottom:24px}.page-heading h1{font-size:30px}.pilot-note{max-width:180px;padding-left:12px;font-size:9px;gap:5px}.pilot-note strong{font-size:11px}.workspace{grid-template-columns:minmax(0,1fr)}.setup-column{order:2}.operations-column{order:1}.setup-panel{padding:25px}.setup-panel form{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.setup-panel form>label,.setup-panel form>input,.setup-panel form>select,.setup-panel form>textarea,.setup-panel form>.field-note,.setup-panel form>.schedule-heading,.setup-panel form>.events,.setup-panel form>#create-button{grid-column:1/-1}.setup-panel .form-row{grid-column:1/-1}.participants{grid-template-columns:1fr 1fr}.invite-strip{flex-direction:row;align-items:center}.invite-actions{justify-content:flex-end}.session-metrics strong{font-size:18px}.small-label{font-size:8px}.session-metrics{gap:15px}.session-metrics>div+div{padding-left:16px}.journal{max-height:340px}.empty-state{padding:38px 20px}.empty-state h2{font-size:26px}.login-card{margin:5vh auto;padding:30px}.login-card h1{font-size:34px}footer{padding:18px;gap:16px}footer p{font-size:8px}}@media(max-width:500px){.brand{font-size:19px;gap:7px;letter-spacing:1.5px}.top-meta{gap:9px}.connection{font-size:8px}.topbar{padding:0 13px}.page-heading{display:block}.page-heading h1{font-size:31px}.pilot-note{max-width:none;margin-top:20px}.pilot-note>span{display:inline}.eyebrow{font-size:8px;letter-spacing:1.2px}main{padding:22px 13px 28px}.room-panel,.journal-panel,.session-list-panel{padding:20px 16px}.section-title.inline h2{font-size:20px}.section-title.inline>.quiet{font-size:9px;padding:7px 8px;min-height:30px}.room-heading{gap:12px}.room-heading h2{font-size:22px}.room-heading .subtle{font-size:10px}.phase{font-size:8px;padding:5px 8px}.invite-strip{padding:15px;gap:17px;flex-direction:column;align-items:stretch}.invite-actions{justify-content:start}.invite-actions>*{flex:1;font-size:10px;padding:8px 9px}.invite-strip strong{font-size:28px}.session-metrics{grid-template-columns:1fr 1fr;gap:17px 12px;padding:18px 0}.session-metrics>div:nth-child(3){border-left:0;padding-left:0}.session-metrics strong{font-size:17px}.session-metrics>div:first-child strong{font-size:23px}.small-label{font-size:7px}.participants{grid-template-columns:1fr}.participant strong{font-size:12px}.participant-detail span{font-size:10px}.participant-state{font-size:9px}.control-heading h3{font-size:16px}.controls>*{flex:1 0 40%;font-size:10px;padding:9px}.event-controls>.secondary{width:100%}.event-controls form{flex-wrap:wrap;gap:8px}.event-controls form>button{width:100%}.event-controls input{font-size:11px}.journal li{font-size:10px;gap:11px}.journal li time{font-size:9px}.setup-panel{padding:23px 18px}.field-note{font-size:9px}.library-note{padding:21px 18px}.login-card{padding:27px 22px}.login-card h1{font-size:34px}.login-card .subtle{font-size:12px}footer{display:block;padding:17px 13px}footer p{margin-top:9px;font-size:8px}.empty-state p{font-size:11px}}@media(prefers-reduced-motion:reduce){button{transition:none}}