:root{color-scheme:dark;font:16px/1.5 "Segoe UI",sans-serif;color:#f7f1e5;background:#161918}*{box-sizing:border-box}body{margin:0}main{max-width:860px;margin:auto;padding:0 24px 64px}header,.row,.roomhead{display:flex;align-items:center;gap:12px;flex-wrap:wrap}header{height:76px;justify-content:space-between;border-bottom:1px solid #414640}header strong{font-size:22px;letter-spacing:-.05em}header span,small,.muted{color:#b8bcb0}header span{font-size:14px;letter-spacing:0;font-weight:400}h1,h2{font-family:Georgia,serif;font-weight:400;line-height:1.13}h1{font-size:clamp(36px,7vw,62px);margin:18px 0}h2{font-size:28px}button,input,select,textarea{font:inherit;color:inherit;background:#232823;border:1px solid #576054;border-radius:7px;padding:8px 13px}button{cursor:pointer}button:hover{border-color:#d1e6ab}button:disabled{opacity:.55}button.primary{background:#cee9a6;color:#192017;font-weight:600}label{display:grid;gap:5px;color:#d5d7cd}.inline{display:flex;align-items:center}.roomhead{justify-content:space-between}form,.panel,#linkBox,#compareBox{display:grid;gap:16px;margin:22px 0;padding:20px;background:#202521;border-radius:12px}form h2{margin:0}form button{justify-self:start}canvas{width:100%;height:115px;background:#19201b;touch-action:none;cursor:crosshair}audio,input:not([type=checkbox]),textarea{width:100%;min-width:0}#message{color:#d6eeb7;min-height:1.5em;margin:12px 0}#compareBox{margin:0;padding:10px}#compareBox button{justify-self:start}.stack{display:grid;gap:10px;margin-top:24px}.stack button{text-align:left;padding:16px;font-size:20px}article{padding:15px 0;border-top:1px solid #40483f}article p{white-space:pre-wrap}h1,article,button{overflow-wrap:anywhere}[hidden]{display:none!important}