html, body { min-width: 0; min-height: 100%; margin: 0; background: var(--color-paper-2); color: var(--color-ink); font-family: var(--font-body, Geist, "PingFang SC", sans-serif); }
.secondary-agent-app #section-agent-mode { margin: 0; }
.secondary-agent-app {
  --ac3-paper: var(--color-paper);
  --ac3-ink-2: var(--color-ink-2);
  --ac3-line-strong: var(--color-rule-2);
  --ac3-blue: var(--color-accent);
  --ac3-blue-hover: var(--color-accent-hover);
}
.secondary-login[hidden], .secondary-agent-app #section-agent-mode[hidden], .secondary-boot[hidden], #secondaryBootRetry[hidden] { display: none !important; }
.secondary-boot { display: grid; min-height: 100dvh; place-items: center; padding: var(--space-lg); text-align: center; color: var(--color-ink); background: var(--color-paper-2); }
.secondary-boot strong { font-size: 24px; }
.secondary-boot p { line-height: 1.6; }
.secondary-login { display: grid; min-height: 100dvh; place-items: center; padding: var(--space-md); background: radial-gradient(circle at 16% 12%, var(--color-accent-soft), transparent 32%), var(--color-paper-2); }
.secondary-login-shell { display: grid; width: min(900px,100%); overflow: hidden; grid-template-columns: minmax(280px,.82fr) minmax(320px,1fr); border: var(--rule-thin) solid var(--color-rule); border-radius: var(--radius-lg); background: var(--color-paper); box-shadow: 0 var(--space-lg) 5rem var(--color-shadow); }
.secondary-login-brand { display: flex; min-height: 520px; align-items: flex-end; gap: var(--space-sm); padding: var(--space-xl); background: linear-gradient(155deg,var(--color-sidebar),color-mix(in oklch,var(--color-sidebar) 82%,var(--color-accent))); color: var(--color-sidebar-ink); }
.secondary-login-brand strong, .secondary-login-brand small { display: block; }
.secondary-login-brand strong { color: var(--color-sidebar-text); font-size: 26px; }
.secondary-login-brand small { margin-top: var(--space-2xs); color: var(--color-sidebar-muted); }
.secondary-mark { display: grid; width: 56px; height: 56px; flex: 0 0 56px; place-items: center; border-radius: 16px; background: var(--color-accent); color: var(--color-accent-ink); font-size: 22px; font-weight: 850; box-shadow: 0 var(--space-xs) var(--space-xl) color-mix(in oklch,var(--color-accent) 30%,transparent); }
.secondary-mark.small { width: 46px; height: 46px; flex-basis: 46px; border-radius: 50%; font-size: 16px; }
.secondary-login form { display: grid; align-content: center; gap: var(--space-md); padding: var(--space-xl); }
.secondary-login h1 { margin: 0; font-size: 30px; letter-spacing: -.04em; }
.secondary-login header p, #secondaryLoginNotice { margin: var(--space-xs) 0 0; color: var(--color-muted); }
.secondary-login label { display: grid; gap: var(--space-xs); color: var(--color-ink-2); font-weight: 700; }
.secondary-login input { min-height: 50px; padding: 0 var(--space-sm); border: var(--rule-thin) solid var(--color-rule-2); border-radius: var(--radius-sm); font: inherit; }
#secondaryLoginNotice.error { color: var(--color-error); }
.secondary-summary { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: var(--space-sm); margin-bottom: var(--space-md); }
.secondary-summary article { min-width: 0; padding: var(--space-md); border: var(--rule-thin) solid var(--color-rule); border-radius: var(--radius-md); background: var(--color-paper); box-shadow: var(--ac3-shadow); }
.secondary-summary span, .secondary-summary small { display: block; color: var(--color-muted); }
.secondary-summary strong { display: block; margin: var(--space-xs) 0; overflow-wrap: anywhere; font-size: 24px; font-variant-numeric: tabular-nums; }
.secondary-card-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: var(--space-sm); padding: var(--space-lg); }
.secondary-business-card { min-width: 0; padding: var(--space-md); border: var(--rule-thin) solid var(--color-rule); border-radius: var(--radius-md); background: var(--color-paper-2); }
.secondary-business-card > header { display: flex; align-items: center; justify-content: space-between; gap: var(--space-xs); }
.secondary-business-card > header strong { overflow-wrap: anywhere; color: color-mix(in oklch,var(--color-ink-2) 72%,var(--color-accent)); }
.secondary-business-card dl { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: var(--space-sm); margin: var(--space-md) 0; padding: var(--space-sm) 0; border-block: var(--rule-thin) solid var(--color-rule); }
.secondary-business-card dt { color: var(--color-muted); font-size: 11px; }
.secondary-business-card dd { margin: var(--space-2xs) 0 0; overflow-wrap: anywhere; font-weight: 700; }
.secondary-business-card footer { display: flex; justify-content: flex-end; gap: var(--space-xs); }
.secondary-card-detail { display: grid; gap: var(--space-md); }
.secondary-card-detail dl { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: var(--space-sm); margin: 0; }
.secondary-card-detail dl > div { padding: var(--space-sm); border-radius: var(--radius-sm); background: var(--color-paper-2); }
.secondary-card-detail dt { color: var(--color-muted); font-size: 11px; }
.secondary-card-detail dd { margin: var(--space-2xs) 0 0; overflow-wrap: anywhere; font-weight: 700; }
.secondary-order-history { display: grid; gap: var(--space-xs); }
.secondary-order-history article { padding: var(--space-sm); border: var(--rule-thin) solid var(--color-rule); border-radius: var(--radius-sm); }
.secondary-order-history header { display: flex; align-items: center; justify-content: space-between; gap: var(--space-xs); }
.secondary-account-price { display: grid; gap: var(--space-xs); margin-top: var(--space-md); padding: var(--space-md); border-radius: var(--radius-md); background: var(--color-accent-soft); }
.secondary-account-price strong { font-size: 24px; }
.secondary-agent-app .ac3-bottom-nav { grid-template-columns: repeat(2,1fr); }
@media (max-width: 1000px) { .secondary-card-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 900px) { .secondary-header { grid-template-columns: minmax(0,1fr) auto; } .secondary-summary { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 680px) { .secondary-login-shell { grid-template-columns: 1fr; } .secondary-login-brand { min-height: 150px; align-items: center; padding: var(--space-lg); } .secondary-login form { padding: var(--space-lg); } .secondary-card-grid { grid-template-columns: 1fr; padding: var(--space-md); } }
@media (max-width: 430px) { .secondary-login { padding: var(--space-xs); } .secondary-summary { gap: var(--space-xs); } .secondary-summary article { padding: var(--space-sm); } .secondary-card-detail dl { grid-template-columns: 1fr; } }