/* V89: one continuous visual language from arrival into everyday conversation. */
.icon-arrow-left { --ui-icon:url('/vendor/lucide/arrow-up.svg'); transform:rotate(-90deg); }
/* A transformed page would become the containing block of the fixed composer. */
.page.active.page-enter-forward,.page.active.page-enter-back { animation:encounter-page-in .18s ease-out; }
@keyframes encounter-page-in { from { opacity:.7; } to { opacity:1; } }
body.encounter-open { overflow:hidden; }
[data-surface=app] .auth { padding:0; background:var(--bg); }
.arrival { display:grid; grid-template-rows:auto minmax(0,1fr) auto; min-height:100%; max-width:560px; margin:auto; padding:calc(28px + env(safe-area-inset-top)) 28px calc(24px + env(safe-area-inset-bottom)); }
.arrival-wordmark { text-align:center; color:var(--ink); font-size:14px; font-weight:760; }
.arrival-scene { display:flex; flex-direction:column; align-items:center; justify-content:center; padding:32px 0; text-align:center; }
.arrival-mark { display:block; width:164px; height:164px; object-fit:cover; border-radius:36px; margin:0 0 30px; animation:encounter-arrive .6s ease both; }
.arrival-identity { max-width:100%; font-size:14px; line-height:1.8; color:var(--accent); font-weight:650; }
.arrival-identity > span { display:block; }
.arrival h1 { font-size:38px; line-height:1.3; letter-spacing:0; margin:14px 0 12px; font-weight:720; }
.arrival p { color:var(--muted); font-size:16px; line-height:1.8; margin:0; }
.arrival-actions { display:grid; gap:10px; text-align:center; }
.arrival-actions > .button { display:flex; align-items:center; justify-content:space-between; padding-inline:22px; min-height:56px; border-radius:8px; background:var(--ink); color:var(--bg); }
.arrival-actions .text-button { min-height:44px; }
.arrival-actions small { margin-top:12px; color:var(--muted); font-size:10px; }
.arrival-mark,.encounter-portrait,.zeta-presence-stage > img { object-fit:contain; background:#000; }
.auth-panel { max-width:460px; margin:auto; padding:calc(14px + env(safe-area-inset-top)) 24px calc(24px + env(safe-area-inset-bottom)); animation:encounter-arrive .25s ease; }
.auth-panel-heading { display:flex; align-items:center; gap:12px; margin-bottom:26px; font-size:12px; font-weight:700; }
.auth-panel-heading button { margin-left:-10px; }
[data-surface=app] .auth-panel .auth-brand { margin-bottom:16px; }
[data-surface=app] .auth-brand img { width:48px; height:48px; border-radius:12px; margin-bottom:18px; }
[data-surface=app] .auth-panel .auth-brand h1 { font-size:26px; line-height:1.4; overflow-wrap:anywhere; }
.auth-brand p { font-size:14px; line-height:1.7; color:var(--muted); margin:10px 0 0; }
.auth-panel .stack { gap:17px; }
.auth-panel input { min-height:50px; background:var(--solid); border:1px solid var(--line); }
.auth-panel label { font-size:13px; font-weight:550; }
.auth-panel label.check { align-items:center; font-size:12px; font-weight:400; line-height:1.6; }
.auth-panel label.check input { min-height:20px; }
.auth-panel .error { margin-top:12px; font-size:13px; }
.auth-panel .button.primary { min-height:52px; }
.auth-panel .text-button { font-size:12px; min-height:40px; }

.encounter { position:fixed; inset:0; width:100%; max-width:none; height:100%; height:100dvh; max-height:none; margin:0; border:0; padding:0; color:var(--ink); background:var(--bg); overflow:hidden; }
.encounter::backdrop { background:var(--bg); }
.encounter[open] { display:grid; grid-template-rows:auto minmax(0,1fr) auto; }
.encounter-header { display:grid; grid-template-columns:44px minmax(0,140px) 44px; gap:24px; align-items:center; justify-content:space-between; width:min(100%,520px); margin-inline:auto; padding:calc(12px + env(safe-area-inset-top)) 18px 8px; }
.encounter-progress { display:flex; gap:6px; }
.encounter-progress span { flex:1; height:3px; background:var(--line); border-radius:2px; transition:background .2s; }
.encounter-progress span.filled { background:var(--accent); }
.encounter-skip { background:transparent; border:0; color:var(--muted); padding:0; min-height:44px; font-size:13px; }
.encounter-main { width:min(100%,520px); margin-inline:auto; padding:24px 28px 12px; overflow-y:auto; overscroll-behavior:contain; animation:encounter-arrive .24s ease; }
.encounter-portrait { display:block; width:62px; height:62px; object-fit:cover; border-radius:18px; margin-bottom:22px; }
.encounter-kicker { display:block; font-size:12px; color:var(--accent); font-weight:650; margin-bottom:10px; }
.encounter h1 { font-size:27px; line-height:1.4; letter-spacing:0; margin:0 0 26px; overflow-wrap:anywhere; outline:none; }
.encounter-form { display:grid; gap:16px; }
.encounter-field { display:grid; gap:10px; font-size:13px; color:var(--muted); }
.encounter-field input { width:100%; padding:14px 16px; border:1px solid var(--line); background:var(--solid); color:var(--ink); font-size:18px; line-height:1.5; border-radius:8px; }
.encounter-choices { display:grid; gap:10px; }
.encounter-choice { display:grid; grid-template-columns:24px minmax(0,1fr) 16px; align-items:center; gap:14px; min-height:82px; padding:15px 14px; border:1px solid var(--line); border-radius:8px; color:var(--ink); text-align:left; background:var(--solid); }
.encounter-choice .ui-icon { width:22px; height:22px; color:var(--muted); }
.encounter-choice strong { display:block; font-size:16px; font-weight:650; }
.encounter-choice small { display:block; margin-top:5px; font-size:12px; line-height:1.5; color:var(--muted); }
.encounter-choice-dot { width:16px; height:16px; border:1px solid var(--line); border-radius:50%; }
.encounter-choice[aria-checked=true] { border-color:var(--accent); background:color-mix(in srgb,var(--accent) 5%,var(--solid)); }
.encounter-choice[aria-checked=true] .ui-icon { color:var(--accent); }
.encounter-choice[aria-checked=true] .encounter-choice-dot { border:5px solid var(--accent); }
.encounter-sample { padding:8px 0 0 16px; margin-top:5px; border-left:2px solid var(--line); }
.encounter-sample small { color:var(--muted); font-size:11px; }
.encounter-sample p { font-size:15px; line-height:1.8; margin:7px 0 0; min-height:54px; }
.encounter-permission { display:grid; grid-template-columns:minmax(0,1fr) 24px; align-items:center; gap:22px; padding:18px 0; border-bottom:1px solid var(--line); }
.encounter-permission strong { display:block; font-size:16px; }
.encounter-permission small { display:block; font-size:13px; font-weight:400; line-height:1.7; color:var(--muted); margin-top:8px; }
.encounter-permission input { width:22px; height:22px; min-height:22px; accent-color:var(--accent); }
.encounter-policy { color:var(--muted); font-size:12px; padding-block:10px; }
.encounter-invitation { margin:0 0 8px; color:var(--muted); font-size:16px; line-height:1.8; }
.encounter-message { width:100%; min-height:156px; resize:vertical; padding:18px; border:1px solid var(--line); border-radius:8px; font-size:16px; line-height:1.7; color:var(--ink); background:var(--solid); }
.encounter-footer { width:min(100%,520px); margin-inline:auto; padding:8px 28px calc(20px + env(safe-area-inset-bottom)); background:var(--bg); }
.encounter-footer .button { display:block; width:100%; min-height:54px; border-radius:8px; overflow-wrap:anywhere; }
.encounter-error { min-height:20px; margin:0 0 10px; color:var(--danger); font-size:12px; line-height:1.6; }
.encounter[aria-busy=true] .encounter-error { color:var(--muted); }
.encounter button:disabled { cursor:wait; opacity:.6; }

/* Keep the established viewport/keyboard shell; change the visual hierarchy inside it. */
[data-surface=app] .topbar { height:calc(70px + env(safe-area-inset-top)); padding:calc(10px + env(safe-area-inset-top)) 22px 10px; border-bottom:0; backdrop-filter:none; background:var(--bg); }
[data-surface=app] .topbar .brand img { width:34px; height:34px; border-radius:10px; }
[data-surface=app] .topbar .brand strong { font-size:15px; }
[data-surface=app] .topbar .brand span { font-size:10px; }
[data-surface=app] .avatar-button { width:36px; height:36px; border:1px solid var(--line); background:var(--solid); color:var(--ink); font-size:14px; }
.shell:not(.is-chat) > .content { padding-top:calc(76px + env(safe-area-inset-top)); }
.zeta-home-page { padding:10px 24px calc(100px + env(safe-area-inset-bottom)); background:transparent; }
.zeta-presence { padding:8px 0 22px; text-align:center; }
.zeta-presence-meta { justify-content:center; font-size:11px; font-weight:500; }
.zeta-presence-meta .zeta-live-state { display:none; }
.zeta-presence-stage { width:104px; height:104px; margin:28px auto 24px; }
.zeta-presence-stage > img { position:relative; display:block; width:104px; height:104px; object-fit:cover; border-radius:28px; transition:transform .35s; }
.presence-activity { position:absolute; right:-9px; bottom:-7px; display:grid; place-items:center; width:34px; height:34px; border:4px solid var(--bg); border-radius:50%; background:var(--solid); color:var(--accent); }
.zeta-presence-stage .presence-activity .z-sign { width:17px; height:17px; }
.zeta-presence-stage[data-state=ready] .presence-activity { width:22px; height:22px; right:-3px; bottom:1px; background:var(--accent); }
.zeta-presence-stage[data-state=ready] .presence-activity .z-sign { visibility:hidden; }
.zeta-presence-stage[data-state=working] > img { animation:encounter-presence 2.2s ease-in-out infinite; }
.zeta-presence h1 { max-width:none; margin:0 0 9px; font-size:24px; line-height:1.4; font-weight:650; overflow-wrap:anywhere; }
.zeta-presence > p { font-size:14px; line-height:1.8; margin:0 auto; }
.home-prompt-hint { width:fit-content; max-width:100%; min-height:44px; margin:22px auto 0; padding:8px 2px; border:0; font-size:12px; font-weight:500; color:var(--muted); gap:8px; grid-template-columns:18px minmax(0,1fr) 16px; }
.home-prompt-hint .z-sign { width:18px; height:18px; }
.home-prompt-hint .ui-icon { width:14px; height:14px; }
.home-stream { margin-top:6px; }
.home-stream.is-empty { display:none; }
.home-moment { padding:17px 0; border-bottom:1px solid var(--line); }
.home-moment-main { min-height:62px; }
.home-moment > button.home-moment-main { grid-template-columns:34px minmax(0,1fr) 16px; gap:12px; }
.home-moment-sign { width:30px; height:30px; padding:5px; background:var(--solid); border:1px solid var(--line); border-radius:8px; }
.home-moment-kicker { font-size:10px; font-weight:550; }
.home-moment-copy { gap:4px; }
.home-moment h2 { font-size:15px; font-weight:650; }
.home-moment p { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; font-size:12px; line-height:1.65; }
.home-moment.is-running .home-moment-sign { color:var(--ds-info); }
.home-composer { bottom:calc(72px + env(safe-area-inset-bottom)); border-color:var(--line); background:var(--solid); border-radius:20px; padding:10px; box-shadow:0 5px 20px rgba(20,26,38,.05); backdrop-filter:none; }
.home-composer textarea { font-size:16px; }
.home-composer .composer-tool { background:transparent; color:var(--muted); }
.home-send-button { background:var(--accent); color:var(--ds-on-action); }
.home-auto-state { font-size:11px; font-weight:500; }
.home-auto-state .z-sign { width:14px; height:14px; flex-shrink:0; }
[data-surface=app] .tabbar { border-top:0; background:var(--bg); }
[data-surface=app] .tabbar button { font-size:10px; gap:4px; }
.tabbar button.active::after { display:none; }
.tabbar .nav-icon { width:24px; height:24px; }
.tabbar button { transition:color .18s,transform .18s; }
.tabbar button:active { transform:scale(.95); }
.shell.is-chat .conversation-heading { background:var(--bg); border-bottom:1px solid color-mix(in srgb,var(--line) 55%,transparent); }
.conversation-person > img { border-radius:10px; }
.shell.is-chat .messages { padding:20px 18px 24px; gap:24px; }
.message-wrap.assistant { grid-template-columns:24px minmax(0,1fr); gap:10px; }
.chat-avatar.ai { border-radius:8px; }
.response-byline { font-size:11px; color:var(--muted); font-weight:550; margin-bottom:5px; }
.message.user { background:var(--solid); border-color:var(--line); padding:12px 16px; border-radius:16px 16px 4px 16px; }
.shell.is-chat .message.assistant { font-size:16px; line-height:1.7; }
.shell.is-chat .composer { background:var(--solid); box-shadow:none; }
.shell.is-chat .composer .zs-turn-tools { display:none; }
.shell.is-chat .conversation-start { padding:58px 12px 28px; text-align:center; }
.shell.is-chat .conversation-start > img { width:84px; height:84px; margin:0 auto 22px; border-radius:23px; }
.shell.is-chat .conversation-start h2 { font-size:25px; }
.shell.is-chat .conversation-start p { max-width:260px; font-size:14px; line-height:1.8; margin-inline:auto; }
[data-surface=app] .page-title h1 { font-size:24px; }
[data-surface=app] .page-title > span { font-size:10px; }
[data-surface=app] .settings-group button { font-size:15px; min-height:58px; }
[data-surface=app] .settings-section-label { font-size:11px; }
@keyframes encounter-arrive { from { opacity:0; transform:translateY(10px); } to { opacity:1; transform:translateY(0); } }
@keyframes encounter-presence { 0%,100% { transform:scale(1); } 50% { transform:scale(.96); } }
@media (min-width:900px) {
  .arrival { padding-block:40px; }
  .arrival-mark { width:190px; height:190px; }
  .encounter-main { padding-top:40px; }
  .zeta-home-page { padding-inline:40px; }
  [data-surface=app] .tabbar button { font-size:13px; gap:12px; }
  .zeta-presence-stage { margin-top:36px; }
  .zeta-presence { padding-bottom:30px; }
}
@media (max-height:690px) {
  .arrival-mark { width:110px; height:110px; border-radius:26px; margin-bottom:20px; }
  .arrival h1 { font-size:30px; }
  .arrival-scene { padding:24px 0; }
  .encounter-main { padding-top:14px; }
  .encounter-portrait { width:42px; height:42px; border-radius:12px; margin-bottom:14px; }
  .encounter h1 { font-size:24px; margin-bottom:18px; }
  .zeta-presence-stage { margin-block:16px; }
}
@media (prefers-reduced-motion:reduce) {
  .arrival-mark,.auth-panel,.encounter-main,.zeta-presence-stage[data-state=working] > img { animation:none; }
  .page.active.page-enter-forward,.page.active.page-enter-back { animation:none; }
}
html[data-zs-motion=reduced] :is(.arrival-mark,.auth-panel,.encounter-main,.zeta-presence-stage[data-state=working] > img) { animation:none; }
.arrival-mark,.encounter-portrait[src*="/assets/"],.zeta-presence-stage > img[src*="/assets/"] { object-fit:contain; background:#000; }

/* Detail surfaces share one fixed navigation row and a scrollable form body. */
.sheet { padding:0; overflow:hidden; border-radius:8px 8px 0 0; }
[data-surface=app] .sheet.open { display:flex; flex-direction:column; animation:detail-enter .18s ease-out both; }
.sheet-navigation { display:flex; flex:0 0 auto; align-items:center; gap:10px; min-height:60px; padding:8px 12px; border-bottom:1px solid var(--line); background:var(--solid); }
.sheet-navigation > span { min-width:0; font-size:17px; font-weight:650; overflow-wrap:anywhere; }
#sheetContent { min-height:0; overflow-y:auto; overscroll-behavior:contain; padding:20px 22px calc(22px + env(safe-area-inset-bottom)); }
#sheetContent > h2 { position:absolute; width:1px; height:1px; margin:-1px; overflow:hidden; clip-path:inset(50%); }
#sheetContent .lead { font-size:13px; line-height:1.7; }
#sheetContent :is(input:not([type=checkbox]),select) { min-height:48px; font-size:16px; border-radius:8px; }
#sheetContent textarea { min-height:120px; font-size:16px; border-radius:8px; }
#sheetContent .form-grid { gap:18px; }
#sheetContent .button { min-height:46px; border-radius:8px; }
.sheet-status { margin:16px 0 0; font-size:13px; line-height:1.7; overflow-wrap:anywhere; }
.sheet-status:empty { display:none; }
.sheet-status[data-state=pending] { color:var(--muted); }
.sheet-status[data-state=error] { color:var(--danger); padding:12px; border:1px solid currentColor; border-radius:8px; }
.sheet[aria-busy=true] button:disabled { opacity:.65; cursor:wait; }
@keyframes detail-enter { from { opacity:0; transform:translateY(16px); } to { opacity:1; transform:translateY(0); } }
@media (min-width:900px) { .sheet { left:50%; right:auto; width:min(560px,calc(100% - 48px)); margin-left:-280px; max-height:calc(100% - 48px); } }
@media (prefers-reduced-motion:reduce) { [data-surface=app] .sheet.open { animation:none; transform:none; } }
html[data-zs-motion=reduced] .sheet.open { animation:none; transform:none; }

/* V90: compact conversation controls and independent account identity. */
.splash { --startup-solid:0; background:transparent; color:#f8fafc; pointer-events:auto; transition:none; overflow:hidden; }
.startup-cover { position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; background:#000; }
.startup-scene { position:relative; width:min(320px,88%); height:288px; flex:none; display:flex; flex-direction:column; align-items:center; }
.startup-emblem { position:relative; width:100%; aspect-ratio:4/3; flex:none; }
#startupParticles { display:block; width:100%; height:100%; opacity:0; }
.startup-mark { position:absolute; display:block; width:52.5%; height:70%; left:23.75%; top:15%; object-fit:contain; border-radius:0; opacity:var(--startup-solid); filter:brightness(calc(.72 + var(--startup-light,0) * .28)); }
.startup-wordmark { font-size:36px; font-weight:600; line-height:48px; letter-spacing:0; opacity:0; transition:opacity .4s ease; color:#89969f; }
#startupWave { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; opacity:0; }
.splash.has-particles #startupParticles { opacity:calc(1 - var(--startup-solid)); }
.splash:is([data-phase=breathe],[data-phase=error],[data-phase=reveal],[data-phase=ready]) { --startup-solid:1; }
.splash:is([data-phase=breathe],[data-phase=error],[data-phase=reveal],[data-phase=ready]) .startup-wordmark { opacity:1; }
.splash:is([data-phase=breathe],[data-phase=reveal]) :is(.startup-emblem,.startup-wordmark) { animation:z-arrival-breathe 2.5s ease-in-out infinite; }
.startup-cover > span { position:absolute; top:min(calc(50% + 166px),calc(100% - 108px)); min-height:20px; max-width:min(280px,90%); text-align:center; color:#adb5bd; font-size:13px; }
.startup-cover > button { position:absolute; top:min(calc(50% + 204px),calc(100% - 64px)); min-height:44px; padding:8px 20px; color:#f8fafc; background:transparent; border:1px solid #4b525a; border-radius:8px; }
.splash.revealing #startupWave { opacity:1; }
.splash.revealing .startup-wordmark { color:rgb(calc(137 + var(--startup-ignition,0) * 118),calc(150 + var(--startup-ignition,0) * 105),calc(159 + var(--startup-ignition,0) * 96)); text-shadow:0 0 calc(var(--startup-ignition,0) * 16px) #c8e8ff,0 0 calc(var(--startup-ignition,0) * 32px) #83c9ef88; }
.splash.departing { opacity:0; transition:opacity .24s ease; }
.splash.done { pointer-events:none; }
.splash:is(.done,.paused,.revealing) :is(.startup-emblem,.startup-wordmark) { animation-play-state:paused; }
@keyframes z-arrival-breathe { 0%,100% { transform:translateY(0) scale(1); } 50% { transform:translateY(-2px) scale(1.015); } }
@media (max-height:480px) { .startup-scene { transform:translateY(-55px) scale(.58); } }
.zeta-home-page.has-moments .zeta-presence-stage { display:none; }
.zeta-home-page.has-moments .zeta-presence { padding:14px 0 18px; text-align:left; }
.zeta-home-page.has-moments .zeta-presence-meta { justify-content:flex-start; margin-bottom:10px; }
.zeta-home-page.has-moments .zeta-presence h1 { font-size:22px; }
.home-moment { padding:18px 0; }
.home-moment h2 { font-size:16px; }
.home-moment p { font-size:14px; }
.home-moment-kicker { font-size:11px; }
.home-moment-sign { border:0; background:transparent; }
.home-composer,.shell.is-chat .composer {
  display:grid; grid-template-columns:44px minmax(0,1fr) 44px; align-items:end; gap:4px;
  padding:7px; border:1px solid var(--line); border-radius:22px; background:var(--solid); box-shadow:none;
}
.home-composer:focus-within { transform:none; box-shadow:none; }
.home-composer { bottom:calc(72px + env(safe-area-inset-bottom)); }
.shell.is-chat .composer { width:min(calc(100% - 24px),var(--conversation-width)); max-width:704px; justify-self:center; margin:8px 12px max(10px,env(safe-area-inset-bottom)); }
.home-composer-bar,.shell.is-chat .composer-bar { display:contents; }
.home-composer textarea,.shell.is-chat .composer textarea {
  grid-column:2; grid-row:1; width:100%; min-width:0; min-height:44px; max-height:130px;
  margin:0; padding:10px 4px; font-size:16px; line-height:24px; border:0; background:transparent;
}
#homeAttachButton,#attachButton { grid-column:1; grid-row:1; }
#homeSendButton,#sendButton { grid-column:3; grid-row:1; }
.home-composer .composer-tool,.shell.is-chat .composer .composer-tool,.home-send-button,.shell.is-chat .composer #sendButton { width:44px; height:44px; margin:0; padding:0; border:0; border-radius:50%; }
.home-composer .composer-tool,.shell.is-chat .composer .composer-tool { background:transparent; color:var(--muted); }
#homeSendButton[data-mode=voice],#sendButton[data-mode=voice] { background:transparent; color:var(--ink); }
#homeSendButton[data-mode=send],#sendButton[data-mode=send],#homeSendButton[data-mode=stop],#sendButton[data-mode=stop] { background:var(--ink); color:var(--bg); }
.composer .ui-icon,.home-composer .ui-icon { width:22px; height:22px; }
.shell.is-chat .message-wrap.assistant { grid-template-columns:26px minmax(0,1fr); gap:10px; }
.chat-avatar.ai { width:26px; height:26px; align-self:start; }
.chat-avatar.ai img { display:block; width:26px; height:26px; min-width:26px; object-fit:cover; }
.message-tools { display:flex; align-items:flex-start; gap:2px; margin-top:6px; }
.message-tools > button,.message-more > summary { display:grid; place-items:center; width:44px; height:44px; min-height:44px; padding:0; color:var(--muted); }
.message-more { min-width:44px; max-width:100%; flex:1; }
.message-more > summary { list-style:none; cursor:pointer; border-radius:8px; }
.message-more > summary::-webkit-details-marker { display:none; }
.message-more[open] > summary .ui-icon { transform:rotate(180deg); }
.message-more-content { display:flex; flex-wrap:wrap; gap:4px; padding:4px 0 10px; }
.message-more-content > button,.message-more-content .zs-button { display:flex; width:auto; min-height:44px; align-items:center; justify-content:flex-start; gap:8px; padding:8px 12px; color:var(--muted); font-size:13px; }
.message-more-content .zs-reply-actions { display:contents; }
.message-more-content .ui-icon,.message-more-content .z-sign { width:18px; height:18px; }
.message-more-content [aria-pressed=true] { color:var(--accent); }
.message-more:not([open]) > .message-more-content { display:none; }
.shell[data-active-page=me] > .topbar { display:none; }
.shell[data-active-page=me] > .content { padding-top:calc(20px + env(safe-area-inset-top)); }
[data-surface=app] .profile-head { margin:6px 0 24px; padding:12px 0; gap:14px; }
.profile-head > div { flex:1; min-width:0; }
.profile-head h1 { margin:0; font-size:24px; }
#profileName { display:block; min-height:44px; padding:0; text-align:left; border:0; background:transparent; color:var(--ink); font:inherit; font-weight:650; overflow-wrap:anywhere; }
#profileOrb { width:64px; height:64px; flex:0 0 64px; border:1px solid var(--line); border-radius:50%; overflow:hidden; background:var(--solid); color:var(--muted); padding:0; }
#profileOrb img { display:block; width:100%; height:100%; object-fit:cover; }
#profileOrb .ui-icon { width:32px; height:32px; }
.icon-chevron-right { --ui-icon:url('/vendor/lucide/chevron-down.svg'); transform:rotate(-90deg); }
[data-surface=app] #pointsCard { margin:0 0 24px; padding:0; border:0; background:transparent; }
#pointsCard > button { display:flex; justify-content:space-between; align-items:center; gap:16px; width:100%; min-height:56px; padding:12px 0; border:0; border-block:1px solid var(--line); background:transparent; color:var(--ink); font-size:15px; text-align:left; }
#pointsCard > button > span:last-child { display:flex; align-items:center; gap:6px; color:var(--muted); font-size:13px; }
#pointsCard .ui-icon { width:16px; height:16px; }
.usage-detail strong { display:block; font-size:24px; margin:20px 0; }
.usage-detail p { color:var(--muted); font-size:14px; }
.zs-account-identity .zs-portrait { border-radius:50%; background:var(--solid); }
.zs-account-identity .zs-portrait[src*=vendor] { padding:14px; }
@media (prefers-reduced-motion:reduce) { .splash[data-phase] :is(.startup-emblem,.startup-wordmark) { animation:none; } .splash * { transition:none !important; } #startupWave { display:none; } }
html[data-zs-motion=reduced] .splash :is(.startup-emblem,.startup-wordmark) { animation:none; }
html[data-zs-motion=reduced] .splash * { transition:none !important; }
html[data-zs-motion=reduced] #startupWave { display:none; }
@media (min-width:900px) { .home-composer { bottom:24px; } }