:root {
  font-family: -apple-system, BlinkMacSystemFont, "Anthropic Sans Web Text", "SF Pro Text", "PingFang SC", sans-serif;
  font-size: 16px; color: var(--ink); color-scheme: light;
  --text-xs: 12px; --text-sm: 13px; --text-ui: 14px; --text-title: 15px; --text-body: 16px; --text-heading: 28px;
  --panel: rgba(255,253,248,.48); --sidebar: rgba(231,224,210,.24); --header-height: 60px; --nav-row: 44px;
  --bg: #f5f1e8; --surface: rgba(255,253,248,.82); --soft: #eae5da; --ink: #141413;
  --muted: #79756c; --line: rgba(86,77,61,.14); --accent: #c6613f; --accent-soft: #c6613f12;
  --danger: #ba4c45; --code: #f0ebe2; --edge: rgba(245,241,232,.95);
  --glass: linear-gradient(135deg,rgba(255,255,255,.58),rgba(255,253,248,.24) 48%,rgba(246,239,226,.38));
  --glass-border: rgba(255,255,255,.62);
  --glass-rim: linear-gradient(135deg,#ffffffed 0%,#ffffff30 29%,#9b815126 53%,#ffffffb3 78%,#ffffff45);
  --glass-light: rgba(255,255,255,.78);
  --glass-shadow: 0 2px 4px #3d2d1705,0 8px 24px #3d2d170d,inset 0 1px 1px #ffffff99,inset 0 -1px 1px #6e543510;
  --glass-blur: 18px; --spring: cubic-bezier(.2,.85,.2,1);
  --safe: env(safe-area-inset-bottom,0px); --top: env(safe-area-inset-top,0px); --viewport-height: 100dvh; --viewport-top: 0px;
}
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; -webkit-font-smoothing: antialiased; background: var(--bg); color: var(--ink); line-height: 1.5; }
button,input,textarea,select { font: inherit; }
button,a,input,textarea,summary { -webkit-tap-highlight-color: transparent; }
button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 36px; border: 1px solid transparent; border-radius: 10px; padding: 8px 12px; color: var(--ink); background: transparent; font-size: var(--text-ui); font-weight: 500; cursor: pointer; transition: background-color .18s,box-shadow .22s,transform .22s var(--spring),border-color .22s; }
button:disabled { opacity: .42; cursor: default; }
button:active:not(:disabled) { transform: scale(.98); }
button:hover:not(:disabled) { background-color: rgba(104,86,61,.07); }
button:focus-visible,a:focus-visible,summary:focus-visible { outline: 3px solid #c68b70; outline-offset: 3px; }
button.primary { background: var(--accent); color: white; box-shadow: 0 4px 12px #a04b2920; }
button.primary:hover:not(:disabled) { background: #ae5033; }
a { color: inherit; text-decoration: none; }
[hidden] { display: none!important; }
.icon-library { position: absolute; width: 0; height: 0; overflow: hidden; }
.icon { display: block; width: 20px; height: 20px; flex: 0 0 auto; fill: none; stroke: currentColor; stroke-width: 1.65; stroke-linecap: round; stroke-linejoin: round; }
.icon-button { width: 36px; height: 36px; padding: 8px; border-radius: 10px; color: var(--muted); }
.quiet { padding: 6px 8px; color: var(--muted); font-size: var(--text-sm); font-weight: 450; }
.secondary { background: var(--panel); border-color: var(--line); }
.wide { width: 100%; }
.error { color: var(--danger); font-size: var(--text-sm); line-height: 1.65; }
.error:empty { display: none; }
.site-header,.workspace-nav,.chat-header,.composer-box,.jump-latest,.list-modes,.composer-menu,dialog { isolation: isolate; background: var(--glass); border: 1px solid var(--glass-border); box-shadow: var(--glass-shadow); -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(145%); backdrop-filter: blur(var(--glass-blur)) saturate(145%); }
/* The rim and moving light sit above the material, without covering its contents. */
.site-header::before,.workspace-nav::before,.chat-header::before,.composer-box::before,.list-modes::before,.composer-menu::before,dialog::before { content: ''; position: absolute; z-index: -1; inset: 0; pointer-events: none; border-radius: inherit; background: radial-gradient(ellipse 180px 120px at var(--glass-x,30%) var(--glass-y,0%),var(--glass-light),transparent 75%); opacity: .12; transition: opacity .55s ease; }
.site-header::after,.workspace-nav::after,.chat-header::after,.composer-box::after,.list-modes::after,.composer-menu::after,dialog::after { content: ''; position: absolute; z-index: 2; inset: -1px; pointer-events: none; border-radius: inherit; padding: 1px; background: var(--glass-rim); -webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0); mask-composite: exclude; }
@media (hover:hover) { .glass-hover::before { opacity: .48; } }
.glass-pressed::before { opacity: .8; transition-duration: .12s; }
.site-header { display: flex; align-items: center; justify-content: space-between; position: relative; z-index: 7; height: var(--header-height); width: 100%; margin: 0; padding: 0 24px; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; box-shadow: none; background: color-mix(in srgb,var(--bg) 90%,transparent); }
.header-actions { display: flex; align-items: center; gap: 8px; }
.header-actions button { color: var(--ink); }
.header-actions .icon-button { width: 34px; height: 34px; padding: 8px; }
.privacy-cover { display: none; }
.privacy-covered #workspace,.privacy-covered .site-header { visibility: hidden; }
.privacy-covered .privacy-cover { position: fixed; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; z-index: 100; background: var(--bg); color: var(--muted); }
.privacy-cover h2 { margin: 8px 0 0; color: var(--ink); font-size: 20px; font-weight: 600; letter-spacing: -.4px; }
.privacy-cover p { margin: 0; font-size: 14px; }
.security-entry { display: flex; gap: 6px; min-height: 34px; padding: 6px 9px; margin: 0; border-radius: 9px; color: var(--muted); font-size: var(--text-sm); font-weight: 450; }
.security-entry > span { flex: none; }
.security-entry .icon { width: 16px; height: 16px; }
.security-entry .icon:last-child { width: 16px; height: 16px; }
.brand { display: flex; gap: 9px; align-items: center; font-size: 17px; font-weight: 620; letter-spacing: -.4px; }
.brand-mark { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 9px; color: white; background: linear-gradient(145deg,#51483b,#2c2822); box-shadow: inset 0 1px 0 #ffffff38; }
.brand-mark .icon { width: 20px; height: 20px; stroke-width: 1.8; }
.signed-out .site-header,.booting .site-header { display: none; }
body.signed-out,body.booting { min-height: 100svh; background: radial-gradient(ellipse at 12% 18%,color-mix(in srgb,var(--accent) 8%,transparent),transparent 47%),radial-gradient(ellipse at 88% 30%,#d1b16b14,transparent 42%),radial-gradient(ellipse at 52% 95%,color-mix(in srgb,var(--accent) 4%,transparent),transparent 48%),var(--bg); }
body.signed-out > main,body.booting > main { display: grid; place-items: center; min-height: 100svh; padding: max(32px,var(--top)) 0 max(24px,var(--safe)); }
.login { position: relative; isolation: isolate; width: calc(100% - 48px); max-width: 880px; margin: auto; --auth-metal: linear-gradient(145deg,#fffefaed,#e9e3d7c7); --auth-screen: linear-gradient(145deg,#fdfbf5,#eee9de); --auth-edge: #fffdf8; --auth-shadow: #6753381a; --auth-sheen: #ffffff8c; --auth-action: #b85a3a; --auth-action-ink: #fff; }
.login-surround { position: fixed; z-index: -1; inset: 0; overflow: hidden; pointer-events: none; }
.surround-trails { position: absolute; inset: 0; width: 100%; height: 100%; fill: none; stroke: color-mix(in srgb,var(--accent) 21%,transparent); stroke-width: 1; }
.surround-trails path { vector-effect: non-scaling-stroke; }
.surround-trails .trail-soft { stroke: color-mix(in srgb,var(--ink) 7%,transparent); }
.surround-orb { position: absolute; width: 250px; height: 250px; border: 1px solid color-mix(in srgb,var(--glass-border) 70%,transparent); border-radius: 50%; background: radial-gradient(circle at 28% 24%,var(--glass-border),transparent 44%),radial-gradient(circle at 72% 79%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 65%); box-shadow: inset 0 1px 2px var(--glass-border),inset 0 -10px 30px color-mix(in srgb,var(--accent) 3%,transparent); }
.surround-orb-top { top: -145px; left: calc(50% - 470px); }
.surround-orb-bottom { width: 310px; height: 310px; right: calc(50% - 540px); bottom: -200px; }
.surround-key { position: absolute; display: grid; place-items: center; width: 46px; height: 46px; border: 1px solid var(--auth-edge); border-radius: 15px; color: color-mix(in srgb,var(--accent) 65%,var(--muted)); background: var(--auth-metal); box-shadow: 0 9px 25px var(--auth-shadow),inset 0 1px 0 var(--glass-border); transform: rotate(var(--key-angle)); animation: surround-drift 12s ease-in-out infinite; }
.surround-key .icon { width: 22px; height: 22px; stroke-width: 1.4; }
.surround-command { top: calc(50% - 310px); left: calc(50% - 380px); font-size: 27px; --key-angle: -13deg; }
.surround-slash { top: calc(50% - 286px); right: calc(50% - 350px); width: 38px; height: 38px; border-radius: 12px; --key-angle: 14deg; animation-delay: -4s; }
.surround-slash .icon { width: 18px; height: 18px; }
.surround-mac { bottom: calc(50% - 328px); left: calc(50% - 350px); --key-angle: -9deg; animation-delay: -7s; }
.surround-bolt { bottom: calc(50% - 302px); right: calc(50% - 390px); width: 36px; height: 36px; border-radius: 12px; --key-angle: 12deg; animation-delay: -2s; }
.surround-bolt .icon { width: 18px; height: 18px; }
.surround-glint { position: absolute; width: 9px; height: 9px; color: color-mix(in srgb,var(--accent) 45%,transparent); animation: auth-twinkle 7s ease-in-out infinite; }
.surround-glint::before,.surround-glint::after { content: ''; position: absolute; border-radius: 50%; background: currentColor; }
.surround-glint::before { inset: 0 4px; }
.surround-glint::after { inset: 4px 0; }
.glint-top { top: 12%; left: calc(50% - 95px); }
.glint-bottom { bottom: 9%; right: calc(50% - 130px); animation-delay: -3s; }
.login-shell { position: relative; display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); align-items: center; gap: 46px; padding: 48px 44px; border: 1px solid var(--glass-border); border-radius: 30px; background: radial-gradient(ellipse at 18% 20%,color-mix(in srgb,var(--accent) 4%,transparent),transparent 55%),linear-gradient(135deg,color-mix(in srgb,var(--surface) 85%,transparent),color-mix(in srgb,var(--panel) 80%,transparent)); box-shadow: 0 24px 80px #49351c0a,inset 0 1px 0 var(--glass-border); -webkit-backdrop-filter: blur(24px) saturate(125%); backdrop-filter: blur(24px) saturate(125%); }
.login-shell::after { content: ''; position: absolute; inset: -1px; border-radius: inherit; padding: 1px; pointer-events: none; background: var(--glass-rim); -webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0); mask-composite: exclude; }
.login-visual { position: relative; height: 336px; isolation: isolate; }
.auth-halo { position: absolute; z-index: -2; inset: -12px -22px 10px; border-radius: 50%; background: radial-gradient(ellipse at 65% 35%,#d4b06d30,transparent 62%),radial-gradient(ellipse at 25% 70%,color-mix(in srgb,var(--accent) 17%,transparent),transparent 64%); filter: blur(14px); animation: auth-halo-breathe 12s ease-in-out infinite; }
.auth-grid { position: absolute; z-index: -1; inset: -8px; background-image: linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px); background-size: 24px 24px; -webkit-mask-image: radial-gradient(ellipse,#0009,transparent 72%); mask-image: radial-gradient(ellipse,#0009,transparent 72%); opacity: .45; }
.auth-orbit { position: absolute; z-index: -1; top: 47%; left: 50%; border: 1px solid color-mix(in srgb,var(--ink) 7%,transparent); border-radius: 50%; transform: translate(-50%,-50%); }
.auth-orbit::after { content: ''; position: absolute; width: 5px; height: 5px; top: 15%; left: 13%; border-radius: 50%; background: color-mix(in srgb,var(--accent) 65%,var(--bg)); box-shadow: 0 0 0 4px color-mix(in srgb,var(--accent) 7%,transparent); }
.auth-orbit-outer { width: 306px; height: 306px; animation: auth-orbit-turn 32s linear infinite; }
.auth-orbit-inner { width: 230px; height: 230px; background: radial-gradient(circle,color-mix(in srgb,var(--accent) 6%,transparent),transparent 70%); }
.auth-orbit-inner::after { width: 4px; height: 4px; top: 80%; left: 89%; background: #b49c70; }
.auth-link-line { position: absolute; z-index: 0; inset: 0; width: 100%; height: 100%; fill: none; stroke: var(--accent); stroke-width: 1.2; stroke-linecap: round; stroke-dasharray: 2 7; opacity: .3; animation: auth-link-flow 24s linear infinite; }
.auth-spark { position: absolute; z-index: 2; width: 4px; height: 4px; background: var(--accent); border-radius: 50%; box-shadow: 0 0 9px color-mix(in srgb,var(--accent) 30%,transparent); animation: auth-twinkle 5s ease-in-out infinite; }
.spark-a { top: 10px; left: 42%; }
.spark-b { bottom: 44px; left: 40%; width: 3px; height: 3px; animation-delay: -2s; }
.spark-c { top: 42%; right: 0; width: 3px; height: 3px; animation-delay: -3.5s; }
.auth-satellite { position: absolute; z-index: 3; top: 48px; left: 4px; display: grid; place-items: center; width: 38px; height: 38px; color: var(--muted); border: 1px solid var(--auth-edge); border-radius: 12px; background: var(--auth-metal); box-shadow: 0 8px 20px var(--auth-shadow); transform: rotate(-13deg); }
.auth-satellite .icon { width: 21px; height: 21px; }
.auth-device { position: absolute; z-index: 1; overflow: hidden; width: 246px; height: 166px; top: 62px; left: 50%; transform: translateX(-50%) rotate(-3deg); border: 1px solid var(--auth-edge); border-radius: 16px; padding: 7px; background: var(--auth-metal); box-shadow: 0 18px 30px var(--auth-shadow),inset 0 0 0 1px var(--line); animation: auth-window-drift 10s ease-in-out infinite; }
.auth-device::after,.auth-phone::after { content: ''; position: absolute; inset: 0; pointer-events: none; border-radius: inherit; background: linear-gradient(110deg,transparent 25%,var(--auth-sheen) 48%,transparent 70%); transform: translateX(-130%); animation: auth-glint 13s ease-in-out infinite; }
.auth-window-bar { display: flex; align-items: center; gap: 4px; height: 25px; padding: 0 9px; border-bottom: 1px solid var(--line); background: var(--auth-screen); border-radius: 9px 9px 0 0; }
.auth-window-bar i { width: 5px; height: 5px; border-radius: 50%; background: color-mix(in srgb,var(--muted) 35%,transparent); }
.auth-window-bar span { margin: auto; width: 54px; height: 4px; border-radius: 3px; background: var(--line); }
.auth-window-content { height: calc(100% - 25px); padding: 22px 18px; border-radius: 0 0 9px 9px; background: var(--auth-screen); }
.auth-line { display: block; width: 83%; height: 5px; margin-bottom: 11px; border-radius: 3px; background: color-mix(in srgb,var(--ink) 11%,transparent); }
.auth-line:nth-child(2) { width: 58%; background: color-mix(in srgb,var(--accent) 30%,transparent); }
.auth-line:nth-child(3) { width: 70%; }
.auth-caret { display: block; width: 6px; height: 10px; border-radius: 1px; background: var(--accent); opacity: .75; }
.auth-device-base { position: absolute; top: 247px; left: 50%; width: 164px; height: 6px; border-radius: 50%; background: var(--auth-shadow); filter: blur(4px); transform: translateX(-50%); }
.auth-floating { position: absolute; z-index: 4; display: flex; align-items: center; gap: 10px; padding: 12px; border: 1px solid var(--auth-edge); border-radius: 14px; background: var(--auth-metal); box-shadow: 0 10px 25px var(--auth-shadow),inset 0 1px 0 var(--glass-border); transform: rotate(var(--float-angle)); animation: auth-card-float 8s ease-in-out infinite; }
.auth-floating > .icon { width: 22px; height: 22px; color: var(--accent); stroke-width: 1.5; }
.auth-floating > span { flex: 1; }
.auth-floating i { display: block; height: 4px; margin: 4px 0; border-radius: 3px; background: color-mix(in srgb,var(--ink) 14%,transparent); }
.auth-floating i:last-child { width: 68%; opacity: .55; }
.auth-floating-chat { top: 26px; right: 0; width: 108px; --float-angle: 8deg; animation-delay: -2s; }
.auth-floating-project { top: 244px; left: -4px; width: 124px; --float-angle: -7deg; animation-delay: -5s; }
.auth-floating-project > .icon { color: #b69a61; }
.auth-phone { position: absolute; z-index: 3; overflow: hidden; top: 152px; right: 5px; width: 78px; height: 147px; padding: 5px; border: 1px solid var(--auth-edge); border-radius: 21px; background: var(--auth-metal); box-shadow: 0 15px 28px var(--auth-shadow),inset 0 0 0 1px var(--line); transform: rotate(9deg); animation: auth-phone-drift 11s ease-in-out infinite; }
.auth-phone::after { animation-delay: -2s; }
.auth-phone-screen { position: relative; height: 100%; padding: 24px 8px 12px; border: 1px solid var(--line); border-radius: 16px; background: var(--auth-screen); }
.auth-phone-camera { position: absolute; top: 6px; left: 50%; width: 22px; height: 5px; border-radius: 5px; background: color-mix(in srgb,var(--ink) 28%,transparent); transform: translateX(-50%); }
.auth-phone-screen > .icon { width: 13px; height: 13px; color: var(--muted); margin-bottom: 9px; }
.auth-phone-message { width: 85%; padding: 5px; border: 1px solid color-mix(in srgb,var(--accent) 12%,transparent); background: color-mix(in srgb,var(--accent) 8%,transparent); border-radius: 6px; margin-left: auto; }
.auth-phone-message i,.auth-phone-reply i { display: block; height: 2px; margin: 3px 0; border-radius: 2px; background: color-mix(in srgb,var(--ink) 20%,transparent); }
.auth-phone-message i:last-child,.auth-phone-reply i:last-child { width: 60%; }
.auth-phone-reply { margin-top: 10px; }
.auth-phone-home { position: absolute; left: 28%; right: 28%; bottom: 5px; height: 2px; border-radius: 2px; background: var(--line); }
.auth-key-tile { position: absolute; z-index: 5; display: grid; place-items: center; width: 66px; height: 66px; top: 232px; right: 100px; border: 1px solid var(--auth-edge); border-radius: 21px; background: var(--auth-metal); color: var(--accent); box-shadow: 0 12px 28px var(--auth-shadow),inset 0 1px 1px var(--glass-border); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); transform: rotate(7deg); animation: auth-float 8s ease-in-out infinite; }
.auth-key-tile > .icon { width: 32px; height: 32px; stroke-width: 1.45; }
.auth-key-ring { position: absolute; inset: -7px; border: 1px solid color-mix(in srgb,var(--accent) 20%,transparent); border-radius: 29px; opacity: 0; }
.auth-visual-label { position: absolute; bottom: 1px; left: 0; width: 100%; color: var(--muted); text-align: center; font-size: 12px; letter-spacing: .5px; }
.login-content { min-width: 0; }
.login-brand { display: flex; align-items: center; gap: 9px; margin-bottom: 28px; font-size: 18px; font-weight: 600; letter-spacing: -.5px; }
.login h1 { margin: 0; font-size: 34px; letter-spacing: -1px; font-weight: 650; line-height: 1.3; }
.login #description { max-width: 330px; margin: 12px 0 28px; font-size: 15px; line-height: 1.8; color: var(--muted); }
.login #submit { min-height: 49px; width: 100%; padding: 12px 16px; border-radius: 14px; font-size: 15px; gap: 10px; background: var(--auth-action); color: var(--auth-action-ink); }
.login #submit:hover:not(:disabled) { background: color-mix(in srgb,var(--auth-action) 90%,var(--ink)); }
.login #submit .icon { width: 19px; height: 19px; }
.login #submit .login-button-arrow { width: 15px; height: 15px; margin-left: auto; opacity: .7; }
.login #submit .login-button-spinner { display: none; border-color: color-mix(in srgb,currentColor 25%,transparent); border-top-color: currentColor; }
.login #submit[aria-busy=true] { opacity: 1; }
.login #submit[aria-busy=true] .login-button-icon,.login #submit[aria-busy=true] .login-button-arrow { display: none; }
.login #submit[aria-busy=true] .login-button-spinner { display: inline-block; }
.login-state { display: flex; align-items: flex-start; gap: 9px; min-height: 76px; margin-top: 21px; padding: 0 3px; }
.login-state-dot { flex-shrink: 0; width: 6px; height: 6px; margin-top: 8px; border-radius: 50%; background: color-mix(in srgb,var(--muted) 50%,transparent); }
.login-state p { margin: 0; font-size: 13px; line-height: 1.7; color: var(--muted); }
.login-state #login-status-title { color: var(--ink); font-size: 14px; font-weight: 500; margin-bottom: 3px; }
.login #message { margin: 4px 0 0; }
.login[data-state=waiting] .auth-key-tile { animation: auth-float 3s ease-in-out infinite; }
.login[data-state=waiting] .auth-key-ring { animation: auth-ring 2.4s ease-out infinite; }
.login:is([data-state=preparing],[data-state=waiting],[data-state=verifying],[data-state=opening]) .login-state-dot { background: var(--accent); animation: auth-pulse 1.8s ease-in-out infinite; }
.login-footer { display: flex; align-items: center; justify-content: center; gap: 8px; width: fit-content; margin: 24px auto 0; padding: 6px 12px; border: 1px solid var(--glass-border); border-radius: 30px; background: var(--panel); box-shadow: inset 0 1px 0 var(--glass-border); color: var(--muted); font-size: 12px; -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); }
.login-footer .icon { width: 13px; height: 13px; }
.login-footer-divider { height: 10px; width: 1px; margin: 0 3px; background: var(--line); }
.page-loading { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; color: var(--muted); text-align: center; font-size: 14px; }
.page-loading p { margin: 0; }
.page-loading .loading-brand { margin-top: 8px; color: var(--ink); font-size: 24px; font-weight: 600; letter-spacing: -.7px; }
.auth-seal { display: grid; place-items: center; width: 60px; height: 60px; border-radius: 19px; color: var(--accent); border: 1px solid var(--glass-border); background: var(--glass); box-shadow: var(--glass-shadow); }
.auth-seal .icon { width: 27px; height: 27px; stroke-width: 1.5; }
.auth-progress { position: relative; overflow: hidden; display: block; width: 72px; height: 2px; margin-top: 16px; border-radius: 2px; background: var(--line); }
.auth-progress::after { content: ''; position: absolute; inset: 0; background: var(--accent); transform: translateX(-100%); animation: auth-progress 1.6s ease-in-out infinite; }
.page-loading[data-state=error] .auth-progress { display: none; }
@keyframes auth-float { 50% { transform: translateY(-5px) rotate(4deg); } }
@keyframes auth-ring { 0% { opacity: .7; transform: scale(.96); } 90%,100% { opacity: 0; transform: scale(1.2); } }
@keyframes auth-pulse { 50% { opacity: .35; } }
@keyframes auth-progress { to { transform: translateX(100%); } }
@keyframes auth-halo-breathe { 50% { transform: scale(1.08) translateY(-6px); opacity: .65; } }
@keyframes auth-orbit-turn { to { transform: translate(-50%,-50%) rotate(360deg); } }
@keyframes auth-link-flow { to { stroke-dashoffset: -216; } }
@keyframes auth-twinkle { 0%,100% { opacity: .2; } 50% { opacity: .8; } }
@keyframes auth-window-drift { 50% { transform: translateX(-50%) translateY(-6px) rotate(-5deg); } }
@keyframes auth-phone-drift { 50% { transform: translateY(-5px) rotate(12deg); } }
@keyframes auth-card-float { 50% { transform: translateY(-5px) rotate(calc(var(--float-angle) + 2deg)); } }
@keyframes auth-glint { 0%,68% { transform: translateX(-130%); } 88%,100% { transform: translateX(130%); } }
@keyframes surround-drift { 50% { transform: translateY(-7px) rotate(calc(var(--key-angle) + 4deg)); } }
.spinner { display: inline-block; width: 15px; height: 15px; border: 2px solid var(--line); border-top-color: var(--accent); border-radius: 50%; animation: spin 1s linear infinite; flex: 0 0 auto; }
@keyframes spin { to { transform: rotate(360deg); } }
#overview { min-width: 0; min-height: 0; overflow: auto; overscroll-behavior: contain; }
.workspace-nav { display: flex; flex-direction: column; align-self: start; position: relative; margin: 20px 12px; padding: 6px; gap: 4px; border-radius: 14px; background: transparent; border-color: transparent; box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none; }
.nav-glass { position: absolute; pointer-events: none; z-index: 0; top: 6px; left: 6px; width: calc(100% - 12px); height: var(--nav-row); border-radius: 10px; --pill-fill: rgba(255,255,255,.62); --pill-edge: rgba(255,255,255,.78); background: linear-gradient(145deg,var(--pill-fill),rgba(255,255,255,.16)); border: 1px solid var(--pill-edge); box-shadow: 0 2px 7px #57401f08,inset 0 1px 1px #ffffffb3; -webkit-backdrop-filter: blur(8px) saturate(145%); backdrop-filter: blur(8px) saturate(145%); transition: transform .42s var(--spring),border-radius .25s,box-shadow .25s; }
.nav-glass::after { content: ''; position: absolute; inset: 1px; border-radius: inherit; background: linear-gradient(118deg,#ffffff70,transparent 33%,transparent 68%,#ffffff52); opacity: .65; }
.workspace-nav[data-tab=accounts] .nav-glass { transform: translateY(calc(var(--nav-row) + 4px)); }
.workspace-nav.dragging .nav-glass { transition: none; box-shadow: 0 5px 18px #57401f1a,inset 0 1px 2px #fffffff0,inset 0 -1px 2px #80613d20; }
.nav-item { position: relative; z-index: 1; justify-content: flex-start; gap: 9px; height: var(--nav-row); min-height: var(--nav-row); padding: 8px 12px; color: var(--muted); font-size: var(--text-ui); border-radius: 10px; transition: color .2s; user-select: none; -webkit-user-select: none; }
.nav-item.selected { color: var(--ink); font-weight: 600; }
.nav-item.selected .icon { color: var(--accent); }
.nav-item:hover:not(:disabled) { background: transparent; }
.overview-content { width: 100%; max-width: 1160px; min-width: 0; padding: 32px clamp(24px,4vw,56px) 48px; margin: 0 auto; }
.page-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 0 0 24px; }
.add-project { gap: 6px; font-size: var(--text-ui); font-weight: 500; min-height: 36px; padding: 7px 11px; border-radius: 10px; background: var(--panel); border: 1px solid var(--line); box-shadow: inset 0 1px 0 #ffffff45; color: var(--accent); }
.add-project:active:not(:disabled) { transform: scale(.96); box-shadow: inset 0 1px 2px #8c673d22,0 1px 4px #46341c08; }
.add-project .icon { width: 16px; height: 16px; }
h1 { margin: 0; font-size: var(--text-heading); font-weight: 650; line-height: 1.25; letter-spacing: -.8px; }
.search { display: flex; align-items: center; gap: 9px; height: 42px; padding: 0 12px; border-radius: 11px; border: 1px solid var(--line); background: var(--panel); box-shadow: inset 0 1px 0 #ffffff4d; transition: border-color .2s,box-shadow .2s; }
.search:focus-within { border-color: #c6a58a; box-shadow: 0 0 0 3px #c6613f08; }
.search .icon { width: 17px; height: 17px; color: var(--muted); }
.search input { width: 100%; min-width: 0; border: 0; outline: 0; background: transparent; color: var(--ink); font-size: var(--text-ui); }
.search input::placeholder { color: var(--muted); font-size: inherit; }
.section-label { display: flex; align-items: center; justify-content: space-between; margin: 12px 0 4px; color: var(--muted); font-size: var(--text-sm); }
.list-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 16px 0 12px; }
.list-modes { display: flex; position: relative; padding: 3px; border-radius: 11px; gap: 4px; --glass: linear-gradient(135deg,#ffffff38,#d8cfbf18); --glass-blur: 12px; box-shadow: inset 0 1px 0 #ffffff66; border-color: var(--line); }
.list-modes button { position: relative; z-index: 1; min-height: 30px; padding: 4px 20px; font-size: var(--text-sm); font-weight: 500; color: var(--muted); border-radius: 8px; }
.list-modes button[aria-pressed=true] { color: var(--ink); font-weight: 600; }
.mode-glass { position: absolute; top: 3px; bottom: 3px; left: 3px; width: calc((100% - 10px)/2); border-radius: 8px; background: linear-gradient(145deg,#ffffffb3,#ffffff4d); border: 1px solid #ffffffa6; box-shadow: 0 1px 4px #46341c0a,inset 0 1px 0 #ffffffbf; transition: transform .36s var(--spring),scale .25s var(--spring); }
.list-modes:active .mode-glass { scale: 1.025 .97; }
.list-modes[data-mode=projects] .mode-glass { transform: translateX(calc(100% + 4px)); }
.list-summary { margin-left: auto; font-size: var(--text-xs); color: var(--muted); white-space: nowrap; }
.project-card { display: grid; grid-template-columns: 36px minmax(0,1fr) auto 12px; align-items: center; gap: 12px; width: 100%; min-height: 88px; text-align: left; padding: 16px; border: 1px solid var(--line); background: var(--panel); border-radius: 14px; font-weight: 400; transition: background-color .2s,transform .2s var(--spring); }
.project-card:active:not(:disabled) { transform: scale(.99); }
.project-card + .project-card { border: 1px solid var(--line); }
.project-card-icon { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 10px; color: #a47c55; background: #d7c4a626; }
.project-card-icon .icon { width: 21px; height: 21px; stroke-width: 1.5; }
.project-card-body { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.project-card-name { font-size: var(--text-title); line-height: 1.45; font-weight: 600; letter-spacing: -.15px; overflow-wrap: anywhere; }
.project-card-path { font-size: var(--text-sm); line-height: 1.4; color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.project-card-count { color: var(--muted); font-size: var(--text-sm); font-variant-numeric: tabular-nums; min-width: 24px; padding: 3px 6px; text-align: center; background: color-mix(in srgb,var(--ink) 4%,transparent); border-radius: 7px; }
.project-card > .icon { color: #a69b8b; width: 14px; height: 14px; }
.project-context { display: flex; align-items: center; gap: 6px; padding: 4px 0 12px; }
.project-context > div { min-width: 0; }
.project-context h2 { font-size: 18px; line-height: 1.45; letter-spacing: -.3px; margin: 0; font-weight: 600; }
.project-context p { font-size: var(--text-sm); color: var(--muted); margin: 4px 0 0; overflow-wrap: anywhere; }
.project-context .icon-button { margin-left: -11px; flex-shrink: 0; }
.icon-label { gap: 6px; }
.icon-label .icon { width: 14px; height: 14px; }
.chat-list { min-height: 120px; }
.date-label { margin: 16px 2px 4px; font-size: var(--text-xs); line-height: 1.5; font-weight: 500; color: var(--muted); }
.chat-card { display: grid; grid-template-columns: 28px minmax(0,1fr) 12px; align-items: center; gap: 3px 10px; width: 100%; min-height: 68px; padding: 12px 10px; text-align: left; border-radius: 11px; margin: 2px 0; border: 1px solid transparent; font-weight: 400; transition: background-color .2s,transform .2s var(--spring); }
.chat-card:active:not(:disabled) { transform: scale(.99); }
.chat-card.latest { position: relative; overflow: hidden; background: var(--panel); border-color: var(--line); box-shadow: inset 0 1px 0 #ffffff3d; }
.chat-card.latest::before,.account-card::before { content: none; }
.chat-card.latest > *,.account-card > * { position: relative; }
.chat-card-icon { display: grid; place-items: center; grid-row: 1/3; width: 28px; height: 28px; border-radius: 9px; color: var(--muted); background: color-mix(in srgb,var(--ink) 4%,transparent); }
.chat-card-icon .icon { width: 16px; height: 16px; }
.latest .chat-card-icon { background: #3f352d; color: white; box-shadow: inset 0 1px 0 #ffffff36; }
.card-title { font-size: var(--text-title); font-weight: 550; line-height: 1.5; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow-wrap: anywhere; }
.latest .card-title { font-size: var(--text-title); font-weight: 600; letter-spacing: -.1px; }
.card-meta { grid-column: 2; display: flex; align-items: center; justify-content: space-between; gap: 8px; font-size: var(--text-xs); color: var(--muted); line-height: 1.5; }
.card-meta .project { max-width: 72%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.card-meta time { white-space: nowrap; font-variant-numeric: tabular-nums; }
.chat-card > .icon { grid-column: 3; grid-row: 1/3; width: 12px; height: 12px; align-self: center; color: var(--muted); opacity: .6; }
#more-chats { margin-top: 22px; }
.return-chat { color: var(--accent); margin: -8px 0 12px -8px; font-size: var(--text-sm); padding: 5px 8px; border-radius: 8px; min-height: 32px; }
.return-chat .icon { width: 14px; height: 14px; }
.return-chat .icon:last-child { display: none; }
.empty-state { padding: 40px 20px; display: flex; flex-direction: column; align-items: center; text-align: center; color: var(--muted); font-size: 15px; line-height: 1.8; }
.empty-state > .icon { width: 29px; height: 29px; margin-bottom: 16px; color: #9ba9bb; stroke-width: 1.35; }
.empty-state h3 { color: var(--ink); font-size: 17px; font-weight: 550; margin: 0 0 7px; }
.empty-state p { margin: 0; max-width: 330px; }
.empty-state button { margin-top: 15px; }
.list-loading { display: flex; align-items: center; justify-content: center; gap: 9px; padding: 40px 12px; color: var(--muted); font-size: 14px; }
.account-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
.account-card { position: relative; min-width: 0; padding: 20px; border: 1px solid var(--line); background: var(--panel); border-radius: 16px; box-shadow: inset 0 1px 0 #ffffff33; transition: border-color .2s; }
.account-card:not(.current):focus-within { border-color: #c6a58a; }
.account-card.current { grid-column: 1/-1; display: grid; grid-template-columns: minmax(220px,1fr) minmax(280px,1.35fr); align-items: center; gap: 24px; padding: 24px; color: #fff; border-color: #ffffff26; background: radial-gradient(ellipse at 10% 0%,#b3987038,transparent 65%),linear-gradient(130deg,#494034,#2f2a23); box-shadow: 0 6px 20px #3024180d,inset 0 1px 0 #ffffff33; }
.account-top { display: flex; align-items: center; gap: 10px; }
.account-avatar { display: grid; place-items: center; width: 32px; height: 32px; flex: 0 0 auto; border-radius: 10px; background: #d7c4a626; color: #99826a; font-size: var(--text-ui); text-transform: uppercase; }
.current .account-avatar { color: white; background: #ffffff19; box-shadow: inset 0 1px 0 #ffffff2b; }
.account-identity { flex: 1; min-width: 0; }
.account-name { font-size: var(--text-title); font-weight: 600; line-height: 1.45; overflow-wrap: anywhere; }
.current .account-name { font-size: var(--text-title); font-weight: 600; }
.account-team { color: var(--muted); font-size: var(--text-sm); margin-top: 3px; line-height: 1.5; }
.current .account-team { color: #d3c7b5; }
.badge { font-size: var(--text-xs); font-weight: 500; padding: 3px 7px; border-radius: 6px; white-space: nowrap; background: #ffffff12; color: #f5eee3; border: 1px solid #ffffff12; margin-left: auto; }
.quota-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; margin: 20px 0 0; }
.quota-item:only-child { grid-column: 1/-1; }
.quota-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; color: var(--muted); font-size: var(--text-sm); margin-bottom: 8px; }
.quota-heading strong { font-size: 25px; line-height: 1.15; letter-spacing: -.6px; font-weight: 600; color: var(--ink); font-variant-numeric: tabular-nums; }
.quota-heading strong small { font-size: 14px; font-weight: 450; margin-left: 2px; letter-spacing: 0; }
.current .quota-list { margin: 0; }
.current .quota-heading { flex-direction: row; align-items: baseline; gap: 8px; color: #d3c7b5; }
.current .quota-heading strong { font-size: 32px; color: #fff; letter-spacing: -.8px; font-weight: 580; }
.current .quota-heading strong small { font-size: 15px; color: #dfd4c3; }
.quota-item progress { appearance: none; display: block; width: 100%; height: 4px; border: 0; background: var(--soft); border-radius: 4px; overflow: hidden; color: #ad8362; }
.quota-item progress::-webkit-progress-bar { background: var(--soft); border-radius: 4px; }
.quota-item progress::-webkit-progress-value { background: #ad8362; border-radius: 4px; }
.quota-item progress::-moz-progress-bar { background: #ad8362; }
.current .quota-item progress,.current .quota-item progress::-webkit-progress-bar { background: #ffffff1c; }
.current .quota-item progress::-webkit-progress-value { background: #e3cbb1; }
.current .quota-item progress::-moz-progress-bar { background: #e3cbb1; }
.quota-item.low progress::-webkit-progress-value { background: #c59654; }
.quota-reset { font-size: var(--text-xs); color: var(--muted); line-height: 1.5; margin: 8px 0 0; }
.current .quota-reset { color: #c8bca9; }
.quota-empty { grid-column: 1/-1; color: var(--muted); font-size: 14px; margin: 0; }
.current .quota-empty { color: #d3c7b5; }
.account-issue { color: var(--danger); font-size: 14px; line-height: 1.8; margin: 13px 0 0; }
.current .account-issue { color: #ffd0c6; }
.account-foot { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding-top: 12px; margin-top: 16px; border-top: 1px solid var(--line); }
.account-foot small { font-size: 13px; color: var(--muted); line-height: 1.6; }
.current .account-foot { border-color: #ffffff18; }
.current .account-foot small { color: #d3c7b5; }
.account-foot button { color: var(--accent); background: var(--accent-soft); border: 0; min-height: 32px; font-size: var(--text-sm); padding: 5px 12px; border-radius: 8px; }
.section-footnote { color: var(--muted); font-size: 13px; text-align: right; line-height: 1.8; margin: 17px 3px 0; }
.notice { margin: 18px 0; padding: 13px 16px; border: 1px solid var(--line); border-radius: 15px; background: var(--surface); color: var(--muted); font-size: 14px; line-height: 1.8; white-space: pre-wrap; }
.notice button { display: flex; margin-top: 9px; }
.chat-open .site-header { display: flex; }
.chat-open { overflow: hidden; }
#chat { position: relative; min-width: 0; min-height: 0; height: 100%; --composer-height: 112px; }
#chat::before { content: ''; position: absolute; pointer-events: none; z-index: 2; left: 0; right: 0; top: 0; height: 114px; background: linear-gradient(var(--edge),var(--edge) 75%,transparent); }
.chat-header { display: flex; align-items: center; gap: 8px; position: absolute; z-index: 4; left: 0; top: 0; width: 100%; min-height: 64px; padding: 10px 24px; border: 0; border-radius: 0; background: transparent; box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none; }
.chat-heading { flex: 1; min-width: 0; }
.chat-heading h2 { margin: 0; font-size: var(--text-title); font-weight: 600; line-height: 1.5; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.chat-heading p { display: flex; align-items: center; gap: 5px; margin: 3px 0 0; color: var(--muted); font-size: var(--text-xs); line-height: 1.35; }
.chat-heading p::before { content: ''; width: 4px; height: 4px; border-radius: 50%; background: #a1a9b5; }
.chat-heading p[data-state=connected]::before { background: #5b9a78; }
.chat-heading p[data-state=approval]::before { background: #cf9d4d; }
.stop-button { min-height: 36px; width: 36px; border-radius: 50%; padding: 0; background: rgba(148,160,177,.08); margin-right: 3px; }
.stop-button > span { display: block; width: 9px; height: 9px; background: var(--ink); border-radius: 2px; }
.chat-context { display: flex; align-items: center; gap: 10px; position: relative; z-index: 3; isolation: isolate; width: 100%; min-height: 32px; margin-bottom: 6px; padding: 0 10px; color: var(--muted); font-size: var(--text-xs); }
.chat-context::before { content: ''; position: absolute; z-index: -1; inset: -12px -12px -6px; pointer-events: none; background: color-mix(in srgb,var(--bg) 72%,transparent); -webkit-backdrop-filter: blur(16px) saturate(120%); backdrop-filter: blur(16px) saturate(120%); -webkit-mask-image: linear-gradient(transparent,#000 35%,#000 85%,transparent); mask-image: linear-gradient(transparent,#000 35%,#000 85%,transparent); }
#chat-project { min-width: 0; max-width: 32%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#chat-model { min-width: 0; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#pending-jump { min-height: 24px; padding: 3px 7px; font-size: var(--text-xs); border-radius: 7px; background: #f5e9cd; color: #8a641e; margin-left: auto; flex-shrink: 0; }
#chat-scroll { height: 100%; overflow-y: auto; overflow-x: hidden; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: #b7c2d080 transparent; }
.chat-reading { max-width: 792px; margin: auto; padding: 118px 24px calc(var(--composer-height) + 28px + var(--safe)); }
#requests { scroll-margin-top: calc(135px + var(--top)); }
.turn { margin-bottom: 24px; }
.message { margin: 20px 0; font-size: var(--text-body); line-height: 1.75; color: var(--ink); overflow-wrap: anywhere; }
.message.user { width: fit-content; max-width: 88%; margin: 0 0 24px auto; border: 1px solid var(--line); border-radius: 16px 16px 5px 16px; background: var(--panel); padding: 10px 14px; font-size: var(--text-body); white-space: pre-wrap; }
.message-label { display: flex; align-items: center; gap: 6px; margin-bottom: 10px; color: var(--ink); font-size: var(--text-xs); font-weight: 600; }
.message-label .icon { width: 16px; height: 16px; }
.message.commentary { margin: 18px 0; padding-left: 12px; border-left: 2px solid #d5caba; font-size: var(--text-ui); line-height: 1.7; color: var(--muted); }
.markdown > :first-child { margin-top: 0; }
.markdown > :last-child { margin-bottom: 0; }
.markdown p { margin: 0 0 12px; }
.markdown h1, .markdown h2, .markdown h3, .markdown h4 { font-size: 18px; letter-spacing: -.2px; font-weight: 600; line-height: 1.5; margin: 24px 0 12px; }
.markdown h1, .markdown h2 { font-size: 20px; }
.markdown ul, .markdown ol { padding-left: 24px; margin: 12px 0 18px; }
.markdown li { padding-left: 3px; margin: 5px 0; }
.markdown li p { margin-bottom: 8px; }
.markdown li::marker { color: var(--muted); }
.markdown blockquote { padding: 2px 0 2px 15px; border-left: 3px solid #d6c3ad; color: var(--muted); margin: 18px 0; }
.markdown a { color: var(--accent); text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
.markdown a.local-file { border-bottom: 1px dashed #b8977e; text-decoration: none; cursor: help; }
.markdown hr { height: 1px; border: 0; background: var(--line); margin: 24px 0; }
.markdown :not(pre) > code { background: var(--soft); padding: 2px 5px; border: 1px solid var(--line); border-radius: 5px; color: var(--accent); font-size: .85em; }
.markdown code, .activity-section pre, .approval pre { font-family: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace; }
.code-block { border: 1px solid var(--line); background: var(--code); border-radius: 11px; overflow: hidden; margin: 17px 0; }
.code-heading { display: flex; align-items: center; justify-content: space-between; padding: 0 5px 0 13px; border-bottom: 1px solid var(--line); color: var(--muted); font-size: 13px; min-height: 36px; }
.copy-code { color: var(--muted); font-size: 13px; min-height: 36px; padding: 7px 10px; }
.code-block pre { white-space: pre; overflow: auto; margin: 0; padding: 14px; font-size: 14px; line-height: 1.8; tab-size: 2; -webkit-overflow-scrolling: touch; }
.table-wrap { overflow-x: auto; border: 1px solid var(--line); border-radius: 10px; margin: 18px 0; }
.markdown table { border-collapse: collapse; min-width: 100%; font-size: 14px; line-height: 1.8; }
.markdown th, .markdown td { padding: 10px 12px; text-align: left; border-bottom: 1px solid var(--line); min-width: 90px; }
.markdown th { background: var(--soft); font-weight: 600; white-space: nowrap; }
.markdown tbody tr:last-child td { border-bottom: 0; }

.activity-group { color: var(--muted); font-size: var(--text-sm); margin: 16px 0 20px; border-radius: 12px; overflow: hidden; }
.activity-group > summary { display: flex; align-items: center; gap: 8px; min-height: 36px; padding: 6px 2px; list-style: none; cursor: pointer; }
.activity-group > summary::-webkit-details-marker,.activity > summary::-webkit-details-marker { display: none; }
.activity-group > summary > .icon:first-child { width: 15px; height: 15px; color: #a18e78; }
.group-label { color: #8d7d68; font-size: 13px; font-weight: 500; }
.group-meta { margin-left: auto; font-size: 13px; }
.chevron { width: 12px; height: 12px; transition: transform .15s; }
.activity-group > summary > .chevron { margin-left: auto; }
[open] > summary > .chevron { transform: rotate(90deg); }
.activity-group-body { padding: 0 13px 4px; background: rgba(255,255,255,.44); border: 1px solid #ffffff99; border-radius: 14px; }
.activity { margin: 0; border-bottom: 1px solid var(--line); }
.activity:last-child { border: 0; }
.activity > summary,.activity-static { display: flex; align-items: flex-start; gap: 8px; padding: 12px 0; min-height: 44px; list-style: none; }
.activity > summary { cursor: pointer; }
.activity > summary > .chevron { margin-top: 4px; flex-shrink: 0; }
.activity-symbol { width: 14px; height: 14px; margin-top: 3px; color: #9aabc0; }
.activity-text { flex: 1; min-width: 0; }
.activity-title { display: block; font-size: 14px; line-height: 1.6; color: #68798f; overflow-wrap: anywhere; }
.activity-caption { display: block; margin-top: 3px; color: #8a96a6; font-size: 13px; line-height: 1.7; overflow-wrap: anywhere; }
.activity[open] > summary .activity-caption { display: none; }
.activity-state { padding-top: 2px; color: #8a96a6; font-size: 13px; white-space: nowrap; }
.activity-state.failed { color: var(--danger); }
.activity-section { margin: 0 0 12px; }
.activity-section h4 { margin: 8px 0 6px; font-size: 13px; font-weight: 450; color: var(--muted); }
.activity-section pre { margin: 0; max-height: 380px; overflow: auto; padding: 11px 12px; border: 1px solid var(--line); border-radius: 10px; background: var(--code); color: #526279; font: 14px/1.8 ui-monospace,"SFMono-Regular",Menlo,monospace; white-space: pre-wrap; overflow-wrap: anywhere; }
.attachment-note { display: block; padding: 9px 12px; margin: 8px 0; border: 1px solid var(--line); border-radius: 11px; color: var(--muted); font-size: 13px; line-height: 1.8; overflow-wrap: anywhere; }
.working { display: flex; align-items: center; gap: 8px; color: var(--muted); font-size: 13px; margin: 25px 0; }
.working .spinner { width: 12px; height: 12px; }
.turn-error { color: var(--danger); font-size: 14px; line-height: 1.8; }
.approval { border: 1px solid #decebb; border-radius: 12px; padding: 16px; margin: 20px 0; background: var(--surface); box-shadow: 0 2px 8px #30241804; }
.approval h3 { display: flex; align-items: center; gap: 8px; font-size: var(--text-title); margin: 0 0 10px; }
.approval h3::before { content: ''; width: 6px; height: 6px; background: #c49343; border-radius: 50%; }
.approval p, .approval label { color: var(--muted); line-height: 1.7; font-size: var(--text-ui); }
.approval pre { white-space: pre-wrap; overflow-wrap: anywhere; background: var(--code); border: 1px solid var(--line); border-radius: 8px; padding: 12px; font-size: 13px; line-height: 1.8; max-height: 260px; overflow: auto; }
.approval label { display: block; margin-top: 15px; color: var(--ink); }
.approval input:not([type=checkbox]), .approval select, .approval textarea { display: block; width: 100%; padding: 11px; margin: 8px 0 15px; border: 1px solid var(--line); border-radius: 9px; background: var(--bg); color: var(--ink); font-size: 16px; outline: none; }
.approval textarea:focus, .approval input:focus { border-color: #bf8d70; }
.choices { display: flex; flex-wrap: wrap; gap: 7px; margin: 8px 0; }
.choices button { text-align: left; color: var(--muted); border: 1px solid var(--line); border-radius: 8px; background: var(--soft); font-size: 14px; font-weight: 400; min-height: 38px; padding: 8px 10px; }
.choices button[aria-pressed=true] { color: var(--accent); border-color: #bf8d70; background: var(--accent-soft); }
.approval-actions { display: flex; gap: 8px; margin-top: 18px; flex-wrap: wrap; }
.approval-actions button { font-size: 14px; min-height: 40px; padding: 9px 15px; background: var(--accent); color: white; }
.approval-actions button.secondary { color: var(--muted); background: var(--surface); }
.queued-messages { max-height: 150px; overflow-y: auto; margin-bottom: 8px; padding: 10px 14px; border: 1px solid var(--line); border-radius: 14px; background: var(--surface); box-shadow: 0 3px 12px #30241808; }
.queue-heading { color: var(--muted); font-size: 12px; margin-bottom: 4px; }
.queued-message { display: flex; align-items: center; gap: 12px; padding: 5px 0; font-size: 14px; }
.queued-text { flex: 1; min-width: 0; }
.queued-text span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.queued-text small { display: block; color: var(--muted); }
.queued-message button { flex-shrink: 0; font-size: 12px; }
.send-options { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 4px 10px; }
#send-now { min-height: 32px; padding: 3px 0; font-size: 12px; color: var(--muted); }

#composer { position: absolute; z-index: 5; bottom: calc(16px + var(--safe)); left: 50%; transform: translateX(-50%); width: calc(100% - 48px); max-width: 744px; padding: 0; }
#composer::before { content: ''; position: absolute; z-index: -1; pointer-events: none; inset: -10px -12px calc(-12px - var(--safe)); background: linear-gradient(transparent,color-mix(in srgb,var(--edge) 36%,transparent) 60%,var(--edge)); }
.context-usage { position: relative; flex: 0 0 auto; margin-left: auto; color: var(--muted); font-size: 11px; line-height: 1.5; font-variant-numeric: tabular-nums; }
.context-usage summary { display: flex; align-items: center; gap: 6px; min-height: 32px; cursor: pointer; list-style: none; border-radius: 8px; padding: 2px 0 2px 4px; }
.context-usage summary::-webkit-details-marker { display: none; }
.context-usage summary:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.context-ring { display: block; width: 21px; height: 21px; flex: 0 0 21px; fill: none; stroke: currentColor; stroke-width: 4; transform: rotate(-90deg); }
#context-label { min-width: 0; overflow-wrap: anywhere; }
.context-ring-track { opacity: .18; }
#context-ring-value { stroke-linecap: round; transition: stroke-dasharray .2s; }
.context-detail { position: absolute; bottom: calc(100% + 8px); right: 0; width: 270px; max-width: calc(100vw - 44px); padding: 12px 14px; border: 1px solid var(--glass-border); border-radius: 14px; background: color-mix(in srgb,var(--bg) 86%,transparent); -webkit-backdrop-filter: blur(22px); backdrop-filter: blur(22px); box-shadow: var(--glass-shadow); color: var(--ink); overflow-wrap: anywhere; }
.context-detail p { margin: 5px 0 0; color: var(--muted); }
.context-usage[data-level=high] { color: var(--accent); }
.composer-box { position: relative; border-radius: 20px; overflow: hidden; --glass: linear-gradient(145deg,#fffdf8c7,#ffffff75 55%,#f4ecdc8c); --glass-blur: 22px; transition: box-shadow .25s,border-color .25s; }
.composer-box:focus-within { border-color: #ffffffc7; box-shadow: var(--glass-shadow),0 4px 24px #a7834210; }
#draft { display: block; width: 100%; min-height: 46px; max-height: 170px; border: 0; outline: 0; resize: none; padding: 12px 15px 4px; color: var(--ink); background: transparent; font-size: max(16px,var(--text-body)); line-height: 1.6; }
#draft::placeholder { color: #a19687; }
.composer-bottom { display: flex; justify-content: space-between; align-items: center; gap: 3px; padding: 2px 8px 8px; }
.composer-control { min-height: 34px; border-radius: 9px; color: var(--muted); font-size: var(--text-sm); padding: 5px 7px; font-weight: 500; flex-shrink: 0; transition: background-color .18s,box-shadow .2s,transform .2s var(--spring),color .18s; }
.composer-control:active:not(:disabled) { transform: scale(.92); }
.composer-control .icon { width: 14px; height: 14px; }
.composer-circle { width: 34px; min-width: 34px; padding: 7px; }
.composer-circle .icon { width: 21px; height: 21px; }
.composer-control[aria-pressed=true] { color: var(--accent); background: linear-gradient(145deg,#d99b7b25,#c6613f0d); box-shadow: inset 0 1px 1px #ffffff5c; }
.model-control { min-width: 0; gap: 4px; padding-left: 6px; padding-right: 4px; color: var(--ink); }
.model-control > span { max-width: 130px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.effort-control { gap: 3px; padding-left: 4px; padding-right: 5px; }
.effort-control > .icon { width: 11px; height: 11px; }
#composer-mode { margin-left: auto; }
#composer #send { width: 36px; height: 36px; min-height: 36px; padding: 9px; margin-left: 4px; background: var(--accent); box-shadow: inset 0 1px 0 #ffffff20,0 2px 6px #62341b12; }
#composer #send:disabled { background: color-mix(in srgb,var(--ink) 8%,transparent); color: color-mix(in srgb,var(--ink) 35%,transparent); box-shadow: none; }
.composer-connection { display: block; font-size: 13px; color: var(--muted); text-align: center; margin-top: 6px; }
.composer-connection:empty { display: none; }
.composer-chips { display: flex; flex-wrap: wrap; gap: 7px; padding: 12px 14px 0; max-height: 108px; overflow: auto; }
.composer-chip { display: inline-flex; align-items: center; gap: 6px; padding: 4px 3px 4px 8px; max-width: 100%; border: 1px solid var(--line); border-radius: 10px; background: var(--surface); font-size: 13px; color: var(--muted); }
.composer-chip > span { max-width: 220px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.composer-chip > .icon { width: 15px; height: 15px; color: var(--accent); }
.chip-remove { min-height: 28px; width: 27px; padding: 6px; border-radius: 7px; }
.chip-remove .icon { width: 13px; height: 13px; color: var(--muted); }
.composer-uploading { padding: 0 16px 10px; color: var(--muted); font-size: 13px; }
.composer-menu { position: absolute; z-index: 9; bottom: calc(100% + 10px); left: 0; right: 0; max-width: 480px; max-height: min(340px,max(110px,calc(var(--viewport-height) - var(--composer-height) - 160px))); overflow: auto; overscroll-behavior: contain; border-radius: 16px; padding: 6px; --glass: linear-gradient(135deg,#fffdf8e0,#fffdf8b3); --glass-blur: 24px; box-shadow: var(--glass-shadow),0 12px 36px #46311a12; transform-origin: 24px bottom; animation: menu-in .26s var(--spring); }
.menu-caption { padding: 10px 11px 9px; font-size: 13px; color: var(--muted); }
.command-option { display: flex; gap: 10px; width: 100%; padding: 9px 10px; border-radius: 10px; min-height: 54px; text-align: left; font-weight: 400; }
.command-option.highlighted { background: linear-gradient(145deg,#d99b7b26,#c6613f0c); box-shadow: inset 0 1px 1px #ffffff65; }
.command-option > .icon { width: 20px; height: 20px; color: var(--muted); }
.command-copy { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.command-title { color: var(--ink); font-size: var(--text-title); font-weight: 550; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.command-description { color: var(--muted); font-size: var(--text-xs); line-height: 1.45; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.command-key { color: var(--muted); font-size: 12px; max-width: 110px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.menu-empty { padding: 20px 12px; color: var(--muted); font-size: 14px; }
.model-dialog { width: calc(100% - 32px); max-width: 440px; padding: 24px; max-height: calc(var(--viewport-height) - 32px); overflow: auto; }
.model-options { max-height: min(300px,36dvh); overflow: auto; margin: 0 -6px 16px; padding: 0 6px; overscroll-behavior: contain; }
.model-option { width: 100%; min-height: 60px; border-radius: 10px; padding: 10px 12px; margin-bottom: 2px; text-align: left; gap: 12px; }
.model-option > span { flex: 1; min-width: 0; }
.model-option strong { display: block; font-size: var(--text-title); font-weight: 600; margin-bottom: 3px; }
.model-option small { display: block; font-size: var(--text-sm); font-weight: 400; color: var(--muted); line-height: 1.5; }
.model-option > .icon { width: 18px; height: 18px; color: var(--muted); }
.model-option[aria-pressed=true] { background: var(--accent-soft); border: 1px solid color-mix(in srgb,var(--accent) 22%,transparent); }
.model-option[aria-pressed=true] > .icon { color: var(--accent); }
.field-caption { font-size: var(--text-ui); margin: 16px 0 10px; }
.effort-options { display: flex; flex-wrap: wrap; gap: 6px; }
.effort-options button { min-width: 46px; min-height: 39px; padding: 7px 12px; font-size: 14px; font-weight: 500; border: 1px solid var(--line); border-radius: 11px; }
.effort-options button[aria-pressed=true] { color: var(--accent); background: var(--accent-soft); border-color: color-mix(in srgb,var(--accent) 35%,transparent); }
.fast-option { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 16px 0 12px; padding: 16px 0 8px; border-top: 1px solid var(--line); }
.fast-option strong { display: block; font-size: var(--text-title); font-weight: 550; }
.fast-option small { display: block; color: var(--muted); font-size: 13px; margin-top: 4px; }
.fast-option input { width: 20px; height: 20px; accent-color: var(--accent); }
.picker-hint { font-size: 13px; color: var(--muted); line-height: 1.7; margin: 17px 0; }
.model-dialog > .primary { min-height: 44px; margin-top: 4px; border-radius: 12px; }
.file-location { display: flex; align-items: center; gap: 6px; margin: -7px 0 10px -10px; font-size: 14px; color: var(--muted); }
.file-location > span { overflow-wrap: anywhere; }
.workspace-files { height: min(430px,48dvh); }
.chat-facts { display: grid; grid-template-columns: 78px minmax(0,1fr); gap: 17px 12px; font-size: 15px; line-height: 1.6; margin: 20px 0 3px; }
.chat-facts dt { color: var(--muted); }
.chat-facts dd { margin: 0; color: var(--ink); overflow-wrap: anywhere; }
.chat-facts dd:last-child { font-family: ui-monospace,monospace; font-size: 13px; }
.security-dialog { width: calc(100% - 32px); max-width: 440px; padding: 24px; max-height: calc(var(--viewport-height) - 32px); overflow: auto; }
.security-field { display: flex; flex-direction: column; gap: 10px; margin-top: 18px; font-size: var(--text-title); font-weight: 550; }
.security-field select { width: 100%; min-height: 44px; padding: 9px 12px; border-radius: 10px; border: 1px solid var(--line); background: var(--panel); color: var(--ink); font-size: 16px; }
.security-help { margin: 10px 0 0; color: var(--muted); font-size: var(--text-sm); line-height: 1.65; }
.security-dialog .security-scope { margin: 20px 0 16px; padding-top: 16px; border-top: 1px solid var(--line); font-size: 13px; line-height: 1.8; }
.security-actions { display: flex; gap: 10px; margin-top: 20px; }
.security-actions > button { flex: 1; min-height: 44px; border-radius: 12px; font-size: var(--text-title); }
.security-actions .icon { width: 17px; height: 17px; }
@keyframes menu-in { from { opacity: 0; transform: translateY(12px) scale(.96); } to { opacity: 1; transform: translateY(0) scale(1); } }
#send-mode { color: var(--muted); font-size: 13px; }
#send-mode:empty { display: none; }
#send { display: grid; place-items: center; margin-left: auto; width: 40px; height: 40px; min-height: 40px; padding: 10px; border-radius: 50%; color: white; background: linear-gradient(#d17652,#b55132); box-shadow: 0 3px 8px #a04b2920,inset 0 1px 0 #ffffff4d; }
#send:disabled { background: rgba(148,127,97,.1); box-shadow: inset 0 1px 0 #ffffff80; color: #b1a594; opacity: 1; }
#send-error { margin: 7px 7px 0; }
#feed-end { height: 1px; }
.jump-latest { position: absolute; z-index: 4; bottom: calc(var(--composer-height) + 27px + var(--safe)); left: 50%; transform: translateX(-50%); padding: 8px 14px; min-height: 35px; border-radius: 30px; color: var(--muted); font-size: 13px; }
.jump-latest:active:not(:disabled) { transform: translateX(-50%) scale(.98); }
dialog { width: calc(100% - 32px); max-width: 400px; color: var(--ink); padding: 24px; border-radius: 22px; --glass: linear-gradient(145deg,#fffdf8ed,#f8f3e8d4); --glass-blur: 28px; box-shadow: var(--glass-shadow),0 24px 72px #30231320; }
dialog[open] { animation: sheet-in .4s var(--spring); }
dialog::backdrop { background: #31291d30; -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); animation: backdrop-in .3s ease; }
.dialog-emblem { display: inline-flex; padding: 11px; background: var(--accent-soft); border-radius: 15px; color: var(--accent); }
dialog h2 { font-size: 21px; letter-spacing: -.4px; margin: 16px 0 8px; }
dialog p { color: var(--muted); font-size: var(--text-ui); line-height: 1.7; }
dialog .switch-target { font-size: 16px; color: var(--ink); font-weight: 550; overflow-wrap: anywhere; }
.project-dialog { max-width: 480px; max-height: calc(var(--viewport-height) - 32px); padding: 24px; overflow: auto; }
.sheet-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 20px; }
.sheet-eyebrow { color: var(--muted); font-size: var(--text-xs); }
.sheet-heading h2 { margin: 4px 0 0; font-size: 21px; line-height: 1.35; letter-spacing: -.4px; }
.sheet-heading .icon-button { background: #7b92ac0c; }
.folder-modes { display: flex; padding: 3px; gap: 4px; border: 1px solid var(--line); border-radius: 11px; background: color-mix(in srgb,var(--ink) 3%,transparent); margin-bottom: 16px; }
.folder-modes button { flex: 1; font-size: var(--text-ui); border-radius: 8px; min-height: 34px; color: var(--muted); }
.folder-modes .selected { background: var(--surface); border: 1px solid var(--glass-border); color: var(--ink); box-shadow: 0 2px 6px #1a35510a; }
.folder-location { display: flex; align-items: center; gap: 3px; margin-left: -5px; }
.folder-location form { display: flex; align-items: center; min-width: 0; flex: 1; border: 1px solid var(--line); border-radius: 14px; background: var(--surface); }
.folder-location input { width: 100%; min-width: 0; border: 0; background: transparent; color: var(--ink); font-size: 16px; padding: 10px 0 10px 12px; outline: 0; }
.folder-location form:focus-within { border-color: #c29b7c; }
.folder-location .quiet { flex-shrink: 0; padding-left: 7px; padding-right: 10px; color: var(--accent); }
.directory-shortcuts { display: flex; gap: 1px; margin: 6px 0 3px 36px; }
.directory-shortcuts .quiet { font-size: 13px; min-height: 34px; }
.directory-list { height: clamp(160px,27dvh,245px); overflow: auto; overscroll-behavior: contain; margin-bottom: 12px; scrollbar-width: thin; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.directory-row { display: flex; width: 100%; gap: 10px; padding: 11px 6px; text-align: left; border-radius: 8px; }
.directory-row > .icon:first-child { color: #a47c55; width: 22px; height: 22px; }
.directory-row > span { flex: 1; min-width: 0; overflow-wrap: anywhere; font-size: var(--text-title); font-weight: 450; }
.directory-row > .icon:last-child { color: #a69b8b; width: 13px; height: 13px; }
.directory-empty { font-size: 14px; padding: 30px 15px; text-align: center; }
.folder-name { display: flex; flex-direction: column; gap: 9px; font-size: 14px; color: var(--muted); margin: 16px 0; }
.folder-name input { font-size: 16px; width: 100%; padding: 12px; background: var(--surface); border: 1px solid var(--line); border-radius: 13px; color: var(--ink); }
.project-dialog .folder-selection { font-size: 13px; color: var(--muted); overflow-wrap: anywhere; margin: 13px 0 18px; line-height: 1.7; }
.project-dialog > .primary { min-height: 44px; border-radius: 12px; }
@keyframes sheet-in { from { opacity: 0; transform: translateY(32px) scale(.97); } to { opacity: 1; transform: translateY(0) scale(1); } }
@keyframes backdrop-in { from { opacity: 0; } to { opacity: 1; } }
.dialog-actions { display: flex; justify-content: flex-end; gap: 8px; margin-top: 25px; }
.dialog-actions button { min-width: 92px; }
.preview-badge { font-size: 12px; color: var(--muted); font-weight: 400; margin-left: 7px; letter-spacing: 0; }
@media (hover:hover) and (pointer:fine) {
  .project-card:hover:not(:disabled),.chat-card:hover:not(:disabled) { background-color: color-mix(in srgb,var(--ink) 3%,transparent); }
  .composer-control:hover:not(:disabled) { background-color: color-mix(in srgb,var(--ink) 5%,transparent); box-shadow: inset 0 1px 1px var(--glass-border); }
}
/* Workspace proportions and list density are shared; breakpoints change the layout. */
body:not(.signed-out):not(.booting) { height: var(--viewport-height); overflow: hidden; }
body:not(.signed-out):not(.booting) > main { height: calc(var(--viewport-height) - var(--header-height)); min-height: 0; }
#workspace { display: grid; grid-template-columns: 184px minmax(0,1fr); height: 100%; min-height: 0; }
.workspace-nav::before,.workspace-nav::after,.site-header::before,.site-header::after,.chat-header::before,.chat-header::after { display: none; }
#workspace::before { content: ''; grid-column: 1; grid-row: 1; background: var(--sidebar); border-right: 1px solid var(--line); pointer-events: none; }
.workspace-nav { grid-column: 1; grid-row: 1; z-index: 1; }
#overview,#chat { grid-column: 2; grid-row: 1; }
.project-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; align-content: start; }
.project-grid > .empty-state,.project-grid > .list-loading { grid-column: 1/-1; }
.list-columns { display: none; }
.chat-card[aria-current=page],.chat-card.latest[aria-current=page] { background: var(--accent-soft); border-color: color-mix(in srgb,var(--accent) 18%,transparent); }
.chat-card[aria-current=page] .chat-card-icon { background: var(--accent); color: #fff; }
.account-toolbar { margin: -4px 0 16px; min-height: 34px; }
.account-tools { display: flex; align-items: center; gap: 8px; }
.current .account-foot,.current .account-issue { grid-column: 1/-1; margin-top: 0; }
@media (min-width:960px) {
  .list-controls { display: flex; align-items: center; gap: 16px; margin-bottom: 16px; }
  .list-controls .search { flex: 1; min-width: 160px; }
  .list-toolbar { margin: 0; flex-shrink: 0; }
  .chat-card { grid-template-columns: 28px minmax(0,1fr) minmax(180px,240px) 12px; gap: 12px; min-height: 54px; padding: 10px 12px; }
  .chat-card-icon { grid-row: 1; }
  .card-title { display: block; white-space: nowrap; }
  .card-meta { grid-column: 3; display: grid; grid-template-columns: minmax(0,1fr) 76px; font-size: var(--text-sm); gap: 16px; }
  .card-meta .project { max-width: 100%; }
  .card-meta time { text-align: right; }
  .chat-card > .icon { grid-column: 4; grid-row: 1; }
  .list-columns { display: grid; grid-template-columns: minmax(0,1fr) 148px 76px; gap: 16px; padding: 8px 38px 8px 52px; font-size: var(--text-xs); color: var(--muted); border-bottom: 1px solid var(--line); }
  .list-columns > :last-child { text-align: right; }
}
@media (min-width:1180px) {
  .chat-open #workspace { grid-template-columns: 80px 300px minmax(0,1fr); }
  .chat-open .workspace-nav { margin: 20px 6px; padding: 4px; --nav-row: 60px; }
  .chat-open .nav-item { flex-direction: column; justify-content: center; gap: 4px; font-size: 12px; padding: 7px 3px; }
  .chat-open .nav-glass { top: 4px; left: 4px; width: calc(100% - 8px); }
  .chat-open #overview { border-right: 1px solid var(--line); background: color-mix(in srgb,var(--bg) 70%,var(--panel)); }
  .chat-open #chat { grid-column: 3; }
  .chat-open .overview-content { padding: 24px 16px; }
  .chat-open .page-heading { margin-bottom: 16px; }
  .chat-open #page-title { font-size: 19px; letter-spacing: -.3px; }
  .chat-open .add-project { width: 32px; padding: 7px; min-height: 32px; }
  .chat-open .add-project > span { display: none; }
  .chat-open .search { height: 36px; padding: 0 10px; }
  .chat-open .search input { font-size: 13px; }
  .chat-open .list-controls { display: block; margin-bottom: 0; }
  .chat-open .list-toolbar { margin: 12px 0 8px; gap: 6px; }
  .chat-open .list-modes button { padding: 4px 13px; min-height: 28px; }
  .chat-open .list-columns { display: none; }
  .chat-open .chat-card { grid-template-columns: 24px minmax(0,1fr) 10px; gap: 3px 8px; min-height: 68px; padding: 10px 8px; }
  .chat-open .chat-card-icon { width: 24px; height: 24px; border-radius: 7px; grid-row: 1/3; }
  .chat-open .card-title { font-size: 14px; line-height: 1.5; display: -webkit-box; white-space: normal; }
  .chat-open .card-meta { display: flex; grid-column: 2; font-size: 12px; gap: 8px; }
  .chat-open .card-meta .project { max-width: 60%; }
  .chat-open .chat-card > .icon { grid-column: 3; grid-row: 1/3; width: 10px; }
  .chat-open .project-grid { grid-template-columns: 1fr; gap: 8px; }
  .chat-open .project-card { padding: 12px 10px; gap: 8px; grid-template-columns: 28px minmax(0,1fr) auto 10px; min-height: 76px; }
  .chat-open .project-card-icon { width: 28px; height: 28px; border-radius: 8px; }
  .chat-open .project-card-name { font-size: 14px; }
  .chat-open .project-card-path { font-size: 12px; }
}
@media (min-width:1500px) {
  .chat-open #workspace { grid-template-columns: 80px 328px minmax(0,1fr); }
}
@media (min-width:701px) and (max-width:959px) {
  .login-shell { padding: 36px 30px; gap: 28px; }
  .auth-device { width: 218px; }
  .auth-orbit-outer { width: 250px; height: 250px; }
  .auth-orbit-inner { width: 202px; height: 202px; }
  #workspace { grid-template-columns: 80px minmax(0,1fr); }
  .workspace-nav { margin: 20px 6px; padding: 4px; gap: 4px; --nav-row: 60px; }
  .nav-item { flex-direction: column; justify-content: center; gap: 4px; font-size: 12px; padding: 7px 3px; }
  .nav-glass { top: 4px; left: 4px; width: calc(100% - 8px); }
  .overview-content { padding: 28px 28px 40px; }
  .account-card.current { display: block; padding: 22px; }
  .current .quota-list { margin-top: 20px; }
  .account-list { gap: 12px; }
  .account-card { padding: 18px; }
}
@media (max-width:700px) {
  :root { --text-ui: 15px; --text-title: 16px; --text-body: 17px; --text-heading: 26px; --header-height: calc(64px + var(--top)); --nav-row: 50px; }
  body:not(.signed-out):not(.booting) { height: auto; min-height: var(--viewport-height); overflow: auto; }
  body:not(.signed-out):not(.booting) > main { height: auto; }
  body.chat-open:not(.signed-out) { position: fixed; inset: 0; width: 100%; height: 100%; min-height: 0; overflow: hidden; }
  body.chat-open.keyboard-open { --safe: 0px; }
  body.signed-out > main,body.booting > main { padding-top: max(24px,var(--top)); }
  .login { width: calc(100% - 32px); max-width: 420px; }
  .surround-orb-top { width: 180px; height: 180px; top: -100px; left: -64px; }
  .surround-orb-bottom { width: 220px; height: 220px; bottom: -130px; right: -84px; }
  .surround-command { width: 38px; height: 38px; top: max(4.5%,calc(var(--top) + 4px)); left: calc(50% - 124px); border-radius: 12px; font-size: 23px; }
  .surround-slash { top: max(6.5%,calc(var(--top) + 12px)); right: calc(50% - 114px); width: 30px; height: 30px; border-radius: 10px; }
  .surround-slash .icon { width: 15px; height: 15px; }
  .surround-mac { bottom: max(3.5%,calc(var(--safe) + 8px)); left: calc(50% - 120px); width: 36px; height: 36px; border-radius: 12px; }
  .surround-mac .icon { width: 19px; height: 19px; }
  .surround-bolt { bottom: max(5.5%,calc(var(--safe) + 18px)); right: calc(50% - 124px); width: 29px; height: 29px; border-radius: 10px; }
  .surround-bolt .icon { width: 15px; height: 15px; }
  .glint-top { top: 7%; left: 48%; }
  .glint-bottom { bottom: 6%; right: 48%; }
  .login-shell { grid-template-columns: minmax(0,1fr); gap: 22px; padding: 26px; border-radius: 26px; }
  .login-visual { height: 240px; }
  .auth-halo { inset: -4px -12px 0; }
  .auth-orbit { top: 46%; }
  .auth-orbit-outer { width: 224px; height: 224px; }
  .auth-orbit-inner { width: 172px; height: 172px; }
  .auth-satellite { top: 34px; left: 2px; width: 30px; height: 30px; border-radius: 10px; }
  .auth-satellite .icon { width: 17px; height: 17px; }
  .auth-device { top: 34px; width: 188px; height: 125px; padding: 6px; border-radius: 14px; }
  .auth-window-bar { height: 20px; padding: 0 7px; }
  .auth-window-content { height: calc(100% - 20px); padding: 17px 14px; }
  .auth-line { height: 4px; margin-bottom: 9px; }
  .auth-caret { width: 5px; height: 8px; }
  .auth-device-base { top: 174px; width: 138px; }
  .auth-floating { gap: 7px; padding: 9px; border-radius: 12px; }
  .auth-floating > .icon { width: 18px; height: 18px; }
  .auth-floating i { height: 3px; }
  .auth-floating-chat { top: 5px; right: 0; width: 88px; }
  .auth-floating-project { top: 168px; left: -4px; width: 98px; }
  .auth-phone { top: 98px; right: 0; width: 61px; height: 114px; padding: 4px; border-radius: 17px; }
  .auth-phone-screen { padding: 19px 6px 9px; border-radius: 12px; }
  .auth-phone-camera { width: 18px; height: 4px; top: 5px; }
  .auth-phone-screen > .icon { width: 11px; height: 11px; margin-bottom: 6px; }
  .auth-phone-message { padding: 3px; border-radius: 4px; }
  .auth-phone-reply { margin-top: 6px; }
  .auth-key-tile { top: 164px; right: 74px; width: 52px; height: 52px; border-radius: 17px; }
  .auth-key-tile > .icon { width: 25px; height: 25px; }
  .auth-key-ring { border-radius: 24px; }
  .auth-visual-label { bottom: 0; font-size: 11px; }
  .login-brand { margin-bottom: 20px; font-size: 17px; }
  .login h1 { font-size: 30px; letter-spacing: -.8px; }
  .login #description { margin: 11px 0 23px; font-size: 15px; }
  .login #submit { min-height: 50px; font-size: 16px; }
  .login-state { margin-top: 19px; min-height: 65px; }
  .login-footer { margin-top: 21px; }
  .site-header { position: sticky; top: calc(8px + var(--top)); width: calc(100% - 32px); height: 48px; margin: calc(8px + var(--top)) auto 0; padding: 0 12px; border: 1px solid var(--glass-border); border-radius: 16px; background: var(--glass); box-shadow: var(--glass-shadow); -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px); }
  .brand { font-size: 17px; }
  .brand-mark { width: 26px; height: 26px; border-radius: 8px; }
  .header-actions { gap: 4px; }
  .header-actions .icon-button { width: 36px; height: 36px; min-height: 36px; }
  #logout { font-size: 13px; min-height: 36px; }
  #workspace { display: block; height: auto; }
  #workspace::before { display: none; }
  #overview { min-height: calc(var(--viewport-height) - 64px); overflow: visible; }
  .overview-content { padding: 22px 18px calc(100px + var(--safe)); }
  .page-heading { margin-bottom: 18px; }
  .add-project { min-height: 38px; padding: 8px 10px; font-size: 14px; }
  .search { height: 44px; border-radius: 12px; }
  .search input { font-size: 16px; }
  .list-toolbar { margin: 14px 0 10px; }
  .list-modes button { min-height: 32px; padding: 5px 20px; font-size: 14px; }
  .list-summary { font-size: 12px; }
  .date-label { margin-top: 12px; font-size: 12px; }
  .chat-card { min-height: 72px; padding: 12px 10px; gap: 4px 10px; }
  .card-meta { font-size: 13px; }
  .project-grid { grid-template-columns: 1fr; gap: 10px; }
  .project-card { min-height: 78px; padding: 14px 12px; grid-template-columns: 34px minmax(0,1fr) auto 12px; gap: 10px; }
  .project-card-icon { width: 34px; height: 34px; }
  .workspace-nav { position: fixed; z-index: 8; left: 50%; transform: translateX(-50%); bottom: calc(12px + var(--safe)); top: auto; flex-direction: row; align-items: stretch; gap: 4px; width: 236px; margin: 0; padding: 5px; border-radius: 31px; background: var(--glass); border: 1px solid var(--glass-border); box-shadow: var(--glass-shadow); -webkit-backdrop-filter: blur(18px) saturate(145%); backdrop-filter: blur(18px) saturate(145%); touch-action: pan-y; }
  .workspace-nav::before,.workspace-nav::after { display: block; }
  .nav-glass { top: 5px; left: 5px; width: calc((100% - 14px)/2); border-radius: 26px; }
  .workspace-nav[data-tab=accounts] .nav-glass { transform: translateX(calc(100% + 4px)); }
  .nav-item { flex: 1; flex-direction: column; justify-content: center; gap: 3px; padding: 5px 10px; font-size: 13px; border-radius: 26px; }
  .nav-item .icon { width: 20px; height: 20px; }
  .account-list { grid-template-columns: 1fr; gap: 12px; }
  .account-card { padding: 18px; border-radius: 14px; }
  .account-card.current { display: block; padding: 20px; }
  .current .quota-list { margin-top: 20px; }
  .quota-list { gap: 24px; margin-top: 18px; }
  .quota-heading { font-size: 13px; }
  .current .quota-heading { flex-direction: column; align-items: flex-start; gap: 8px; }
  .current .quota-heading strong { font-size: 32px; }
  .current .quota-heading strong small { font-size: 16px; }
  .account-team,.quota-reset,.account-foot small { font-size: 13px; }
  .account-toolbar { margin: -4px 0 12px; }
  .security-entry { font-size: 13px; padding: 6px; }
  .account-tools { gap: 4px; }
  .chat-open .site-header,.chat-open .workspace-nav { display: none; }
  .chat-open #chat { position: fixed; top: var(--viewport-top); left: 0; right: 0; height: var(--viewport-height); }
  #chat::before { height: calc(110px + var(--top)); }
  .chat-header { top: var(--top); min-height: 60px; padding: 8px 12px; gap: 4px; }
  .chat-header .icon-button { width: 36px; height: 36px; min-height: 36px; padding: 8px; }
  .chat-heading h2 { font-size: 16px; }
  .chat-context { padding: 0 10px; gap: 8px; font-size: 12px; }
  #chat-project { max-width: 30%; }
  .chat-reading { padding: calc(108px + var(--top)) 20px calc(var(--composer-height) + 24px + var(--safe)); }
  .message { margin: 18px 0; }
  .message.commentary { font-size: 15px; }
  .approval { padding: 15px; }
  .approval p { font-size: 14px; }
  #composer { width: calc(100% - 24px); bottom: calc(10px + var(--safe)); }
  .composer-box { border-radius: 20px; }
  #draft { padding: 12px 14px 4px; }
  .composer-bottom { gap: 2px; padding: 2px 7px 7px; }
  .composer-control { min-height: 36px; font-size: 13px; padding: 5px 6px; }
  .composer-circle { width: 34px; min-width: 34px; }
  .model-control > span { max-width: 112px; }
  .command-description { font-size: 13px; }
  .command-key { max-width: 76px; }
  .project-dialog,.model-dialog,.security-dialog { width: calc(100% - 20px); max-height: calc(var(--viewport-height) - 20px - var(--top)); margin: auto auto calc(8px + var(--safe)); padding: 20px; border-radius: 22px; }
  .sheet-heading { margin-bottom: 16px; }
  .sheet-heading h2 { font-size: 21px; }
  .sheet-heading .icon-button { min-height: 36px; }
  .model-option { min-height: 60px; }
  .security-field { font-size: 15px; }
  .security-help { font-size: 14px; }
  .directory-row { min-height: 44px; }
}
@media (max-width:360px) {
  .slash-control { display: none; }
  .model-control > span { max-width: 100px; }
  .composer-control { padding-left: 4px; padding-right: 4px; }
  .overview-content { padding-left: 16px; padding-right: 16px; }
}
@media (max-width:700px) and (max-height:740px) {
  .surround-key,.surround-glint { display: none; }
}
@media (prefers-color-scheme:light) {
  .account-card.current { color: var(--ink); background: linear-gradient(145deg,#faf8f3,#eeeae2); border-color: #b8aa925e; box-shadow: inset 0 1px 0 #ffffffcc,0 2px 10px #46341c05; }
  .current .account-avatar { color: #8b7051; background: #fffdf8bf; box-shadow: inset 0 1px 0 #ffffffcc; }
  .current .account-team,.current .quota-heading,.current .quota-reset,.current .quota-empty,.current .account-foot small { color: #776f61; }
  .current .quota-heading strong { color: var(--ink); }
  .current .quota-heading strong small { color: #8a7d68; }
  .current .badge { color: #756247; background: #fffdf8b3; border-color: #b7a78b4d; }
  .current .quota-item progress { background: #b4a1842b; }
  .current .quota-item progress::-webkit-progress-bar { background: #b4a1842b; }
  .current .quota-item progress::-webkit-progress-value { background: #ad8d62; }
  .current .quota-item progress::-moz-progress-bar { background: #ad8d62; }
  .current .quota-item.low progress::-webkit-progress-value { background: #c59654; }
  .current .quota-item.low progress::-moz-progress-bar { background: #c59654; }
  .current .account-foot { border-color: #ac96792e; }
  .current .account-issue { color: var(--danger); }
}
@media (prefers-color-scheme:dark) {
  :root { color-scheme: dark; --bg: #1f1e1d; --surface: rgba(43,41,37,.86); --soft: #302d28; --ink: #e8e4dc; --muted: #aca396; --line: rgba(213,195,167,.13); --accent: #d97757; --accent-soft: #483025; --code: #282521; --edge: rgba(31,30,29,.95); --panel: rgba(48,44,38,.45); --sidebar: rgba(0,0,0,.1); --glass: linear-gradient(135deg,#554c3e75,#2b272159 55%,#3b332875); --glass-border: #ffffff14; --glass-rim: linear-gradient(135deg,#fff2da45,#ffffff08 30%,#00000012 55%,#efdfc326 80%,#ffffff0a); --glass-light: #fff0d94d; --glass-shadow: 0 2px 3px #00000012,0 12px 32px #0000002b,inset 0 1px 1px #ffffff1a,inset 0 -1px 1px #00000026; }
  body { background: var(--bg); }
  .login { --auth-metal: linear-gradient(145deg,#514a3ee8,#322e28db); --auth-screen: linear-gradient(145deg,#302c26,#26231f); --auth-edge: #ffffff26; --auth-shadow: #00000033; --auth-sheen: #ffffff26; --auth-action: var(--accent); --auth-action-ink: #241a14; }
  .login-shell { box-shadow: 0 24px 80px #00000021,inset 0 1px 0 #ffffff08; }
  .workspace-nav .nav-glass { --pill-fill: #e4cfb32b; --pill-edge: #fff2dd26; background: linear-gradient(145deg,var(--pill-fill),#ffffff08 58%,#e4cfb317); }
  .nav-glass { box-shadow: 0 3px 10px #00000018,inset 0 1px 1px #ffffff21,inset 0 -1px 1px #00000026; }
  .nav-glass::after { opacity: .16; }
  .workspace-nav.dragging .nav-glass { box-shadow: 0 5px 18px #0000002b,inset 0 1px 2px #ffffff30; }
  .add-project { background: #e4cfb308; border-color: #ffffff0d; box-shadow: inset 0 1px 0 #ffffff0a; }
  .list-modes { --glass: linear-gradient(135deg,#e4cfb30d,#0000000a); border-color: #ffffff0c; box-shadow: inset 0 1px 1px #ffffff0d; }
  .mode-glass { background: linear-gradient(145deg,#e4cfb326,#ffffff08); border-color: #ffffff1c; box-shadow: 0 2px 5px #00000010,inset 0 1px 1px #ffffff1a; }
  .project-card-icon { background: linear-gradient(140deg,#4a3c2b,#3c3327); border-color: #ffffff0b; box-shadow: inset 0 1px 0 #ffffff13; color: #c5a88b; }
  .search { background: var(--panel); border-color: var(--line); box-shadow: none; }
  .chat-card.latest { background: var(--panel); border-color: var(--line); box-shadow: none; }
  .chat-card.latest::before,.account-card::before { opacity: .15; }
  .chat-card-icon { background: #e4cfb309; }
  .latest .chat-card-icon { background: #6a503b; }
  .account-card { background: var(--panel); border-color: var(--line); box-shadow: inset 0 1px 0 #ffffff05; }
  .account-card:not(.current):focus-within { border-color: #d6b99838; }
  .account-card.current { background: radial-gradient(ellipse at 10% 0%,#8d6f4740,transparent 65%),linear-gradient(130deg,#44392c,#2e2922); border-color: #ffffff22; }
  .account-avatar { background: #e4cfb30e; color: #c3ab8d; }
  .account-foot button { background: #e4cfb30d; color: var(--accent); }
  .message.user { background: #dcc8aa15; border-color: #e4cfb313; box-shadow: none; }
  .message.commentary { border-color: #584c3b; }
  .activity-group-body { background: #dcc8aa07; border-color: #ffffff0c; }
  .activity-title,.activity-section pre { color: #bdad98; }
  .activity-caption,.group-label { color: #ae9d85; }
  .composer-box { --glass: linear-gradient(145deg,#4a4135b3,#2b272180 55%,#3b3226a6); }
  .composer-box:focus-within { border-color: #d6b99838; box-shadow: var(--glass-shadow),0 4px 24px #00000012; }
  .composer-menu { --glass: linear-gradient(135deg,#3e372ed9,#2b2721b8); }
  .composer-control[aria-pressed=true],.command-option.highlighted { background: linear-gradient(145deg,#d99b7b20,#c6613f0d); box-shadow: inset 0 1px 1px #ffffff12; }
  #send:disabled { background: #a6c0e21a; color: #a2b5cf66; box-shadow: inset 0 1px 0 #ffffff0d; }
  dialog { --glass: linear-gradient(145deg,#463d31ed,#2b2721c7); }
  dialog::backdrop { background: #0b09063d; }
  #pending-jump { background: #5e49224d; color: #e3bf7e; }
  .approval { border-color: #b98a654d; }
}
@media (prefers-reduced-transparency:reduce) {
  .site-header,.workspace-nav,.chat-header,.composer-box,.jump-latest,.list-modes,.composer-menu,.login-shell,.login-footer,.surround-key,.auth-key-tile,.auth-floating,.auth-phone,.auth-satellite,dialog { background: var(--bg); -webkit-backdrop-filter: none; backdrop-filter: none; }
  .site-header::before,.workspace-nav::before,.chat-header::before,.composer-box::before,.list-modes::before,.composer-menu::before,dialog::before { display: none; }
  .nav-glass,.mode-glass { background: var(--surface); -webkit-backdrop-filter: none; backdrop-filter: none; }
  dialog::backdrop { -webkit-backdrop-filter: none; backdrop-filter: none; }
}
@media (prefers-reduced-motion:reduce) {
  *,*::before,*::after { animation-duration: .01ms!important; transition-duration: .01ms!important; scroll-behavior: auto!important; }
  .auth-key-tile,.auth-key-ring,.login-state-dot,.auth-progress::after,.login-button-spinner { animation: none!important; }
  .login-visual *,.login-visual *::before,.login-visual *::after,.surround-key,.surround-glint { animation: none!important; }
  .auth-progress::after { transform: none; width: 50%; }
}

/* Account overview: equal cards across phone and desktop. */
#account-list { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; align-items: stretch; }
#account-list > .empty-state,#account-list > .list-loading { grid-column: 1 / -1; width: 100%; }
#account-list .account-card { display: flex; flex-direction: column; align-items: stretch; min-width: 0; grid-column: auto; padding: 18px; gap: 0; }
#account-list .account-top { flex-wrap: wrap; gap: 8px; }
#account-list .account-identity { flex-basis: calc(100% - 42px); }
#account-list .account-name { font-size: 15px; line-height: 1.4; }
#account-list .badge { margin: 8px 0 0 40px; font-size: 11px; }
#account-list .quota-list { grid-template-columns: 1fr; gap: 16px; margin: 20px 0; }
#account-list .quota-heading { flex-direction: row; align-items: baseline; font-size: 12px; }
#account-list .quota-heading strong { font-size: 28px; }
#account-list .quota-heading strong small { font-size: 13px; }
#account-list .quota-reset { font-size: 11px; margin-top: 6px; }
#account-list .account-team { font-size: 12px; }
#account-list .account-foot { margin-top: auto; flex-wrap: wrap; gap: 12px; }
.reset-card-info { display: grid; gap: 5px; flex: 1 1 100%; }
#account-list .reset-card-info small { font-size: 12px; line-height: 1.5; }
.quota-item progress { height: 5px; }
.quota-item progress::-webkit-progress-value { transition: width .8s cubic-bezier(.2,.7,.2,1); }
.quota-item progress::-moz-progress-bar { transition: width .8s cubic-bezier(.2,.7,.2,1); }
@media (max-width: 600px) {
  #account-list { gap: 10px; }
  #account-list .account-card { padding: 14px 12px; border-radius: 16px; }
  #account-list .account-avatar { width: 26px; height: 26px; font-size: 13px; border-radius: 8px; }
  #account-list .account-identity { flex-basis: calc(100% - 34px); }
  #account-list .account-name { font-size: 13px; }
  #account-list .badge { margin-left: 34px; }
  #account-list .quota-heading strong { font-size: 26px; }
  #account-list .account-foot button { width: 100%; min-height: 38px; }
}
@media (prefers-reduced-motion: reduce) {
  .quota-item progress::-webkit-progress-value,.quota-item progress::-moz-progress-bar { transition: none; }
}

/* Compact account tiles with distinct action boundaries. */
#account-list .account-card { padding: 15px; border-color: color-mix(in srgb,var(--ink) 19%,transparent); }
#account-list .account-top { flex-wrap: nowrap; }
#account-list .account-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#account-list .account-team { margin-top: 2px; font-size: 11px; }
#account-list .quota-list { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; margin: 16px 0 14px; }
#account-list .quota-heading { flex-direction: column; align-items: flex-start; gap: 5px; font-size: 11px; }
#account-list .quota-heading strong { font-size: 25px; }
#account-list .quota-reset { font-size: 10px; line-height: 1.45; }
#account-list .account-foot { padding-top: 12px; gap: 8px; flex-wrap: nowrap; align-items: center; }
#account-list .account-foot button { width: auto; flex: 1; min-width: 0; min-height: 36px; padding: 7px 10px; border: 1px solid color-mix(in srgb,var(--accent) 38%,transparent); border-radius: 9px; background: var(--accent-soft); color: var(--accent); font-size: 12px; font-weight: 550; }
#account-list .account-foot button:hover { border-color: var(--accent); }
#account-list .account-foot .badge { margin: 0; padding: 7px 9px; font-size: 11px; }
#reset-information { margin: 20px 0; padding: 14px 16px; border: 1px solid var(--line); border-radius: 12px; background: var(--soft); }
#reset-information p { margin: 6px 0; line-height: 1.7; }
.reset-explanation { font-size: 13px; color: var(--muted); }
@media (max-width: 600px) {
  #account-list .account-card { padding: 12px; }
  #account-list .quota-list { gap: 9px; margin: 13px 0 12px; }
  #account-list .account-foot button { padding: 6px 7px; font-size: 11px; }
}

/* Chat chrome shares one compact header; the composer contains no metadata row. */
#chat::before { height: 76px; background: linear-gradient(var(--edge),var(--edge) 65%,transparent); }
.chat-reading { padding-top: 78px; }
.chat-subline { display: flex; align-items: center; gap: 8px; margin-top: 2px; color: var(--muted); font-size: 11px; }
.chat-subline #chat-project { max-width: 62%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.chat-subline #chat-status { margin: 0; flex-shrink: 0; font-size: 11px; }
.chat-header .context-usage { margin-left: 0; }
.chat-header .context-usage summary { padding: 5px; min-height: 32px; }
.chat-header #context-label { display: none; }
.chat-header .context-detail { top: calc(100% + 8px); bottom: auto; }
#pending-jump { font-size: 11px; }
@media (max-width: 600px) {
  #chat::before { height: calc(72px + var(--top)); }
  .chat-reading { padding-top: calc(72px + var(--top)); }
  .chat-header { min-height: 58px; padding-top: 6px; padding-bottom: 6px; }
  .chat-header .context-ring { width: 18px; height: 18px; }
}

/* Keep the header surface inside its own bounds; no fade band over messages. */
#chat::before { display: none; }
.chat-header { background: color-mix(in srgb,var(--bg) 94%,transparent); border-bottom: 1px solid var(--line); }
#composer > .chat-context { display: none; }
.chat-reading { padding-top: 72px; }
@media (max-width: 600px) {
  .chat-reading { padding-top: calc(66px + var(--top)); }
}

.chat-title-row { display: flex; align-items: center; gap: 8px; min-width: 0; }
.chat-title-row #chat-title { flex: 1; min-width: 0; }
.chat-title-row #chat-project { flex: 0 1 auto; max-width: 36%; min-width: 0; padding: 2px 6px; border: 1px solid var(--line); border-radius: 6px; background: var(--soft); color: var(--muted); font-size: 11px; line-height: 1.5; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media (max-width: 600px) {
 .chat-title-row { gap: 6px; }
 .chat-title-row #chat-project { max-width: 34%; padding: 2px 5px; font-size: 10px; }
}

/* Context sits just above the input, aligned to its outside right edge. */
.composer-input { position: relative; padding-top: 42px; }
.composer-input > .context-usage { position: absolute; top: 0; right: 4px; z-index: 6; margin: 0; }
.composer-input > .context-usage summary { min-height: 26px; padding: 3px 5px; gap: 5px; }
.composer-input > .context-usage #context-label { display: inline; font-size: 11px; white-space: nowrap; overflow-wrap: normal; }
.composer-input > .context-usage .context-ring { width: 17px; height: 17px; flex-basis: 17px; }
.composer-input > .context-usage .context-detail { top: auto; bottom: calc(100% + 8px); }

/* A compact polished glass control, contained within its rounded edges. */
.composer-input > .context-usage summary {
  position: relative; isolation: isolate; width: 82px; height: 36px; min-height: 36px; padding: 5px 10px; justify-content: center;
  border: 1px solid var(--glass-border); border-radius: 8px;
  background: var(--glass); color: var(--muted);
  -webkit-backdrop-filter: blur(18px) saturate(145%); backdrop-filter: blur(18px) saturate(145%);
  box-shadow: 0 2px 6px color-mix(in srgb,var(--ink) 6%,transparent),inset 0 1px 1px var(--control-shine),inset 0 -1px 1px var(--control-low);
  transition: box-shadow .2s,transform .25s var(--spring);
}
.composer-input > .context-usage summary::before {
  content: ''; position: absolute; inset: 0; z-index: -1; border-radius: inherit; pointer-events: none;
  background: radial-gradient(ellipse at var(--glass-x,25%) var(--glass-y,0%),var(--control-shine),transparent 75%),linear-gradient(to bottom,color-mix(in srgb,var(--control-shine) 36%,transparent),transparent 48%,color-mix(in srgb,var(--control-low) 24%,transparent));
  opacity: .65;
}
.composer-input > .context-usage summary::after {
  content: ''; position: absolute; inset: -1px; border-radius: inherit; padding: 1px; pointer-events: none;
  background: var(--glass-rim);
  -webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0); -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0); mask-composite: exclude;
}
.composer-input > .context-usage summary:active { transform: scale(.97); }
@media (prefers-reduced-motion: reduce) {
 .composer-input > .context-usage summary:active { transform: none; }
}
@media (prefers-reduced-transparency: reduce) {
 .composer-input > .context-usage summary { background: var(--bg); -webkit-backdrop-filter: none; backdrop-filter: none; }
}

/* Keep project and chat names on the same text baseline. */
.chat-title-row { align-items: baseline; gap: 9px; }
.chat-title-row #chat-title { flex: 0 1 auto; line-height: 1.4; }
.chat-title-row #chat-project { flex: 0 1 auto; max-width: 56%; padding: 0 5px; border-color: transparent; background: transparent; font-size: 11px; line-height: 1.4; font-weight: 450; letter-spacing: 0; text-overflow: clip; overflow-x: auto; scrollbar-width: none; }
.chat-title-row #chat-project::-webkit-scrollbar { display: none; }
.chat-title-row #chat-project:empty { display: none; }
@media (max-width: 600px) {
  .chat-header { gap: 6px; padding-inline: 12px; }
  .chat-title-row { gap: 6px; }
  .chat-title-row #chat-project { max-width: 56%; font-size: 10.5px; padding-inline: 2px; }
}

/* Shared glass material, geometry and motion for the interaction layer. */
:root {
 --control-shine: #ffffff66; --control-low: #00000014;
 --liquid-fill: transparent;
 --liquid-tint: var(--liquid-fill);
 --radius-control: 999px; --radius-small: 999px; --radius-panel: 26px;
 --liquid-motion: cubic-bezier(.18,.85,.25,1);
}
button,.context-usage > summary { position: relative; isolation: isolate; transform-origin: center; transition: background-color .2s,border-color .2s,box-shadow .26s,scale .24s var(--liquid-motion); }
button { border-radius: var(--radius-control); }
button::before,button::after { content: ''; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; }
button::before { z-index: -1; background: radial-gradient(ellipse at var(--control-x,28%) var(--control-y,0%),var(--control-shine),transparent 74%),linear-gradient(180deg,#ffffff12,transparent 48%,var(--control-low)); opacity: .1; transition: opacity .22s,translate .32s var(--liquid-motion); }
button::after { padding: 1px; background: conic-gradient(from var(--control-angle,145deg),var(--control-shine),transparent 22%,var(--control-low) 40%,var(--control-shine) 58%,transparent 80%,var(--control-shine)); -webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0); mask-composite: exclude; opacity: .24; transition: opacity .22s,transform .32s var(--liquid-motion),translate .32s var(--liquid-motion); }
button:not(:is(.chat-card,.project-card,.directory-row,.composer-option,.quiet,.composer-control,.workspace-nav button,.list-modes button)) {
 background: var(--liquid-fill); border-color: color-mix(in srgb,var(--glass-border) 70%,transparent);
 -webkit-backdrop-filter: blur(14px) saturate(145%); backdrop-filter: blur(14px) saturate(145%);
 box-shadow: 0 3px 9px #3024180a,inset 0 1px 1px var(--control-shine),inset 0 -1px 2px var(--control-low);
}
button.primary,#send,.approval-actions button:not(.secondary) { background: var(--liquid-tint); color: var(--ink); border-color: var(--line); }
button.primary::before,#send::before { opacity: .16; }
button.primary::after,#send::after { opacity: .75; }
button:is(.icon-button,.secondary,.security-entry)::after,.account-foot button::after { opacity: .65; }
button.quiet,.composer-control,.list-modes button { border-radius: var(--radius-small); }
button:is(.chat-card,.project-card,.directory-row)::after { opacity: 0; }
button:active:not(:disabled),.composer-control:active:not(:disabled),.composer-input > .context-usage summary:active { transform: none; }
button.liquid-pressed:not(:disabled),.context-usage > summary.liquid-pressed { scale: var(--press-scale,1.018 1.025); }
button.liquid-pressed:not(:disabled)::before { opacity: .48; translate: var(--lens-x,0px) var(--lens-y,0px); }
button.liquid-pressed:not(:disabled)::after { opacity: 1; transform: scale(1.025,.985); translate: var(--lens-x,0px) var(--lens-y,0px); }
@media (hover:hover) {
 button:hover:not(:disabled)::before { opacity: .26; }
 button:hover:not(:disabled)::after { opacity: .85; }
}
/* Thicker edges collect light; the center stays transparent to content below. */
.site-header::after,.workspace-nav::after,.composer-box::after,.list-modes::after,.composer-menu::after,dialog::after { background: radial-gradient(ellipse 120px 70px at var(--glass-x,25%) var(--glass-y,0%),var(--control-shine),transparent 85%),var(--glass-rim); padding: 1px; }
.composer-box,.composer-menu,dialog { border-radius: var(--radius-panel); }
.composer-box { --glass: var(--liquid-fill); box-shadow: 0 8px 24px #3024180d,inset 0 1px 2px var(--control-shine),inset 0 -1px 2px var(--control-low); }
.nav-glass,.mode-glass { box-shadow: 0 4px 12px #30241812,inset 0 1px 2px var(--control-shine),inset 1px 0 1px #ffffff35,inset -1px -2px 3px var(--control-low); }
.nav-glass::after,.mode-glass::after { content: ''; position: absolute; inset: 0; border-radius: inherit; background: linear-gradient(120deg,var(--control-shine),transparent 28%,transparent 70%,var(--control-shine)); opacity: .36; pointer-events: none; }
.composer-menu,dialog[open] { transform-origin: var(--liquid-origin,50% 90%); animation: liquid-reveal .38s var(--liquid-motion) both; }
.context-usage[open] .context-detail { transform-origin: right bottom; animation: liquid-reveal .3s var(--liquid-motion) both; }
@keyframes liquid-reveal {
 0% { opacity: 0; scale: .92 .9; translate: 0 6px; }
 65% { opacity: 1; scale: 1.008 1.012; translate: 0 -1px; }
 100% { opacity: 1; scale: 1 1; translate: 0 0; }
}
@media (prefers-color-scheme:dark) {
 :root { --control-shine: #ffffff38; --control-low: #00000024; --liquid-fill: transparent; }
}
@media (prefers-reduced-motion:reduce) {
 button.liquid-pressed:not(:disabled),.context-usage > summary.liquid-pressed { scale: 1; }
 button.liquid-pressed:not(:disabled)::after { transform: none; translate: none; }
 button.liquid-pressed:not(:disabled)::before { translate: none; }
 .composer-menu,dialog[open],.context-usage[open] .context-detail { animation: none; }
}
@media (prefers-reduced-transparency:reduce) {
 button { -webkit-backdrop-filter: none!important; backdrop-filter: none!important; }
 button:not(:is(.primary,#send,.chat-card,.project-card,.directory-row,.quiet,.composer-control)) { background: var(--bg); }
 .composer-box { --glass: var(--bg); }
}

/* Clear controls and readable sheets share geometry, not opacity. */
:root { --lens-filter: blur(16px) saturate(140%); --sheet-fill: color-mix(in srgb,var(--bg) 94%,transparent); }
#chat-scroll { -webkit-mask-image: none; mask-image: none; }
#composer::before { display: none; }
.composer-input,.composer-input > .context-usage { background: none; -webkit-backdrop-filter: none; backdrop-filter: none; }
.site-header,.chat-header,.workspace-nav,.list-modes,.composer-box,.jump-latest {
 --glass: transparent; background: color-mix(in srgb,var(--surface) 44%,transparent); border-color: var(--line);
 -webkit-backdrop-filter: var(--lens-filter); backdrop-filter: var(--lens-filter);
 box-shadow: inset 0 1px 0 #ffffff55,inset 0 -1px 0 #0000000b,0 3px 12px #00000006;
}
.workspace-nav,.list-modes { background: transparent; -webkit-backdrop-filter: none; backdrop-filter: none; }
.composer-box { border-radius: 28px; background: color-mix(in srgb,var(--surface) 52%,transparent); -webkit-backdrop-filter: blur(18px) saturate(140%); backdrop-filter: blur(18px) saturate(140%); }
/* Text panels isolate text from the moving page beneath them. */
dialog,.composer-menu,.context-detail {
 --glass: var(--sheet-fill); background: var(--sheet-fill); color: var(--ink);
 -webkit-backdrop-filter: blur(24px) saturate(110%); backdrop-filter: blur(24px) saturate(110%);
 border-color: var(--line); box-shadow: 0 12px 40px #00000018,inset 0 1px 0 #ffffff40;
}
dialog { max-height: calc(100dvh - 32px - var(--top) - var(--safe)); overflow-y: auto; overflow-x: hidden; }
dialog::backdrop { background: #00000026; -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); }
#reset-account { overflow-wrap: anywhere; font-size: 14px; }
#reset-information { padding: 12px 0; border: 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); border-radius: 0; background: none; color: var(--ink); }
#reset-information p { color: var(--ink); margin: 7px 0; font-size: 15px; line-height: 1.65; overflow-wrap: anywhere; }
.reset-explanation { font-size: 13px; line-height: 1.7; }
/* Frames belong to actions, not to every selectable row. */
button { border-radius: 999px; }
button:not(:is(.chat-card,.project-card,.directory-row,.command-option,.model-option,.quiet,.composer-control,.nav-item,.list-modes button,.folder-modes button)) {
 background: transparent; border-color: var(--line); box-shadow: inset 0 1px 0 #ffffff30,0 2px 6px #00000006;
 -webkit-backdrop-filter: var(--lens-filter); backdrop-filter: var(--lens-filter);
}
button.primary,.login #submit,.login #submit:hover:not(:disabled),button.primary:hover:not(:disabled),#send,.approval-actions button:not(.secondary) { background: color-mix(in srgb,var(--ink) 5%,transparent); color: var(--ink); border-color: color-mix(in srgb,var(--ink) 22%,transparent); }
button:is(.icon-button,.composer-circle,.stop-button),#send { border-radius: 50%; }
button:is(.chat-card,.project-card) { border-radius: 16px; }
button:is(.directory-row,.command-option,.model-option) { border-radius: 12px; }
button:is(.quiet,.composer-control,.nav-item,.list-modes button,.folder-modes button,.directory-row,.command-option,.model-option) { border-color: transparent; box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none; }
button:is(.quiet,.composer-control,.nav-item,.list-modes button,.folder-modes button,.directory-row,.command-option,.model-option)::after { display: none; }
button:is(.quiet,.composer-control,.nav-item,.list-modes button,.folder-modes button,.directory-row,.command-option,.model-option)::before { opacity: 0; }
button.model-option[aria-pressed=true],button.command-option.highlighted,.folder-modes button.selected { background: color-mix(in srgb,var(--ink) 6%,transparent); border-color: transparent; box-shadow: none; }
.effort-options button { border-radius: 999px; }
.effort-options button[aria-pressed=true],.choices button[aria-pressed=true] { background: color-mix(in srgb,var(--ink) 8%,transparent); border-color: color-mix(in srgb,var(--ink) 28%,transparent); color: var(--ink); }
.model-dialog > .primary,.security-actions > button,.login #submit { border-radius: 999px; }
#account-list .account-foot button { border-radius: 999px; border-color: var(--line); color: var(--ink); background: transparent; box-shadow: none; }
:is(.site-header,.chat-header,.workspace-nav,.list-modes,.composer-box,.composer-menu,dialog,.context-detail) button { -webkit-backdrop-filter: none; backdrop-filter: none; }
.workspace-nav .nav-glass,.workspace-nav.dragging .nav-glass,.mode-glass { background: transparent; border-color: var(--line); border-radius: 999px; -webkit-backdrop-filter: none; backdrop-filter: none; box-shadow: inset 0 1px 0 #ffffff60,0 1px 3px #00000005; }
.list-modes,.workspace-nav .nav-item { border-radius: 999px; }
.nav-glass::after,.mode-glass::after { opacity: .055; }
.site-header::before,.chat-header::before,.workspace-nav::before,.composer-box::before,.list-modes::before,.composer-menu::before,dialog::before { opacity: .035; }
.site-header::after,.chat-header::after,.workspace-nav::after,.composer-box::after,.list-modes::after,.composer-menu::after,dialog::after { opacity: .35; }
.composer-input > .context-usage summary { width: auto; min-width: 78px; max-width: 108px; border-radius: 999px; background: color-mix(in srgb,var(--bg) 82%,transparent); -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); box-shadow: 0 2px 6px #00000006,inset 0 1px 0 #ffffff2b; }
.composer-input > .context-usage #context-label { flex: 0 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.composer-input > .context-usage summary::before { opacity: .12; }
.composer-input > .context-usage summary::after { opacity: .35; }
.composer-bottom .model-control { flex: 1 1 auto; min-width: 0; }
.composer-bottom .model-control > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.context-detail { max-height: min(280px,45dvh); overflow-y: auto; }
@media (max-width:380px) { #account-list .account-foot { flex-wrap: wrap; } #account-list .account-foot .badge { text-align: center; } }
@media (prefers-reduced-transparency:reduce) {
 .site-header,.chat-header,.workspace-nav,.list-modes,.composer-box,.composer-menu,dialog,.context-detail,.jump-latest,.composer-input > .context-usage summary { background: var(--bg); -webkit-backdrop-filter: none; backdrop-filter: none; }
 dialog::backdrop { -webkit-backdrop-filter: none; backdrop-filter: none; }
}

/* Dialog autofocus after touch must not look like an extra selected border. */
:root[data-input-modality="pointer"] :is(button,a,summary):focus-visible { outline: none; }

/* Primary actions carry contrast; secondary actions stay clear and quiet. */
:root { --action-fill: #282723; --action-ink: #fffdf8; --action-hover: #3c3a35; }
:is(button.primary,.login #submit,#send,.approval-actions button:not(.secondary)) {
 background: linear-gradient(175deg,color-mix(in srgb,var(--action-fill) 88%,white),var(--action-fill) 65%);
 color: var(--action-ink); border: 1px solid color-mix(in srgb,var(--action-fill) 80%,transparent);
 font-weight: 600; box-shadow: inset 0 1px 0 #ffffff35,inset 0 -1px 0 #00000025,0 3px 8px #00000012;
}
:is(button.primary,.login #submit,#send,.approval-actions button:not(.secondary)):hover:not(:disabled) {
 background: linear-gradient(175deg,color-mix(in srgb,var(--action-hover) 88%,white),var(--action-hover) 65%);
}
:is(button.primary,.login #submit,#send,.approval-actions button:not(.secondary))::before { opacity: .12; }
:is(button.primary,.login #submit,#send,.approval-actions button:not(.secondary))::after { opacity: .35; }
.dialog-actions button { min-height: 44px; padding-inline: 22px; }
.dialog-actions button.secondary { background: transparent; color: var(--ink); font-weight: 500; border-color: var(--line); box-shadow: inset 0 1px 0 #ffffff26; }
.dialog-actions button.secondary::before { opacity: .04; }
.dialog-actions button.secondary::after { opacity: .16; }
.dialog-actions { gap: 10px; }
@media (prefers-color-scheme:dark) {
 :root { --action-fill: #e8e4dc; --action-ink: #22211f; --action-hover: #f6f3ec; }
}

/* Real displaced scene copies disabled; use direct native CSS backdrop-filter transparency. */
.refraction-definitions, .refraction-lens { display: none !important; }

/* LOGIN_SCENE_V2: CSS-only ornaments remain isolated to the sign-in screen. */
.login-footer{display:none!important}
.scene-toggle{position:fixed;z-index:12;top:26px;right:30px;cursor:pointer;-webkit-tap-highlight-color:transparent}
.scene-toggle input{position:absolute;opacity:0;width:42px;height:42px;margin:0;cursor:pointer}
.scene-toggle>span{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--glass-border);border-radius:50%;background:var(--surface);box-shadow:0 8px 24px #45351b0b,inset 0 1px 0 var(--glass-border);color:var(--muted);transition:transform .25s,background .25s}
.scene-toggle:hover>span{transform:rotate(12deg)}.scene-toggle input:focus-visible+span{outline:3px solid var(--accent);outline-offset:4px}
.scene-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.scene-sun{display:none}.scene-theme:checked+span .scene-moon{display:none}.scene-theme:checked+span .scene-sun{display:block}
.scene-signature{position:absolute;top:30px;left:34px;display:flex;align-items:center;gap:11px;font:600 11px/1.3 -apple-system,sans-serif;letter-spacing:2.8px;color:var(--ink);opacity:.7}.scene-subtitle{display:block;font-size:8px;letter-spacing:1.5px;color:var(--muted);margin-top:5px}.scene-emblem{display:flex;align-items:center;gap:3px;height:24px}.scene-emblem i{width:3px;height:15px;background:var(--accent);border-radius:4px;transform:rotate(24deg)}.scene-emblem i:nth-child(2){height:24px;opacity:.65}.scene-emblem i:nth-child(3){height:10px;opacity:.4}
.scene-grain{position:absolute;inset:0;background-image:radial-gradient(var(--muted) .55px,transparent .7px);background-size:8px 8px;opacity:.1;mask-image:radial-gradient(ellipse at center,transparent 30%,black);-webkit-mask-image:radial-gradient(ellipse at center,transparent 30%,black)}
.scene-aura{position:absolute;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 12%,transparent),transparent 68%);animation:scene-aurora 22s ease-in-out infinite;will-change:transform}.aura-one{left:-220px;top:12%}.aura-two{right:-200px;bottom:5%;animation-delay:-11s;background:radial-gradient(circle,#bfa26b20,transparent 68%)}
.scene-routes{position:absolute;width:100%;height:100%;inset:0;color:var(--accent);fill:none;pointer-events:none;opacity:.6}.scene-route-grid{stroke:currentColor;stroke-width:.7;opacity:.13}.scene-route-flow{stroke:url(#scene-route-color);stroke-width:1.6;stroke-linecap:round;stroke-dasharray:48 520;animation:scene-flow 28s linear infinite;opacity:.6}.scene-route-flow path:nth-child(2){stroke-dasharray:24 360}.scene-nodes{fill:var(--bg);stroke:currentColor;stroke-width:1;animation:scene-twinkle 7s ease-in-out infinite}
.scene-orbit{position:absolute;width:170px;height:170px;border:1px solid color-mix(in srgb,var(--accent) 14%,transparent);border-radius:50%;animation:scene-spin 45s linear infinite}.scene-orbit::before,.scene-orbit::after{content:'';position:absolute;border:1px dashed color-mix(in srgb,var(--accent) 14%,transparent);inset:12px;border-radius:50%}.scene-orbit::after{inset:27px;border-style:solid;opacity:.5}.scene-orbit i,.scene-orbit b{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 6%,transparent)}.scene-orbit i{left:14%;top:11%;opacity:.6}.scene-orbit b{bottom:8%;right:17%;width:4px;height:4px;opacity:.35}.orbit-left{left:calc(50% - 680px);top:calc(50% - 200px)}.orbit-right{right:calc(50% - 690px);bottom:calc(50% - 220px);width:230px;height:230px;animation-direction:reverse;animation-duration:60s}
.scene-panel{position:absolute;width:150px;height:116px;padding:14px;border:1px solid var(--glass-border);border-radius:20px;background:linear-gradient(125deg,color-mix(in srgb,var(--surface) 65%,transparent),color-mix(in srgb,var(--panel) 35%,transparent));box-shadow:0 15px 40px #49351c08,inset 0 1px 0 var(--glass-border);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:scene-panel-drift 13s ease-in-out infinite}.panel-left{left:max(24px,calc(50% - 650px));top:calc(50% + 4px);transform:rotate(-9deg);--panel-angle:-9deg}.panel-right{right:max(24px,calc(50% - 650px));top:calc(50% - 172px);transform:rotate(9deg);--panel-angle:9deg;animation-delay:-6s}.scene-panel-top{display:flex;align-items:center;gap:4px;color:var(--muted)}.scene-panel-top>i{width:3px;height:3px;border-radius:50%;background:currentColor;opacity:.4}.scene-panel-top>span{margin-left:auto;font:9px ui-monospace,monospace;opacity:.4;letter-spacing:2px}
.scene-equalizer{height:38px;margin-top:12px;display:flex;gap:5px;align-items:center;justify-content:center}.scene-equalizer i{width:4px;height:22px;border-radius:4px;background:var(--accent);opacity:.3;animation:scene-bars 3s ease-in-out infinite}.scene-equalizer i:nth-child(2n){height:32px;animation-delay:-.8s}.scene-equalizer i:nth-child(3n){height:14px;animation-delay:-1.8s}.scene-equalizer i:nth-child(4n){height:26px;animation-delay:-2.3s}.scene-mini-track{height:2px;margin:11px 9px 0;background:var(--line);border-radius:4px;overflow:hidden}.scene-mini-track span{display:block;width:35%;height:100%;background:var(--accent);opacity:.4;animation:scene-traverse 7s ease-in-out infinite}
.scene-key-composition{display:flex;justify-content:center;gap:8px;margin-top:12px}.scene-key-composition span{display:grid;place-items:center;width:31px;height:31px;border:1px solid var(--glass-border);border-radius:9px;background:var(--auth-metal);box-shadow:0 3px 8px var(--auth-shadow);color:var(--muted);font-size:19px}.scene-key-composition span:nth-child(2){color:var(--accent);transform:translateY(-4px);animation:scene-key-tap 6s ease-in-out infinite}.scene-mini-lines{margin:13px 22px 0}.scene-mini-lines i{display:block;height:2px;margin-top:5px;background:var(--line);border-radius:2px}.scene-mini-lines i:last-child{width:65%}
.scene-bottom{position:absolute;bottom:38px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:23px;color:var(--accent);opacity:.55}.scene-bottom svg{width:260px;height:34px;fill:none;stroke:currentColor;stroke-width:.8;opacity:.45}.scene-bottom .scene-signal{stroke-width:1.8;stroke-dasharray:22 330;animation:scene-flow 12s linear infinite}.scene-dot-cluster{display:flex;gap:5px}.scene-dot-cluster i{width:3px;height:3px;border-radius:50%;background:currentColor;animation:scene-twinkle 4s infinite}.scene-dot-cluster i:nth-child(2){animation-delay:-1.2s}.scene-dot-cluster i:nth-child(3){animation-delay:-2.4s}.scene-spark-diamond{width:7px;height:7px;border:1px solid currentColor;transform:rotate(45deg);animation:scene-twinkle 5s ease-in-out infinite}
.scene-frame{position:absolute;width:15px;height:15px;border-color:var(--accent);opacity:.22}.frame-tl{top:96px;left:34px;border-top:1px solid;border-left:1px solid}.frame-tr{top:96px;right:34px;border-top:1px solid;border-right:1px solid}.frame-bl{bottom:30px;left:34px;border-bottom:1px solid;border-left:1px solid}.frame-br{bottom:30px;right:34px;border-bottom:1px solid;border-right:1px solid}
.login-shell{transition:box-shadow .4s,border-color .4s}.login-shell:hover{box-shadow:0 28px 90px #49351c10,inset 0 1px 0 var(--glass-border)}.login[data-state=waiting] .scene-route-flow{animation-duration:12s}.login[data-state=waiting] .scene-emblem i{animation:scene-bars 1.4s ease-in-out infinite}
body.signed-out:has(.scene-theme:checked){color-scheme:dark;--bg:#1f2323;--surface:#2a302eee;--panel:#343d3688;--ink:#f1eee7;--muted:#aaa99f;--line:#d3c5ad24;--glass-border:#ffffff21;--glass-rim:linear-gradient(135deg,#ffffff35,#ffffff07,#ffffff20);--glass-light:#ffffff33;--glass:linear-gradient(135deg,#ffffff12,#ffffff04);background-color:var(--bg)}
.signed-out .login:has(.scene-theme:checked){--auth-metal:linear-gradient(145deg,#3a403b,#282e2b);--auth-screen:linear-gradient(145deg,#292f2c,#202623);--auth-edge:#ffffff20;--auth-shadow:#0004;--auth-sheen:#ffffff18}
@media(prefers-color-scheme:dark){.scene-moon{display:none}.scene-sun{display:block}.scene-theme:checked+span .scene-moon{display:block}.scene-theme:checked+span .scene-sun{display:none}body.signed-out:has(.scene-theme:checked){color-scheme:light;--bg:#f5f1e8;--surface:#fffdf8d1;--panel:#fffdf87a;--ink:#141413;--muted:#79756c;--line:#564d3d24;--glass-border:#ffffff9e;--glass-rim:linear-gradient(135deg,#ffffffed,#ffffff30,#9b815126,#ffffffb3);--glass-light:#ffffffc7;--glass:linear-gradient(135deg,#ffffff94,#fffdf83d);background-color:var(--bg)}.signed-out .login:has(.scene-theme:checked){--auth-metal:linear-gradient(145deg,#fffefaed,#e9e3d7c7);--auth-screen:linear-gradient(145deg,#fdfbf5,#eee9de);--auth-edge:#fffdf8;--auth-shadow:#6753381a;--auth-sheen:#ffffff8c}}
@media(max-width:1199px){.scene-panel{display:none}.orbit-left{left:-100px;top:15%}.orbit-right{right:-110px;bottom:10%}.scene-frame{opacity:.12}.scene-signature{left:26px}.scene-bottom{bottom:22px}.scene-bottom svg{width:200px}}
@media(max-width:680px){.scene-signature{top:23px;left:22px;font-size:10px;gap:9px}.scene-subtitle{font-size:7px}.scene-emblem{transform:scale(.85)}.scene-toggle{top:19px;right:20px}.scene-toggle>span,.scene-toggle input{width:36px;height:36px}.scene-bottom{bottom:18px;opacity:.3}.scene-bottom svg{width:140px}.scene-frame{display:none}.scene-aura{width:370px;height:370px;opacity:.8}.orbit-left{width:130px;height:130px;left:-80px;top:80px}.orbit-right{width:180px;height:180px;right:-100px;bottom:35px}.scene-routes{opacity:.35}.login{margin:62px auto 48px}.login-shell{padding-top:24px}.scene-panel{display:none}}
@keyframes scene-flow{to{stroke-dashoffset:-1136}}@keyframes scene-spin{to{transform:rotate(360deg)}}@keyframes scene-aurora{50%{transform:translate(65px,-35px) scale(1.13)}}@keyframes scene-panel-drift{50%{transform:translateY(-12px) rotate(calc(var(--panel-angle) + 3deg))}}@keyframes scene-bars{50%{transform:scaleY(.4);opacity:.65}}@keyframes scene-traverse{0%,100%{transform:translateX(-100%)}50%{transform:translateX(290%)}}@keyframes scene-key-tap{48%,53%{transform:translateY(0);box-shadow:0 1px 3px var(--auth-shadow)}}@keyframes scene-twinkle{0%,100%{opacity:.2}50%{opacity:.85}}
@media(prefers-reduced-motion:reduce){.login *,.login *::before,.login *::after{animation:none!important;transition:none!important}}

@media(max-width:680px){.login .surround-key{display:none}}

@media(prefers-color-scheme:light){.signed-out .login:has(.scene-theme:checked) #submit{background:linear-gradient(145deg,#e6e2d9,#c9c5bb);color:#242824;border-color:#ffffff50;box-shadow:0 5px 18px #0002}.signed-out .login:has(.scene-theme:checked) #submit:hover:not(:disabled){background:#ece7dd}}

body.signed-out{--login-top:#d98550;--login-bottom:#b95832;--login-shadow:#a04a302b;}

/* COLOR_GLASS_BUTTON_V3 */
body.signed-out #login #submit,body.signed-out #login #submit:hover:not(:disabled){position:relative;isolation:isolate;overflow:hidden;max-width:350px;min-height:50px;border-radius:16px;padding:13px 19px;border:1px solid #ffffff50;background:linear-gradient(125deg,var(--login-top),var(--login-bottom));color:#fff;box-shadow:inset 0 1px 1px #ffffff70,inset 0 -1px 0 #00000016,0 7px 20px var(--login-shadow);backdrop-filter:blur(14px) saturate(135%);-webkit-backdrop-filter:blur(14px) saturate(135%);transition:box-shadow .2s,transform .2s,filter .2s}
body.signed-out #login #submit:hover:not(:disabled){filter:brightness(1.07);box-shadow:inset 0 1px 1px #ffffff80,0 9px 25px var(--login-shadow)}
body.signed-out #login #submit::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,#ffffff2e,transparent 48%,#ffffff0a);pointer-events:none;opacity:1}
body.signed-out #login #submit::after{content:'';position:absolute;inset:1px;border:1px solid #ffffff20;border-radius:14px;pointer-events:none;opacity:1;padding:0;background:none;mask:none;-webkit-mask:none}

/* Ambient workspace details — no personal identifiers or simulated live data. */
.scene-signature .scene-subtitle{font-size:10px;letter-spacing:2.6px;margin:0;line-height:1.6}.scene-signature{opacity:.72}.scene-emblem{height:22px}
.ambient-heading{position:absolute;top:38px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:16px;color:var(--muted);font:9px/1.5 ui-monospace,monospace;letter-spacing:3px;opacity:.55;white-space:nowrap}.ambient-heading span:first-child,.ambient-heading span:last-child{height:1px;width:42px;background:linear-gradient(90deg,transparent,var(--accent));opacity:.5}.ambient-heading span:last-child{transform:rotate(180deg)}
.ambient-globe{position:absolute;top:60px;left:calc(50% + 145px);width:92px;height:92px;transform:rotate(-22deg);border:1px solid color-mix(in srgb,var(--accent) 24%,transparent);border-radius:50%;background:radial-gradient(circle at 30% 25%,var(--glass-border),transparent 65%);box-shadow:inset -9px -6px 20px color-mix(in srgb,var(--accent) 8%,transparent);animation:ambient-bob 14s ease-in-out infinite}.globe-equator{position:absolute;top:27px;left:-2px;right:-2px;height:36px;border:1px solid color-mix(in srgb,var(--accent) 24%,transparent);border-radius:50%}.globe-meridian{position:absolute;top:-1px;bottom:-1px;left:23px;right:23px;border:1px solid color-mix(in srgb,var(--accent) 24%,transparent);border-radius:50%}.meridian-two{left:8px;right:8px;transform:rotate(-28deg)}.ambient-globe i,.ambient-globe b{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--accent);opacity:.5;left:3px;top:29px;box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 6%,transparent)}.ambient-globe b{left:auto;top:auto;bottom:10px;right:13px;width:3px;height:3px}
.ambient-stack{position:absolute;width:94px;height:94px;left:calc(50% - 605px);bottom:108px;transform:rotate(-15deg);animation:ambient-bob 16s ease-in-out infinite;animation-delay:-6s}.ambient-stack>span{position:absolute;inset:0;border:1px solid var(--glass-border);border-radius:23px;background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 68%,transparent),color-mix(in srgb,var(--panel) 25%,transparent));box-shadow:inset 0 1px 0 var(--glass-border),0 10px 25px var(--auth-shadow);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transform:translate(18px,-16px) rotate(10deg)}.ambient-stack>span:nth-child(2){transform:translate(8px,-7px) rotate(5deg)}.ambient-stack>span:last-child{display:grid;place-items:center;transform:none}.ambient-stack svg{width:38px;height:38px;stroke:var(--accent);stroke-width:1.5;fill:none;stroke-linecap:round;stroke-linejoin:round;opacity:.65}
.ambient-spectrum{position:absolute;right:calc(50% - 600px);bottom:110px;transform:rotate(8deg);width:148px;text-align:center}.ambient-spectrum>div{display:flex;align-items:center;justify-content:center;gap:6px;height:58px}.ambient-spectrum i{height:36px;width:22px;border:1px solid var(--glass-border);border-radius:10px;background:linear-gradient(155deg,var(--glass-border),color-mix(in srgb,var(--accent) 15%,transparent));box-shadow:inset 0 1px 0 var(--glass-border);animation:ambient-prism 9s ease-in-out infinite}.ambient-spectrum i:nth-child(2){height:46px;animation-delay:-1s}.ambient-spectrum i:nth-child(3){height:58px;animation-delay:-2s}.ambient-spectrum i:nth-child(4){height:46px;animation-delay:-3s}.ambient-spectrum i:nth-child(5){animation-delay:-4s}.ambient-spectrum>span{display:block;font:7px ui-monospace,monospace;letter-spacing:1.2px;color:var(--muted);opacity:.55;margin-top:10px}
.ambient-cursor{position:absolute;left:calc(50% - 180px);top:67px;width:32px;height:44px;transform:rotate(12deg);animation:ambient-cursor 18s ease-in-out infinite}.ambient-cursor svg{width:26px;height:26px;stroke:var(--accent);stroke-width:1;fill:color-mix(in srgb,var(--surface) 70%,transparent);opacity:.5}.ambient-cursor span{position:absolute;right:-13px;bottom:0;width:22px;height:18px;display:grid;place-items:center;border:1px solid var(--glass-border);border-radius:6px;background:var(--auth-metal);font-size:10px;color:var(--accent);opacity:.65}.ambient-constellation{position:absolute;width:220px;height:90px;right:115px;top:75px;stroke:var(--accent);stroke-width:.7;fill:none;opacity:.16}.ambient-constellation circle{fill:var(--bg);animation:scene-twinkle 7s infinite}.ambient-constellation circle:nth-child(2n){animation-delay:-3s}
.login-notes{position:absolute;top:calc(100% + 22px);left:50%;transform:translateX(-50%);display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:min(690px,100%)}.login-note{display:flex;align-items:center;gap:10px;padding:10px 13px;border:1px solid var(--glass-border);border-radius:14px;background:color-mix(in srgb,var(--panel) 60%,transparent);box-shadow:inset 0 1px 0 var(--glass-border);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.login-note>svg{width:20px;height:20px;flex:none;stroke:var(--accent);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;fill:none;opacity:.75}.login-note strong{display:block;font-size:11px;font-weight:500;color:var(--ink);letter-spacing:.2px}.login-note small{display:block;font-size:10px;color:var(--muted);margin-top:2px}.scene-bottom{bottom:18px;opacity:.35}.login-surround .surround-mac{left:calc(50% - 440px);bottom:calc(50% - 300px)}.login-surround .surround-bolt{right:calc(50% - 440px);bottom:calc(50% - 300px)}
@keyframes ambient-bob{50%{translate:0 -9px;rotate:4deg}}@keyframes ambient-prism{50%{transform:translateY(-5px) rotateY(25deg);opacity:.55}}@keyframes ambient-cursor{0%,100%{translate:0 0}35%{translate:16px -5px}65%{translate:-8px 8px}}
@media(max-width:1199px){.ambient-stack,.ambient-spectrum,.ambient-constellation{display:none}.ambient-globe{left:calc(50% + 175px);width:72px;height:72px;top:50px}.ambient-cursor{left:calc(50% - 210px);top:75px}.login-notes{width:min(620px,100%);gap:8px}.login-note{padding:10px}.login-note small{font-size:9px}}
@media(max-height:760px) and (min-width:681px){.ambient-globe{top:20px;width:70px;height:70px}.ambient-heading{top:25px}.ambient-cursor{top:36px}.login-notes{top:calc(100% + 14px)}.login-note{padding:8px 12px}.scene-bottom{display:none}}
@media(max-width:680px){.ambient-heading,.ambient-globe,.ambient-cursor,.ambient-constellation,.ambient-stack,.ambient-spectrum{display:none}.login-notes{position:relative;top:auto;left:auto;transform:none;width:100%;margin:16px auto 0;gap:8px;grid-template-columns:1fr}.login-note{padding:10px 15px;gap:11px;background:color-mix(in srgb,var(--panel) 40%,transparent)}.login-note div{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.login-note strong{font-size:11px}.login-note small{font-size:10px;margin:0}.login-note>svg{width:17px;height:17px}.scene-bottom{display:none}.login{margin-bottom:20px}.scene-signature .scene-subtitle{font-size:8px;letter-spacing:2px}}
@media(prefers-reduced-motion:reduce){.login *,.login *::before,.login *::after{animation:none!important;transition:none!important}}

/* Compact supporting modules on phones. */
@media(max-width:680px){body.signed-out .login-notes{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}body.signed-out .login-note{flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:72px;padding:10px 4px;text-align:center;border-radius:14px}body.signed-out .login-note div{display:block;min-width:0}body.signed-out .login-note strong{font-size:11px;line-height:1.4;white-space:nowrap}body.signed-out .login-note small{display:none}body.signed-out .login-note>svg{width:19px;height:19px}}

/* Unified clean matte workspace controls (no glossy glass pills or specular rims). */
:is(.site-header,.workspace-nav,.chat-header,.composer-box,.list-modes,.composer-menu,dialog,.nav-glass,.mode-glass,.composer-input > .context-usage summary,.site-header button,#workspace button,dialog button):is(::before,::after) { display: none !important; }
.site-header,.chat-header {
  background: var(--bg) !important;
  border-color: var(--line) !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
.workspace-nav {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
.workspace-nav .nav-item {
  border-radius: 10px !important;
  border: 1px solid transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}
.workspace-nav .nav-glass,
.workspace-nav.dragging .nav-glass {
  border-radius: 10px !important;
  background: var(--surface) !important;
  border: 1px solid var(--line) !important;
  box-shadow: 0 1px 2px rgba(20,20,19,.04) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
.list-modes {
  border-radius: 10px !important;
  background: color-mix(in srgb,var(--ink) 4%,transparent) !important;
  border: 1px solid var(--line) !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
.list-modes button {
  border-radius: 7px !important;
}
.mode-glass {
  border-radius: 7px !important;
  background: var(--surface) !important;
  border: 1px solid var(--line) !important;
  box-shadow: 0 1px 2px rgba(20,20,19,.04) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
.composer-box {
  background: var(--surface) !important;
  border: 1px solid var(--line) !important;
  border-radius: 20px !important;
  box-shadow: 0 2px 10px rgba(20,20,19,.04) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
.composer-input > .context-usage summary,
.jump-latest {
  background: var(--surface) !important;
  border: 1px solid var(--line) !important;
  box-shadow: 0 1px 3px rgba(20,20,19,.04) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
:is(.site-header,#workspace,dialog) button:not(:is(.chat-card,.project-card,.directory-row,.command-option,.model-option,.quiet,.composer-control,.nav-item,.list-modes button,.folder-modes button,.primary,#send,.icon-button,.composer-circle,.stop-button)) {
  border-radius: 10px;
  background: var(--surface);
  border: 1px solid var(--line);
  box-shadow: 0 1px 2px rgba(20,20,19,.03);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
:is(.site-header,#workspace,dialog) button:is(.icon-button,.composer-circle,.stop-button) {
  background: var(--surface);
  border: 1px solid var(--line);
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
@media (max-width:700px) {
  .site-header {
    background: var(--surface) !important;
    border: 1px solid var(--line) !important;
    border-radius: 14px !important;
    box-shadow: 0 2px 8px rgba(20,20,19,.05) !important;
  }
  .workspace-nav {
    background: var(--surface) !important;
    border: 1px solid var(--line) !important;
    border-radius: 14px !important;
    box-shadow: 0 4px 16px rgba(20,20,19,.08) !important;
  }
  .workspace-nav .nav-item {
    border-radius: 10px !important;
  }
  .workspace-nav .nav-glass,
  .workspace-nav.dragging .nav-glass {
    border-radius: 10px !important;
    background: var(--accent-soft) !important;
    border: 1px solid color-mix(in srgb,var(--accent) 22%,transparent) !important;
    box-shadow: none !important;
  }
}
@media (prefers-color-scheme:dark) {
  .workspace-nav .nav-glass,
  .workspace-nav.dragging .nav-glass,
  .mode-glass {
    background: var(--soft) !important;
    border-color: var(--line) !important;
    box-shadow: 0 1px 2px rgba(0,0,0,.2) !important;
  }
  @media (max-width:700px) {
    .site-header,
    .workspace-nav {
      background: #282623 !important;
      border-color: var(--line) !important;
      box-shadow: 0 6px 20px rgba(0,0,0,.32) !important;
    }
    .workspace-nav .nav-glass,
    .workspace-nav.dragging .nav-glass {
      background: var(--accent-soft) !important;
      border-color: color-mix(in srgb,var(--accent) 30%,transparent) !important;
      box-shadow: none !important;
    }
  }
}

/* ANYUE_SITE_NAV_V1 */
.anyue-site-nav{position:fixed;z-index:14;top:max(22px,env(safe-area-inset-top,0px));left:50%;transform:translateX(-50%);display:inline-flex;align-items:center;gap:4px;padding:4px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--surface) 92%,transparent);box-shadow:0 8px 24px #3d2d170d,inset 0 1px 0 var(--glass-border);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);max-width:calc(100vw - 24px);overflow-x:auto;scrollbar-width:none}
.anyue-site-nav::-webkit-scrollbar{display:none}
.anyue-nav-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:10px;font-size:12.5px;font-weight:550;color:var(--muted);text-decoration:none;white-space:nowrap;transition:background .16s,color .16s,box-shadow .16s}
.anyue-nav-pill:hover{color:var(--ink);background:color-mix(in srgb,var(--ink) 5%,transparent)}
.anyue-nav-pill[aria-current="page"]{color:var(--ink);background:var(--bg);box-shadow:0 1px 3px #00000014,inset 0 0 0 1px var(--line);font-weight:620}
.anyue-nav-pill i,.anyue-switcher-menu a i{width:7px;height:7px;border-radius:50%;flex:none;display:inline-block}
.anyue-nav-pill[data-site="codex"] i,.anyue-switcher-menu a[data-site="codex"] i{background:#c6613f}
.anyue-nav-pill[data-site="dsh"] i,.anyue-switcher-menu a[data-site="dsh"] i{background:#3568d4}
.anyue-nav-pill[data-site="green"] i,.anyue-switcher-menu a[data-site="green"] i{background:#397f70}
.anyue-nav-pill[data-site="tavern"] i,.anyue-switcher-menu a[data-site="tavern"] i{background:#7c498b}
.anyue-nav-pill[data-site="panel"] i,.anyue-switcher-menu a[data-site="panel"] i{background:#b8732a}
.anyue-nav-all{color:var(--accent);border-left:1px solid var(--line);border-radius:0 10px 10px 0;padding-left:10px;margin-left:2px}
.ambient-heading{display:none!important}
@media(max-width:680px){.anyue-site-nav{top:max(12px,env(safe-area-inset-top,0px));left:12px;right:54px;transform:none;max-width:calc(100vw - 66px);padding:3px;gap:2px}.anyue-nav-pill{padding:5px 7px;font-size:11px;gap:4px}body.signed-out .scene-signature{display:none}body.signed-out .scene-toggle{top:max(11px,env(safe-area-inset-top,0px));right:10px}}

.anyue-header-switcher{position:relative}
.anyue-header-switcher summary{list-style:none;cursor:pointer;border-radius:9px;padding:6px 10px;user-select:none}
.anyue-header-switcher summary::-webkit-details-marker{display:none}
.anyue-header-switcher[open] summary{background:var(--soft);color:var(--ink)}
.anyue-switcher-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:60;min-width:190px;padding:6px;border-radius:14px;background:var(--surface);border:1px solid var(--line);box-shadow:0 14px 36px rgba(0,0,0,.14);display:flex;flex-direction:column;gap:2px}
.anyue-switcher-menu a{display:flex;align-items:center;gap:9px;padding:8px 11px;border-radius:10px;font-size:13px;font-weight:500;color:var(--ink);text-decoration:none;white-space:nowrap}
.anyue-switcher-menu a:hover{background:var(--soft)}
.anyue-switcher-menu a[aria-current="page"]{background:var(--accent-soft);color:var(--accent);font-weight:600}
.anyue-switcher-menu .anyue-switcher-hub{margin-top:4px;padding-top:9px;border-top:1px solid var(--line);color:var(--accent);font-size:12.5px;justify-content:space-between}