.thread-root{color:#e5e5e5;background:#141414;flex-direction:column;height:100%;display:flex;position:relative}@media (prefers-color-scheme:light){.thread-root{color:#0d0d0d;background:#fdfdfd}}.thread-root-empty{justify-content:center;align-items:center}.thread-centered{flex-direction:column;justify-content:center;align-items:center;gap:48px;width:100%;max-width:800px;padding:24px;display:flex}.grok-header{border-bottom:1px solid #0000;justify-content:center;align-items:center;padding:24px 0;display:flex}.grok-logo-container{justify-content:center;align-items:center;display:flex}.grok-logo-text{color:#e5e5e5;letter-spacing:-.02em;font-size:24px;font-weight:600}.github-link{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#14141499;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;text-decoration:none;transition:transform .2s,border-color .2s,background .2s;display:inline-flex;position:absolute;top:24px;right:24px}.github-link:hover{border-color:#fff9;transform:scale(1.05)}.github-link:focus-visible{outline-offset:2px;outline:2px solid #4a9eff}@media (prefers-color-scheme:light){.grok-logo-icon{border-color:#0d0d0d}.grok-logo-icon:after{background:#0d0d0d}.grok-logo-text{color:#0d0d0d}.github-link{color:#0d0d0d;background:#ffffffd9;border-color:#0000001f}.github-link:hover{border-color:#0006}}.thread-root-with-messages{justify-content:flex-start}.thread-viewport{flex-direction:column;flex:1;align-items:center;gap:24px;padding:24px;display:flex;overflow-y:auto}.messages-container{flex-direction:column;gap:24px;padding-bottom:24px;display:flex}.messages-container-centered{flex-direction:column;align-items:center;gap:24px;width:100%;max-width:800px;padding-bottom:24px;display:flex}.message-user,.message-assistant{width:100%;max-width:800px;line-height:1.6}.message-user{justify-content:flex-end;padding:0;display:flex}.message-user .message-content{color:#fff;text-align:center;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:999px;max-width:fit-content;padding:12px 20px;font-weight:400;display:inline-block;box-shadow:inset 0 1px 2px #0000004d}.message-assistant{text-align:left;flex-direction:column;align-items:flex-start;width:100%;padding:0;display:flex}.message-assistant .message-content{color:#e5e5e5;text-align:left;background:0 0;max-width:100%}@media (prefers-color-scheme:light){.message-user .message-content{color:#0d0d0d;background:#e5e5e5}.message-assistant .message-content{color:#0d0d0d}}.message-content{white-space:normal;word-wrap:break-word;font-size:15px;line-height:1.65}.message-content p{margin:0 0 12px}.message-content p:last-child{margin-bottom:0}.message-content ul,.message-content ol{margin:0 0 12px 22px;padding:0}.message-content li{margin:0 0 6px}.message-content h1,.message-content h2,.message-content h3,.message-content h4{margin:0 0 12px;font-weight:600}.thread-footer{border-top:1px solid #0000;justify-content:center;width:100%;padding:24px;display:flex}.thread-footer-centered{border-top:none;flex-direction:column;align-items:center;gap:16px;width:100%;padding:0;display:flex}@media (prefers-color-scheme:light){.thread-footer{border-top:1px solid #0000}}.composer-root{align-items:center;gap:12px;width:100%;max-width:800px;padding:12px 16px;transition:border-color .2s,background-color .2s;display:flex;background:#212121!important;border:1px solid #2a2a2a!important;border-radius:28px!important}.composer-root:focus-within{border-color:#4a9eff!important}@media (prefers-color-scheme:light){.composer-root{background:#f8f8f8!important;border:1px solid #e5e5e5!important}.composer-root:focus-within{border-color:#4a9eff!important}}.composer-icon-button{color:#e5e5e5;cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:4px;transition:opacity .2s;display:flex}.composer-icon-button:hover{opacity:.7}@media (prefers-color-scheme:light){.composer-icon-button{color:#0d0d0d}}.composer-input{resize:none;border:none;outline:none;flex:1;min-height:24px;max-height:200px;padding:0;font-family:inherit;font-size:15px;line-height:1.5;color:#e5e5e5!important;background:0 0!important}.composer-input::placeholder{color:#999}@media (prefers-color-scheme:light){.composer-input{color:#0d0d0d!important}.composer-input::placeholder{color:#999}}.grok-version-selector{color:#e5e5e5;cursor:pointer;border-radius:12px;flex-shrink:0;align-items:center;gap:4px;padding:4px 8px;font-size:14px;transition:background-color .2s;display:flex}.grok-version-selector:hover{background:#ffffff0d}@media (prefers-color-scheme:light){.grok-version-selector{color:#0d0d0d}.grok-version-selector:hover{background:#0000000d}}.composer-mic-button{color:#141414;cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;padding:0;transition:all .2s;display:flex;background:#fff!important;border-radius:50%!important}.composer-mic-button:hover:not(:disabled){transform:scale(1.05);background:#f0f0f0!important}.composer-mic-button:active:not(:disabled){transform:scale(.95)}.composer-mic-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.message-thinking{color:#999;white-space:pre-wrap;text-align:left;align-items:flex-start;gap:10px;width:100%;max-width:100%;font-size:15px;line-height:1.6;display:flex}.thinking-dot{background:#4a9eff;border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:6px;animation:1.2s ease-in-out infinite thinkingPulse;box-shadow:0 0 10px #4a9eff99}@keyframes thinkingPulse{0%{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1)}to{opacity:.4;transform:scale(.8)}}@media (prefers-color-scheme:light){.message-thinking{color:#666}.thinking-dot{background:#2563eb;box-shadow:0 0 10px #2563eb80}}.profile-cards-container{flex-direction:row;justify-content:flex-start;gap:16px;width:100%;margin-top:24px;display:flex}.profile-card{background:#fff;border:1px solid #e5e5e5;border-radius:16px;flex-direction:column;flex:1 1 0;min-width:0;min-height:500px;padding:0;transition:border-color .2s;display:flex;overflow:hidden;box-shadow:0 2px 8px #0000001a}.profile-card:hover{border-color:#4a9eff}@media (prefers-color-scheme:light){.profile-card{background:#fff;border-color:#e5e5e5}.profile-card:hover{border-color:#4a9eff}}@media (prefers-color-scheme:dark){.profile-card{background:#1a1a1a;border-color:#2a2a2a}.profile-card:hover{border-color:#4a9eff}}.profile-card-top{background:#f5f5f5;justify-content:center;align-items:center;height:50%;min-height:250px;padding:0;display:flex;position:relative;overflow:hidden}@media (prefers-color-scheme:dark){.profile-card-top{background:#242424}}.profile-card-bottom{flex-direction:column;justify-content:flex-start;gap:8px;height:50%;min-height:250px;padding:16px 20px;display:flex;overflow-y:auto}.profile-picture-large{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.profile-image{object-fit:cover;width:100%;height:100%}.profile-placeholder{color:#fff;letter-spacing:.05em;background:linear-gradient(135deg,#1f3b73,#171717);justify-content:center;align-items:center;width:100%;height:100%;font-size:28px;font-weight:600;display:flex}.profile-name-line{color:#0d0d0d;flex-wrap:wrap;align-items:center;gap:8px;font-size:18px;font-weight:600;line-height:1.4;display:flex}@media (prefers-color-scheme:dark){.profile-name-line{color:#e5e5e5}}.profile-role-pill{color:#4a9eff;background:#4a9eff26;border:1px solid #4a9eff66;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:500}.profile-username-line{color:#666;font-size:14px;line-height:1.4}@media (prefers-color-scheme:dark){.profile-username-line{color:#999}}.profile-email-line{color:#666;word-break:break-word;font-size:14px;line-height:1.4}@media (prefers-color-scheme:dark){.profile-email-line{color:#999}}.profile-bio-line{color:#666;word-break:break-word;margin-top:12px;font-size:14px;line-height:1.5}@media (prefers-color-scheme:dark){.profile-bio-line{color:#999}}.profile-username{color:#999;font-size:14px;font-weight:500}@media (prefers-color-scheme:light){.profile-username{color:#666}}.profile-website{color:#4a9eff;font-size:14px}.profile-website a{color:#4a9eff;word-break:break-all;text-decoration:none}.profile-website a:hover{text-decoration:underline}.profile-email{color:#999;word-break:break-all;font-size:14px}@media (prefers-color-scheme:light){.profile-email{color:#666}}.profile-meta-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-top:12px;display:grid}.profile-meta{flex-direction:column;gap:4px;display:flex}.profile-meta-label{text-transform:uppercase;letter-spacing:.05em;color:#999;font-size:11px}@media (prefers-color-scheme:light){.profile-meta-label{color:#777}}.profile-topics{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.profile-topics span{color:#4a9eff;background:#4a9eff26;border:1px solid #4a9eff66;border-radius:999px;padding:4px 10px;font-size:12px}.profile-link{color:#4a9eff;align-items:center;gap:6px;margin-top:16px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.profile-link:after{content:"↗";font-size:12px}.profile-link:hover{text-decoration:underline}.profile-card-skeleton{animation:1.5s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.skeleton-line{background:#2a2a2a;border-radius:4px;height:16px;animation:1.5s ease-in-out infinite shimmer}@media (prefers-color-scheme:light){.skeleton-line{background:#e5e5e5}}@keyframes shimmer{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.skeleton-profile-picture-large{background:#2a2a2a;width:100%;height:100%;animation:1.5s ease-in-out infinite shimmer}@media (prefers-color-scheme:light){.skeleton-profile-picture-large{background:#e5e5e5}}.skeleton-field{width:70%;height:18px;margin-bottom:6px}.skeleton-bio{width:90%;height:40px;margin-top:4px}.hints-container{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;width:100%;max-width:800px;padding:0 16px;display:flex}.hint-pill{color:#e5e5e5;cursor:pointer;white-space:nowrap;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:999px;padding:8px 16px;font-family:inherit;font-size:14px;font-weight:400;transition:all .2s}.hint-pill:hover{background:#3a3a3a;border-color:#4a4a4a;transform:translateY(-1px)}.hint-pill:active{transform:translateY(0)}@media (prefers-color-scheme:light){.hint-pill{color:#0d0d0d;background:#f0f0f0;border-color:#e5e5e5}.hint-pill:hover{background:#e5e5e5;border-color:#d0d0d0}}@media (max-width:768px){.profile-cards-container{flex-flow:column}.profile-card{flex:auto;width:100%}.hints-container{padding:0 8px}.hint-pill{padding:6px 14px;font-size:13px}}
.grok-container{color:#e5e5e5;background:#141414;justify-content:center;align-items:stretch;height:100vh;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;display:flex;overflow:hidden}@media (prefers-color-scheme:light){.grok-container{color:#0d0d0d;background:#fdfdfd}}.grok-inner{width:100%;max-width:100%;height:100%;box-shadow:none;background:0 0;border-radius:0;flex-direction:column;padding:0;display:flex;overflow:hidden}@media (prefers-color-scheme:light){.grok-inner{background:0 0}}