#native-welcome-sign-in,#native-auth-status,#native-auth-retry{display:none}
html[data-platform] #native-welcome-sign-in{display:inline-flex;margin:0 12px 14px 0}
html[data-platform] body[data-auth=signed-in] #native-welcome-sign-in{display:none}
html[data-platform] body[data-auth=resolving] #landing,html[data-platform] body[data-auth=resolving] .layout,html[data-platform] body[data-auth=resolving] .top{visibility:hidden}
html[data-platform] body[data-auth=resolving] #native-auth-status{display:flex;position:fixed;inset:0;align-items:center;justify-content:center;gap:16px;z-index:90;background:var(--ground);color:var(--accent)}
html[data-platform] body[data-auth=error] #native-auth-status{display:block;padding:16px;color:var(--ink)}
html[data-platform] body[data-auth=error] #native-auth-retry{display:block;margin:8px auto 20px}
[aria-busy=true]::before,html[data-platform] body[data-auth=resolving] #native-auth-status::before{content:"";display:inline-block;width:20px;height:20px;flex:0 0 20px;border:1.5px solid currentColor;border-right-color:transparent;border-radius:50%;box-sizing:border-box;animation:cosmic-loading 1.6s linear infinite;margin-right:9px;vertical-align:middle;pointer-events:none}
[aria-busy=true]{cursor:progress}
.contact-picker-actions{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 10px}.contact-picker-actions button{min-height:44px;flex:1 1 190px}
.mode-choice{display:block;width:100%;text-align:left;padding:20px;margin:14px 0;border:1px solid var(--line);border-radius:14px;background:var(--paper);color:var(--ink);min-height:88px}
.mode-choice strong,.mode-choice span{display:block}.mode-choice strong{font:500 18px var(--serif);color:var(--accent);margin-bottom:8px}.mode-choice span{font:13px/1.65 -apple-system,BlinkMacSystemFont,sans-serif;color:var(--soft-text)}.mode-choice:hover,.mode-choice:focus-visible{border-color:var(--accent)}
@keyframes cosmic-loading{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){[aria-busy=true]::before,#native-auth-status::before{animation:none!important}}

/* The four destinations share one vocabulary across the workspace and conversation. */
.layout{grid-template-columns:256px minmax(0,1fr)}
body:not([data-view=landing]) .top-actions :is(#top-stories,#top-chat,#about,#top-settings){display:none}
body:not([data-view=landing]) .top-links{display:none}
.shell-nav{display:grid;gap:6px}
.shell-nav .nav{display:flex;align-items:center;gap:13px;width:100%;min-height:56px;padding:9px 12px;text-align:left;border:1px solid transparent;border-radius:12px;font:600 14px/1.25 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.shell-nav .nav>span:last-child{min-width:0}
.shell-nav .nav small{display:block;margin-top:4px;color:var(--muted);font-size:11px;font-weight:400;overflow-wrap:anywhere}
.shell-nav .nav.active{border-color:color-mix(in srgb,var(--accent) 30%,transparent)}
.nav-symbol{display:inline-grid;place-items:center;flex:0 0 30px;font-size:20px;color:var(--accent)}
.sidebar #nav-prompts{margin:20px 12px 0;min-height:48px;text-align:left}
.chat-shell-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin:17px 0 22px}
.chat-shell-nav button{min-height:48px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--muted);font:600 12px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.chat-shell-nav button.active{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 30%,transparent);background:color-mix(in srgb,var(--accent) 8%,transparent)}
.chat-shell-nav button:hover,.shell-nav .nav:hover{background:color-mix(in srgb,var(--accent) 10%,transparent)}
.chat-shell-nav button:focus-visible,.shell-nav .nav:focus-visible,.mobile-destinations button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.workspace-page{max-width:1100px;margin-inline:auto;padding-block:12px 70px}
.workspace-heading{max-width:720px;margin-bottom:36px}
.workspace-heading h1{font:400 clamp(2.4rem,4vw,3.7rem)/1.08 var(--serif);letter-spacing:-.03em;margin:12px 0 18px;text-wrap:balance}
.workspace-heading h1 span{color:var(--accent)}
.workspace-heading>p:last-child{font:1rem/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--soft-text);margin:0}
.workspace-grid,.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.workspace-card{min-width:0;padding:26px;border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);border-radius:16px;background:var(--paper);display:flex;flex-direction:column;align-items:flex-start}
.workspace-card h2{font:400 1.6rem/1.25 var(--serif);letter-spacing:-.015em;margin:10px 0}
.workspace-card p{color:var(--soft-text);font:14px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-wrap:anywhere}
.workspace-card p:not(.workspace-fine){min-height:48px}
.workspace-card button{min-height:48px;margin-top:10px;text-align:left}
.workspace-card .workspace-fine{font-size:12px;line-height:1.6;margin-top:19px}
.workspace-card .workspace-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid color-mix(in srgb,var(--accent) 48%,transparent);border-right-color:transparent;border-radius:50%;color:var(--accent);font:23px var(--serif)}
.workspace-links{display:flex;flex-wrap:wrap;gap:9px 18px;margin:10px 0}
.workspace-links a,.workspace-card a,.footer-policies a{color:var(--accent);text-underline-offset:4px}
.workspace-links a{min-height:44px;display:inline-flex;align-items:center}
.workspace-note{margin:27px 0;color:var(--soft-text);font:14px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.footer-policies{display:flex;flex-wrap:wrap;gap:12px 20px}
.mobile-destinations{display:none}
@media (min-width:700px) and (max-width:1099px){
 .top-links{display:none}
 body:not([data-view=landing],[data-view=chat]) .layout{display:grid;grid-template-columns:76px minmax(0,1fr)}
 body:not([data-view=landing],[data-view=chat]) .sidebar{display:flex;flex-direction:column;padding:22px 8px;border-right:1px solid var(--line);border-bottom:0}
 .sidebar .eyebrow,.sidebar .sidebar-bottom,.sidebar #nav-prompts,.shell-nav .nav small{display:none}
 .shell-nav .nav{flex-direction:column;justify-content:center;gap:3px;padding:7px 3px;min-height:64px;text-align:center;font-size:10px}
 .shell-nav .nav>span:last-child{display:block}
 .nav-symbol{flex:0 0 auto;width:30px;height:27px}
 .workspace-page{padding-inline:2vw}
}
@media (max-width:699px){
 .top-links{display:none}
 .top-actions #top-chat{display:none}
 .top-actions #top-settings{min-height:48px}
 body:not([data-view=landing]) .layout{display:block}
 body:not([data-view=landing]) .sidebar{display:none}
 body:not([data-view=landing],[data-view=chat]) #main{padding:24px 18px calc(100px + env(safe-area-inset-bottom))}
 .workspace-grid,.settings-grid{grid-template-columns:minmax(0,1fr);gap:14px}
 .workspace-card{padding:22px}
 .workspace-heading{margin-bottom:26px}
 body:not([data-view=landing]) .mobile-destinations{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:fixed;inset:auto 0 0;z-index:35;padding:6px max(10px,env(safe-area-inset-right)) max(7px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));border-top:1px solid color-mix(in srgb,var(--accent) 25%,transparent);background:var(--surface-deep);box-shadow:0 -8px 30px #02081055}
 .mobile-destinations button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;min-height:54px;border:0;border-radius:9px;background:transparent;color:var(--muted);font:600 10px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
 .mobile-destinations button span{font-size:20px;line-height:1}
 .mobile-destinations button.active{color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,transparent)}
 body.chat-drawer-open .mobile-destinations{display:none}
 body[data-view=chat] .composer-zone{padding-bottom:calc(79px + env(safe-area-inset-bottom))}
 html[data-keyboard=open] body[data-view=chat] .mobile-destinations,body[data-view=chat]:has(#chat-input:focus) .mobile-destinations{display:none}
 html[data-keyboard=open] body[data-view=chat] .composer-zone,body[data-view=chat]:has(#chat-input:focus) .composer-zone{padding-bottom:max(10px,env(safe-area-inset-bottom))}
 .landing-footer{padding-bottom:28px}
}
@media (prefers-reduced-motion:reduce){
 .chat-shell-nav button,.shell-nav .nav,.mobile-destinations button{transition:none}
}
#eligibility-dialog a,.dialog-inner a{color:var(--accent);text-underline-offset:4px}
#eligibility-dialog label{display:flex;align-items:flex-start;gap:12px;min-height:48px;padding:8px 0;cursor:pointer}
#eligibility-dialog label>span{min-width:0;flex:1;line-height:1.6}
#eligibility-dialog input[type=checkbox]{width:20px;height:20px;flex:none;margin-top:3px;accent-color:var(--accent)}
#eligibility-dialog a:focus-visible,.dialog-inner a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}