@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Instrument+Serif:ital@0;1&display=swap');
:root{--ink:#fbf8f2;--muted:#aaa6b7;--violet:#a792ff;--pink:#f183a9;--line:#ffffff1a;--bg:#100e19}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 20%,#292044 0%,var(--bg) 55%);color:var(--ink);font-family:DM Sans,Arial;min-height:100vh;overflow-x:hidden}.grain{position:fixed;inset:0;opacity:.2;pointer-events:none;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='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E")}main{max-width:1080px;min-height:100vh;margin:auto;padding:30px 44px;position:relative}nav{display:flex;justify-content:space-between;align-items:center;color:#c4bed4;font:10px DM Mono;letter-spacing:1px}.logo{font:600 17px DM Sans;color:#fff;text-decoration:none;letter-spacing:-.5px}.logo i{display:inline-block;width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,var(--pink),var(--violet));margin-right:7px}.screen{display:none;min-height:calc(100vh - 80px);align-items:center;justify-content:center;flex-direction:column;text-align:center}.screen.active{display:flex}.orb{width:130px;height:130px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #cfc1ff80;background:radial-gradient(circle at 35% 30%,#e4cfff40,#8b70f215 58%,transparent 70%);box-shadow:0 0 0 20px #9b86ff09,0 0 80px #aa8fff23;margin-bottom:40px;animation:float 4s ease-in-out infinite}.orb b{font:500 46px Instrument Serif;color:#fff;line-height:.9}.orb small{font:10px DM Mono;color:var(--muted);letter-spacing:1.5px;margin-top:7px}.kicker{font:10px DM Mono;letter-spacing:1.4px;color:#bdb5d4;margin:0 0 18px}h1,h2{font:400 70px/.9 Instrument Serif;margin:0;letter-spacing:-2px}em{color:#d6caff;font-weight:400}.lead{color:var(--muted);font-size:15px;line-height:1.7;margin:29px 0}.cta,.finish,.signal-card button{border:1px solid #e2d9ff66;background:#e8e0ff;color:#211b31;border-radius:100px;padding:15px 20px;font:600 13px DM Sans;cursor:pointer;transition:.25s}.cta:hover,.finish:hover{transform:translateY(-3px);box-shadow:0 15px 30px #ad95ff28}.cta span,.finish span{font-size:19px;margin-left:18px}.hint{font-size:10px;color:#716d7e;margin-top:20px}.timer-row{width:min(620px,100%);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:14px;font:12px DM Mono;color:#bdb6ca}.pulse{color:#ef9eb7;font-size:10px;letter-spacing:.5px}.pulse:first-letter{animation:blink 1s infinite}.writing-wrap{width:min(620px,100%);position:relative;margin:28px 0}textarea{background:transparent;border:0;outline:0;color:#fff;width:100%;height:260px;resize:none;font:400 34px/1.28 Instrument Serif;caret-color:#d9cdff}textarea::placeholder{color:#5b5669}.word-count{position:absolute;bottom:0;right:0;color:#777183;font:10px DM Mono}.finish{background:transparent;color:#f0eaff;border-color:#a994ee75}.reveal-top{margin:35px 0 8px}.reveal-top h2{font-size:57px}.constellation{width:min(720px,100%);height:265px;position:relative;margin-top:2px}.node{position:absolute;max-width:155px;padding:10px 12px;background:#ffffff0d;border:1px solid #ffffff21;border-radius:11px;color:#e7e1f2;font-size:11px;line-height:1.35;text-align:left;backdrop-filter:blur(6px);animation:appear .7s both}.node:before{content:'';position:absolute;width:7px;height:7px;border-radius:50%;background:var(--pink);top:-4px;left:50%;box-shadow:0 0 13px var(--pink)}.node.major{background:#d9ceff24;border-color:#c9baff70;color:#fff}.node.major:before{background:#d7c9ff;box-shadow:0 0 16px #d7c9ff}.signal-card{max-width:500px;padding:20px 25px;background:linear-gradient(110deg,#ffffff12,#d9c8ff19);border:1px solid #ffffff24;border-radius:18px;text-align:left;box-shadow:0 20px 50px #00000024}.signal-card span{color:#d4c7fb;font:10px DM Mono;letter-spacing:1px}.signal-card h3{font:400 30px/1.05 Instrument Serif;margin:12px 0 8px}.signal-card p{color:#bcb5c9;font-size:12px;line-height:1.5;margin:0 0 17px}.signal-card button{padding:9px 13px;font-size:11px;background:transparent;color:#e9e1ff;border-color:#ffffff32}.quiet{color:#716b80;font-size:10px;margin:16px}.loading{color:var(--muted);font:11px DM Mono;letter-spacing:.5px;animation:blink 1.4s infinite}@keyframes float{50%{transform:translateY(-8px)}}@keyframes blink{50%{opacity:.2}}@keyframes appear{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media(max-width:600px){main{padding:22px 20px}nav span{display:none}h1{font-size:54px}.lead{font-size:13px}textarea{font-size:28px;height:290px}.reveal-top h2{font-size:45px}.constellation{height:295px}.signal-card h3{font-size:27px}.node{max-width:115px;font-size:9px}}