:root{--bg-canvas: #f4f1ea;--bg-surface: #ffffff;--bg-subtle: #ede9df;--ink-primary: #131211;--ink-secondary: #5a5751;--ink-tertiary: #8e8a82;--border-default: #131211;--border-soft: #d8d3c7;--accent: #ff5c1f;--accent-hover: #e64e13;--accent-ink: #2a1407;--success: #1f7a3a;--success-bg: #deeede;--danger: #b82318;--danger-bg: #f4dcd9;--gender-female: #fc03be;--font-display: "Space Grotesk", "Inter", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", "IBM Plex Mono", ui-monospace, monospace}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;font-family:var(--font-body);color:var(--ink-primary)}body{background:#f0eee9;min-height:100vh}button{font-family:inherit}.mono{font-family:var(--font-mono)}.sans{font-family:var(--font-body)}.display{font-family:var(--font-display)}.muted{color:var(--ink-secondary)}.tert{color:var(--ink-tertiary)}.logotype{font-family:var(--font-mono);font-weight:500;font-size:18px;letter-spacing:-.01em;color:var(--ink-primary)}.logotype .dot{color:var(--accent)}.chip{display:inline-flex;align-items:center;padding:2px 6px;font:500 11px var(--font-mono);border-radius:4px;background:var(--bg-canvas);color:var(--ink-primary);border:1px solid var(--border-default);line-height:1.2}.ag{font:500 12px var(--font-mono);color:var(--ink-tertiary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:500 13px var(--font-body);border-radius:4px;cursor:pointer;border:1px solid var(--border-default);height:36px;padding:0 16px;background:var(--bg-surface);color:var(--ink-primary);transition:background-color 80ms ease-out,border-color 80ms ease-out}.btn:hover{background:var(--bg-subtle)}.btn:active{transform:translate(1px,1px)}.btn:disabled{cursor:not-allowed;opacity:.5}.btn:disabled:hover{background:var(--bg-surface)}.btn.primary{background:var(--accent);color:var(--accent-ink)}.btn.primary:hover{background:var(--accent-hover)}.btn.tertiary{height:auto;padding:4px 10px;font-size:12px;background:transparent}.btn.sm{height:28px;padding:0 12px;font-size:12px}.btn.full{width:100%}.input{display:block;width:100%;background:var(--bg-surface);color:var(--ink-primary);border:1px solid var(--border-default);border-radius:4px;padding:8px 12px;font:400 14px var(--font-body);height:36px}textarea.input{height:auto;min-height:36px;line-height:1.4;resize:none;font-family:var(--font-body)}.input::placeholder{color:var(--ink-tertiary)}.input:focus,.input.focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #ff5c1f33}.label{font:500 11px var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-secondary);margin-bottom:6px;display:block}.section-header{font:500 13px var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-primary)}.seg{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;border:1px solid var(--border-default);border-radius:4px;overflow:hidden;height:36px}.seg>button,.seg>div{all:unset;display:flex;align-items:center;justify-content:center;font:400 14px var(--font-body);color:var(--ink-primary);border-right:1px solid var(--border-default);background:var(--bg-surface);cursor:pointer}.seg>button:last-child,.seg>div:last-child{border-right:none}.seg>button.on,.seg>div.on{background:var(--ink-primary);color:var(--bg-canvas)}.ascii{font:400 11px var(--font-mono);color:var(--ink-tertiary);letter-spacing:.04em;white-space:nowrap;overflow:hidden}.sys{display:flex;align-items:center;gap:12px;font:400 11px var(--font-mono);color:var(--ink-tertiary);text-transform:uppercase;letter-spacing:.06em;padding:6px 0}.sys:before,.sys:after{content:"";flex:1;border-top:1px dashed var(--border-soft)}.room{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border:1px solid var(--border-default);background:var(--bg-surface);position:relative;cursor:pointer}.room+.room{margin-top:-1px}.room:hover{background:var(--bg-subtle)}.room.active{border-width:2px;padding:9px 11px;z-index:1}.room .num{font:500 12px var(--font-mono);color:var(--ink-secondary)}.online{display:grid;grid-template-columns:1fr auto auto auto;gap:12px;padding:8px 4px;border-bottom:1px solid var(--border-soft);align-items:center}.online:last-child{border-bottom:none}.online .name{font:500 14px var(--font-body)}.online:hover{background:var(--bg-subtle)}.msg{display:flex;flex-direction:column;gap:4px;padding-left:12px;border-left:3px solid var(--ink-primary)}.msg+.msg{margin-top:12px}.msg.female{border-left-color:var(--gender-female)}.msg.you{border-left-color:var(--accent)}.msg .author{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.msg .author .nm{font:500 14px var(--font-body);color:var(--ink-primary)}.msg.female .author .nm{color:var(--gender-female)}.msg.you .author .nm{color:var(--accent-ink)}.msg .author .ts{font:400 11px var(--font-mono);color:var(--ink-tertiary)}.msg .body{font:400 14px var(--font-body);line-height:1.6;color:var(--ink-primary);max-width:62ch;word-wrap:break-word;overflow-wrap:anywhere;white-space:pre-wrap}.msg.cont .body{padding-left:0}.online .name.female,.appbar .name.female,.chat-side .name.female,.chat-header .name.female{color:var(--gender-female)}.dot{width:6px;height:6px;border-radius:50%;display:inline-block;background:var(--success)}.banner{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--bg-canvas);border-bottom:1px solid var(--border-default);font:400 11px var(--font-mono);color:var(--ink-primary);padding:6px 0}.blink{animation:blink 1s steps(2,end) infinite;color:var(--accent)}@keyframes blink{50%{opacity:0}}.world{display:block}.you-tag{display:inline-flex;align-items:center;padding:1px 6px;background:var(--success-bg);color:var(--success);border:1px solid var(--success);border-radius:4px;font:500 10px var(--font-mono);text-transform:lowercase;letter-spacing:.04em}.blocked-tag{display:inline-flex;align-items:center;padding:1px 6px;background:var(--bg-subtle);color:var(--ink-tertiary);border:1px solid var(--ink-tertiary);border-radius:4px;font:500 10px var(--font-mono);text-transform:lowercase;letter-spacing:.04em}.online.blocked .name,.online.blocked .ag,.online.blocked .chip{color:var(--ink-tertiary);opacity:.7}.online.blocked .name.female{color:var(--ink-tertiary)}.pill{position:absolute;right:16px;bottom:80px;background:var(--accent);color:var(--accent-ink);border:1px solid var(--border-default);border-radius:4px;font:500 12px var(--font-body);padding:6px 12px;display:flex;align-items:center;gap:6px;cursor:pointer}.composer{display:grid;grid-template-columns:1fr auto;gap:12px;padding:14px 20px;border-top:1px solid var(--border-default);background:var(--bg-surface);align-items:center}.composer .hint{font:400 11px var(--font-mono);color:var(--ink-tertiary);margin-top:6px;display:flex;justify-content:space-between}.tab{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--border-default);background:var(--bg-surface);font:500 13px var(--font-body);cursor:pointer}.tab.active{border-width:2px;padding:7px 11px}.tab .badge{font:500 11px var(--font-mono);background:var(--accent);color:var(--accent-ink);border:1px solid var(--border-default);border-radius:4px;padding:0 5px;line-height:16px}.search{position:relative}.search .input{padding-left:34px}.search svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--ink-tertiary);pointer-events:none}.stacklist>*+*{border-top:1px solid var(--border-soft)}.ab{background:var(--bg-canvas);width:100%;min-height:100vh;font-family:var(--font-body);color:var(--ink-primary)}.ob-stage{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:48px 24px}.ob-card{width:420px;max-width:100%;background:var(--bg-surface);border:1px solid var(--border-default);padding:32px}.ob-tagline{font:400 12px var(--font-mono);color:var(--ink-secondary);margin-top:8px}.lobby-wrap{padding:24px;min-height:100vh;display:flex;flex-direction:column}.lobby-shell{flex:1;display:flex;flex-direction:column;min-height:0;background:var(--bg-surface);border:1px solid var(--border-default)}.lobby-grid{display:grid;grid-template-columns:5fr 6fr;gap:0;flex:1;min-height:0}.lobby-grid>div{padding:20px 24px;min-height:0;display:flex;flex-direction:column}.lobby-grid>div+div{border-left:1px solid var(--border-default)}.chat-wrap{padding:24px;min-height:100vh;display:flex;flex-direction:column}.chat-shell{flex:1;display:flex;min-height:0;background:var(--bg-surface);border:1px solid var(--border-default)}.chat-side{width:260px;border-right:1px solid var(--border-default);display:flex;flex-direction:column;min-height:0}.chat-main{flex:1;display:flex;flex-direction:column;min-height:0;position:relative}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--border-default)}.chat-scroll{flex:1;overflow-y:auto;padding:16px 20px}.appbar{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--border-default)}.appbar .left{display:flex;align-items:center;gap:14px}.appbar .right{display:flex;align-items:center;gap:12px}.row{display:flex;align-items:center;gap:8px}.col{display:flex;flex-direction:column}.gap-4{gap:16px}.gap-3{gap:12px}.gap-2{gap:8px}.gap-1{gap:4px}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.grow{flex:1}@media(max-width:720px){.lobby-wrap,.chat-wrap{padding:12px}.lobby-grid{grid-template-columns:1fr}.lobby-grid>div+div{border-left:none;border-top:1px solid var(--border-default)}.chat-side{display:none}}