@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400&family=Manrope:wght@300;400;500&family=Newsreader:ital,opsz,wght@0,6..72,300;1,6..72,300&display=swap";:root{font-family:Manrope,sans-serif;color:#dce8e1;background:#071213;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#071213}.threshold{min-height:100vh;display:grid;place-items:center;overflow:hidden;position:relative;background:radial-gradient(circle at 68% 36%,#254139 0,transparent 28%),linear-gradient(135deg,#071213,#0d201e 60%,#071213)}.threshold:before{content:"";position:absolute;inset:0;opacity:.14;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E")}.threshold section{width:min(88vw,780px);position:relative;z-index:1}.eyebrow{font:300 11px DM Mono;letter-spacing:.24em;color:#86a99a}.threshold h1{font:300 clamp(62px,9vw,130px)/.87 Newsreader;margin:45px 0 32px;letter-spacing:-.05em;color:#e7eee9}.intro{font:300 18px/1.7 Manrope;color:#99aaa4;max-width:540px}.threshold button{margin-top:42px;background:#dce8e1;color:#09201b;border:0;border-radius:100px;padding:18px 24px;font:500 13px Manrope;letter-spacing:.04em;cursor:pointer}.threshold button span{margin-left:50px}.fine{font:300 10px DM Mono!important;color:#60766e!important;letter-spacing:.08em;margin-top:24px}.halo{position:absolute;width:46vw;height:46vw;border:1px solid #72928430;border-radius:50%;right:-4vw;top:5vh;box-shadow:0 0 100px #6ca28a20,inset 0 0 100px #6ca28a10}.room{height:100vh;display:grid;grid-template:64px 1fr/1fr minmax(320px,390px);background:#091515;overflow:hidden}.room header{grid-column:1/3;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid #6e8b7d22;font:400 10px DM Mono;letter-spacing:.18em;color:#8fa399}.mark{display:inline-grid;place-items:center;width:27px;height:27px;border:1px solid #678076;border-radius:50%;margin-right:12px;font-family:Newsreader;color:#dbe7e1}.status{position:absolute;left:50%;transform:translate(-50%)}.status i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#987c53;margin-right:9px}.status i.live{background:#8bc7a8;box-shadow:0 0 12px #8bc7a8}.quiet{background:none;color:#a8b9b1;border:1px solid #52665d;border-radius:30px;padding:9px 15px;font:400 9px DM Mono;letter-spacing:.1em}.field{position:relative;overflow:hidden;background:radial-gradient(circle at 50% 45%,#17312b,#091515 65%)}.grain{position:absolute;inset:0;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.orbit{position:absolute;border:1px solid #86ae9b15;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.orbit.one{width:55vw;height:55vw}.orbit.two{width:32vw;height:32vw}.empty{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);text-align:center;color:#6f8980;font:300 12px/1.8 DM Mono;letter-spacing:.04em}.empty span{font:300 54px Newsreader;color:#8ca99d55}.entity{position:absolute;transform:translate(-50%,-50%);text-align:center;animation:arrive 1.5s ease both}.glyph{width:110px;height:110px;display:grid;place-items:center;border-radius:50%;background:#b4ddc313;color:#bdd7ca;font:300 60px Newsreader;filter:drop-shadow(0 0 25px #83b79d55);border:1px solid #b5d7c933}.entity label{font:300 9px DM Mono;letter-spacing:.18em;text-transform:uppercase;color:#91aa9f}.scene-meta{position:absolute;bottom:22px;left:25px;font:300 9px DM Mono;letter-spacing:.18em;color:#536c63}@keyframes arrive{0%{opacity:0;transform:translate(-50%,-50%) scale(.55);filter:blur(12px)}to{opacity:1;transform:translate(-50%,-50%) scale(1);filter:none}}aside{background:#0c1a19;border-left:1px solid #6e8b7d22;padding:30px 25px;display:flex;flex-direction:column;min-height:0}.dialogue{flex:1;overflow:auto;margin:20px 0}.dialogue article{margin:0 0 25px}.dialogue small{font:300 9px DM Mono;letter-spacing:.2em;color:#668177}.dialogue p{font:300 14px/1.65 Manrope;margin:8px 0;color:#aabbb4}.dialogue .participant{border-left:1px solid #719284;padding-left:14px}.dialogue .participant p{color:#e0e8e4}.composer{border:1px solid #5e766b;border-radius:4px;padding:12px;position:relative}.composer textarea{width:calc(100% - 40px);height:75px;resize:none;border:0;outline:0;background:none;color:#dce7e2;font:300 13px/1.5 Manrope}.composer button{position:absolute;right:12px;top:12px;border:0;border-radius:50%;width:32px;height:32px;background:#c9dcd3;color:#10231f;font-size:18px}.composer div{font:300 8px DM Mono;color:#61786e;letter-spacing:.07em}.composer em{float:right;font-style:normal}.mic{color:#8cc6a8}.sealed{padding:20px;border:1px solid #65827655;background:#65827610}.sealed b{font:300 18px Newsreader;color:#dfe9e4}.sealed p{font:300 11px/1.6 Manrope;color:#82978e}.sealed code{font:300 8px DM Mono;color:#62786f;word-break:break-all}@media(max-width:760px){.room{height:auto;min-height:100vh;grid-template:60px minmax(52vh,1fr) auto/1fr}.room header{grid-column:1;position:sticky;top:0;z-index:4;background:#091515}.status{display:none}.field{min-height:52vh}aside{border-left:0;border-top:1px solid #6e8b7d22;min-height:48vh}.dialogue{max-height:240px}.threshold h1{font-size:62px}.orbit.one{width:90vw;height:90vw}.orbit.two{width:60vw;height:60vw}}