:root{color-scheme:light;--paper:#f3f2ed;--ink:#20271f;--muted:#646d62;--line:#d7ddd0;--green:#dfff7c;--white:#fffefa;--red:#91392f;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink)}header{height:90px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:28px;padding:0 5vw}.wordmark{font-size:38px;font-weight:800;letter-spacing:-3px;color:inherit;text-decoration:none}.wordmark span{color:#768565}header #connection{margin-left:auto;font-size:13px}.eyebrow{font-size:11px;letter-spacing:1.6px;font-weight:700}main{max-width:1380px;margin:auto;padding:56px 5vw 70px}.intro{max-width:700px}.intro h1{font-size:clamp(44px,5.5vw,76px);font-weight:500;line-height:1.02;letter-spacing:-3px;margin:22px 0}.intro>p:last-child{color:var(--muted);max-width:500px;font-size:17px;line-height:1.6}.panel{background:var(--white);border:1px solid var(--line);padding:28px;border-radius:3px}#login-panel{max-width:460px;margin-top:36px}.section-title{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:22px}.section-title h2,.section-title h3{font-size:18px;margin:0;font-weight:500}.section-title>span{font-size:12px;color:var(--muted)}label{display:block;font-size:13px;font-weight:600;margin:18px 0 9px}input,textarea{font:inherit;width:100%;border:1px solid #b9c3b4;border-radius:2px;background:var(--white);padding:12px;color:var(--ink)}input:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:2px solid #526d22;outline-offset:3px}textarea{resize:vertical;min-height:150px;font:14px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre;tab-size:4}.hint{font-size:12px;line-height:1.5;color:var(--muted)}button{font:600 13px Arial,sans-serif;padding:12px 17px;border:1px solid #b9c3b4;border-radius:2px;background:var(--white);color:var(--ink);cursor:pointer}button:disabled{opacity:.55;cursor:wait}button:hover{border-color:var(--ink)}.primary{background:var(--green);border-color:#b5ce67}#login-form .primary{margin-top:24px;width:100%;display:flex;justify-content:space-between}.danger{color:var(--red);border-color:#c9958e}.room-heading{display:flex;align-items:center;justify-content:space-between;margin-top:42px}.room-heading h2{font-size:36px;font-weight:500;letter-spacing:-1px;margin:10px 0 20px}.capacity{display:flex;flex-wrap:wrap;justify-content:space-between;font-size:11px;color:var(--muted);gap:12px;margin-bottom:32px}.capacity progress{width:100%;height:5px;accent-color:#6d813d}.workspace{display:grid;grid-template-columns:minmax(280px, .85fr) minmax(0,1.15fr);gap:36px;align-items:start}.form-actions{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:16px}.file-send{border-top:1px solid var(--line);margin-top:25px;padding-top:7px}.file-send input{font-size:12px;border:1px dashed #b9c3b4;margin-bottom:8px}.item{border:1px solid var(--line);background:var(--white);padding:20px;margin-bottom:14px}.item-meta{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:var(--muted);overflow-wrap:anywhere}.item pre{white-space:pre-wrap;overflow-wrap:anywhere;tab-size:4;font:13px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;max-height:340px;overflow:auto}.item h4{overflow-wrap:anywhere;font-size:15px;font-weight:500}.item button{font-size:12px;padding:8px 13px}#empty{font-size:14px;line-height:1.6;color:var(--muted);padding:30px 10px;text-align:center}#status{font-size:14px;line-height:1.5;min-height:22px;margin-top:25px}dialog{max-width:550px;width:90%;background:var(--white);border:1px solid var(--line);padding:30px;color:var(--ink)}dialog::backdrop{background:#20271f66}dialog p{font-size:14px;line-height:1.6}#manual-text{white-space:pre-wrap;max-height:45vh;overflow:auto;user-select:all}footer{display:flex;justify-content:space-between;gap:30px;border-top:1px solid var(--line);padding:26px 5vw;color:var(--muted);font-size:12px}footer p{max-width:540px;margin:0;line-height:1.7}[hidden]{display:none!important}@media(min-width:1050px){body:has(#room-panel[hidden]) main{display:grid;grid-template-columns:1.3fr 1fr;gap:50px;align-items:start}body:has(#room-panel[hidden]) #status{grid-column:1/-1}#login-panel{margin-top:26px;width:100%}}@media(max-width:720px){header{height:76px}header>.eyebrow{display:none}main{padding-top:35px}.workspace{grid-template-columns:1fr}.intro h1{letter-spacing:-2px}footer{flex-direction:column}.panel{padding:20px}}