:root{--bg:#0a0a0a;--fg:#d0d0d0;--dim:#5c5c5c;--faint:#262626;--ok:#3fb950;--busy:#d29922;--off:#f85149;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--fg);background:var(--bg);font-family:ui-monospace,SF Mono,JetBrains Mono,Menlo,Consolas,monospace;font-size:15px}html,body,#app{background:var(--bg);height:100%;margin:0}*{box-sizing:border-box}::selection{background:#333}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}a{color:inherit;text-decoration:none}.center{flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:100dvh;padding:24px;display:flex}.room .center{flex:1;min-height:0}.hint{min-height:1.3em;color:var(--dim);margin:0;font-size:12px}.plus{color:var(--dim);opacity:.45;font-size:44px;font-weight:200;line-height:1;transition:opacity .2s,color .2s}.plus:hover,.plus:focus-visible{opacity:1;color:var(--fg);outline:none}.name-input,.pin{font:inherit;color:var(--fg);border:0;border-bottom:1px solid var(--faint);text-align:center;background:0 0;outline:none;padding:6px 0}.name-input{width:min(90vw,40ch);font-size:20px}.pin{-webkit-text-security:disc;letter-spacing:.4em;width:9ch;padding-left:.4em;font-size:28px}.pin-form{align-items:center;display:flex;position:relative}.go{color:var(--fg);opacity:.75;margin-left:12px;padding:6px 8px;font-size:24px;line-height:1;transition:opacity .15s;position:absolute;left:100%}.go:hover{opacity:1}.go:disabled{opacity:0;pointer-events:none}.name-input:focus,.pin:focus{border-bottom-color:var(--dim)}.pin::placeholder,.name-input::placeholder{color:var(--faint);letter-spacing:normal;font-size:16px}.recent{flex-direction:column;align-items:center;gap:6px;margin:28px 0 0;padding:0;font-size:12px;list-style:none;display:flex}.recent a{color:var(--dim)}.recent a:hover{color:var(--fg)}.room{flex-direction:column;height:100dvh;display:flex}header{color:var(--dim);align-items:center;gap:10px;padding:14px 18px 0;font-size:12px;display:flex}header .name:hover{color:var(--fg)}.dot{background:var(--dim);border-radius:50%;flex:none;width:6px;height:6px}.dot-ok{background:var(--ok)}.dot-busy{background:var(--busy)}.dot-off{background:var(--off)}.notice{color:var(--busy)}.tag{color:var(--dim);border:1px solid var(--faint);border-radius:3px;padding:0 5px}.view-editor{align-items:center;gap:12px;display:inline-flex}.view-input{font:inherit;color:var(--fg);border:0;border-bottom:1px solid var(--dim);text-align:center;letter-spacing:.2em;background:0 0;outline:none;width:7ch}.view-input::placeholder{color:var(--faint);letter-spacing:normal}nav{opacity:.5;gap:18px;margin-left:auto;transition:opacity .2s;display:flex}nav:hover{opacity:1}nav button:hover{color:var(--fg)}nav .danger,nav .danger:hover{color:var(--off)}.remember{color:var(--dim);cursor:pointer;align-items:center;gap:8px;font-size:12px;display:flex}.remember input{accent-color:var(--dim);margin:0}textarea{resize:none;width:100%;color:var(--fg);font:inherit;caret-color:var(--fg);background:0 0;border:0;outline:none;flex:1;padding:18px max(18px,50vw - 40ch) 40vh;line-height:1.65}textarea::placeholder{color:var(--faint)}