/* Read the Room: the public page. Dark by default (the room is a stage), a light scheme for people who ask for one. No web fonts, no third-party requests. */
:root{--bg:#0e0b13;--panel:#17121f;--ink:#f1e9dc;--soft:#c3b8d2;--dim:#9a8fab;--gold:#e2c07a;--gold-ink:#1b1424;--line:rgba(226,192,122,.3);--bar:rgba(226,192,122,.85);--track:rgba(241,233,220,.12);
 --serif:Georgia,'Times New Roman',serif;--sans:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}
@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--bg:#f6f1e8;--panel:#fffaf0;--ink:#1b1424;--soft:#4a4060;--dim:#5b5170;--gold:#7a5410;--gold-ink:#fffaf0;--line:rgba(122,84,16,.35);--bar:#7a5410;--track:rgba(27,20,36,.12)}}
:root[data-theme=light]{--bg:#f6f1e8;--panel:#fffaf0;--ink:#1b1424;--soft:#4a4060;--dim:#5b5170;--gold:#7a5410;--gold-ink:#fffaf0;--line:rgba(122,84,16,.35);--bar:#7a5410;--track:rgba(27,20,36,.12)}
*{box-sizing:border-box}
html{scrollbar-width:thin;scrollbar-color:var(--gold) transparent}
html::-webkit-scrollbar{width:10px}html::-webkit-scrollbar-thumb{background:var(--gold);border-radius:5px}html::-webkit-scrollbar-track{background:transparent}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.6 var(--sans)}
a{color:var(--gold)}a:focus-visible,button:focus-visible,iframe:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.skip{position:absolute;left:-999px;top:8px;background:var(--gold);color:var(--gold-ink);padding:8px 14px;border-radius:8px;z-index:9}.skip:focus{left:8px}
.wrap{max-width:980px;margin:0 auto;padding:0 20px}
header.top{padding:34px 0 18px;text-align:center}
h1{font:600 clamp(40px,7vw,72px)/1 var(--serif);margin:0 0 12px;letter-spacing:.01em}
h2{font:600 clamp(26px,4vw,34px)/1.2 var(--serif);margin:0 0 12px}
h3{font:600 20px/1.3 var(--serif);margin:0 0 6px}
p{margin:0 0 14px}.lead{font-size:clamp(19px,2.6vw,24px);line-height:1.45;margin:0 0 8px}.small{font-size:15px;color:var(--soft)}
.stage{position:relative;aspect-ratio:16/9;min-height:420px;width:100%;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#0e0b13}
.stage iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.under{display:flex;flex-wrap:wrap;gap:14px 24px;justify-content:space-between;align-items:center;margin:12px 0 0;font-size:15px;color:var(--soft)}
section.block{padding:38px 0 8px}
.meter{height:14px;border-radius:7px;background:var(--track);overflow:hidden;margin:8px 0 6px}.meter i{display:block;height:100%;background:var(--bar);border-radius:7px;transition:width .6s}
.card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:18px 20px;margin:0 0 14px}
.grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}
.guest h3{display:flex;justify-content:space-between;gap:8px}.guest .setup{font-size:14px;color:var(--soft);margin:0 0 10px}
.row{display:grid;grid-template-columns:132px 1fr 44px;gap:8px;align-items:center;font-size:14px;margin:0 0 4px}
.bar{height:10px;background:var(--track);border-radius:5px;overflow:hidden}.bar i{display:block;height:100%;background:var(--bar)}
.pct{text-align:right;color:var(--soft)}
.locked{border-style:dashed}
.links{list-style:none;margin:0;padding:0;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.links a{display:block;text-decoration:none;color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px 16px;min-height:76px}
.links a:hover{border-color:var(--gold)}.links b{display:block;color:var(--gold);font-family:var(--serif);font-size:19px}.links span{font-size:14px;color:var(--soft)}
.btn{display:inline-block;background:var(--gold);color:var(--gold-ink);padding:12px 24px;border-radius:999px;font-weight:600;text-decoration:none}
footer{padding:46px 0 60px;color:var(--soft);font-size:14px}
nav.crumbs{padding:18px 0 0;font-size:15px}
article h2{margin-top:30px}article ul{padding-left:22px}article li{margin:0 0 8px}
@media (prefers-reduced-motion:reduce){.meter i{transition:none}}
@media (max-width:640px){.stage{aspect-ratio:auto;height:78vh;min-height:420px}.row{grid-template-columns:84px 1fr 40px}}
