/* Auspex: dark instrument panels, engraved brass, quiet phosphor indicators. */
.sound-panel{padding:0 24px 15px}.sound-panel .panel-heading{padding-left:0;padding-right:0;margin-bottom:14px;gap:8px}.sound-panel .panel-heading button{font-size:11px;padding:9px}.sound-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.sound-tile{position:relative;min-width:0;border:1px solid #4c5941;border-radius:3px;background:#101810}.sound-play{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;width:100%;min-height:99px;padding:14px 5px 9px;background:transparent;color:var(--ink);overflow:hidden}.sound-play:hover{background:#2b3524}.sound-image{width:48px;height:44px;object-fit:contain;pointer-events:none}.sound-glyph{font-size:25px;font-weight:400;color:var(--accent);height:44px;display:grid;place-items:center}.sound-name{font-size:10px;line-height:1.3;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sound-configure{position:absolute;right:1px;top:1px;padding:1px 5px;color:#cbb27f;background:#131b12d9;font-size:13px;line-height:20px}.sound-tile.playing,.sound-tile.dragging{border-color:#d9bc7f;box-shadow:inset 0 -3px #c5a26a}.sound-tile.playing .sound-glyph{color:#b9dc9c}.sound-tile.dragging{background:#343b25}.sound-tools{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:9px}.sound-tools .hint{min-width:0;overflow-wrap:anywhere}.sound-tools button{font-size:10px;white-space:nowrap;padding:4px}.sound-panel>p{margin-bottom:0}.sound-pickers{display:flex;gap:9px;flex-wrap:wrap}#sound-dialog{max-width:520px;width:calc(100% - 30px)}#sound-dialog h2{font-family:Georgia,'Times New Roman',serif}.sound-play:focus-visible,.sound-configure:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(max-width:430px){.sound-panel{padding:0 17px 15px}.sound-grid{gap:6px}.sound-play{min-height:90px}.sound-image{width:40px;height:38px}.sound-name{font-size:9px}}
.loop-toggle{margin-top:10px}.loop-toggle[aria-pressed=true]{color:#e8d2a9;border-color:#c5a26a;background:#343323;box-shadow:inset 3px 0 0 #c5a26a}
.help-modes{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:20px}.help-modes button{padding:10px 6px;font-size:12px;min-height:39px}.help-modes button[aria-pressed=true]{background:#343323;border-color:#c5a26a;color:#f1dfbd;box-shadow:inset 0 -2px 0 #c5a26a}.help-modes button:focus-visible{outline:2px solid #d8bc88;outline-offset:2px}#report-options{margin-bottom:16px}#report-form{width:100%}#question-label{display:block}.preview-heading{gap:8px}.preview-heading>span{min-width:0;line-height:1.5}
:root{--bg:#0e1210;--surface:#171c18;--surface2:#20281f;--line:#394136;--ink:#e9e6d8;--muted:#a3ad9d;--accent:#c5a26a;--accent-dark:#352d20;--green:#a0ce8e;--red:#e59987}
body{background:radial-gradient(ellipse at 65% 0%,#34452a35,transparent 55%),linear-gradient(90deg,#ffffff02 1px,transparent 1px),var(--bg);background-size:auto,82px 82px,auto}
.topbar{height:104px;background:#0f1511e8;border-bottom-color:#80674377;box-shadow:0 1px 0 #000,0 4px 25px #0003}
.brand{font-family:Georgia,'Times New Roman',serif;letter-spacing:6px;font-size:27px;font-weight:500;gap:16px;color:var(--ink)}
.brand-emblem{width:62px;height:62px;object-fit:contain;filter:drop-shadow(0 3px 6px #0008)}
.brand small{font-family:Segoe UI,Arial,sans-serif;color:var(--accent);font-size:8px;letter-spacing:2.2px;margin-top:7px}
.project{color:#b4b9a7}.badge{font-family:Consolas,'Courier New',monospace;border-radius:3px;background:#0a100c;font-size:11px}
.badge.online{border-color:#56734b;color:#b7dc9c;box-shadow:inset 0 0 15px #91c97409}.badge.online::before{content:'';display:inline-block;width:5px;height:5px;margin-right:8px;background:var(--green);box-shadow:0 0 6px #8dcc65}
main{padding-top:34px}.intro{position:relative;gap:25px;padding:0 0 31px;border-bottom:1px solid #80674355;margin-bottom:28px}.intro-copy{flex:1;min-width:0}.intro .eyebrow{color:#c1a575;font-size:10px;letter-spacing:2.1px}
h1{font-family:Georgia,'Times New Roman',serif;font-size:39px;line-height:1.17;letter-spacing:-.5px;font-weight:400;margin-bottom:16px}h1 span{color:#aeb6a3}.intro p:not(.eyebrow){font-size:13px;line-height:1.6;color:#aeb6a5}.intro-rule{display:flex;align-items:center;gap:10px;margin-top:21px;width:180px;opacity:.65}.intro-rule span{height:1px;background:linear-gradient(90deg,#b18f58,transparent);flex:1}.intro-rule span:first-child{transform:rotate(180deg)}.intro-rule i{font-size:8px;font-style:normal;color:var(--accent)}
.intro-device{display:flex;flex-direction:column;align-items:center;justify-content:center;width:178px;flex-shrink:0;gap:8px}.intro-device img{width:142px;height:142px;object-fit:contain;filter:drop-shadow(0 6px 17px #000a)}.intro-device span{font:8px Consolas,'Courier New',monospace;letter-spacing:1.3px;color:#a18c65;white-space:nowrap}.intro-actions{flex-direction:column;align-self:center;min-width:175px}.intro-actions button{font-size:12px;min-height:40px}
button{border-radius:3px;letter-spacing:.1px}.primary{background:linear-gradient(#d1b27f,#bc995f);border:1px solid #e0c79b80;color:#172015;box-shadow:inset 0 1px 0 #fff2,0 2px 5px #0004}.primary:hover{background:linear-gradient(#e0c390,#c8a66b)}.quiet{background:#141b15;border-color:#555b49}.quiet:hover{background:#293024;border-color:#8e7954}.text-button:hover,a:hover{color:#e2c28e}button:disabled{box-shadow:none}textarea,input:not([type=range]):not([type=checkbox]),select{background:#0d140f;border-color:#3c4839;border-radius:3px;color:var(--ink)}textarea:focus,input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 2px #c5a26a12}textarea::placeholder,input::placeholder{color:#919e8a}
.layout{gap:24px;grid-template-columns:minmax(0,1.6fr) minmax(345px,1fr)}.panel{position:relative;background:linear-gradient(145deg,#20271f,#151c17 68%);border-color:#4c5140;border-radius:4px;box-shadow:0 9px 26px #0003,inset 0 1px 0 #d7b77c0c}.panel::before{content:'';position:absolute;left:12px;right:12px;top:0;height:1px;background:linear-gradient(90deg,transparent,#baa06c80,transparent);pointer-events:none}.panel-heading{padding-top:23px;padding-bottom:20px;border-bottom:1px solid #3c453833}.panel-heading .eyebrow{color:#c3a874;letter-spacing:1.8px;font-size:9px}.panel h2{font-family:Georgia,'Times New Roman',serif;font-size:24px;letter-spacing:.1px}.panel-caption{font-size:10px;color:var(--muted);margin:6px 0 0;letter-spacing:.4px}.module-icon{width:28px;height:28px;fill:none;stroke:var(--accent);stroke-width:1.4;stroke-linecap:square;flex-shrink:0;opacity:.85}.transcript-panel{min-height:800px}.transcript-tools{background:#11191088;border-color:#3a4534;padding-top:11px;padding-bottom:11px}.transcript{background:repeating-linear-gradient(0deg,#9db58502 0,#9db58502 1px,transparent 1px,transparent 4px);max-height:850px}.empty{min-height:425px;padding:35px 14px}.empty-emblem{width:110px;height:110px;object-fit:contain;opacity:.62;filter:saturate(.7);margin-bottom:24px}.empty .eyebrow{font:9px Consolas,'Courier New',monospace;letter-spacing:1.5px;color:#b8a271;margin:0 0 12px}.empty h3{font:18px/1.5 Georgia,'Times New Roman',serif;margin:0 0 8px}.empty p:last-child{font-size:12px;line-height:1.8;max-width:320px}.dot{background:#4a5543}.dot.active{background:#b2e095;box-shadow:0 0 9px #92c46988,0 0 0 5px #8fc36512}body[data-recording=true] .transcript-panel{border-color:#6c8a50}.entry{border-color:#37412f}.avatar{border-radius:3px;background:#2d402c;color:#c1dab0}.entry.gm .avatar{background:#3c3120;color:#e5c48c}.entry p{color:#e0e5d7}.entry .pending{color:#a8b49a}.role-tag{border-color:#80663f;color:#dcc18f}.recognition-strip{background:#10180f88;border-color:#394632;font-family:Consolas,'Courier New',monospace;font-size:10px;line-height:1.7}.members .member{border-color:#485640;background:#0f170f}
.help-panel,.music-panel{padding-bottom:22px}.help-panel .panel-heading,.music-panel .panel-heading{margin-bottom:17px;padding-bottom:18px}.help-panel>label{color:#d3d8c6}.audio-drop{background:#111a10;border-color:#5b6c4f;border-radius:3px;padding:23px 12px;box-shadow:inset 0 0 35px #0004}.audio-drop.dragging{background:#2a3220;border-color:#d5b679}.drop-symbol{color:#c7ac77}.local-info{background:#20331c66;border-color:#526b40;border-radius:3px;color:#d0e4c0}.local-info strong{color:#bdd99f}.notice{border-radius:3px;background:#382d1d;border-color:#9b7c49}.demo-notice{background:#22301d;border-color:#61784d}.music-panel form{border-color:#3e4a36}.music-controls .quiet{background:#111a11}.now-playing{color:#c1cdb5}.startup-choice input{accent-color:var(--green)}
dialog{background:linear-gradient(140deg,#242b22,#141c16 65%);border-color:#87734d;border-radius:4px;box-shadow:0 20px 90px #000b}dialog::backdrop{background:#050a06df;backdrop-filter:blur(5px)}.dialog-brand{display:flex;gap:15px;align-items:center}.dialog-brand img{object-fit:contain}.dialog-brand h2{font-family:Georgia,'Times New Roman',serif;font-size:25px}.dialog-heading .eyebrow{font-size:8px}.dialog-actions{border-top:1px solid #4a523c;padding-top:20px}footer{font-size:8px;letter-spacing:1px;color:#929c87;gap:18px;flex-wrap:wrap}footer a{color:#baa174}.toast{border-radius:3px;border-color:#67884b;background:#1c301b;color:#d8e8ca}
@media(min-width:1500px){main{padding-top:38px}.transcript-panel{min-height:825px}}
@media(max-width:1150px){.intro-device{width:132px}.intro-device img{width:112px;height:112px}.intro-device span{font-size:6px;letter-spacing:1px}h1{font-size:34px}.intro-actions{min-width:155px}.layout{grid-template-columns:minmax(0,1.4fr) minmax(325px,1fr);gap:17px}.panel h2{font-size:21px}}
@media(max-width:900px){.intro-device{display:none}.intro{gap:20px}.intro-actions{min-width:155px}.header-right{gap:10px}.transcript-panel{min-height:760px}}
@media(max-width:750px){.topbar{height:85px;padding:0 16px}.brand{font-size:21px;letter-spacing:4px;gap:10px}.brand-emblem{width:46px;height:46px}.brand small{font-size:6px;letter-spacing:1.2px}.header-right{gap:8px}.badge{font-size:9px;max-width:125px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-right button{font-size:10px;padding:8px}main{padding:27px 15px 0}.intro{padding-bottom:24px;margin-bottom:24px}.intro .eyebrow{font-size:8px;letter-spacing:1.6px}h1{font-size:33px}.intro-actions{flex-direction:row;min-width:0;gap:8px;margin-top:20px}.intro-actions button{width:auto;flex:1;font-size:11px}.intro-rule{margin-top:16px;width:140px}.layout{grid-template-columns:1fr;gap:18px}.panel h2{font-size:23px}.transcript-panel{min-height:560px}.transcript{min-height:310px;max-height:560px}.empty{min-height:325px;padding:25px 8px}.empty-emblem{width:90px;height:90px;margin-bottom:19px}.empty h3{font-size:17px}.recognition-strip{padding:12px 17px}.panel-caption{font-size:9px}.panel-heading button{font-size:11px;padding:9px}.help-panel .panel-heading,.music-panel .panel-heading{margin-bottom:15px}footer{font-size:8px;line-height:1.8;justify-content:flex-start}footer #footer-status{flex-basis:100%}.dialog-brand{gap:11px}.dialog-brand img{width:42px;height:42px}.dialog-brand h2{font-size:23px}.dialog-heading .eyebrow{font-size:7px;letter-spacing:1.2px}}
@media(max-width:430px){.topbar{padding:0 12px}.brand{font-size:18px;letter-spacing:3px;gap:7px}.brand-emblem{width:39px;height:39px}.brand small{font-size:5.6px;letter-spacing:.8px}.header-right{gap:6px}.badge{max-width:93px;padding:6px}.header-right button{padding:8px 7px;font-size:9px}.intro p:not(.eyebrow){font-size:12px}.intro h1{font-size:30px}.intro-actions button{font-size:10px;padding:10px}.transcript-tools>span{max-width:46%}.panel-heading{gap:9px}.panel h2{font-size:21px}.recognition-strip{align-items:flex-start}.dialog-brand img{display:none}}

.intro.intro-compact{padding:4px 0 23px;gap:22px}.intro-compact h1{margin:0;font-size:27px;line-height:1.4;color:var(--accent)}.intro-compact .intro-actions{flex-direction:row;align-self:center;min-width:0;padding:0;margin:0}.intro-compact .intro-actions button{min-height:38px}@media(max-width:750px){.intro.intro-compact{display:flex;flex-wrap:wrap;gap:15px;padding:0 0 20px}.intro-compact h1{font-size:24px}.intro-compact .intro-actions{width:100%}}
.session-history{padding:0 1.5rem 1rem}.session-history>label{font-size:.78rem}.session-history>div{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.session-history select{min-width:0;flex:1 1 220px}.session-history .hint{margin:.5rem 0 0}

.access-panel{margin:0 0 1.2rem}.access-panel h2{font-size:1.15rem}.access-panel input{max-width:700px}.access-panel a{display:inline-block;margin:.5rem 1rem .5rem 0}.access-entry{max-width:620px;margin:8vh auto;padding:1rem}.access-entry .panel{padding:2rem}.access-entry h1{font-size:1.7rem}.access-entry img{display:block;margin:0 auto 1.5rem}.access-entry button{margin-top:1rem}#guest-list p{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}

