/* Praxadon Podium: shared visual language from praxadon.com/podium. */
:root{--gold:#a9792b;--gold-light:#e5b86a;--ink:#191917;--dark:#171714;--paper:#f6f4ef;--muted:#77756f;--line:#dcd7cd;color:var(--ink);background:var(--paper)}
body{background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}.topbar{height:76px;padding:0 max(5%,calc((100vw - 1180px)/2));background:#171714;color:#fff;border-bottom:1px solid #38352f}.brand{display:inline-flex;align-items:center;line-height:1}.podium-logo{display:block;width:190px;height:auto;max-height:68px;object-fit:contain}.header-note{color:#c9c0b3}.header-admin,.back-link{color:#e5b86a;background:transparent;border:1px solid #6a6256;border-radius:3px;padding:10px 15px;text-decoration:none}.header-admin:hover,.back-link:hover{color:#fff;background:#a9792b;border-color:#a9792b;text-decoration:none}.status-dot{background:#81b28b}
.landing{max-width:none;min-height:calc(100vh - 76px);padding:70px max(5%,calc((100vw - 1180px)/2)) 0;grid-template-columns:minmax(0,1fr) 420px;gap:clamp(35px,5vw,80px);background:linear-gradient(90deg,rgba(15,15,13,.96) 0%,rgba(15,15,13,.88) 47%,rgba(15,15,13,.63) 100%),url('/podium-hero.webp') center/cover;color:#fff;align-items:center;overflow:hidden}.hero-copy{min-height:0;align-self:center;padding:0;border:0;border-radius:0;background:none;box-shadow:none;overflow:visible}.hero-copy:before,.hero-art{display:none}.hero-copy .eyebrow{color:#c28b33;font-size:11px;letter-spacing:.19em}.hero-copy .eyebrow-icon{display:none}.hero-copy h1{font:800 clamp(48px,5.3vw,76px)/1.09 Manrope,Arial,sans-serif;letter-spacing:-.065em;margin:27px 0 22px;color:#fff}.hero-copy h1 em{color:#e5b86a}.hero-copy>p{max-width:510px;color:#d6d0c7;font-size:16px;line-height:1.8}.hero-foot{display:flex;flex-wrap:wrap;gap:14px 25px;margin-top:52px;color:#c6bbaa;font-size:9px;letter-spacing:.12em;font-weight:700}.entry-card{align-self:center;padding:34px;border:1px solid #d7d0c4;border-radius:4px;background:#fff;box-shadow:0 20px 65px #0003;color:#191917}.card-top{color:#9b793f;letter-spacing:.16em}.spark{color:#a9792b}.entry-card h2{font:800 30px Manrope,Arial,sans-serif;letter-spacing:-.05em;color:#191917}.entry-card>p{color:#77736b}.tabs{background:#eeeae2;border:1px solid #e4ded4;border-radius:4px}.tab{border-radius:2px;color:#77736b}.tab.active{color:#382b18;background:#fff}.avatar-chooser{background:#f7f5f0;border:1px solid #ded8cd;border-radius:3px;color:#4a3921}.avatar-chooser:hover{background:#f1ebe0;border-color:#c6aa7d}.avatar-chooser>span:last-child{color:#a9792b}label{color:#39352f}input,.student-info select{background:#fff;border:1px solid #d8d2c6;border-radius:3px;color:#211e1a}input:hover,.student-info select:hover{border-color:#b79a6a}input:focus,.student-info select:focus{border-color:#a9792b;box-shadow:0 0 0 3px #e5b86a40;outline:none}input::placeholder{color:#aaa298}.primary,.outline{border-radius:3px}.primary{background:#a9792b;border-color:#a9792b;color:#fff;box-shadow:none}.primary:hover{background:#8c611d;border-color:#8c611d;box-shadow:none}.outline{background:#fff;color:#5b482b;border-color:#d4c8b6}.outline:hover{background:#f7f1e7;border-color:#b99864}.text-button,.pin-box button{color:#916721}.text-button:hover{color:#5d3d11}.card-help{color:#8d867b!important}.landing-bottom{position:relative;z-index:0;grid-column:1/-1;align-self:end;margin:0;padding:22px 0;border:0;color:#fff;letter-spacing:.15em}.landing-bottom:before{content:'';position:absolute;z-index:-1;top:0;bottom:0;left:calc(50% - 50vw);right:calc(50% - 50vw);background:#a9792b}
.room{max-width:1350px;padding:40px 5% 30px}.room-heading h1,.dash-heading h1{color:#191917;font-weight:800;letter-spacing:-.05em}.room-heading p,.dash-heading p{color:#77736b}.eyebrow,.section-kicker{color:#a9792b}.room-actions .outline,.pin-box{border-radius:3px}.pin-box{border-color:#d8d1c5;box-shadow:none}.pin-box span{color:#8b8275}.pin-box strong{color:#24211d}.room-layout{grid-template-columns:minmax(0,1fr) 340px;gap:1px;background:#d7d0c4;border:1px solid #d7d0c4;box-shadow:0 20px 65px #231e141f;border-radius:7px;overflow:hidden}.stage-card,.side-card{border:0;border-radius:0;box-shadow:none;padding:25px}.stage-card{background:#2b2925;color:#f6f4ef}.stage-card .section-heading h2{color:#fff}.stage-card .section-kicker{color:#c6ae88}.stage{background:#191917;border:1px solid #4a443a;border-radius:2px}.stage-slot{background:#171714}.stage-placeholder:before{border-color:#e5b86a22}.stage-symbol{color:#e5b86a;background:#a9792b26;border-color:#e5b86a55;box-shadow:0 0 0 12px #a9792b0d}.stage-placeholder p{color:#bfb6a8}.stage-name{background:#191917df;border-radius:2px}.badge{background:#ece6dc;color:#705d42;border-radius:3px}.badge.live{background:#ead4aa;color:#5f4216}.connection-panel{background:#211f1c;border:1px solid #49443c;border-radius:3px;color:#d0c1ad}.connection-panel strong{color:#f0dcc0}.connection-stats{color:#c7baaa}.stage-footer{color:#c4b9ab}.stage-controls .text-button{background:#3a352e;color:#e5b86a;border-radius:3px}.stage-controls .text-button:hover{background:#4c4334;color:#fff}.record-help{color:#c1b4a2}.side-card{background:#fff}.section-heading h2,.poll-heading h3{color:#191917}.side-description,.empty{color:#82796f}.side-icon{color:#a9792b}.participant{border-color:#ece8e0}.avatar{background:#eae4d8;color:#6b4b21;box-shadow:none}.participant-info small{color:#8c8479}.participant button{background:#f2ece2;color:#795620;border-radius:3px}.participant button:not(:disabled):hover{background:#e9dcc8}.participant button:disabled{background:#f6f4f0;color:#aaa297}.room-tools,.poll-panel{border-color:#ece8e0}.reactions button{background:#faf8f4;border-color:#e6e0d6;border-radius:3px}.reactions button:hover{background:#f2e8d9}.poll-choice{border-color:#e6ded0;background:#f7f4ee;color:#5a4629;border-radius:3px}.student-illustration{background:#f2eadc;color:#a9792b}.student-info p,.student-info .quality-help{color:#837c72}.student-info select{height:44px}.mic-status.active{color:#8c611d}.banner{background:#fff0d3;color:#70501b;border:1px solid #e9cf9c;border-radius:3px}.room-bottom{color:#968b7b}.toast{background:#201f1c;color:#fff;border-radius:3px}.reaction-float{border-radius:5px;color:#59452b}.control-request{background:#201f1cf2;border-color:#a9792b;border-radius:3px}.control-request:hover{background:#8c611d}.control-stage-notice{background:#e5b86a;color:#211c16;border-radius:3px}.control-active-video{outline-color:#e5b86a}.control-student,.control-code-box{border-color:#e2d7c6;background:#f7f4ed;border-radius:3px}.control-student strong{color:#4b3921}.student-info .control-student p{color:#776a58}.control-code-box code,.control-steps a{color:#8c611d}.control-stop{border-radius:3px}
dialog{color:#191917;background:#fff;border:1px solid #d8d1c5;border-radius:5px;box-shadow:0 20px 70px #0005}dialog::backdrop{background:#171714bd;backdrop-filter:blur(3px)}.dialog-copy{color:#726b61}.dialog-top h2{color:#191917;font-weight:800}.icon-button{background:#f4f0e9;color:#756c5e;border-radius:3px}.icon-button:hover{background:#eae1d4}.avatar-option{background:#f5f1e9;color:#725a37;border-radius:4px}.avatar-option[aria-pressed=true]{border-color:#a9792b;background:#f1e5cf}.avatar-option:hover{background:#eee3d2}.invite-qr{border-radius:3px}.recording-item{border-color:#ece8e0}.recording-item strong{color:#3e3426}.recording-links a{color:#916721}
.chat-toggle,.chat-header{background:#201f1c;border-color:#54493a;color:#fff}.chat-toggle{border-radius:4px;box-shadow:0 12px 30px #17171440}.chat-toggle:hover{background:#a9792b}.chat-panel{border-color:#d7d0c4;border-radius:5px}.chat-header-icon{border-radius:3px;background:#a9792b29;color:#e5b86a;border-color:#a9792b55}.chat-heading span{color:#c7bbab}.chat-close{border-radius:3px}.chat-messages{background:#f6f4ef}.chat-empty>span{background:#ece4d7;color:#a9792b;border-radius:4px}.chat-empty strong{color:#59482d}.chat-meta strong{color:#5c4a32}.chat-meta{color:#8c8173}.chat-host-tag{background:#efe3cf;color:#8a611e}.chat-bubble{border-color:#e9e2d7;color:#3f3529;border-radius:8px 8px 8px 2px}.chat-message.own .chat-bubble{background:#a9792b;border-color:#a9792b;color:#fff;border-radius:8px 8px 2px 8px}.chat-send{background:#a9792b;border-radius:4px}.chat-send:hover:not(:disabled){background:#8c611d}.chat-composer textarea{border-color:#ded6c9;background:#faf8f4;border-radius:4px;color:#29241e}.chat-composer textarea:focus{outline-color:#d7b879;border-color:#a9792b}.chat-unread{background:#e5b86a;color:#31210a}
/* Administration uses the same black, paper and gold system. */
.admin-login{max-width:none;min-height:calc(100vh - 76px);padding:65px max(5%,calc((100vw - 1180px)/2));gap:clamp(35px,5vw,80px);grid-template-columns:minmax(0,1fr) 420px;background:linear-gradient(90deg,rgba(15,15,13,.96),rgba(15,15,13,.72)),url('/podium-hero.webp') center/cover}.login-intro{min-height:0;padding:0;color:#fff;background:none;border:0;border-radius:0;box-shadow:none}.login-intro .eyebrow{color:#c28b33}.login-intro h1{font-weight:800;color:white}.login-intro h1 em{color:#e5b86a}.login-intro>p,.admin-note{color:#d6d0c7}.admin-note strong{color:#fff}.admin-note>span{background:#a9792b33;color:#e5b86a;border-radius:3px}.admin-login .entry-card{padding:36px}.admin-login .card-help a{color:#916721}.dashboard{max-width:1350px;padding:45px 5% 30px}.dash-heading h1 span{color:#a9792b}.overview{background:#201f1c;border:1px solid #38352f;border-radius:5px;box-shadow:0 20px 50px #231e1417}.overview strong{color:#e5b86a}.overview span:not(.status-dot){color:#d0c6b8}.overview-copy{color:#d0c6b8}.system-card,.rooms-card{background:#fff;border-color:#dcd7cd;border-radius:5px;box-shadow:0 15px 45px #231e140a}.system-card strong,.room-primary strong,.room-stat strong{color:#433829}.room-avatar,.empty-icon{background:#efe8db;color:#a9792b;border-radius:3px}.room-row{border-color:#ece8e0}.room-stat span{background:#8db792}.room-stat span.offline{background:#c8c1b6}.rooms-title h2{color:#191917}.close-room{color:#a34a45;border-color:#eddbd8}
button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #d5a856;outline-offset:3px}@media(max-width:1000px){.landing,.admin-login{grid-template-columns:minmax(0,1fr) 390px}.hero-copy h1{font-size:55px}.room-layout{grid-template-columns:minmax(0,1fr) 300px}}
@media(max-width:760px){.topbar{height:72px;padding:0 20px}.podium-logo{width:166px;max-height:62px}.landing{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding:48px 5% 0;gap:25px;background-position:60% center}.hero-copy{padding:0;min-height:0}.hero-copy h1{font-size:clamp(39px,9vw,55px);letter-spacing:-.06em;margin:20px 0 15px}.hero-copy>p{font-size:14px}.hero-foot{margin-top:28px;gap:10px 16px;font-size:8px}.landing .entry-card{width:100%;padding:25px;border-radius:4px}.landing-bottom{align-self:stretch;margin-top:8px;padding:20px 0}.room{padding:27px 4%}.room-layout{grid-template-columns:1fr;gap:1px}.stage-card,.side-card{padding:18px;border-radius:0}.stage{aspect-ratio:16/9;min-width:0;min-height:0;width:100%}.stage-footer{flex-direction:column}.stage-controls{justify-content:flex-start}.room-actions .outline{flex:1}.pin-box{flex:1 1 100%}.admin-login{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding:48px 5%;gap:25px}.login-intro{padding:0}.login-intro h1{font-size:44px}.admin-login .entry-card{width:100%;padding:25px}.dashboard{padding:28px 5%}.chat-panel{border-radius:5px}.chat-toggle{border-radius:4px}.room-bottom{gap:12px}}
/* Preserve the reference gold while keeping small white button labels legible. */
.primary,.chat-message.own .chat-bubble,.chat-send{background-color:#956b22;border-color:#956b22}.landing-bottom:before{background:#956b22}.room .eyebrow,.room .section-kicker,.dashboard .eyebrow,.dashboard .section-kicker{color:#8c611d}.stage-card .section-kicker{color:#c6ae88}
.eyebrow-icon{color:#a9792b}.control-active-video:focus{outline-color:#e5b86a}