[hidden]{display:none!important}dialog{max-width:min(26rem,90vw);border-radius:1rem}output{display:block;white-space:pre-wrap}:root{color-scheme:dark;background:#101213;color:#efece5;font:17px/1.55 system-ui}main{max-width:31rem;margin:5vh auto;padding:1.5rem}header{font-weight:700;letter-spacing:.03em}header small{float:right;font-weight:400;color:#d4bd94}h1{line-height:1.1;font-size:clamp(2rem,8vw,3rem)}label{display:block}textarea{box-sizing:border-box;width:100%;margin:1rem 0;padding:1rem;border:1px solid #666158;border-radius:.8rem;background:#191c1e;color:inherit;font:inherit}button{font:inherit;border:1px solid #6a6257;padding:.5rem .9rem;border-radius:1.2rem;background:#191c1e;color:inherit;margin:.4rem .25rem .4rem 0}button.primary{background:#ddc59c;color:#171613}button:disabled{opacity:.5}section{border-top:1px solid #393b39;margin-top:1.3rem;padding-top:.8rem}small{color:#bbb7af}
body{margin:0}main{box-sizing:border-box;width:100%;max-width:36rem;padding:max(1.25rem,env(safe-area-inset-top)) 1.25rem max(1.25rem,env(safe-area-inset-bottom))}header{display:flex;justify-content:space-between;gap:1rem;align-items:baseline}header small{float:none;text-align:right}button{min-height:44px;cursor:pointer}button:disabled{cursor:default}button:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid #ddc59c;outline-offset:4px}textarea{resize:vertical}#notice:empty{display:none}#connections{margin-bottom:1.5rem}.connection{padding:1rem;background:#191c1e;border:1px solid #393b39;border-radius:1rem;margin:.75rem 0}.connection button{display:inline-block}.message{max-width:85%;width:fit-content;padding:.8rem 1rem;border-radius:1rem;white-space:pre-wrap;overflow-wrap:anywhere;background:#23282b}.message.sent{margin-left:auto;background:#333127}.message.received{margin-right:auto}.message-report{display:block;font-size:.8rem;border:0;background:transparent;color:#c8bdab;padding:.25rem 0;margin:0;border-radius:.2rem}#chat{border:0}#chatHeading{outline:none}#messages:empty::before{content:'You’re connected. Say hello.';color:#bbb7af}#chatForm{border-top:1px solid #393b39;padding-top:1rem}#chatForm textarea{margin:.5rem 0}dialog{padding:1.25rem;border:1px solid #6a6257;background:#191c1e;color:inherit}dialog::backdrop{background:#0009}dialog input[type=checkbox]{width:1.1rem;height:1.1rem;vertical-align:middle}summary{cursor:pointer;padding:.8rem 0}details{margin-top:1rem}h2{font-size:1.25rem}@media(max-width:420px){main{margin:1rem auto}h1{font-size:2.4rem}.message{max-width:90%}}
#currentStory,#extraCurrentStory{margin:1rem 0;padding:1rem;border-left:3px solid #ddc59c;background:#191c1e;border-radius:0 .8rem .8rem 0;white-space:pre-wrap;overflow-wrap:anywhere}
#damascus{position:fixed;inset:0 0 auto;width:100%;height:min(100vh,900px);pointer-events:none;z-index:0;mask-image:linear-gradient(#000 0%,#000b 55%,transparent 100%);-webkit-mask-image:linear-gradient(#000 0%,#000b 55%,transparent 100%)}
main{position:relative;z-index:1}h1,header,label,#notice{ text-shadow:0 2px 12px #101213,0 0 4px #101213 }