:root{color-scheme:light;--bg:#c8c9cb;--panel:#e1e2e3;--line:#a3a5a8;--ink:#202225;--muted:#55595f;--accent:#dce5d9;--metal:linear-gradient(115deg,#b9bbbe,#eeeeef 24%,#d2d3d5 48%,#f1f1f2 70%,#bfc1c4)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:repeating-linear-gradient(0deg,#fff2 0,#fff2 1px,#00000003 1px,#00000003 3px),var(--metal)}h1,h2,p{margin-top:0}h1{font-size:clamp(34px,6vw,46px);line-height:1.08;font-weight:500;letter-spacing:-.055em;margin-bottom:16px;text-wrap:balance}button,input,select{font:inherit}button{min-height:52px;border:1px solid #979a9e;border-radius:10px;padding:12px 20px;background:linear-gradient(#f3f3f4,#c5c7ca);color:var(--ink);font-weight:600;cursor:pointer;box-shadow:inset 0 1px #fff,0 2px 3px #00000013}button:hover:not(:disabled){background:linear-gradient(#fff,#dadcdf);border-color:#666a70}button:active:not(:disabled){box-shadow:inset 0 2px 5px #0002}button:disabled{opacity:.45;cursor:not-allowed}.primary{background:linear-gradient(#33363b,#181a1d);color:#f4f4f4;border-color:#15171a;box-shadow:inset 0 1px #62666d,0 3px 6px #0003}.primary:hover:not(:disabled){background:linear-gradient(#474b51,#292c31)}input,select{min-height:48px;padding:12px;background:#f1f1f2;border:1px solid #96999d;border-radius:8px;color:var(--ink);max-width:100%;box-shadow:inset 0 1px 3px #0001}label{display:block;font-size:14px;color:var(--muted)}label input,label select{display:block;margin-top:8px;width:100%}:focus-visible{outline:3px solid #346950;outline-offset:4px}a{color:inherit;text-underline-offset:4px}.eyebrow{color:var(--muted);font-size:10px;letter-spacing:.14em;font-weight:700;margin-bottom:14px}.notice{color:#843323;font-size:14px}.muted,small{color:var(--muted);font-size:12px}.audience-shell,.upload-shell{max-width:520px;margin:auto;padding:max(28px,env(safe-area-inset-top)) 28px max(24px,env(safe-area-inset-bottom));min-height:100svh}.audience-shell{display:flex;flex-direction:column}.audience-brand{display:flex;align-items:center;gap:11px;font-size:22px;line-height:1;letter-spacing:-.055em;font-weight:600}.brand-mark{display:inline-grid;place-items:center;width:30px;height:30px;border:1px solid #92969c;border-radius:50%;background:conic-gradient(from 30deg,#fff,#999da4,#f4f4f5,#a7abb1,#fff);color:#35383d;box-shadow:inset 0 0 0 2px #ffffff70,0 1px 2px #0003;font:italic 600 28px/1 Georgia,serif;padding-bottom:4px}.device-number{margin-left:auto;color:var(--muted);font:10px/1.2 ui-monospace,monospace;letter-spacing:.09em}.audience-main{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:44px 0 24px;text-align:center}.concerto-orb{width:208px;height:208px;padding:8px;border-radius:50%;background:conic-gradient(from 155deg,#868a90,#fff 17%,#aaaeb5 29%,#f9f9fa 48%,#8d9299 63%,#e9eaec 79%,#868a90);box-shadow:0 18px 28px -15px #0008,0 2px 3px #0003,inset 0 0 0 1px #ffffffa0;position:relative;flex-shrink:0}.concerto-orb:before{content:"";position:absolute;inset:-9px;border:1px solid #9a9da3;border-radius:50%;box-shadow:0 1px #ffffffa0;pointer-events:none}.orb-bezel{padding:7px;background:linear-gradient(160deg,#565b63,#111317 55%,#5d626a);box-shadow:inset 0 1px 3px #000c}.orb-bezel,.orb-screen{width:100%;height:100%;border-radius:50%}.orb-screen{display:grid;place-items:center;background:radial-gradient(ellipse at 40% 15%,#373b43,#15171c 55%,#08090b);box-shadow:inset 0 0 0 1px #ffffff25,inset 0 -8px 16px #0006;overflow:hidden}.orb-screen canvas{transform:scale(2.2)}.audience-copy{width:100%;margin-top:44px}.audience-instruction{color:var(--muted);font-size:15px;line-height:1.6;margin-bottom:22px}.readiness-details{width:min(100%,330px);margin:0;border:1px solid #a4a7ab;border-radius:10px;background:#ffffff24;box-shadow:inset 0 1px #ffffff70;text-align:left}.readiness-details summary{display:flex;align-items:center;gap:9px;min-height:46px;padding:12px 16px;font-size:12px;color:#3d4249;cursor:pointer;list-style:none}.readiness-details summary::-webkit-details-marker{display:none}.concerto-mark{padding:0 4px 10px 0}.details-chevron{margin-left:auto;width:12px;height:12px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.readiness-details[open] .details-chevron{transform:rotate(180deg)}.audience-checks{border-top:1px solid #b1b4b8;padding:6px 16px}.audience-checks>div{display:flex;align-items:center;gap:8px;padding:8px 0;font-size:11px}.audience-checks strong{margin-left:auto;font-weight:400;color:var(--muted);text-align:right}.live-pill i,.status-dot{display:inline-block;flex-shrink:0;width:7px;height:7px;border-radius:50%;background:#777d85;box-shadow:inset 0 1px 2px #0004,0 1px #fff9}.live-pill i.ok,.status-dot.ok{background:#377450;box-shadow:inset 0 1px 2px #142d2b88,0 0 6px #477d4440,0 1px #fff9}.sound-prompt{width:min(100%,330px);margin-top:12px}.sound-prompt button{width:100%;display:flex;justify-content:center;align-items:center}.audience-main>.notice{max-width:330px;margin:14px 0 0}.section-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0;width:100%}.section-picker button{text-transform:capitalize;padding:12px 8px;font-size:13px}.section-picker .chosen{border-color:#454b54;background:linear-gradient(#454b54,#22262b);color:#fff;box-shadow:inset 0 1px #737983}.section-picker.audience-four-sections{grid-template-columns:repeat(2,minmax(0,1fr));max-width:330px}.your-part{display:flex;justify-content:center;align-items:center;gap:8px;font-size:14px;color:var(--muted);margin:20px 0 0}.your-part span{width:9px;height:9px;border-radius:50%;border:1px solid #0003}.your-part strong{color:var(--ink);font-weight:500}.audience-footer{display:flex;justify-content:center;padding-top:24px}.speaker-grille{display:block;width:68px;height:14px;background:radial-gradient(circle,#555960 1px,transparent 1.5px) 0 0 /6px 6px;opacity:.6}.calibration{position:fixed;inset:0;z-index:30;background:#111111;display:flex;align-items:center;justify-content:center;padding:24px}.calibration-text{color:#fff;font-size:26px;text-align:center;max-width:520px}.performance-shell{position:fixed;inset:0;z-index:20;background:#000;display:flex;align-items:center;justify-content:center;padding:24px}.performance-surface{position:absolute;inset:0}.performance-shell[hidden]{display:none}.present-shell{min-height:100svh;padding:32px 5vw;max-width:2200px;margin:auto;flex-direction:column}.present-header,.present-shell{display:flex;justify-content:space-between}.present-header{align-items:center;gap:20px}.present-header .audience-brand{font-size:28px}.live-pill{border:1px solid #a3a6aa;border-radius:30px;padding:9px 15px;font-size:12px;color:#454a50;display:flex;align-items:center;gap:9px;background:#ffffff25;box-shadow:inset 0 1px #ffffff80}.present-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:5vw;align-items:center;padding:36px 0}.present-copy .concerto-orb{width:126px;height:126px;padding:5px;margin:8px 0 30px 8px}.present-copy .orb-bezel{padding:4px}.present-copy .orb-screen canvas{transform:scale(1.3)}.present-hero h1{font-size:clamp(72px,9vw,172px);line-height:.92;font-weight:500;letter-spacing:-.065em;margin:0 0 24px}.present-hero h1 em{font-style:normal;color:#73777e;text-shadow:0 1px #fff}.present-instruction{font-size:clamp(16px,1.6vw,28px);color:var(--muted);margin:0}.join-panel{width:100%;max-width:min(610px,calc(100svh - 290px));justify-self:end}.projector-qr{padding:8px;background:linear-gradient(130deg,#f9f9fa,#a9acb2 45%,#eceef0 72%,#9da1a8);border:1px solid #9a9ea5;border-radius:20px;box-shadow:inset 0 1px 1px #fff,0 18px 32px -18px #0008}.projector-qr img{display:block;width:100%;height:auto;background:#fff}.projector-qr img,.qr-loading{aspect-ratio:1;border-radius:12px}.qr-loading{display:grid;place-items:center;background:#fff;font-size:14px;color:#555}.join-panel h2{display:flex;justify-content:space-between;font-size:clamp(22px,2.2vw,36px);font-weight:500;letter-spacing:-.04em;margin:20px 0 4px}.join-panel h2 span{color:#656970}.join-address{font:14px/1.5 ui-monospace,monospace;color:var(--muted);text-decoration:none;overflow-wrap:anywhere}.join-address:hover{text-decoration:underline}.present-stats{display:grid;grid-template-columns:1fr 1fr 1fr 1.4fr;gap:24px;border-top:1px solid #9da1a7;box-shadow:inset 0 1px #ffffff70;padding-top:22px;align-items:center}.present-stats>div{display:flex;flex-direction:column;gap:5px}.present-stats strong{font-size:clamp(36px,3.7vw,66px);font-weight:400;line-height:1;letter-spacing:-.05em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.present-stats span{font-size:13px;color:var(--muted)}.present-stats p{font-size:clamp(16px,1.7vw,26px);color:#3e444c;margin:0;text-align:right;text-wrap:balance}.upload-shell{display:flex;flex-direction:column}.upload-heading{margin:48px 0 0;text-align:center}.upload-heading .concerto-orb{width:112px;height:112px;padding:5px;margin:10px auto 32px}.upload-heading .orb-bezel{padding:4px}.upload-heading .orb-screen canvas{transform:scale(1.1)}.upload-shell h1{font-size:38px}.upload-heading .audience-instruction{margin-bottom:0}.upload-shell .audience-footer{margin-top:auto}.upload-card{background:#ffffff30;border:1px solid var(--line);border-radius:16px;padding:24px;margin:26px 0;box-shadow:inset 0 1px #fff9,0 12px 24px -22px #0008}.upload-card .primary{width:100%;margin-top:16px}.upload-card small{display:block;margin-top:14px}.upload-card fieldset{padding:0;border:0;margin-top:28px;min-width:0}.upload-card legend{font-size:12px;color:var(--muted)}.upload-state{font-size:12px;display:flex;align-items:center;gap:10px;padding-bottom:18px;border-bottom:1px solid #b1b4b8}.file-drop{position:relative;border:1px dashed #93979d;background:#ffffff40;border-radius:12px;padding:24px 14px;text-align:center;margin:20px 0;overflow:hidden}.file-drop>span{font-size:32px;display:block;color:var(--ink)}.file-drop strong{display:block;overflow-wrap:anywhere}.file-drop input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;margin:0}.file-drop:focus-within{outline:3px solid #346950}.file-drop small{margin-top:6px}details{margin:16px 0}summary{color:var(--muted);font-size:13px;cursor:pointer}details label{margin-top:12px}.upload-progress progress{width:100%;accent-color:#377450}.upload-progress p{font-size:13px;margin:6px 0}.upload-success{margin-top:24px;color:#285e3e}.upload-success p{color:var(--muted);font-size:14px}.received-cameras>p:not(.eyebrow){display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line);font-size:13px;text-transform:capitalize}.received-cameras span{color:#285e3e}@media (max-width:760px){.present-shell{padding:26px 24px}.present-header .audience-brand{font-size:22px}.present-hero{grid-template-columns:1fr;padding:40px 0;gap:36px}.present-copy .concerto-orb{display:none}.present-hero h1{font-size:72px}.present-instruction{font-size:16px}.join-panel{justify-self:center;max-width:370px}.present-stats{grid-template-columns:repeat(3,1fr);gap:12px}.present-stats p{grid-column:1/-1;text-align:left;font-size:16px}.present-stats span{font-size:11px}}@media (max-height:740px){.audience-main{padding-top:32px}.audience-main .concerto-orb{width:160px;height:160px}.audience-main .orb-screen canvas{transform:scale(1.65)}.audience-copy{margin-top:32px}.audience-shell h1{font-size:34px}}@media (min-width:761px) and (max-height:850px){.present-shell{padding:24px 5vw}.present-hero{padding:24px 0}.present-copy .concerto-orb{width:96px;height:96px;margin-bottom:26px}.present-copy .orb-screen canvas{transform:none}.present-hero h1{font-size:clamp(64px,8vw,112px)}.join-panel{max-width:min(520px,calc(100svh - 330px))}.present-stats{padding-top:18px}}