.grok-bot-page{--gb-bg:#000;--gb-fg:#f4f4f4;--gb-muted:#f4f4f494;--gb-faint:#f4f4f452;--gb-line:#f4f4f41f;background:var(--gb-bg);color:var(--gb-fg);isolation:isolate;min-height:100dvh}.grok-bot-page a:focus-visible,.grok-bot-page button:focus-visible{outline-offset:3px;outline:2px solid #fff}.grok-bot-grain{pointer-events:none;opacity:.09;mix-blend-mode:overlay;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='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}@media (max-width:767px){.grok-bot-grain{display:none}}.grok-bot-mark{width:100%;height:100%;display:block;overflow:visible}.grok-bot-mark__eye{will-change:auto}@media (min-width:768px){.grok-bot-mark__eye{will-change:transform}}.gb-hero-face{flex-shrink:0;width:.92em;height:.92em;display:inline-flex;translate:0 .04em}.gb-hero-badge:hover span:last-child{color:#ffffffe0}.gb-flag{filter:drop-shadow(0 8px 16px #ffb81c47);animation:2.4s ease-in-out 1s infinite gb-flag-wave}@keyframes gb-flag-wave{0%,to{transform:rotate(-10deg)skew(-4deg)}25%{transform:rotate(8deg)skew(5deg)translateY(-3px)}50%{transform:rotate(-6deg)skew(-3deg)}75%{transform:rotate(11deg)skew(4deg)translateY(-2px)}}@media (prefers-reduced-motion:reduce){.gb-flag{filter:none;animation:none}.gb-city-photo,.group:hover .gb-city-photo{transition:none;transform:none}.gb-soon,.group:hover .gb-soon{transition:none;transform:rotate(4deg)}}.gb-city-scrim{background:linear-gradient(#00000029 0%,#00000080 50%,#000000db 76%,#000000f5 100%)}.gb-city-tint{background:radial-gradient(120% 75% at 50% 100%,var(--gb-accent)0%,transparent 62%);opacity:.35;mix-blend-mode:soft-light}.gb-soon{--gb-soon-ink:#0c0c0c;background:var(--gb-accent);color:var(--gb-soon-ink);border-radius:999px;flex-shrink:0;align-items:center;gap:.4rem;padding:.28rem .72rem .28rem .32rem;transition:transform .45s cubic-bezier(.22,1,.36,1);display:inline-flex;position:relative;transform:rotate(3deg);box-shadow:inset 0 1px #ffffff7a,inset 0 -6px 10px #0000001f,0 0 0 1.5px #0c0c0c66,0 8px 18px #0000005c}.gb-soon__face{flex-shrink:0;width:1.35rem;height:1.35rem;display:block}.gb-soon__face .grok-bot-mark{width:100%;height:100%}.gb-soon__copy{text-transform:uppercase;letter-spacing:.16em;flex-direction:column;font-size:.5625rem;font-weight:800;line-height:1;display:flex}.gb-soon__copy span:last-child{letter-spacing:.2em;margin-top:.12rem;font-size:.6875rem}@media (min-width:768px){.gb-soon{padding:.32rem .8rem .32rem .36rem;transform:rotate(4deg)}.gb-soon__face{width:1.45rem;height:1.45rem}.gb-soon__copy{font-size:.6rem}.gb-soon__copy span:last-child{font-size:.72rem}}@media (hover:hover) and (pointer:fine){.gb-city-photo{transition:transform .7s,filter .7s}.group:hover .gb-city-photo{filter:brightness(.9)saturate(1.05);transform:scale(1.05)}.group:hover .gb-soon{transform:rotate(-3deg)scale(1.06)}}@keyframes gb-reveal{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.gb-reveal{animation:.7s cubic-bezier(.22,1,.36,1) both gb-reveal}.gb-prose{color:#f4f4f4b8;font-size:.9375rem;line-height:1.7}.gb-prose h2{color:#fff;letter-spacing:-.02em;border-bottom:1px solid #ffffff1a;margin:2rem 0 .75rem;padding-bottom:.4rem;font-size:1.25rem;font-weight:650}.gb-prose h3{color:#fff;margin:1.5rem 0 .5rem;font-size:1.05rem;font-weight:650}.gb-prose p{margin-bottom:.9rem}.gb-prose strong{color:#fff;font-weight:600}.gb-prose em{color:#f4f4f4d1}.gb-prose ul,.gb-prose ol{margin:0 0 1rem;padding-left:1.25rem}.gb-prose ul{list-style:outside}.gb-prose ol{list-style:decimal}.gb-prose li{margin-bottom:.35rem}.gb-prose a{color:#ff9a62;text-underline-offset:3px;text-decoration:underline}.gb-prose img,.gb-prose video{border:1px solid #ffffff1a;border-radius:.9rem;width:100%;margin:1.1rem 0 .35rem;display:block}.gb-prose figcaption{color:#f4f4f46b;margin:0 0 1.25rem;font-size:.75rem}.gb-prose pre{background:#0c0c0c;border:1px solid #ffffff1a;border-radius:.75rem;margin:.85rem 0 1.1rem;padding:.9rem 1rem;overflow-x:auto}.gb-prose code{font-family:var(--font-mono),ui-monospace,monospace;font-size:.8125rem}.gb-prose pre code{color:#f4f4f4c7}.gb-prose :not(pre)>code{background:#ffffff14;border-radius:.25rem;padding:.1rem .3rem}.gb-prose table{border-collapse:collapse;width:100%;margin:1rem 0 1.25rem;font-size:.8125rem}.gb-prose th,.gb-prose td{text-align:left;vertical-align:top;border:1px solid #ffffff1f;padding:.5rem .65rem}.gb-prose th{color:#fff;background:#ffffff0a;font-weight:600}.gb-showcase-fog{filter:blur(8px);pointer-events:none;-webkit-user-select:none;user-select:none;transform:scale(1.02)}.gb-showcase-veil{background:radial-gradient(at 50% 42%,#00000047 0%,#0000008c 100%)}.grok-bot-page select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.gb-guide-index{border-top:1px solid #ffffff1a;margin:0;padding:0;list-style:none}.gb-guide-index>li{border-bottom:1px solid #ffffff1a}.gb-guide-row{grid-template-columns:2.4rem 4.25rem minmax(0,1fr);align-items:center;gap:.85rem;min-height:5.5rem;padding:.85rem .15rem;display:grid}.gb-guide-num{font-variant-numeric:tabular-nums;letter-spacing:.14em;color:#ffffff47;font-size:.7rem}.gb-guide-thumb{background:#111;border:1px solid #ffffff1f;border-radius:.7rem;width:4.25rem;height:4.25rem;display:block;position:relative;overflow:hidden}.gb-guide-go{display:none}@media (min-width:640px){.gb-guide-row{grid-template-columns:3rem 5.25rem minmax(0,1fr) auto;gap:1.15rem;min-height:6.25rem;padding:.95rem .4rem}.gb-guide-thumb{border-radius:.85rem;width:5.25rem;height:5.25rem}.gb-guide-go{color:#ffffff61;white-space:nowrap;align-items:center;gap:.35rem;font-size:.8125rem;display:inline-flex}}@media (hover:hover) and (pointer:fine){.gb-guide-row{transition:background-color .2s}.gb-guide-row:hover{background:#ffffff09}.gb-guide-row:hover .gb-guide-num,.gb-guide-row:hover .gb-guide-go,.gb-guide-row:hover .gb-guide-title{color:#fff}.gb-guide-thumb img{transition:transform .45s}.gb-guide-row:hover .gb-guide-thumb img{transform:scale(1.06)}}@media (prefers-reduced-motion:reduce){.gb-showcase-fog{filter:blur(5px);transform:none}.gb-guide-thumb img,.gb-guide-row:hover .gb-guide-thumb img{transition:none;transform:none}}
