@import url("./login-motion.css?v=20260915-2");
/* Portal palette and a persistent, keyboard-accessible appearance control. */
:root, html[data-theme="light"] {
  --chrono-bg:#f5f1e6; --chrono-card:#fffdf7; --chrono-text:#2d2820;
  --chrono-muted:#6f6a5e; --chrono-border:#d9ceb6; --chrono-gold:#a8851f;
  --chrono-soft:#eee7d7;
}
html[data-theme="dark"] {
  --chrono-bg:#070b14; --chrono-card:#121626; --chrono-text:#e8e4d8;
  --chrono-muted:#b4afa3; --chrono-border:#45402f; --chrono-gold:#d4af37;
  --chrono-soft:#202334;
}
html { background:var(--chrono-bg); color:var(--chrono-text); }
body { background-color:var(--chrono-bg); color:var(--chrono-text); }
.chrono-theme-control {
  position:fixed; right:max(16px,env(safe-area-inset-right)); bottom:max(16px,env(safe-area-inset-bottom));
  z-index:10000; display:flex; align-items:center; gap:6px; padding:5px 10px;
  border:1px solid var(--chrono-border); border-radius:10px; background:var(--chrono-card);
  color:var(--chrono-text); font:13px/1.5 system-ui,sans-serif; box-shadow:0 3px 16px #0002;
}
.chrono-theme-control select { min-height:34px; max-width:145px; background:var(--chrono-card); color:var(--chrono-text); border:0; font:inherit; cursor:pointer; }
.chrono-theme-control select:focus-visible { outline:2px solid var(--chrono-gold); outline-offset:2px; }
html[data-theme] .sx-brand { display:grid; grid-template-columns:auto minmax(0,1fr); align-items:center; gap:4px 12px; min-width:0; }
html[data-theme] .sx-brand h3 { white-space:nowrap; margin:0; text-align:left; font-size:clamp(20px,5vw,26px); letter-spacing:.08em; }
html[data-theme] .sx-brand p, html[data-theme] .sx-brand .sx-subtitle { grid-column:1/-1; white-space:normal; overflow-wrap:anywhere; text-align:center; line-height:1.5; }

@media(max-width:767px) { body:has(.mobile-nav) .chrono-theme-control { bottom:calc(80px + env(safe-area-inset-bottom)); } }