:root{color-scheme:dark;--ink:#f4f1ed;--muted:#b3b7c2;--line:#34446b;--green:#68e8f9;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:#080c1d;color:var(--ink)}body{background:radial-gradient(ellipse at 25% 5%,#4e2cbc55,transparent 50%),#080c1d;min-height:100vh}header{padding:22px 4%;background:#0d1329ef;border-bottom:1px solid var(--line);color:var(--ink);gap:16px}header::after{display:none}header img{width:58px;height:58px;border-radius:12px}header h1{font-size:22px;font-weight:600;letter-spacing:-.035em}header .eyebrow{color:#a6c9ff;font-size:9px}.eyebrow{color:#81e9f5;font-size:10px;letter-spacing:.16em}header #status{border-color:#434650;color:#c5e7d0;background:#1e302933;font-size:12px}.workspace-nav{display:flex;gap:30px;padding:18px 4%;border-bottom:1px solid #252730;font-size:12px}.workspace-nav a{color:#b9bdc7;text-decoration:none}.workspace-nav a:first-child{color:#7cecf5}.workspace-nav span{margin-left:auto;color:#858b99}main{max-width:1700px;grid-template-columns:minmax(0,1fr) 350px;gap:28px;padding:32px 4%}.welcome{padding:32px 18px 30px 0}.group-welcome h2{font-size:clamp(56px,6.4vw,96px);line-height:.99;letter-spacing:-.065em;color:#f7f3ee;font-weight:500;margin:26px 0}.group-welcome h2 em{font-style:normal;background:linear-gradient(100deg,#9d8aff,#61eff5);background-clip:text;color:transparent}.welcome .hero-intro{font-size:17px;max-width:500px;line-height:1.8;color:#b6b8c2}.feature-strip{display:flex;flex-wrap:wrap;gap:20px;margin:30px 0 34px;color:#a6dfff;font-size:11px;letter-spacing:.02em}.welcome p,.small,.panel p{color:#b3b7c2}.panel{background:linear-gradient(145deg,#182348,#10182e);border:1px solid #34446b;border-radius:20px;padding:22px;box-shadow:0 10px 32px #0002;margin-bottom:18px}.panel h2{font-size:23px;font-weight:500;letter-spacing:-.035em}.security-panel{background:radial-gradient(ellipse at 100% 0,#6443ff33,transparent 80%),#121b36}.security-panel h2{font-size:30px;margin:18px 0}.security-panel details{font-size:12px;line-height:1.7}.panel.quiet{background:#191e23;border-color:#34433d}button{background:#192644;color:#e9e7e5;border:1px solid #405780;font-size:12px;border-radius:9px;padding:12px 15px;transition:background .15s,transform .15s}button:hover{background:#293c63;transform:translateY(-1px)}button:disabled{transform:none}.primary,#confirm-admission{background:#a99aff;border-color:#a99aff;color:#101128;box-shadow:0 3px 16px #a99aff1c}.primary:hover{background:#bcb1ff}.danger{background:#4b222b;color:#ffd5d9;border-color:#84404c}input,select,textarea,.support-form input,.support-form textarea,#notes-draft{background:#0c142b;color:#f4f1ed;border:1px solid #3b5079;border-radius:9px;padding:13px;font:inherit}input::placeholder{color:#969baa}a{color:#91e9ff}summary{cursor:pointer;color:#a5cfff}input:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #68e8f9;outline-offset:3px}.group-welcome label{color:#d8d8de;font-size:12px}#open-invitation{max-width:560px}#open-invitation button{background:#a99aff;color:#101128;border-color:#a99aff;width:100%;font-size:14px}#open-invitation input{max-width:none}.welcome details{margin:20px 0;max-width:560px;font-size:12px;line-height:1.7}#guest-setup{margin-top:10px}.admin-dashboard #schedule-meeting,.meeting-card,.person-chip{background:#15213d;color:var(--ink);border-color:var(--line)}.studio-bar{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#15213d;border:1px solid #42527c;border-bottom:0;border-radius:16px 16px 0 0;font-size:10px;letter-spacing:.1em}.studio-bar #quality-status{margin-left:auto;letter-spacing:0;color:#c1c6d1}.studio-bar button{padding:8px 10px;font-size:11px;letter-spacing:0}.live-dot{width:7px;height:7px;border-radius:50%;background:#98d6b2;box-shadow:0 0 12px #98d6b244}.group-stage{background:radial-gradient(ellipse at 30% 0,#24315c,#0c142b 70%);border:1px solid #42527c;border-radius:0 0 18px 18px;height:clamp(340px,65dvh,1000px)}.participant{background:linear-gradient(135deg,#26395e,#111b34);border:1px solid #45628c;border-radius:14px;position:relative}.participant>span{background:linear-gradient(transparent,#111620e8);padding:26px 14px 12px;font-size:13px}.participant video{object-fit:contain}.participant button{position:absolute;top:10px;left:10px;padding:6px 10px;font-size:11px;background:#0d1730d9;z-index:2}.participant[data-focused=true]{border:2px solid #a99aff}.group-stage.focus #participant-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.group-stage.focus .participant[data-focused=true]{grid-column:1/-1;aspect-ratio:16/8}.group-stage.hide-self .self-tile{display:none}.group-stage #shared-screens>video{width:100%;height:100%;min-height:0;object-fit:contain}.group-stage:has(#shared-screens>video){grid-template-rows:minmax(0,1fr) 96px}.group-stage:has(#shared-screens>video) #participant-grid{display:flex;overflow:auto}.group-stage:has(#shared-screens>video) .participant{height:96px;width:150px;flex:0 0 150px}.stage-fullscreen{background:#282c38;color:#efeee9}.toolbar{padding:14px;background:#1b1e27;border:1px solid #333744;border-radius:14px;justify-content:center}.toolbar button{min-height:42px}#mic,#camera,#share{background:#333946}#mic[aria-pressed=true],#camera[aria-pressed=true]{background:#4b222b;border-color:#84404c}#messages .message{background:#2d3340;color:#f2f2ef}#messages .message strong{font-size:11px;color:#c1b5ff}#dropzone{padding:36px 18px;background:#0d1730;border:1px dashed #628bdf;color:#91e9ff;font-size:13px}#dropzone.over{background:#29335c}.transfer{background:#0d1730;padding:16px;border:1px solid #404550;border-radius:12px;margin:12px 0}.transfer strong{font-size:13px}.transfer progress{width:100%;height:6px;accent-color:#a99aff}.transfer details{font-size:11px;line-height:1.7}.transfer details p{font-family:ui-monospace,monospace;color:#b4a8ff}.transfer a{display:block;background:#a99aff;color:#101128;padding:10px;border-radius:7px;text-align:center;text-decoration:none}dialog{color:#f4f1ed;background:#20232d;border:1px solid #69616a;box-shadow:0 25px 100px #000a}dialog::backdrop{background:#080a10c9;backdrop-filter:blur(8px)}#notice{background:#a99aff;color:#101128;font-size:14px}#live-captions{background:#111722;border-color:#a99aff}.share-preview{background:#25352e}.share-preview p{color:#d1dcd5}#email-invitation-dialog input,#email-invitation-dialog textarea{background:#0c142b;color:#fff;border-color:#3b5079}body:has(#meeting:not([hidden])) header{padding:12px 3%}body:has(#meeting:not([hidden])) .workspace-nav{display:none}body:has(#meeting:not([hidden])) main{padding:18px 3%}body:has(#meeting:not([hidden])) #meeting{grid-column:1/-1}.toolbar #leave{margin-left:12px}@media(max-width:1050px){main{grid-template-columns:1fr}aside{display:grid;grid-template-columns:1fr 1fr;gap:18px}.group-welcome h2{font-size:80px}.welcome{max-width:780px}.panel{margin-bottom:0}}@media(max-width:600px){header{padding:14px}header h1{font-size:18px}header #status{order:5;width:100%;text-align:center}header button{padding:8px;font-size:11px}.workspace-nav{gap:22px;padding:16px}.workspace-nav span{display:none}main{padding:20px 16px}.group-welcome h2{font-size:64px}.welcome .hero-intro{font-size:15px}.feature-strip{gap:15px;font-size:10px}aside{display:block}.panel{margin-bottom:16px}.studio-bar{flex-wrap:wrap}.studio-bar #quality-status{font-size:10px}.group-stage{height:58dvh}.toolbar{padding:8px}.toolbar button{flex:1 1 30%;font-size:11px}.toolbar #leave{margin-left:0}.group-stage.focus #participant-grid{grid-template-columns:1fr 1fr}.group-stage.focus .participant[data-focused=true]{aspect-ratio:4/3}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.tool-tabs{display:flex;gap:5px;position:sticky;top:0;z-index:3;background:#080c1d;padding:0 0 12px}.tool-tabs button{flex:1;padding:10px 7px}.tool-tabs [aria-pressed=true]{background:#a99aff;color:#101128;border-color:#a99aff}aside .tool-panel:not(.selected-tool){display:none}body:not(:has(#meeting:not([hidden]))) .tool-tabs{display:none}body:not(:has(#meeting:not([hidden]))) aside .panel:not(.security-panel):not(.file-desk):not(.support-panel){display:none}body:not(:has(#meeting:not([hidden]))) .file-desk{display:block!important}body:has(#meeting:not([hidden])) aside .security-panel{order:10}aside{display:flex;flex-direction:column}.support-panel summary{font-size:14px}body:has(#meeting:not([hidden])) aside .quiet{display:none}@media(max-width:1050px){aside{display:flex}.welcome{padding-bottom:20px}}

#background-dialog{width:min(660px,94vw);max-height:92dvh;overflow:auto}#background-dialog h2{font-size:32px;letter-spacing:-.04em}#background-dialog p{line-height:1.6}#background-preview{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;transform:scaleX(-1);background:#121722;border-radius:12px;margin:18px 0}#background-mode{margin:10px 0 18px}#background-status{font-size:13px;color:#a99aff}#welcome-backgrounds{margin-right:10px;margin-top:10px}body:not(:has(#meeting:not([hidden]))) aside .support-panel{display:block!important}

/* Wright Call Aurora: vivid colour for actions, quiet surfaces behind real video. */
:root{--ink:#f4f7ff;--muted:#bac8e6;--green:#75e8f7;--line:#344b75;background:#080c1d;color:#f4f7ff}
body{background:radial-gradient(ellipse at 8% 12%,#7148ff32,transparent 43%),radial-gradient(ellipse at 85% 35%,#00cfee18,transparent 45%),#080c1d}
header{background:linear-gradient(110deg,#111a38,#10162c 60%,#152548);border-bottom:1px solid #607ad255;box-shadow:0 10px 40px #0002}
header img{box-shadow:0 0 0 1px #91a7e955,0 6px 24px #0006}
.workspace-nav{background:#0b1225a8;border-color:#32467280}.workspace-nav a:first-child{color:#91f3ff}.workspace-nav a:hover{color:white}.workspace-nav span{color:#a0b3d5}
.eyebrow{color:#87edff}.group-welcome h2{font-weight:650;letter-spacing:-.065em;text-shadow:0 8px 50px #080c1d55}.group-welcome h2 em{background:linear-gradient(105deg,#af9bff 5%,#79b7ff 48%,#68f1e5 95%);background-clip:text;-webkit-background-clip:text;color:transparent}
.feature-strip span{background:#17264d;border:1px solid #5269ae88;padding:10px 12px;border-radius:999px;color:#cbdfff}.feature-strip{gap:8px}
.panel{background:linear-gradient(145deg,#192a4b,#101a34);border:1px solid #4a649566;box-shadow:0 14px 38px #0003,inset 0 1px #b3cfff12}
.security-panel{background:radial-gradient(ellipse at 100% 0,#7959ff45,transparent 78%),linear-gradient(135deg,#1e2b51,#121b35);border-color:#8c78e688}
.security-panel .eyebrow{color:#b9aaff}.file-desk{background:radial-gradient(ellipse at 100% 100%,#00d5d424,transparent 75%),#111e39;border-color:#3aaabb66}.file-desk .eyebrow{color:#71eee0}
.primary,#confirm-admission,#open-invitation button{background:linear-gradient(110deg,#7045ef,#4d47d5);color:#fff;border:1px solid #b5a1ff;box-shadow:0 6px 26px #7349fa44,inset 0 1px #ffffff22;font-weight:750}
.primary:hover,#confirm-admission:hover,#open-invitation button:hover{background:linear-gradient(110deg,#8257ff,#615bec);box-shadow:0 8px 30px #7349fa66}
button{color:#e4edff}.toolbar #share,.toolbar #send-file{background:#093d51;color:#9ff6ff;border-color:#2c99b0}.toolbar #backgrounds{background:#30265b;color:#e1d4ff;border-color:#7862bc}
.tool-tabs [aria-pressed=true]{background:linear-gradient(110deg,#7045ef,#4d47d5);color:white;border-color:#a996ff}.tool-tabs{background:#080c1d}
.studio-bar{background:linear-gradient(100deg,#20234d,#10283e);border-color:#5b70b1}.live-dot{background:#66f2d1;box-shadow:0 0 12px #66f2d180}.group-stage{border-color:#596aa7;background:radial-gradient(ellipse at 50% 0,#1b3158,#090f22 75%)}
.participant{border-color:#4b6492;box-shadow:0 4px 20px #0003}.participant[data-focused=true]{border-color:#9f8bff;box-shadow:0 0 0 2px #a082ff33}.participant>span{background:linear-gradient(transparent,#091126ed)}
#dropzone{background:#0c2036;border-color:#4acbd6;color:#a1f4fa;box-shadow:inset 0 0 36px #0bd6db0a}#dropzone:hover,#dropzone.over{background:#13384b;border-color:#8bf5fa}
#messages .message{background:#203257;color:#f1f6ff}#notice{background:#c4bbff;color:#13132c}.transfer a{background:#8cf2e6;color:#092a30}.transfer progress{accent-color:#79eadf}
input:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:#7ef2f7}
#background-dialog{background:radial-gradient(ellipse at 100% 0,#6f4de530,transparent 70%),#141e38;border-color:#8a81c9}#background-status{color:#b9aaff}
.danger{background:#4c203c;color:#ffd7e5;border-color:#b55b84}
@media(max-width:600px){.feature-strip span{padding:8px 10px;font-size:10px}.group-welcome h2{font-size:64px}}
/* Let faces fill the stage rather than inheriting centred, intrinsic grid sizing. */
.group-stage{grid-template-columns:minmax(0,1fr);align-items:stretch;justify-content:stretch}
.group-stage #participant-grid{width:100%;height:100%;align-content:stretch;grid-auto-rows:minmax(0,1fr)}
.group-stage #participant-grid .participant{width:100%;height:100%;aspect-ratio:auto;min-height:0}
.group-stage.focus #participant-grid{grid-template-rows:minmax(0,4fr) minmax(0,1fr)}
.group-stage:has(#shared-screens>video) #participant-grid{height:96px}
.group-stage:has(#shared-screens>video) #participant-grid .participant{width:150px;height:96px;flex:0 0 150px}
.group-stage.focus #participant-grid .participant[data-focused=true]{order:-1}

/* Keep the announcement control readable in either toggle state. */
#spoken-alerts,#spoken-alerts[aria-pressed="true"],#spoken-alerts[aria-pressed="false"]{background:#b91c1c;color:#fff;border-color:#ef6262;font-weight:650}
#spoken-alerts:hover,#spoken-alerts[aria-pressed="true"]:hover,#spoken-alerts[aria-pressed="false"]:hover{background:#991b1b;color:#fff;border-color:#ff8b8b}
#spoken-alerts:focus-visible{outline:3px solid #fff;outline-offset:3px}