:root{color-scheme:dark}.june-page{background:radial-gradient(ellipse at 45% 0%,#223658,#060e20 48%,#040a17);color:#eff5ff;font-family:'DM Sans',sans-serif}.june-nav{height:72px;display:flex;align-items:center;padding:0 6%;gap:30px;border-bottom:1px solid #b0c6e733}.june-brand{letter-spacing:.22em;font-size:21px}.june-brand small{font:8px monospace;display:block;color:#a4bdd1}.june-nav>span{font:9px 'Space Mono',monospace;color:#a5c9de;letter-spacing:.12em}.exit{margin-left:auto;border:1px solid #b4cad8;padding:11px 16px;font:10px 'Space Mono',monospace}.june-wrap{max-width:1260px;margin:auto;padding:65px 5% 100px}.june-intro{display:flex;align-items:end;justify-content:space-between;gap:20px}.june-intro h1{font-size:clamp(45px,6vw,78px);letter-spacing:.04em;margin:16px 0}.june-intro h1 i{font:italic .95em 'DM Serif Display',serif;color:#c9dcff}.june-intro p{color:#afc0d6}.status{font:10px 'Space Mono',monospace;color:#a5c5cf;line-height:2;text-align:right}.online-dot{display:inline-block;width:7px;height:7px;background:#9ce3c6;border-radius:50%;box-shadow:0 0 10px #64e3a8}.computer{max-width:970px;margin:45px auto 0;filter:drop-shadow(0 24px 35px #0008)}.screen-bezel{background:linear-gradient(135deg,#dfd9c9,#a8a79e);border:1px solid #e8e1d1;border-radius:24px 24px 14px 14px;padding:24px 28px 16px;box-shadow:inset -5px -6px 20px #817d70,inset 4px 4px 20px #f6efdf}.computer-brand{color:#393a37;font:15px 'Space Mono',monospace;letter-spacing:.2em;margin-bottom:15px}.computer-brand span{float:right;font:8px monospace;letter-spacing:.1em;margin-top:7px}.crt{border:16px solid #313534;border-radius:25px;background:#253e3b;overflow:hidden;box-shadow:inset 0 0 60px #061911,0 0 0 3px #797c70;color:#d8edd5;font:13px 'Space Mono',monospace}.desktop-bar,.desktop-footer{background:#72977e;color:#081a13;padding:8px 12px;display:flex;justify-content:space-between;font-size:10px}.terminal-window{background:#142822;border:2px solid #b9d9b9;margin:12px;box-shadow:4px 4px #06150f}.window-title{background:#bcd3b1;color:#10251a;padding:9px;display:flex;justify-content:space-between;font-weight:bold;font-size:11px}.terminal-toolbar{display:flex;flex-wrap:wrap;gap:4px;padding:6px;background:#254337}.terminal-toolbar button,.terminal-toolbar select{background:#e0e6d0;color:#162a20;border:1px solid #050e0b;border-radius:0;font:9px 'Space Mono',monospace;padding:7px}.terminal-toolbar label{display:flex;align-items:center;gap:5px;font-size:9px}.conversation-head{display:flex;align-items:center;gap:12px;padding:9px 12px;border-bottom:1px solid #9cbba066}.conversation-head img{width:55px;height:44px;object-fit:cover;filter:contrast(1.2) saturate(.65)}.conversation-head strong{display:block;letter-spacing:.13em}.conversation-head small{font-size:9px;color:#8fd9b1}.conversation-head>span{margin-left:auto;text-align:right;font-size:9px;color:#a6c1a8}.messages{height:265px;overflow-y:auto;overscroll-behavior:contain;padding:14px 16px;line-height:1.6;scrollbar-color:#a6c1a8 #243a31}.msg{margin-bottom:15px;white-space:pre-wrap;overflow-wrap:anywhere}.msg .speaker{font-size:9px;color:#9fc9a5;letter-spacing:.1em;margin-bottom:4px}.msg.user{color:#f0dca4}.choices{border-top:1px solid #9cbba044;padding:8px 12px;display:grid;gap:6px;max-height:190px;overflow:auto}.choices button{background:#1b382c;color:#e0f4d9;border:1px solid #799e7f;text-align:left;padding:10px;font:11px 'Space Mono',monospace;line-height:1.5}.choices button:hover,.choices button:focus-visible{background:#b8d3ad;color:#102119}.free-form{padding:8px 12px 12px;background:#152b22}.free-form label,.free-form small{font:9px 'Space Mono',monospace;color:#a7c6a6}.free-form>div{display:flex;margin:5px 0}.free-form input,.citizen-form input{min-width:0;flex:1;background:#e4ead6;border:1px solid #091a12;color:#14261b;padding:11px;font:13px 'Space Mono',monospace}.free-form button,.citizen-form button{background:#b8d3ad;color:#0b2015;border:1px solid #07180f;font:10px 'Space Mono',monospace;padding:10px}.desktop-footer span{animation:blink 1.2s step-end infinite}@keyframes blink{50%{opacity:0}}.screen-bottom{display:flex;justify-content:space-between;color:#454743;font:9px monospace;margin-top:14px}.screen-bottom i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#62d695;box-shadow:0 0 8px #2fd880}.keyboard{width:95%;margin:0 auto;background:linear-gradient(#c5c3b5,#969589);border:1px solid #ddd8c6;border-radius:4px 4px 20px 20px;transform:perspective(650px) rotateX(14deg);padding:18px 10%;color:#333831}.keys{background:repeating-linear-gradient(90deg,#e8e4d7 0 35px,#928f85 35px 39px);text-align:center;line-height:2.3;font:15px/2.3 monospace;box-shadow:inset 0 0 0 8px #a6a498}.below{display:grid;grid-template-columns:1fr 1fr;gap:10%;margin:95px auto 0;max-width:970px}.below h2{font-size:38px;margin:18px 0}.below p{font-size:14px}.outline{background:none;border:1px solid #a9bdc8;padding:12px;color:#d4eaf4;font:10px 'Space Mono',monospace;margin-top:10px}.citizen-box{border:1px solid #a1bdcf55;padding:25px;background:#0c1c30}.citizen-form{display:flex}.citizen-box label{font:10px 'Space Mono',monospace}.citizen-card{border:1px solid #b4dcef;background:linear-gradient(130deg,#273b62,#090f27);padding:20px;display:flex;flex-direction:column;gap:12px;color:#e8efff;margin-top:14px}.citizen-card[hidden],button[hidden]{display:none}.citizen-card span,.citizen-card em{font:9px 'Space Mono',monospace;letter-spacing:.08em}.citizen-card strong{font-size:24px;letter-spacing:.08em}.june-page[data-period=morning]{background:radial-gradient(ellipse at 45% 0%,#8b7491,#17223b 48%,#071124)}.june-page[data-period=afternoon]{background:radial-gradient(ellipse at 45% 0%,#5d91a6,#182945 48%,#071124)}.june-page[data-period=sunset]{background:radial-gradient(ellipse at 45% 0%,#b16b83,#312341 48%,#071124)}@media(max-width:700px){.june-nav{height:65px}.june-nav>span{display:none}.june-wrap{padding:38px 12px 75px}.june-intro{padding:0 6px}.june-intro h1{font-size:42px}.status{font-size:8px}.screen-bezel{padding:13px 10px 10px;border-radius:14px}.computer-brand{font-size:11px}.computer-brand span{font-size:7px}.crt{border-width:7px;border-radius:15px;font-size:12px}.terminal-window{margin:6px}.window-title{font-size:9px}.terminal-toolbar button,.terminal-toolbar select{font-size:9px;padding:8px}.conversation-head img{width:45px;height:38px}.messages{height:260px;padding:12px}.choices{max-height:190px}.choices button{font-size:12px;padding:11px}.keyboard{display:none}.below{grid-template-columns:1fr;gap:40px;margin-top:65px}.below h2{font-size:32px}.free-form input{font-size:16px}}@media(prefers-reduced-motion:reduce){.desktop-footer span{animation:none}}
.membership-preview{margin-top:20px;border-radius:18px;overflow:hidden;box-shadow:0 15px 35px #0007,0 0 0 1px #c9e4fb66;aspect-ratio:1200/756}.membership-preview[hidden]{display:none}.membership-preview canvas{width:100%;height:auto;display:block}.citizen-box{background:linear-gradient(145deg,#10243c,#081526);border-color:#b9d5ed55}.citizen-box .citizen-form{margin-top:8px}.citizen-box .outline:hover{background:#d2eaf2;color:#0a1b2b}