.agate-scrim{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:color-mix(in oklab,var(--color-ink) 72%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.agate-card{position:relative;width:100%;max-width:24rem;padding:var(--space-5) var(--space-4) var(--space-4);border-radius:var(--radius-lg);background:var(--color-ink);border:1px solid color-mix(in oklab,var(--ac) 32%,transparent);box-shadow:var(--shadow-lg);overflow:hidden}.agate-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:var(--ac)}.agate-eyebrow{margin:0;font-size:var(--text-xs);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ac)}.agate-title{font-size:var(--text-2xl);font-weight:800;line-height:1.15;text-wrap:balance;color:var(--text-strong)}.agate-body,.agate-title{margin:var(--space-2) 0 0;overflow-wrap:anywhere}.agate-body{font-size:var(--text-sm);line-height:1.5;color:var(--text-muted)}.agate-actions{margin-top:var(--space-4);display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.agate-primary{flex:1 1 auto;min-height:2.75rem;display:inline-flex;align-items:center;justify-content:center;padding:0 var(--space-4);border:0;border-radius:var(--radius-pill);background:var(--ac);color:var(--color-ink);font-size:var(--text-sm);font-weight:800;text-decoration:none;cursor:pointer;transition:transform var(--duration-fast) var(--ease-out-expo),filter var(--duration-fast) var(--ease-out-expo)}.agate-primary:focus-visible,.agate-primary:hover{transform:translateY(-1px);filter:brightness(1.08)}.agate-primary:active{transform:translateY(1px)}.agate-dismiss{flex:0 0 auto;min-height:2.75rem;padding:0 var(--space-3);border:1px solid color-mix(in oklab,var(--color-cream) 20%,transparent);border-radius:var(--radius-pill);background:none;color:var(--text-muted);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out-expo)}.agate-dismiss:focus-visible,.agate-dismiss:hover{border-color:color-mix(in oklab,var(--color-cream) 42%,transparent);color:var(--text-strong)}.agate-more{display:inline-block;margin-top:var(--space-3);font-size:var(--text-xs);font-weight:600;color:var(--text-faint);text-decoration:none}.agate-more:focus-visible,.agate-more:hover{color:var(--text-muted)}@media (max-width:22.5rem){.agate-card{padding:var(--space-4) var(--space-3) var(--space-3)}.agate-title{font-size:var(--text-xl)}.agate-actions{flex-direction:column;align-items:stretch}.agate-dismiss{width:100%}}@media (prefers-reduced-motion:reduce){.agate-dismiss,.agate-primary,.agate-primary:active,.agate-primary:focus-visible,.agate-primary:hover{transition:none;transform:none}}.bottom-tabs{display:none;position:fixed;bottom:0;left:0;right:0;z-index:60;justify-content:space-around;align-items:stretch;background:var(--surface-1-solid,#141715);border-top:1px solid var(--border-subtle);padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -8px 24px -18px #000}:root[data-app]{scroll-padding-bottom:calc(3.4rem + env(safe-area-inset-bottom, 0px))}:root[data-app] body{padding-bottom:calc(3.4rem + env(safe-area-inset-bottom, 0px))}@media (max-width:48rem){:root{scroll-padding-bottom:calc(3.4rem + env(safe-area-inset-bottom, 0px))}body{padding-bottom:calc(3.4rem + env(safe-area-inset-bottom, 0px))}}:root[data-app] .bottom-tabs{display:flex}@media (max-width:48rem){.bottom-tabs{display:flex}}.bottom-tab{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;min-height:3.4rem;padding:.4rem .25rem;text-decoration:none;color:var(--text-muted)}.bottom-tab:active{background:var(--surface-2)}.bottom-tab:focus-visible{outline:2px solid var(--color-brand-green);outline-offset:-3px;border-radius:var(--radius-sm)}.bottom-tab-icon{display:inline-flex}.bottom-tab-label{font-size:.68rem;font-weight:600;letter-spacing:.01em}.bottom-tab--active{color:var(--tier-standard-text)}.bottom-tab--active .bottom-tab-icon{position:relative}.bottom-tab--active .bottom-tab-icon:after{content:"";position:absolute;left:50%;transform:translateX(-50%);top:-.45rem;width:1.25rem;height:2px;border-radius:var(--radius-pill);background:currentColor}