@font-face{font-family:WenKai;src:url('./fonts/LXGWWenKai-Regular-full.woff2?v=eba6ccded968930cbdc1') format('woff2');font-weight:400;font-display:swap}
*{box-sizing:border-box}body{margin:0;background:#111116;color:#f7f4e9;font:17px/1.6 WenKai,serif;font-synthesis:none}main{max-width:1600px;margin:auto;padding:28px}h1,h2{font-weight:400;margin:0}h1{font-size:32px}h2{font-size:22px}header{display:flex;gap:24px;align-items:center;justify-content:space-between;border-bottom:1px solid #68616e;padding-bottom:20px;margin-bottom:28px}p{margin:8px 0}header p,.hint,#counter{color:#c6c3cf;font-size:14px}.desk{display:grid;grid-template-columns:260px minmax(0,1fr);gap:28px;align-items:start}#composer{padding:20px;background:#1b1921;border-top:4px solid #ef203e}.paper-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}label{display:block;margin:12px 0 6px}input,textarea,button,select{font:inherit}input,textarea,select{width:100%;padding:9px;border:1px solid #625b6b;background:#24212b;color:#f7f4e9}textarea{resize:vertical;min-height:140px}button{border:1px solid #77707f;background:#222029;color:#f7f4e9;padding:8px 14px;cursor:pointer;min-height:44px}button.primary{background:#ef203e;width:100%;border-color:#ef203e}button:disabled{opacity:.45;cursor:default}:focus-visible{outline:3px solid #79d6fa;outline-offset:3px}.toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:12px}.toolbar output{min-width:52px;text-align:center}#viewport{height:620px;position:relative;overflow:hidden;border:1px solid #68616e;background:#24212b;touch-action:none;cursor:grab}#viewport.placing{cursor:crosshair}#world{width:2400px;height:1600px;transform-origin:0 0;position:absolute;background-color:#24212b;background-image:radial-gradient(#48414f 1px,transparent 1px);background-size:24px 24px;border:1px dashed #5f556b}.wall-label{display:none}.note{position:absolute;width:260px;height:260px;background:var(--paper,#f7edb8);color:#17151c;padding:32px;box-shadow:4px 6px 0 #0004;display:flex;flex-direction:column;justify-content:center;align-items:stretch;text-align:center;cursor:grab;user-select:none;overflow:hidden}.note .content{white-space:pre-wrap;overflow-wrap:anywhere;overflow:auto;flex:0 1 auto;max-height:144px;min-height:0;line-height:1.65;font-size:21px;touch-action:pan-y;user-select:text}.note footer{font-size:14px;line-height:1.5;margin-top:14px;opacity:.7;flex-shrink:0;max-height:42px;overflow:auto;overflow-wrap:anywhere}.note.round{border-radius:50%;padding:48px 42px}.note.round .content{max-height:108px}.note.heart{clip-path:path('M130 245 C110 225 10 158 10 83 C10 20 86 5 130 60 C174 5 250 20 250 83 C250 158 150 225 130 245 Z');padding:64px 55px 70px}.note.heart .content{max-height:80px;font-size:19px}.note.heart footer{font-size:13px;margin-top:8px;max-height:36px}.note.ticket{height:220px;clip-path:polygon(0 0,100% 0,100% 90%,90% 100%,80% 90%,70% 100%,60% 90%,50% 100%,40% 90%,30% 100%,20% 90%,10% 100%,0 90%);padding:26px 28px 42px}.note.ticket .content{max-height:100px}.note.selected{filter:drop-shadow(0 0 3px #ef203e);box-shadow:inset 0 0 0 2px #ef203e}.note:focus-visible{outline:3px solid #ef203e;outline-offset:-3px}#status{color:#f7edb8;min-height:28px;font-size:14px}.selection{margin-top:12px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}.selection span{margin-right:auto}@media(max-width:850px){main{padding:20px 14px}header{display:block}.desk{grid-template-columns:1fr}#composer{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}#composer h2,#composer>label[for=message],#message,#counter,#status,#composer>.primary{grid-column:1/-1}#composer>label[for=nick]{grid-column:1}#nick{grid-column:1}.paper-options{grid-column:2;grid-row:2/4}#viewport{height:480px}}