:root{color-scheme:dark;--bg:#0c1b1d;--panel:#122a2c;--ink:#e8e5d8;--muted:#a5b9b6;--gold:#d0b579;--line:#34504e;--accent:#82baae;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 48% -15%,#244e4b 0,transparent 65%),var(--bg);color:var(--ink);min-height:100vh}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button,.button{border:1px solid var(--gold);border-radius:7px;background:var(--gold);color:#172522;padding:12px 20px;font-weight:650;cursor:pointer;text-decoration:none;text-align:center;display:inline-block}button:hover:not(:disabled),.button:hover{background:#e1c990}button:disabled{opacity:.42;cursor:default}button.secondary{background:transparent;color:var(--gold);padding:8px 13px;font-size:.86rem}a{color:var(--gold)}:focus-visible{outline:3px solid #9cdacd;outline-offset:4px}[hidden]{display:none!important}.landing{max-width:1040px;margin:auto;padding:48px 28px 25px}.masthead{text-align:center;margin-bottom:30px}.emblem{display:inline-block;color:var(--gold);font-size:2.5rem;margin-bottom:14px}.eyebrow{letter-spacing:.19em;font-size:.68rem;font-weight:700;color:var(--gold);margin:0 0 13px}h1,h2,h3{font-family:Georgia,"Times New Roman",serif;font-weight:400}h1{font-size:clamp(2.2rem,5vw,3.5rem);line-height:1.12;margin:0 0 19px}h2{font-size:1.85rem;margin:0 0 23px}h3{font-size:1.35rem;margin:26px 0 10px}.intro{font-size:1rem;line-height:1.7;color:var(--muted);margin:0}.connection{font-size:.82rem;text-align:center;color:var(--accent);min-height:1.2em;margin:15px 0 24px}.connection.offline{color:#ebbf85}.message{padding:14px 18px;border:1px solid #9c7756;border-radius:7px;background:#44352a;font-size:.92rem;line-height:1.5}.entry-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px;align-items:start}.panel{background:linear-gradient(145deg,#183334e8,#102729e8);border:1px solid var(--line);border-radius:12px;padding:30px;box-shadow:0 16px 50px #0002}.subtle{background:#142a2bcc}label{display:block;font-size:.85rem;color:var(--muted);margin:17px 0 7px}input,select{width:100%;background:#091e20;color:var(--ink);border:1px solid #45605b;border-radius:6px;padding:12px 13px;min-height:46px}form button{width:100%;margin-top:26px}small{display:block;font-size:.76rem;color:var(--muted);margin-top:7px}.note{font-size:.86rem;line-height:1.6;color:var(--muted);margin:19px 0 0}.recent-rooms{list-style:none;padding:0;margin:0;display:grid;gap:12px}.recent-rooms a{display:block;padding:13px 16px;border:1px solid var(--line);border-radius:7px;text-decoration:none}.room-panel{max-width:800px;margin:auto}.room-heading{display:flex;justify-content:space-between;gap:20px;align-items:center}.room-heading h2{margin-bottom:0}.quiet-link{font-size:.8rem;color:var(--muted);white-space:nowrap}.seats{padding:0;list-style:none;margin:25px 0;display:grid;gap:10px}.seat{display:flex;align-items:center;gap:15px;padding:17px;background:#0a2021;border:1px solid #2c4a46;border-radius:8px}.seat-mark{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;border:1px solid var(--gold);font-family:Georgia,serif;color:var(--gold);flex-shrink:0}.seat-name{min-width:0;overflow-wrap:anywhere;flex:1}.seat-state{font-size:.78rem;color:var(--muted);text-align:right}.seat.ready .seat-state{color:var(--accent)}.room-actions{display:flex;gap:12px;flex-wrap:wrap}.invitations{display:grid;gap:16px;margin-top:18px}.invite-row{padding:15px;border:1px solid var(--line);border-radius:8px}.invite-row label{margin:0 0 9px}.invite-row input{font-size:.75rem;min-height:38px}.invite-buttons{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}footer{text-align:center;color:#829e98;font-size:.74rem;line-height:1.8;margin-top:34px}@media(max-width:620px){.landing{padding:30px 16px}.panel{padding:23px 19px}.room-heading{align-items:flex-start;flex-direction:column;gap:10px}.seat{gap:10px;padding:13px}.seat-state{max-width:105px}.room-actions>*{flex:1}.masthead{margin-bottom:20px}}