/* Ángel PWA — dirección visual v0.5 (aprobada 2026-07-31)
   Azul principal #1D3A70 · amarillo dorado #F6D36C · oro puntual #D7A93B */
:root {
  --angel-blue:#1D3A70;
  --angel-blue-deep:#112D5A;
  --angel-blue-panel:#173566;
  --angel-blue-raised:#24477F;
  --angel-yellow:#F6D36C;
  --angel-yellow-soft:#FFE7A4;
  --angel-true-gold:#D7A93B;
  --angel-cream:#FFF9E9;
  --angel-white:#FFFFFF;
  --angel-pale:#EAF1FA;
  --angel-border:rgba(246,211,108,.74);
  --angel-border-soft:rgba(246,211,108,.34);
  --angel-shadow:0 22px 55px rgba(4,25,62,.28);
  --navy:var(--angel-blue);
  --navy-deep:var(--angel-blue-deep);
  --navy-raised:var(--angel-blue-panel);
  --gold:var(--angel-yellow);
  --gold-bright:var(--angel-yellow);
  --gold-pale:var(--angel-yellow-soft);
}

.sr-only { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }
body { background:var(--angel-blue); }
.screen { isolation:isolate; }

/* Shared celestial details */
.angel-wordmark {
  position:relative; display:inline-flex; align-items:flex-start;
  color:var(--angel-yellow); font-family:'Cormorant Garamond',Georgia,serif;
  font-size:clamp(54px,11vw,78px); line-height:.78; font-weight:600;
  letter-spacing:-.055em; text-shadow:0 3px 18px rgba(246,211,108,.12);
}
.angel-wordmark-star {
  position:absolute; right:-18px; top:-8px; font-family:Georgia,serif;
  color:var(--angel-true-gold); font-size:24px; line-height:1;
  filter:drop-shadow(0 0 7px rgba(246,211,108,.85));
}
.angel-profile-button {
  appearance:none; width:46px; height:46px; flex:0 0 46px; padding:0;
  display:grid; place-items:center; border:1.5px solid var(--angel-yellow);
  border-radius:50%; background:rgba(17,45,90,.55); color:var(--angel-yellow); cursor:pointer;
}
.angel-profile-button svg { width:25px; height:25px; fill:none; stroke:currentColor; stroke-width:1.55; stroke-linecap:round; stroke-linejoin:round; }
.angel-divider { display:flex; align-items:center; gap:18px; width:min(360px,80%); margin:18px auto 22px; color:var(--angel-true-gold); }
.angel-divider::before,.angel-divider::after { content:""; height:1px; flex:1; background:linear-gradient(90deg,transparent,var(--angel-true-gold)); }
.angel-divider::after { background:linear-gradient(90deg,var(--angel-true-gold),transparent); }
.angel-divider span { filter:drop-shadow(0 0 5px rgba(246,211,108,.5)); }

/* Home — atmospheric only here; wordmark has no round halo */
#home {
  position:relative; overflow:hidden; min-height:100dvh;
  background:
    radial-gradient(circle at 50% -8%, rgba(77,151,255,.40), transparent 32%),
    radial-gradient(circle at 12% 30%, rgba(255,255,255,.055) 0 1px, transparent 1.6px) 0 0/120px 120px,
    radial-gradient(circle at 82% 55%, rgba(246,211,108,.13) 0 1px, transparent 1.8px) 0 0/170px 170px,
    linear-gradient(180deg,#214884 0%,var(--angel-blue) 42%,var(--angel-blue-deep) 100%);
}
#home::before {
  content:""; position:absolute; inset:85px 0 0; z-index:-1; pointer-events:none;
  background:url('angel-celestial-wings.svg') center top/cover no-repeat; opacity:.72;
}
#home::after {
  content:""; position:absolute; inset:auto 0 0; height:32%; z-index:-1; pointer-events:none;
  background:url('angel-clouds.svg') center bottom/cover no-repeat; opacity:.66;
}
#home .angel-home-header {
  max-width:680px; padding:44px 24px 12px; align-items:flex-start; position:relative; z-index:1;
}
#home .home-body { max-width:680px; padding:4px 24px 62px; position:relative; z-index:1; }
#home .home-greeting {
  max-width:520px; margin:34px auto 30px; color:#fff; text-align:center;
  font-size:clamp(34px,7vw,48px); line-height:1.02; font-weight:500;
}
#home .home-greeting::before { display:none; }
#home .home-card {
  min-height:112px; margin-bottom:14px; padding:20px 22px; gap:18px;
  border:1px solid var(--angel-border-soft); border-radius:24px;
  background:linear-gradient(135deg,rgba(31,67,124,.96),rgba(13,43,88,.96));
  box-shadow:0 15px 34px rgba(2,19,48,.24); backdrop-filter:blur(8px);
}
#home .home-card::after { display:none; }
#home .home-card:hover { background:linear-gradient(135deg,#2A4E87,#173568); border-color:var(--angel-border); }
#home .home-card .home-icon {
  width:68px; height:68px; color:var(--angel-yellow);
  background:rgba(12,44,92,.58); border:1.4px solid var(--angel-yellow);
}
#home .home-card .hc-title { color:var(--angel-yellow); font-size:25px; line-height:1.08; }
#home .home-card .hc-sub { color:rgba(255,255,255,.92); font-size:14px; line-height:1.42; }
#home .home-card .hc-arrow { color:var(--angel-yellow); font-size:34px; }
#home .home-card.primary {
  min-height:130px; background:var(--angel-yellow); border-color:var(--angel-yellow-soft);
  box-shadow:0 20px 45px rgba(4,25,62,.32), inset 0 1px rgba(255,255,255,.52);
}
#home .home-card.primary:hover { background:#FFE08A; }
#home .home-card.primary .home-icon { color:var(--angel-yellow); background:var(--angel-blue); border-color:var(--angel-blue); }
#home .home-card.primary .hc-title { color:var(--angel-blue-deep); font-size:29px; }
#home .home-card.primary .hc-sub,#home .home-card.primary .hc-arrow { color:var(--angel-blue); }
#home .memory-card { background:linear-gradient(135deg,rgba(31,67,124,.96),rgba(13,43,88,.96)); }
#home .home-divider { display:none; }
#home .home-tools { display:block; margin:0; border:0; background:transparent; box-shadow:none; overflow:visible; }
#home .home-tool {
  width:100%; min-height:112px; padding:20px 22px; display:grid;
  grid-template-columns:68px 1fr 22px; grid-template-areas:"icon title arrow" "icon text arrow" "icon link arrow";
  column-gap:18px; align-items:center; text-align:left; border:1px solid var(--angel-border-soft);
  border-radius:24px; background:linear-gradient(135deg,rgba(31,67,124,.96),rgba(13,43,88,.96));
  box-shadow:0 15px 34px rgba(2,19,48,.24); color:#fff;
}
#home .home-tool:hover { background:linear-gradient(135deg,#2A4E87,#173568); }
#home .tool-icon { grid-area:icon; width:68px; height:68px; margin:0; color:var(--angel-yellow); background:rgba(12,44,92,.58); border:1.4px solid var(--angel-yellow); box-shadow:none; }
#home .tool-title { grid-area:title; color:var(--angel-yellow); font-size:25px; line-height:1.05; align-self:end; }
#home .tool-text { grid-area:text; color:rgba(255,255,255,.92); font-size:14px; align-self:start; }
#home .tool-link { grid-area:link; display:none; }
#home .home-tool::after { content:"›"; grid-area:arrow; color:var(--angel-yellow); font:600 34px/1 Georgia,serif; }

/* Shared headers */
#chat .chat-header,#account .chat-header,#sessions .chat-header,#installHelp .chat-header,#memoryDelete .chat-header {
  min-height:72px; padding:14px 20px; background:var(--angel-blue-deep);
  border-bottom:1px solid var(--angel-border-soft); color:var(--angel-yellow);
  box-shadow:none;
}
#chat .chat-title,#account .chat-title,#installHelp .chat-title,#memoryDelete .chat-title {
  color:var(--angel-yellow); font-size:clamp(23px,5vw,31px); font-weight:600;
}
#chat .icon-btn,#account .icon-btn,#sessions .icon-btn,#installHelp .icon-btn,#memoryDelete .icon-btn { color:var(--angel-yellow); }
#chat .end-btn { color:var(--angel-blue-deep); background:var(--angel-yellow); border-color:var(--angel-yellow-soft); font-weight:700; }

/* Chat — deliberately no clouds or wings */
#chat {
  background:
    radial-gradient(circle at 85% 18%,rgba(246,211,108,.13) 0 1px,transparent 1.8px) 0 0/160px 160px,
    radial-gradient(circle at 20% 70%,rgba(255,255,255,.07) 0 1px,transparent 1.6px) 0 0/130px 130px,
    linear-gradient(180deg,var(--angel-blue-deep),var(--angel-blue) 48%,#173565);
  color:#fff;
}
#chat .chat-scroll { max-width:760px; padding:34px 22px 22px; background:transparent; }
#chat .msg-row { gap:14px; }
#chat .msg-avatar {
  position:relative; overflow:visible; width:50px; height:50px; flex:0 0 50px;
  background:var(--angel-blue-deep); border:1.6px solid var(--angel-yellow); color:var(--angel-yellow);
}
#chat .angel-avatar-letter { font:600 35px/1 'Cormorant Garamond',Georgia,serif; transform:translateY(-1px); }
#chat .angel-avatar-star { position:absolute; right:4px; top:18px; color:var(--angel-true-gold); font-size:13px; filter:drop-shadow(0 0 4px var(--angel-yellow)); }
#chat .bubble { max-width:min(78%,540px); font-family:'Cormorant Garamond',Georgia,serif; font-size:18px; line-height:1.46; box-shadow:0 13px 30px rgba(2,18,45,.25); }
#chat .msg-row.assistant .bubble { background:var(--angel-cream); border:1px solid var(--angel-yellow); color:var(--angel-blue-deep); border-top-left-radius:20px; }
#chat .msg-row.user .bubble { background:#fff; color:var(--angel-blue-deep); border:1px solid rgba(255,255,255,.94); border-top-right-radius:20px; }
#chat .msg-row.assistant .bubble.error { background:rgba(255,249,233,.92); color:var(--angel-blue-deep); }
#chat .chat-note { color:rgba(255,255,255,.68); }
#chat .composer-wrap { background:rgba(10,36,76,.96); border-top:1px solid var(--angel-border); padding:14px 18px calc(14px + env(safe-area-inset-bottom)); }
#chat .mic-lang-wrap { max-width:760px; background:rgba(25,58,112,.92); border:1px solid var(--angel-border-soft); box-shadow:none; }
#chat .mic-lang-label { color:var(--angel-yellow); }
#chat .mic-lang-hint { color:rgba(255,255,255,.72); }
#chat .mic-lang-select { background:transparent; color:#fff; border-color:rgba(246,211,108,.38); }
#chat .mic-lang-select option { color:var(--angel-blue-deep); background:#fff; }
#chat .composer { max-width:760px; background:rgba(21,52,99,.88); border:1.4px solid var(--angel-yellow); box-shadow:none; }
#chat .composer textarea { color:#fff; }
#chat .composer textarea::placeholder { color:rgba(255,255,255,.50); }
#chat .mic-btn { background:var(--angel-blue-deep); color:var(--angel-yellow); border:1.4px solid var(--angel-yellow); }
#chat .send-btn { background:var(--angel-yellow); color:var(--angel-blue-deep); border:1px solid var(--angel-yellow-soft); }
#chat .end-hint { color:rgba(255,255,255,.60); }
#chat .end-hint strong { color:var(--angel-yellow); }

/* Sessions — approved celestial background, cards have no icons */
#sessions {
  position:relative; overflow:hidden; background:
    radial-gradient(circle at 50% -6%,rgba(72,145,250,.34),transparent 32%),
    linear-gradient(180deg,#214884 0%,var(--angel-blue) 42%,var(--angel-blue-deep) 100%);
}
#sessions::before { content:""; position:absolute; inset:70px 0 auto; height:510px; z-index:-1; background:url('angel-celestial-wings.svg') center top/cover no-repeat; opacity:.75; pointer-events:none; }
#sessions::after { content:""; position:absolute; inset:auto 0 0; height:28%; z-index:-1; background:url('angel-clouds.svg') center bottom/cover no-repeat; opacity:.34; pointer-events:none; }
#sessions .angel-overlay-header,#installHelp .angel-overlay-header { position:relative; background:transparent; border-bottom:0; z-index:2; }
.sessions-hero { max-width:680px; margin:0 auto; padding:18px 24px 16px; text-align:center; color:#fff; position:relative; z-index:1; }
.sessions-wordmark { font-size:clamp(58px,12vw,84px); }
.sessions-hero h1 { margin:40px 0 10px; font:500 clamp(38px,8vw,56px)/1.02 'Cormorant Garamond',Georgia,serif; }
.sessions-hero p { max-width:430px; margin:0 auto; color:rgba(255,255,255,.84); font-size:17px; line-height:1.45; }
#sessions .sessions-body { max-width:720px; padding-top:4px; position:relative; z-index:1; }
#sessions .sessions-list { margin-top:0; }
#sessions .session-item { position:relative; padding:24px 60px 20px 26px; margin-bottom:14px; border-radius:22px; background:linear-gradient(135deg,rgba(31,67,124,.97),rgba(13,43,88,.97)); border:1px solid var(--angel-border); box-shadow:0 13px 30px rgba(2,18,45,.24); }
#sessions .session-item .si-title { margin:0 0 7px; color:var(--angel-yellow); font:600 27px/1.06 'Cormorant Garamond',Georgia,serif; }
#sessions .session-item .si-summary { margin:0; color:rgba(255,255,255,.90); font-size:14.5px; line-height:1.48; }
#sessions .session-item .si-meta { display:flex; align-items:center; justify-content:space-between; margin-top:12px; }
#sessions .session-item .si-date { margin:0; color:var(--angel-true-gold); font-size:13px; }
#sessions .session-item .si-arrow { position:absolute; right:24px; top:50%; transform:translateY(-50%); color:var(--angel-yellow); font:600 37px/1 Georgia,serif; }
#sessions .session-item .si-activity { color:rgba(255,255,255,.72); border-top-color:rgba(246,211,108,.18); }
#sessions .empty-note { color:rgba(255,255,255,.78); text-align:center; }

/* Account — clean blue, no clouds and no wings */
#account { background:linear-gradient(180deg,var(--angel-blue-deep),var(--angel-blue)); color:#fff; }
.account-screen-body { width:min(680px,100%); margin:0 auto; padding:6px 24px 64px; }
#account .account-panel-v05 { margin:0; padding:0; background:transparent; border:0; box-shadow:none; }
.account-profile-card { display:grid; grid-template-columns:150px 1fr; gap:26px; align-items:center; padding:28px; border:1.5px solid var(--angel-yellow); border-radius:26px; background:rgba(28,62,116,.90); box-shadow:var(--angel-shadow); }
.account-avatar { width:138px; height:138px; border-radius:50%; display:grid; place-items:center; border:1.5px solid var(--angel-yellow); color:var(--angel-yellow); }
.account-avatar svg { width:74px; height:74px; fill:none; stroke:currentColor; stroke-width:1.45; stroke-linecap:round; }
.account-profile-copy h1 { margin:0 0 2px; color:var(--angel-yellow); font:600 45px/1 'Cormorant Garamond',Georgia,serif; }
.account-profile-copy p { margin:0 0 14px; color:#fff; overflow-wrap:anywhere; }
.account-profile-copy .account-status { display:inline-flex; background:var(--angel-yellow); color:var(--angel-blue-deep); font-weight:700; }
.account-profile-copy small { display:block; margin-top:11px; color:rgba(255,255,255,.64); }
.account-action-card { width:100%; margin-top:14px; padding:20px 22px; display:grid; grid-template-columns:44px 1fr 22px; gap:16px; align-items:center; text-align:left; border:1px solid var(--angel-border); border-radius:22px; background:rgba(28,62,116,.88); color:#fff; font-family:inherit; }
.account-action-card strong { display:block; color:var(--angel-yellow); font:600 27px/1.08 'Cormorant Garamond',Georgia,serif; }
.account-action-card small { display:block; margin-top:5px; color:rgba(255,255,255,.82); font-size:13.5px; }
.account-action-icon { width:44px; height:44px; border:1px solid var(--angel-yellow); border-radius:50%; display:grid; place-items:center; color:var(--angel-true-gold); }
.account-action-arrow { color:var(--angel-yellow); font:600 34px/1 Georgia,serif; }
.account-logout-card { cursor:pointer; }
#account .account-subscribe-box { background:rgba(28,62,116,.88); border-color:var(--angel-border-soft); color:#fff; }
#account .account-subscribe-title,#account .account-subscribe-kicker { color:var(--angel-yellow); }
#account .account-subscribe-text,#account .account-help { color:rgba(255,255,255,.68); }

/* Delete memory */
#memoryDelete { background:linear-gradient(180deg,var(--angel-blue-deep),var(--angel-blue)); color:#fff; }
.memory-delete-body { width:min(680px,100%); margin:0 auto; padding:8px 24px 64px; text-align:center; }
.memory-delete-card { padding:30px 28px; border:1px solid var(--angel-border); border-radius:28px; background:rgba(28,62,116,.84); box-shadow:var(--angel-shadow); }
.memory-delete-icon { width:130px; height:130px; margin:0 auto 24px; border-radius:50%; display:grid; place-items:center; color:var(--angel-yellow); border:2px solid var(--angel-yellow); box-shadow:0 0 0 18px rgba(246,211,108,.035),0 0 38px rgba(246,211,108,.17); }
.memory-delete-icon svg { width:64px; height:64px; fill:none; stroke:currentColor; stroke-width:1.45; stroke-linecap:round; stroke-linejoin:round; }
.memory-delete-card h1 { max-width:520px; margin:0 auto 16px; color:var(--angel-yellow); font:600 clamp(38px,8vw,54px)/.98 'Cormorant Garamond',Georgia,serif; }
.memory-delete-copy { max-width:500px; margin:0 auto 24px; color:rgba(255,255,255,.88); font-size:16px; line-height:1.55; }
.memory-delete-reassurance { display:flex; align-items:center; gap:16px; padding-top:20px; border-top:1px solid rgba(246,211,108,.26); text-align:left; color:rgba(255,255,255,.88); }
.memory-delete-reassurance svg { width:44px; height:44px; flex:0 0 44px; fill:none; stroke:var(--angel-yellow); stroke-width:1.55; }
.memory-delete-reassurance strong { display:block; color:#fff; }
.memory-delete-body h2 { margin:28px 0 16px; color:var(--angel-yellow); font:600 34px/1 'Cormorant Garamond',Georgia,serif; }
.memory-delete-primary,.memory-delete-secondary { width:100%; min-height:62px; border-radius:20px; font:600 26px/1 'Cormorant Garamond',Georgia,serif; cursor:pointer; }
.memory-delete-primary { border:1px solid var(--angel-yellow-soft); background:var(--angel-yellow); color:var(--angel-blue-deep); }
.memory-delete-secondary { margin-top:12px; border:1px solid var(--angel-yellow); background:transparent; color:var(--angel-yellow); }
.memory-delete-primary:disabled { opacity:.65; cursor:wait; }
.memory-delete-status { margin:18px 0 0; padding:16px 18px; border:1px solid rgba(246,211,108,.24); border-radius:18px; color:rgba(255,255,255,.72); font-size:13.5px; line-height:1.5; }

/* Install screen — this is the one approved with clouds and wings */
#installHelp { position:relative; overflow:hidden; background:linear-gradient(180deg,#2C74C0 0%,var(--angel-blue) 52%,var(--angel-blue-deep) 100%); color:#fff; }
#installHelp::before { content:""; position:absolute; inset:60px 0 auto; height:620px; z-index:-1; background:url('angel-install-clouds.svg') center top/cover no-repeat; opacity:.92; pointer-events:none; }
.install-hero { width:min(720px,100%); margin:0 auto; padding:20px 24px 24px; text-align:center; }
.install-emblem { width:120px; height:120px; margin:0 auto 18px; border-radius:50%; display:grid; place-items:center; background:var(--angel-blue-deep); color:var(--angel-yellow); border:2px solid var(--angel-yellow); box-shadow:0 0 30px rgba(246,211,108,.18); }
.install-emblem svg { width:60px; height:60px; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
.install-hero h1 { max-width:620px; margin:0 auto 10px; color:#fff; font:600 clamp(38px,8vw,56px)/.98 'Cormorant Garamond',Georgia,serif; text-shadow:0 3px 12px rgba(4,25,62,.42); }
.install-hero p { margin:0; color:#fff; font-size:16px; }
#installHelp .install-body { max-width:720px; padding-top:4px; }
#installHelp .install-alert { display:none; }
#installHelp .install-visual-grid { grid-template-columns:1fr; gap:16px; }
#installHelp .install-device-card { background:rgba(20,55,106,.94); border:1.5px solid var(--angel-yellow); box-shadow:var(--angel-shadow); }
#installHelp .install-device-title { color:var(--angel-yellow); font-size:32px; }
#installHelp .install-device-sub { color:rgba(255,255,255,.78); }
#installHelp .install-step { background:rgba(33,73,132,.70); border-color:rgba(246,211,108,.28); }
#installHelp .install-icon { background:var(--angel-yellow); color:var(--angel-blue-deep); border-color:var(--angel-yellow-soft); }
#installHelp .install-step-label { color:var(--angel-yellow); }
#installHelp .install-step-text,#installHelp .install-step-text strong { color:#fff; }
#installHelp .install-mini-note { color:rgba(255,255,255,.67); }
#installHelp > .home-body > .btn { background:var(--angel-yellow); color:var(--angel-blue-deep); border-color:var(--angel-yellow); }

/* Auth / onboarding inherit the new landing palette without changing product logic */
.center-screen { background:linear-gradient(180deg,var(--angel-blue),var(--angel-blue-deep)); }
.center-screen .card { border-color:rgba(246,211,108,.55); }
.btn { background:var(--angel-blue); }
.btn.gold { background:var(--angel-yellow); color:var(--angel-blue-deep); }
.field:focus { border-color:var(--angel-yellow); box-shadow:0 0 0 3px rgba(246,211,108,.22); }
.text-link { color:#B88A21; }

@media (max-width:600px) {
  #home .angel-home-header { padding:30px 20px 6px; }
  #home .home-body { padding:4px 16px 46px; }
  #home .angel-wordmark { font-size:58px; }
  #home .angel-profile-button { width:42px; height:42px; flex-basis:42px; }
  #home .home-greeting { margin:26px auto 24px; font-size:36px; }
  #home .home-card,#home .home-tool { border-radius:20px; padding:17px 16px; gap:14px; }
  #home .home-card.primary { min-height:112px; }
  #home .home-card .home-icon,#home .tool-icon { width:58px; height:58px; }
  #home .home-card .home-icon svg,#home .tool-icon svg { width:30px; height:30px; }
  #home .home-card .hc-title,#home .tool-title { font-size:22px; }
  #home .home-card.primary .hc-title { font-size:25px; }
  #home .home-card .hc-sub,#home .tool-text { font-size:12.5px; }
  #home .home-tool { grid-template-columns:58px 1fr 18px; }
  #chat .chat-header,#account .chat-header,#sessions .chat-header,#installHelp .chat-header,#memoryDelete .chat-header { min-height:62px; padding:10px 12px; }
  #chat .chat-title,#account .chat-title,#installHelp .chat-title,#memoryDelete .chat-title { font-size:22px; }
  #chat .end-btn { padding:8px 13px; }
  #chat .chat-scroll { padding:25px 13px 16px; }
  #chat .msg-avatar { width:42px; height:42px; flex-basis:42px; }
  #chat .angel-avatar-letter { font-size:30px; }
  #chat .bubble { max-width:80%; padding:13px 15px; font-size:16.5px; }
  #chat .composer-wrap { padding-left:10px; padding-right:10px; }
  .sessions-hero { padding:8px 18px 8px; }
  .sessions-hero h1 { margin-top:28px; font-size:42px; }
  #sessions .sessions-body { padding:8px 14px 48px; }
  #sessions .session-item { padding:20px 48px 18px 18px; border-radius:19px; }
  #sessions .session-item .si-title { font-size:24px; }
  #sessions .session-item .si-summary { font-size:13.5px; }
  .account-screen-body,.memory-delete-body { padding-left:15px; padding-right:15px; }
  .account-profile-card { grid-template-columns:92px 1fr; gap:16px; padding:20px 17px; }
  .account-avatar { width:88px; height:88px; }
  .account-avatar svg { width:50px; height:50px; }
  .account-profile-copy h1 { font-size:36px; }
  .account-profile-copy p { font-size:13px; }
  .account-action-card { padding:17px 16px; grid-template-columns:38px 1fr 18px; gap:12px; }
  .account-action-card strong { font-size:23px; }
  .account-action-card small { font-size:12.5px; }
  .memory-delete-card { padding:25px 18px; }
  .memory-delete-icon { width:104px; height:104px; }
  .memory-delete-icon svg { width:54px; height:54px; }
  .memory-delete-card h1 { font-size:41px; }
  .install-hero { padding:8px 18px 22px; }
  .install-emblem { width:100px; height:100px; }
  .install-hero h1 { font-size:40px; }
  #installHelp .install-body { padding-left:14px; padding-right:14px; }
}

@media (prefers-reduced-motion:reduce) {
  * { scroll-behavior:auto!important; animation:none!important; transition:none!important; }
}

/* ═══════════════════════════════════════════════════════════════════════
   v0.6 — auth, logo and navigation refinements (approved 2026-08-02)
   ═══════════════════════════════════════════════════════════════════════ */

/* The official logo is always centered wherever it appears. */
#auth .brand-logo,
#onboarding .brand-logo {
  display:block;
  width:min(360px,82vw);
  max-width:100%;
  height:auto;
  max-height:none;
  margin:0 auto 12px;
  padding:0;
  object-fit:contain;
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
}

#auth .claim {
  margin:0 0 34px;
  color:#6B7489;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:12px;
  font-weight:600;
  line-height:1.2;
  letter-spacing:.22em;
  text-transform:uppercase;
}

#auth .footnote {
  margin-top:26px;
  text-align:center;
}

#auth .author-studio-verified {
  color:var(--angel-blue);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:11px;
  font-weight:700;
  letter-spacing:.16em;
  text-decoration:none;
  text-transform:uppercase;
}

#auth .author-studio-verified:hover,
#auth .author-studio-verified:focus-visible {
  text-decoration:underline;
  text-underline-offset:4px;
}

/* Filled and browser-autofilled fields stay pale blue instead of yellow. */
#auth .field:not(:placeholder-shown),
#auth .field:autofill {
  background:var(--angel-pale);
  color:var(--angel-blue-deep);
}

#auth .field:-webkit-autofill,
#auth .field:-webkit-autofill:hover,
#auth .field:-webkit-autofill:focus,
#auth .field:-webkit-autofill:active {
  -webkit-text-fill-color:var(--angel-blue-deep) !important;
  caret-color:var(--angel-blue-deep);
  -webkit-box-shadow:0 0 0 1000px var(--angel-pale) inset !important;
  box-shadow:0 0 0 1000px var(--angel-pale) inset !important;
  border-color:rgba(29,58,112,.28) !important;
  transition:background-color 9999s ease-out 0s;
}

/* Home: centered official logo, no redundant question, account only in header. */
#home .angel-home-header {
  display:grid;
  grid-template-columns:46px minmax(0,1fr) 46px;
  align-items:center;
  gap:10px;
  max-width:680px;
  padding:28px 24px 14px;
}

#home .angel-header-spacer {
  width:46px;
  height:46px;
}

#home .angel-home-logo {
  display:block;
  justify-self:center;
  width:min(390px,68vw);
  max-width:100%;
  height:auto;
  max-height:122px;
  object-fit:contain;
}

#home .home-body {
  padding-top:18px;
}

#home .home-card.primary,
#home .home-card.primary:hover {
  background:#F6D36C;
}

/* Exact supplied chat avatar asset. */
#chat .msg-avatar {
  width:46px;
  height:46px;
  flex:0 0 46px;
  padding:0;
  overflow:visible;
  background:transparent;
  border:0;
  box-shadow:none;
}

#chat .angel-chat-avatar {
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  border-radius:50%;
}

@media (max-width:600px) {
  #auth .brand-logo,
  #onboarding .brand-logo {
    width:min(310px,80vw);
    margin-bottom:10px;
  }

  #auth .claim {
    margin-bottom:28px;
    font-size:11px;
    letter-spacing:.19em;
  }

  #home .angel-home-header {
    grid-template-columns:42px minmax(0,1fr) 42px;
    padding:22px 18px 10px;
  }

  #home .angel-header-spacer {
    width:42px;
    height:42px;
  }

  #home .angel-home-logo {
    width:min(300px,70vw);
    max-height:96px;
  }

  #home .home-body {
    padding-top:14px;
  }

  #chat .msg-avatar {
    width:40px;
    height:40px;
    flex-basis:40px;
  }
}