:root{--color-muted: #c2a89c;--color-accent: #d98a9e;--bg: #fdf4ef;--text: #8a6a5c}@media (prefers-color-scheme: dark){:root{--color-muted: #8a6f64;--color-accent: #e9a7b8;--bg: #2b211d;--text: #f3ded5}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background-color:var(--bg);color:var(--text);font-family:Helvetica,Arial,sans-serif;font-size:15px;-webkit-font-smoothing:antialiased}h1,p{font-size:1em;font-weight:400;line-height:1.2em;margin:0 0 .5em}.--muted{color:var(--color-muted)}hr{border:none;border-top:1px solid var(--color-muted);margin:.4em 0 .75em}.section-gap{margin-top:2em;margin-bottom:0}.container{display:flex;flex-direction:row;width:100%;height:100%}.panel{flex:0 0 24em;height:100vh;padding:1.35em;border-right:1px solid var(--color-muted);overflow-y:auto}.panel h1{margin-bottom:1.5em}.stage{flex:1 1 0;height:100vh;display:flex;flex-direction:column}.field{display:block;margin-top:.75em}.row-label{display:block;color:var(--color-muted);margin-bottom:.35em}input{width:100%;font:inherit;color:var(--text);background:transparent;border:1px solid var(--color-muted);padding:.5em .6em}input:focus{outline:none;border-color:var(--color-accent)}.picker{display:grid;grid-template-columns:repeat(3,1fr);gap:.5em;margin-top:.75em}.cat-opt{font:inherit;color:var(--text);background:transparent;border:1px solid var(--color-muted);padding:.6em .3em;cursor:pointer;text-align:center;line-height:1.3}.cat-opt:hover{color:var(--color-accent)}.cat-opt.selected{border-color:var(--color-accent);color:var(--color-accent)}.cat-opt .face{display:block}.cat-opt .name{display:block;color:var(--color-muted)}.cat-opt.selected .name{color:var(--color-accent)}.enter{margin-top:1.5em;width:100%;font:inherit;color:var(--bg);background:var(--text);border:none;padding:.6em;cursor:pointer}.enter:hover{background:var(--color-accent)}.status{margin-top:.75em}.hidden{display:none}.users{list-style:none;margin:0;padding:0}.users li{display:flex;align-items:center;gap:.5em;margin-bottom:.3em}.users .dot{width:.7em;height:.7em;border-radius:50%;flex:0 0 auto}.users .uname{flex:1 1 auto}.users .uact{text-align:right}.stage-bar{display:flex;gap:1.5em;padding:1.35em;border-bottom:1px solid var(--color-muted)}.stage-bar b{font-weight:400}.meter{font-family:monospace;letter-spacing:1px;color:var(--color-accent)}.controls{margin-left:auto}.floor-wrap{position:relative;flex:1 1 0;min-height:0;overflow:hidden}.floor{position:absolute;inset:0;overflow:hidden;font-size:21px}.piece{position:absolute;transform:translate(-50%,-50%);white-space:pre;margin:0;line-height:1.1;color:var(--color-muted);user-select:none}.piece.coffee{color:var(--color-accent)}.piece.jukebox{cursor:pointer}.piece.jukebox:hover,.piece.jukebox.playing{color:var(--color-accent)}.cat{position:absolute;transform:translate(-50%,-100%);text-align:center;white-space:nowrap;pointer-events:none}.cat .badge{position:absolute;left:50%;bottom:100%;transform:translate(-50%);color:var(--color-muted);white-space:nowrap}.cat .body{line-height:1}.cat .sip{color:var(--color-muted)}.cat .tag{position:absolute;top:100%;left:50%;transform:translate(-50%);white-space:nowrap;color:var(--color-muted)}.cat.me .body,.cat.me .tag{color:var(--color-accent)}.pop{position:absolute;left:50%;bottom:100%;transform:translate(-50%);color:var(--color-muted)}.full-msg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:var(--color-muted);line-height:1.5}.piece.cup{transition:opacity .6s ease}.piece.cup.gone{opacity:0}.piece.lamp{text-shadow:0 0 5px rgba(255,214,150,.35);overflow:visible}.piece.lamp:after{content:"";position:absolute;left:50%;top:50%;width:7em;height:7em;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(255,214,150,.14),transparent 72%);pointer-events:none;z-index:-1}.editor .floor{cursor:default}.editor .floor.grid:before{content:"";position:absolute;inset:0;background:linear-gradient(to right,var(--color-muted) 1px,transparent 1px) 0 0 / 2% 2%,linear-gradient(to bottom,var(--color-muted) 1px,transparent 1px) 0 0 / 2% 2%;opacity:.18;pointer-events:none}.editor .piece{cursor:grab}.editor .piece.selected{color:var(--color-accent);outline:1px dashed var(--color-accent)}.face.mini{font-size:9px;line-height:1;white-space:pre}.art,.ptype{width:100%;font:inherit;font-family:monospace;color:var(--text);background:transparent;border:1px solid var(--color-muted);padding:.5em .6em;margin-bottom:.5em}.art:focus,.ptype:focus{outline:none;border-color:var(--color-accent)}.ptype{font-family:inherit}.snap{display:flex;align-items:center;gap:.4em}.snap input{width:auto}.enter.ghost{margin-top:.5em;color:var(--text);background:transparent;border:1px solid var(--color-muted)}.enter.ghost:hover{color:var(--color-accent);border-color:var(--color-accent);background:transparent}@media (max-width: 43em){.container{flex-direction:column}.panel{flex:0 0 auto;height:auto;border-right:none;border-bottom:1px solid var(--color-muted)}.stage{flex:1 1 auto;min-height:60vh}}