body main .pub-composer{--coal:255 155 45;--light:255 229 158;--ink:#fff1d0;isolation:isolate;box-sizing:border-box;clip-path:polygon(0 12px,12px 0,32% 0,calc(32% + 9px) 5px,68% 5px,calc(68% + 9px) 0,calc(100% - 14px) 0,100% 14px,100% calc(100% - 14px),calc(100% - 14px) 100%,62% 100%,calc(62% - 8px) calc(100% - 5px),24% calc(100% - 5px),calc(24% - 8px) 100%,12px 100%,0 calc(100% - 12px));background:radial-gradient(ellipse at 22% 50%,rgb(var(--light)/.15),transparent 24%),radial-gradient(ellipse at 73% 50%,rgb(var(--coal)/.12),transparent 34%),linear-gradient(90deg,#070400eb,#140a01cc 45%,#040301f2);width:100%;min-width:0;height:auto;min-height:68px;box-shadow:inset 0 0 35px rgb(var(--coal)/.1);border:0;border-radius:0;flex:none;grid-template-columns:minmax(0,1fr) 64px;align-items:center;gap:12px;margin:8px 0 0;padding:8px 10px 8px 14px;animation:3.8s ease-in-out infinite pub-breathe;display:grid;position:relative;overflow:hidden}body main .pub-composer[data-theme=mara]{--coal:186 75 177;--light:232 179 237;--ink:#f7e5f7}body main .pub-composer[data-theme=gargoyle]{--coal:31 182 204;--light:168 246 244;--ink:#e1fcfa}body main .pub-composer[data-theme=table]{--coal:185 143 79;--light:225 206 165;--ink:#f2e6cf}body main .pub-composer[data-theme=road]{--coal:96 153 180;--light:221 190 127;--ink:#eeead9}body main .pub-composer:before{content:"";z-index:0;pointer-events:none;clip-path:inherit;border:1px solid rgb(var(--light)/.55);background:repeating-linear-gradient(90deg,transparent 0 38px,rgb(var(--light)/.12) 38px 39px,transparent 39px 45px);box-shadow:inset 0 0 12px rgb(var(--light)/.15),inset 0 0 40px rgb(var(--coal)/.07);position:absolute;inset:1px}body main .pub-composer:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg,transparent,rgb(var(--coal)/.04),rgb(var(--light)/.6),rgb(var(--coal)/.1),transparent);filter:blur(4px);width:12%;animation:3.1s cubic-bezier(.7,0,.2,1) infinite pub-light-pass;position:absolute;top:-35%;bottom:-35%;left:-18%;transform:skew(-16deg)}body main .pub-composer .pub-composer-input{z-index:4;caret-color:var(--ink);display:block;box-sizing:border-box!important;resize:none!important;border:0!important;border-left:2px solid rgb(var(--light)/.94)!important;width:100%!important;min-width:0!important;min-height:46px!important;max-height:118px!important;color:var(--ink)!important;letter-spacing:.04em!important;text-shadow:0 0 7px rgb(var(--light)/.5)!important;box-shadow:-4px 0 7px rgb(var(--light)/.24),-10px 0 24px rgb(var(--coal)/.12)!important;clip-path:none!important;background:0 0!important;border-radius:0!important;outline:0!important;margin:0!important;padding:12px 10px 10px 16px!important;font:500 16px/22px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;animation:none!important;position:relative!important;overflow-x:hidden!important;transform:none!important}body main .pub-composer .pub-composer-input::placeholder{color:rgb(var(--light)/.53)!important;font:inherit!important;letter-spacing:inherit!important;text-shadow:0 0 10px rgb(var(--coal)/.2)!important}body main .pub-composer .pub-composer-send{z-index:5;box-sizing:border-box;cursor:pointer;place-items:center;animation:2.4s ease-in-out infinite pub-node;background:radial-gradient(circle,rgb(var(--light)/.3) 0 5%,rgb(var(--coal)/.17) 6% 20%,#030200ed 43%)!important;width:64px!important;min-width:44px!important;height:46px!important;min-height:46px!important;color:var(--ink)!important;letter-spacing:normal!important;box-shadow:inset 0 0 14px rgb(var(--light)/.18)!important;text-shadow:0 0 11px rgb(var(--light)/.8)!important;clip-path:polygon(18% 0,82% 0,100% 18%,100% 82%,82% 100%,18% 100%,0 82%,0 18%)!important;border:0!important;border-radius:0!important;margin:0!important;padding:0!important;font:25px/1 Georgia,serif!important;display:grid!important;position:relative!important}body main .pub-composer .pub-composer-send:before{content:none!important}body main .pub-composer .pub-composer-send:after{content:"";border:1px solid rgb(var(--light)/.48);pointer-events:none;animation:7s linear infinite pub-core;position:absolute;inset:7px;transform:rotate(45deg)}body main .pub-composer .pub-composer-send:disabled{opacity:.4;cursor:default}body main .pub-composer .pub-composer-send:hover:not(:disabled){filter:brightness(1.25)}body main .pub-composer:focus-within{box-shadow:inset 0 0 28px rgb(var(--coal)/.23)}body main .pub-composer .pub-composer-send:focus-visible{outline-offset:-4px;outline:2px solid var(--ink)!important}body main .pub-composer[data-theme=hearth]{--coal:179 42 13;--light:226 96 44;--ink:#f3dfcb;background:#11100fee;animation:5.7s ease-in-out infinite pub-ember-heat}body main .pub-composer[data-theme=hearth]:before{background:radial-gradient(at 14% 100%,#ce3c1870,#0000 26%),radial-gradient(at 73% 0,#8f24144a,#0000 21%),radial-gradient(at 91% 100%,#e45d2460,#0000 19%);border-color:#7c281bcc;box-shadow:inset 0 -2px 7px #d3472477,inset 2px 0 5px #84200e66}body main .pub-composer[data-theme=hearth]:after{display:none}body main .pub-composer[data-theme=hearth] .pub-composer-send{animation:none}body main .pub-composer[data-theme=hearth] .pub-composer-send:after{border-color:#ad442666;animation:none;transform:none}body main .pub-composer[data-theme=hearth] .pub-composer-input{text-shadow:none!important}@keyframes pub-breathe{0%,to{filter:brightness(.92)}50%{filter:brightness(1.1)}}@keyframes pub-light-pass{0%,12%{opacity:0;left:-18%}28%{opacity:.8}72%{opacity:.32}86%,to{opacity:0;left:112%}}@keyframes pub-node{0%,to{filter:brightness(.8)}50%{filter:brightness(1.22)}}@keyframes pub-core{0%{transform:rotate(45deg)}to{transform:rotate(405deg)}}@keyframes pub-ember-heat{0%,to{filter:brightness(.9)}38%{filter:brightness(1.08)}43%{filter:brightness(1.03)}48%{filter:brightness(1.1)}72%{filter:brightness(.96)}}@media (prefers-reduced-motion:reduce){body main .pub-composer,body main .pub-composer:before,body main .pub-composer:after,body main .pub-composer .pub-composer-send,body main .pub-composer .pub-composer-send:after{filter:none!important;animation:none!important}body main .pub-composer:after{display:none}}body main .pub-composer .pub-composer-input:placeholder-shown{white-space:nowrap}@media (max-width:768px){html body main.hearth-scene:has(.hearth-input-strip){--dialogue-height:150px}html body main.hearth-scene:has(.hearth-chair-strip){--dialogue-height:min(55%,230px)}html body main.hearth-scene:has(.hearth-input-strip .pub-composer-input[data-expanded]){--dialogue-height:220px}}
