/* Presenter studio visual system. Functionality lives in the existing app. */
:root{--ink:#132822;--muted:#657970;--surface:#fff;--line:#e0e9e2;--forest:#153f32;--mint:#bceca3;--lime:#d7f4af;--paper:#f1f5ef;--shadow:0 24px 65px rgba(24,54,41,.08);color:var(--ink);background:var(--paper)}
body{background:radial-gradient(ellipse at 100% 0,#e4f0e4 0,transparent 42%),#f1f5ef;color:var(--ink)}
button,input,select{font-family:inherit}button{transition:background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #70ad77;outline-offset:3px}.topbar{height:80px;padding:0 clamp(24px,5vw,76px);background:rgba(251,253,249,.92);border-bottom:1px solid #e0e9e0}.brand{gap:12px;color:#153a2d}.brand b{font-size:20px;letter-spacing:-1.1px}.brand small{color:#688474;font-size:8px;letter-spacing:2.7px}.brand-mark{width:39px;height:39px;gap:3px;transform:rotate(-8deg)}.brand-mark span{border-radius:3px;background:#1c6047}.brand-mark span:nth-child(2){background:#a4d96d}.brand-mark span:nth-child(3){background:#80bc90}.header-links{gap:26px}.header-note{font-size:12px;color:#6b8073}.header-admin,.back-link{font-size:12px;color:#375d49;text-decoration:none}.header-admin{padding:10px 14px;border:1px solid #d9e6db;border-radius:99px;background:#fff}.header-admin:hover{text-decoration:none;background:#edf7eb}
.landing{max-width:1550px;min-height:calc(100vh - 80px);padding:34px clamp(24px,5vw,76px) 25px;grid-template-columns:minmax(0,1fr) minmax(375px,440px);gap:24px;align-items:stretch}.hero-copy{position:relative;isolation:isolate;overflow:hidden;align-self:stretch;min-height:620px;padding:clamp(38px,5vw,72px);border:1px solid #234d3d;border-radius:26px;color:#fff;background:radial-gradient(circle at 85% 18%,#397a55 0,transparent 34%),radial-gradient(circle at 7% 98%,#235b45 0,transparent 42%),linear-gradient(135deg,#112f26 0%,#193d30 58%,#244e39 100%);box-shadow:var(--shadow)}.hero-copy:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.13;background-image:linear-gradient(#b0d9ba 1px,transparent 1px),linear-gradient(90deg,#b0d9ba 1px,transparent 1px);background-size:50px 50px;mask-image:linear-gradient(130deg,transparent 22%,#000 100%)}.hero-copy .eyebrow{display:inline-flex;gap:8px;color:#c1e6bf;letter-spacing:1.8px;font-size:10px}.hero-copy .eyebrow-icon{display:grid;place-items:center;color:#d6f8ac;font-size:19px}.hero-copy h1{font:700 clamp(48px,5.2vw,78px)/1.08 Manrope,Arial,sans-serif;letter-spacing:-.055em;margin:24px 0 20px}.hero-copy h1 em{color:#c2efa9}.hero-copy>p{font-size:16px;line-height:1.7;color:#c3d7c9;max-width:460px;margin:0}.hero-foot{position:relative;z-index:2;margin-top:26px;color:#b1cbb9;font-size:11px}.mini-stack i{border-color:#234b37;background:#c1edaa;color:#214a35}.mini-stack i:nth-child(2){background:#376d4e;color:#ecfbea}.mini-stack i:nth-child(3){background:#e1f5d6;color:#416d51}
.hero-art{position:relative;width:min(100%,480px);height:190px;margin:32px 0 0 15px}.art-window{position:absolute;left:0;top:0;width:85%;height:175px;border:1px solid #ffffff32;border-radius:15px;background:#ffffff16;box-shadow:0 20px 50px #071d1355;transform:rotate(-3deg);padding:8px;backdrop-filter:blur(6px)}.art-window-top{height:25px;display:flex;align-items:center;gap:4px;padding:0 6px}.art-window-top span{width:5px;height:5px;border-radius:50%;background:#b3d4b3}.art-window-top b{margin-left:auto;font-size:7px;letter-spacing:1.4px;color:#c1dcca}.art-window-body{display:flex;gap:7px;height:calc(100% - 25px)}.art-presentation{flex:1;border-radius:9px;padding:18px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(135deg,#c5eca9,#8ac5a3);color:#28523a;font:500 14px/1.25 Manrope,Arial,sans-serif}.art-presentation strong{font-size:20px}.art-spark{font-size:22px}.art-sidebar{width:25%;border-radius:9px;background:#142f26a8;padding:14px 10px;display:flex;flex-direction:column;gap:9px}.art-sidebar i{display:block;height:8px;background:#89b99a;border-radius:20px;opacity:.6}.art-sidebar i:nth-child(2){width:70%}.art-sidebar i:nth-child(3){width:85%}.art-sidebar i:nth-child(4){width:54%}.art-avatar{position:absolute;border:3px solid #d9f3d3;border-radius:50%;overflow:hidden;box-shadow:0 8px 22px #102b1f77}.art-avatar img{display:block;width:100%;height:100%;object-fit:cover}.art-avatar-one{width:66px;height:66px;right:7%;top:14px}.art-avatar-two{width:48px;height:48px;right:2%;top:75px;border-color:#95ce9a}.art-badge{position:absolute;right:0;bottom:0;padding:10px 13px;border-radius:10px;background:#e5f8d5;color:#2b6340;box-shadow:0 10px 30px #0a29184a;font-size:9px;font-weight:800;letter-spacing:.8px}
.entry-card{align-self:center;padding:36px;border:1px solid #e0e9df;border-radius:24px;background:#fff;box-shadow:0 24px 65px #24452e12}.card-top{color:#7c9381;letter-spacing:1.6px}.spark{color:#91bb7c}.entry-card h2{font-size:32px;letter-spacing:-1.4px;margin:12px 0 8px}.entry-card>p{font-size:13px;color:#75897b}.tabs{margin:26px 0 22px;border:1px solid #e9f0e8;background:#f1f6f0;border-radius:12px}.tab{border-radius:9px;padding:13px 6px;font-size:12px;color:#6e8273}.tab.active{color:#183e2d;box-shadow:0 3px 12px #223b2814}.avatar-chooser{padding:9px 12px;border-color:#dce9dc;background:#f7faf6;border-radius:12px}.avatar-chooser:hover{border-color:#94c79e;background:#f1f9ef}.avatar-chooser img{width:48px;height:48px}.avatar-chooser strong{font-size:12px}.avatar-chooser small{font-size:11px}.avatar-chooser>span:last-child{font-size:16px;color:#54866a}label{font-size:12px;color:#344c3c;margin:18px 0 8px}input,.student-info select{height:50px;border-color:#dce7dd;border-radius:10px;background:#fbfdfb;color:#203b2b}input:hover,.student-info select:hover{border-color:#b3cbb5}input:focus,.student-info select:focus{border-color:#7eaf84;box-shadow:0 0 0 4px #b1ddae3b;outline:none}input::placeholder{color:#9bab9f}.primary,.outline{min-height:48px;border-radius:10px;font-size:12px}.primary{background:#1e5c42;border-color:#1e5c42;box-shadow:0 8px 18px #1d604425}.primary:hover{background:#144931;border-color:#144931;box-shadow:0 10px 24px #1d60443d}.outline{background:#fff;border-color:#d9e7da;color:#365c44}.outline:hover{background:#eff8ee;border-color:#bad7be}.text-button{color:#347252}.text-button:hover{color:#174c31;text-decoration:underline}.entry-card .primary{margin-top:2px}.card-help{color:#83968a!important}.recordings-home{padding:4px}.landing-bottom{align-self:end;border-color:#dce7dc;color:#84998a;letter-spacing:1.2px}
.room{max-width:1600px;padding:38px clamp(24px,5vw,76px) 28px}.room-heading{margin-bottom:24px}.room-heading h1{font-size:35px;letter-spacing:-1.6px}.room-heading p{font-size:13px;color:#718579}.eyebrow{color:#62826d}.room-actions{gap:9px}.pin-box{height:50px;border-color:#dce8dc;border-radius:11px;box-shadow:0 4px 12px #254f3009}.pin-box span{color:#7d9482}.pin-box strong{color:#193d2e;letter-spacing:2px}.pin-box button{color:#387658}.room-layout{grid-template-columns:minmax(0,1fr) 340px;gap:18px}.stage-card,.side-card{border:1px solid #dfe9de;border-radius:20px;padding:23px;background:#fff;box-shadow:0 15px 45px #203f2b0a}.section-heading h2{font-size:19px;color:#1c3b2b}.section-kicker{color:#7f9985;letter-spacing:1.4px}.badge{padding:8px 11px;color:#618967;background:#eef6ed}.badge.live{background:#e0f4dd;color:#2d7049}.stage{min-height:260px;border:1px solid #294b3d;border-radius:14px;background:radial-gradient(ellipse at 50% 20%,#26543f,#102a20 70%)}.stage-placeholder{position:relative}.stage-placeholder:before{content:"";position:absolute;left:50%;top:22px;width:170px;height:170px;border:1px solid #ffffff0d;border-radius:50%;transform:translateX(-50%)}.stage-symbol{position:relative;width:72px;height:72px;border:1px solid #b8e7a93d;background:#b2e5a21c;color:#cbf1b3;box-shadow:0 0 0 12px #b1e5a209}.stage-placeholder h3{font-size:20px;margin:24px 0 10px}.stage-placeholder p{font-size:12px;color:#a9c5b1}.stage-slot{background:#0b1811}.stage-name{border-radius:7px;padding:7px 10px;background:#101f19da;font-size:11px}.connection-panel{margin-top:15px;padding:12px 14px;border-radius:11px;border-color:#e5eee4;background:#f8fbf7}.connection-panel strong{font-size:12px}.connection-stats{color:#688372}.stage-footer{padding-top:17px;color:#71897a;line-height:1.5}.stage-controls{justify-content:flex-end;gap:6px}.stage-controls .text-button{padding:7px 9px;background:#f3f8f2;border-radius:8px}.stage-controls .text-button:hover{background:#e5f3e4;text-decoration:none}.side-description,.empty{color:#788d7d;font-size:12px}.participants{margin:16px 0}.participant{padding:12px 0;border-color:#edf3ec}.avatar{width:40px;height:40px;flex-basis:40px;box-shadow:0 2px 8px #173c241c}.participant-info strong{font-size:12px}.participant-info small{color:#809487}.participant button{border-radius:8px;background:#eaf5e7;color:#31714a}.participant button:not(:disabled):hover{background:#d9edda}.room-tools,.poll-panel{border-color:#e9f0e8}.reactions{justify-content:space-between;gap:8px}.reactions button{flex:1;min-height:42px;border-radius:10px;background:#f8fbf7}.reactions button:hover{background:#eaf6e9;transform:translateY(-2px)}.poll-heading h3{font-size:16px}.poll-choice{border-radius:9px;background:#f7faf5;color:#325e41}.room-bottom{color:#809587}.banner{border:1px solid #eedba8;border-radius:10px}.toast{z-index:40;border-radius:12px;background:#193f2f;box-shadow:0 12px 30px #0c261e33}
.dialog-copy{color:#687f70;font-size:13px}dialog{border:1px solid #e0eadf;border-radius:20px;box-shadow:0 30px 90px #0a241851}dialog::backdrop{background:#0e281dc7;backdrop-filter:blur(4px)}.dialog-top h2{font-size:25px}.icon-button{width:36px;height:36px;display:grid;place-items:center;border-radius:9px;background:#f1f7ef}.icon-button:hover{background:#e5f1e4}.avatar-grid{gap:10px}.avatar-option{border-radius:12px;padding:5px;background:#f3f8f1;color:#4c6c55;font-size:10px}.avatar-option:hover{background:#e4f4e0}.avatar-option img{border-radius:8px}.invite-qr{border:8px solid #fff;border-radius:12px;box-shadow:0 2px 15px #163c2112}.recording-item{border-color:#ebf1ea}.recording-item strong{font-size:13px}
/* Administration shares the same visual language. */
.admin-login{max-width:1450px;min-height:calc(100vh - 80px);padding:48px clamp(24px,5vw,76px);gap:24px;grid-template-columns:minmax(0,1fr) minmax(375px,440px)}.login-intro{padding:64px;border-radius:26px;color:white;background:radial-gradient(circle at 90% 10%,#3e8057,transparent 40%),linear-gradient(135deg,#122f26,#234f38);min-height:450px;display:flex;flex-direction:column;justify-content:center;box-shadow:var(--shadow)}.login-intro .eyebrow{color:#c2e7bf}.login-intro h1{font-size:clamp(48px,5vw,68px);letter-spacing:-.05em}.login-intro h1 em{color:#c1efa8}.login-intro>p{color:#c4d9c9}.admin-note{color:#b9d2c0;margin-top:45px}.admin-note strong{color:#e3f4df}.admin-note>span{background:#ffffff20;color:#d9f7ba}.dashboard{max-width:1500px;padding:42px clamp(24px,5vw,76px) 28px}.dash-heading h1{color:#173b2a}.dash-heading p,.rooms-title p{color:#748a79}.overview{background:linear-gradient(115deg,#173d30,#2b6548);border:1px solid #386d4c;border-radius:19px;box-shadow:0 14px 40px #153f2925}.overview strong{color:#e3f7d7}.overview span:not(.status-dot){color:#b5d3bb}.system-card,.rooms-card{border-color:#e0eade;border-radius:18px;box-shadow:0 12px 35px #25422e0a}.room-row{border-color:#e9f0e8}.room-avatar{background:#e7f4e4}.rooms-title h2{color:#1d402d}.room-primary strong,.room-stat strong{color:#294b35}.system-card strong{color:#315e40}
@media(max-width:1050px){.landing{grid-template-columns:minmax(0,1fr) 390px}.hero-copy{padding:45px}.hero-copy h1{font-size:55px}.room-layout{grid-template-columns:minmax(0,1fr) 300px}.stage-card,.side-card{padding:20px}.stage-controls{justify-content:flex-start}}
@media(max-width:760px){.topbar{height:72px;padding:0 20px}.header-note{display:none}.header-links{gap:10px}.header-admin{padding:9px 12px}.landing{min-height:0;padding:16px 16px 24px;gap:16px}.hero-copy{min-height:0;padding:32px 28px;border-radius:20px}.hero-copy h1{font-size:clamp(40px,10vw,55px);letter-spacing:-.055em;margin:18px 0 14px}.hero-copy>p{font-size:14px}.hero-art{height:150px;width:min(100%,390px);margin:25px 0 0}.art-window{height:140px}.art-presentation{padding:12px;font-size:11px}.art-presentation strong{font-size:16px}.art-avatar-one{width:53px;height:53px}.art-avatar-two{width:42px;height:42px;top:60px}.art-badge{font-size:8px;padding:8px}.hero-foot{margin-top:20px}.entry-card{padding:25px;border-radius:20px}.landing-bottom{margin:4px 0 0;padding-top:18px;font-size:8px}.room{padding:26px 16px}.room-heading{gap:17px}.room-heading h1{font-size:30px}.room-actions{align-items:stretch}.pin-box{min-width:0;flex:1 1 100%}.room-actions>.outline{flex:1}.room-layout{grid-template-columns:1fr;gap:14px}.stage-card,.side-card{padding:18px;border-radius:17px}.stage{min-height:200px}.stage-footer{gap:10px}.stage-controls{justify-content:flex-start}.stage-controls .text-button{padding:9px}.side-card{min-height:0}.room-bottom{font-size:8px}.admin-login{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding:16px;gap:16px}.login-intro{min-height:0;padding:34px 28px;border-radius:20px}.login-intro h1{font-size:44px;margin:18px 0}.login-intro>p{font-size:14px}.admin-note{margin-top:25px}.admin-login .entry-card{padding:25px}.dashboard{padding:28px 16px}.dash-heading h1{font-size:31px}.overview{gap:22px}.system-card{grid-template-columns:repeat(2,minmax(0,1fr))}.room-row{grid-template-columns:minmax(0,1fr) auto}}
@media(max-width:380px){.hero-copy{padding:27px 22px}.hero-copy h1{font-size:39px}.hero-art{height:135px}.art-window{height:125px}.hero-foot{font-size:10px}.landing-bottom{font-size:7px}.stage-controls .text-button{font-size:10px}.room-actions .outline{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
@media(max-width:760px){.landing .entry-card,.admin-login .entry-card{width:100%;align-self:stretch}.landing-bottom{gap:14px;flex-wrap:wrap}.stage{width:100%;min-width:0;min-height:0;aspect-ratio:16/9}}
@media(min-width:1100px){.system-card{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(min-width:761px) and (max-width:1099px){.system-card{grid-template-columns:repeat(3,minmax(0,1fr))}}