/* Groklet's night-sky theme. */
:root{color-scheme:dark;--paper:#050507;--ink:#fff;--muted:#b4b6c4;--line:#ffffff20;--lime:#b7fbf6;--white:#fff}
body{background:#050507;color:#fff;isolation:isolate;overflow-x:clip}
body::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 82% 22%,#17475526,transparent 42%),radial-gradient(ellipse at 15% 70%,#38256520,transparent 45%)}
#galaxy-background{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.header{background:#05050799;border-color:#ffffff14;backdrop-filter:blur(18px)}
.wordmark,.brand-dot,.title-dot,.section-heading h2 em,.story-copy h3{color:#fff}
.nav-item{color:#bfc1cd;border:1px solid transparent}
.nav-item.active{background:#ffffff0e;border-color:#ffffff25;color:#fff;box-shadow:inset 0 1px #ffffff0a}
.nav-item:hover{background:#ffffff14;color:#fff}
.header-right,.eyebrow,.hero p,.hero-note,.robot-caption,.cursor-icon,.mono,.mode-label,.enter-hint,.disclaimer,.footer-tag,.footer-right,.footer-spark,.section-heading p,.section-number,.control-title>span,.template small,.field-label,.text-button,.format-label,.studio-footnote,.preview-top,.preview-bottom,.saved-card-footer button,.empty-state p,.chat-toolbar,.source-note,.chain-tag,.token-stats,.token-address,dialog p,.about-row>span,.guide-subtitle,.guide-choices>span,.story-kicker,.story-copy p,.guide-principles,.reference-heading p,.reference-grid figcaption>span,.reference-grid small,.reference-note{color:#b7b9c6}
.status-dot{background:#b5fff5;box-shadow:0 0 9px #8bfff580}
.round-button{border-color:#ffffff26;color:#e4e6ef;background:#ffffff04}
.count{background:#ffffff1c;color:#fff}
.hero h1{font-weight:600;text-shadow:0 0 45px #fff1}
.scribble{display:none}
.hero-copy>p>a,.story-copy a,.message-content a{color:#fff;border-color:#ffffff65}
.hero-note>span:last-child{color:#fff}
.tiny-robot{background:#ffffff0b;border-color:#ffffff25}.tiny-robot i{background:#dbffff}
.orbit-one{border-color:#a5faff18;box-shadow:0 0 30px #75dbfa04}.orbit-two{border-color:#ffffff10}
.scene-plus{color:#b3d8e25e}
.robot-bubble{background:#101218e8;color:#fff;border-color:#ffffff24;box-shadow:0 8px 35px #0006;backdrop-filter:blur(16px)}
.robot-bubble span{color:#fff}
.mascot-rig{filter:drop-shadow(0 0 25px #64e9ed20)}
.mascot-shadow{background:radial-gradient(ellipse,#63f8ed2e,transparent 70%);filter:blur(8px)}
.composer{background:#101115ed;border-color:#ffffff29;box-shadow:0 0 0 1px #fff02,0 15px 55px #0005;backdrop-filter:blur(20px)}
.composer:focus-within{border-color:#bbfff485;box-shadow:0 0 0 3px #9af6ec0d,0 0 35px #52a7b00a}
.composer textarea{color:#fff}.composer textarea::placeholder{color:#a3a6b4}
.send-button,.primary-button{background:#fff;color:#08090d;box-shadow:0 0 20px #ffffff0a}
.send-button:hover,.primary-button:hover{background:#d6fff7;color:#08090d}
.primary-button>span{color:#51565e}
.suggestions button,.template,.outline-button,.saved-card,.token-card,.reference-grid figure{background:#0e1015e8;border-color:#ffffff1e;color:#eeeef4;backdrop-filter:blur(12px)}
.suggestions button>svg,.suggestions button>span,.template-icon,.guide-label strong,.message-name,.token-card strong,.token-stats b,.guide-principles strong,.reference-grid strong{color:#fff}
.suggestions button:hover,.outline-button:hover,.guide-choices>button:hover{background:#ffffff0f;border-color:#ffffff45;color:#fff}
.template.selected{background:#ffffff0f;border-color:#d0e5e273;box-shadow:inset 0 1px #ffffff10}
.template:hover{border-color:#ffffff50}
.text-input{background:#0d0f14;color:#fff;border-color:#ffffff28}
.text-input:focus{border-color:#c8fff178}
.color.selected{outline-color:#fff}.format-label select{background:#101218;border-color:#ffffff25;color:#fff}
.meme-preview-wrap{background:#0b0d12e8;border-color:#ffffff20;box-shadow:0 18px 70px #0004}
.empty-state>svg{color:#fff}.message-avatar{background:#ffffff0b}
.message-content{color:#e1e3ec}.message.user .message-content{background:#ffffff0e;border:1px solid #ffffff15;color:#fff}
.chain-tag,.guide-choices,.about-row{border-color:#ffffff1e}
.guide-choices>button{background:#ffffff0b;color:#fff;border:1px solid #ffffff20}
.green{color:#b7ffdc!important}.red{color:#ffa8b5!important}
.typing i{background:#fff}
.toast{background:#191c25;color:#fff;border:1px solid #ffffff2b;box-shadow:0 15px 50px #0007}.toast button{color:#fff}
dialog{background:#0c0f15;color:#fff;border-color:#ffffff24;box-shadow:0 25px 100px #0009}dialog::backdrop{background:#000a;backdrop-filter:blur(8px)}
.story-photo{background:radial-gradient(ellipse at 50% 40%,#1a4047,#0b1119 70%);border:1px solid #ffffff1e}
.story-photo>span{background:#080c15c9;color:#fff;border-color:#ffffff20;backdrop-filter:blur(10px)}
.reference-dialog{background:#080a0f}.reference-dialog>p{color:#d6dae6}.reference-close{background:#161922;color:#fff}
footer{color:#fff;border-color:#ffffff14}
button:focus-visible,a:focus-visible{outline-color:#cafff7}
::selection{background:#bdfcf4;color:#08090d}
.grok-sources{margin:30px 0}.grok-sources h3{font-size:22px;font-weight:500;letter-spacing:-.6px;margin:0 0 10px}.grok-sources>p{font-size:11px;color:#b7b9c6;line-height:1.8}.source-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px}.source-links>a{display:flex;flex-direction:column;gap:14px;padding:21px;color:#fff;text-decoration:none;background:#0e1015d9;border:1px solid #ffffff22;border-radius:12px;transition:border-color .2s,background .2s}.source-links>a:hover{background:#ffffff0c;border-color:#ffffff66}.source-links strong{display:flex;justify-content:space-between;gap:15px;font-weight:500;font-size:15px}.source-links .source-index{font:9px monospace;letter-spacing:1px;color:#c9cbd6}.source-links>a>span:last-child{font-size:10px;color:#b7b9c6}
.mission-pill{display:inline-flex;align-items:center;gap:9px;max-width:100%;margin:0 0 20px;padding:10px 13px;border:1px solid #ffffff25;border-radius:7px;background:#ffffff06;color:#c9ccd6;font:8px var(--sans);letter-spacing:.8px;text-decoration:none}.mission-pill strong{font-size:11px;letter-spacing:0;color:#fff;font-weight:500}.mission-pill>span:last-child{font-size:13px;color:#fff}.mission-pill:hover{border-color:#cafff778;background:#ffffff0a}
.mission-card{padding:34px 38px;margin:0 0 36px;border:1px solid #ffffff24;border-radius:16px;background:radial-gradient(ellipse at 100% 0,#2a6a7320,transparent 60%),#0b0e14c9}.mission-card h3{font-size:38px;font-weight:550;letter-spacing:-1.3px;line-height:1.15;margin:18px 0}.mission-card h3>span{color:#c9cedc}.mission-card p{color:#b7b9c6;font-size:12px;line-height:1.9;max-width:580px}.mission-card>a{display:inline-flex;gap:16px;align-items:center;color:#fff;font-size:11px;margin-top:13px;text-decoration:none;border-bottom:1px solid #ffffff45;padding-bottom:5px}.mission-card>a:hover{border-color:#fff}
@media(max-width:700px){.mission-card{padding:26px 23px}.mission-card .eyebrow{justify-content:flex-start;font-size:7px}.mission-card h3{font-size:32px}.mission-pill{font-size:7px;margin-bottom:17px;gap:8px}.mission-pill strong{font-size:10px}}
@media(max-width:700px){.source-links{grid-template-columns:1fr}.source-links>a{padding:18px;gap:11px}}
@media(prefers-reduced-motion:reduce){.mascot-rig{filter:none}}