:root{color:#222;font-synthesis:none;--line:#d8d8d8;--muted:#737373;--accent:#334f63;background:#fafafa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0}main{max-width:948px;margin:0 auto;padding:0 24px 32px}header{border-bottom:1px solid var(--line);align-items:center;height:64px;display:flex}.wordmark{color:inherit;font-size:18px;font-weight:600;text-decoration:none}button,input,textarea{font:inherit;color:inherit}button,input{border:1px solid var(--line);background:#fff;border-radius:2px;min-height:36px}button{cursor:pointer;white-space:nowrap;padding:7px 12px}button:hover{background:#f1f1f1}button:disabled{color:var(--muted);cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.primary{background:var(--accent);border-color:var(--accent);color:#fff}.primary:hover{background:#293f50}#landing{padding-top:24px}.entry-actions{flex-wrap:wrap;align-items:center;gap:24px;display:flex}#join-form{gap:8px;display:flex}#join-code{letter-spacing:2px;width:92px;padding:7px 10px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}#join-code::placeholder{letter-spacing:0;color:var(--muted)}#room{padding-top:20px}.room-top{align-items:center;gap:16px;margin-bottom:20px;display:flex}.room-code{letter-spacing:2px;background:0 0;border:0;padding:0;font:26px ui-monospace,SFMono-Regular,Consolas,monospace}.room-code:hover{color:var(--accent);text-underline-offset:5px;background:0 0;text-decoration:underline}.room-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:16px;margin-left:auto;font-size:12px;display:flex}#timer{font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.toolbar{gap:8px;margin-bottom:8px;display:flex}textarea{resize:vertical;border:1px solid var(--line);background:#fff;border-radius:0;width:100%;height:360px;min-height:180px;padding:14px;font:14px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;display:block}textarea:disabled{background:#f5f5f5}.editor-bottom{color:var(--muted);justify-content:flex-end;padding:8px 0;font-size:11px;display:flex}.files-section{margin-top:12px}#dropzone.dragover{outline:2px solid var(--accent);outline-offset:2px;background:#eef1f3}#files{margin:12px 0 0;padding:0;list-style:none}#files:empty{display:none}#files li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:12px 0;font-size:13px;display:flex}#files li small{color:var(--muted);margin-top:4px;font-size:11px;display:block}.file-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}#files a{color:var(--accent);white-space:nowrap;text-underline-offset:3px}.room-options{color:var(--muted);margin-top:20px;font-size:12px}.room-options label{cursor:pointer;align-items:center;gap:7px;display:inline-flex}.room-options input{min-height:0;accent-color:var(--accent);margin:0}#notice{border-top:1px solid var(--line);margin-top:20px;padding:12px 0;font-size:13px;line-height:1.5}#notice.error{color:#8d342c}.legacy,[hidden]{display:none!important}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:540px){main{padding-left:16px;padding-right:16px}header{height:56px}.entry-actions{gap:16px}.room-top{gap:12px}.room-meta{flex-direction:column;align-items:flex-end;gap:5px}textarea{height:330px}}