/* Build 006D.1 — Living Greeting Visual Polish
   Calm themed scrollbar and explicit Day/Night contrast. */

.living-greeting-shell{
  color:var(--text);
  background:
    linear-gradient(
      145deg,
      color-mix(in srgb,var(--surface) 96%,var(--accent) 4%),
      color-mix(in srgb,var(--surface) 92%,var(--bg) 8%)
    );
  border-color:color-mix(in srgb,var(--accent) 24%,var(--border));
  scrollbar-width:thin;
  scrollbar-color:
    color-mix(in srgb,var(--accent) 55%,var(--muted))
    color-mix(in srgb,var(--surface) 86%,var(--bg) 14%);
  scrollbar-gutter:stable;
}

.living-greeting-shell::-webkit-scrollbar{
  width:11px;
}

.living-greeting-shell::-webkit-scrollbar-track{
  margin-block:12px;
  border-radius:999px;
  background:color-mix(in srgb,var(--surface) 86%,var(--bg) 14%);
}

.living-greeting-shell::-webkit-scrollbar-thumb{
  min-height:52px;
  border:3px solid transparent;
  border-radius:999px;
  background:
    linear-gradient(
      color-mix(in srgb,var(--accent) 58%,var(--muted)),
      color-mix(in srgb,var(--accent) 58%,var(--muted))
    ) padding-box;
}

.living-greeting-shell::-webkit-scrollbar-thumb:hover{
  background:
    linear-gradient(
      color-mix(in srgb,var(--accent) 76%,var(--text)),
      color-mix(in srgb,var(--accent) 76%,var(--text))
    ) padding-box;
}

.living-greeting-shell::-webkit-scrollbar-corner{
  background:transparent;
}

/* Explicit surfaces avoid transparent fallback from legacy variables. */
.living-greeting-symbol,
.living-greeting-calm,
.living-greeting-item{
  color:var(--text);
}

.living-greeting-symbol{
  background:color-mix(in srgb,var(--accent) 11%,var(--surface));
}

.living-greeting-calm{
  border-color:color-mix(in srgb,var(--accent) 26%,var(--border));
  background:color-mix(in srgb,var(--accent) 7%,var(--surface));
}

.living-greeting-item{
  border-color:var(--border);
  background:color-mix(in srgb,var(--surface) 96%,var(--bg) 4%);
}

.living-greeting-item.attention{
  border-color:color-mix(in srgb,#b18422 48%,var(--border));
  background:color-mix(in srgb,#e5c96d 9%,var(--surface));
}

.living-greeting-header h1,
.living-greeting-calm strong,
.living-greeting-item strong{
  color:var(--text);
}

.living-greeting-header p,
.living-greeting-calm small,
.living-greeting-item p,
.living-greeting-item small,
.living-greeting-footer p{
  color:var(--muted);
}

/* Nordic Day: stronger ink contrast and a quieter bright surface. */
html:not([data-theme="night"]) .living-greeting-backdrop{
  background:
    radial-gradient(circle at 50% 16%,rgba(33,95,67,.10),transparent 43%),
    rgba(220,227,224,.76);
  backdrop-filter:blur(12px) saturate(.86);
}

html:not([data-theme="night"]) .living-greeting-shell{
  --greeting-ink:#132329;
  --greeting-muted:#52666d;
  color:var(--greeting-ink);
  background:
    linear-gradient(145deg,rgba(249,251,250,.98),rgba(235,241,238,.97));
  border-color:rgba(33,95,67,.20);
  box-shadow:0 34px 90px rgba(29,53,61,.20);
  scrollbar-color:#4f856c #dce5e1;
}

html:not([data-theme="night"]) .living-greeting-header h1,
html:not([data-theme="night"]) .living-greeting-calm strong,
html:not([data-theme="night"]) .living-greeting-item strong{
  color:var(--greeting-ink);
}

html:not([data-theme="night"]) .living-greeting-header p,
html:not([data-theme="night"]) .living-greeting-calm small,
html:not([data-theme="night"]) .living-greeting-item p,
html:not([data-theme="night"]) .living-greeting-item small,
html:not([data-theme="night"]) .living-greeting-footer p{
  color:var(--greeting-muted);
}

html:not([data-theme="night"]) .living-greeting-symbol{
  background:rgba(33,95,67,.09);
}

html:not([data-theme="night"]) .living-greeting-calm{
  background:rgba(33,95,67,.065);
  border-color:rgba(33,95,67,.18);
}

html:not([data-theme="night"]) .living-greeting-item{
  background:rgba(255,255,255,.76);
  border-color:rgba(20,33,40,.12);
}

html:not([data-theme="night"]) .living-greeting-item.attention{
  background:rgba(229,201,109,.15);
  border-color:rgba(177,132,34,.32);
}

html:not([data-theme="night"]) .living-greeting-shell::-webkit-scrollbar-track{
  background:#dce5e1;
}

html:not([data-theme="night"]) .living-greeting-shell::-webkit-scrollbar-thumb{
  background:linear-gradient(#4f856c,#4f856c) padding-box;
}

/* Nordic Night: integrated dark scrollbar without a white track. */
html[data-theme="night"] .living-greeting-shell{
  background:
    linear-gradient(145deg,rgba(14,27,31,.98),rgba(9,21,25,.98));
  border-color:rgba(101,187,136,.18);
  scrollbar-color:#4d8066 #132328;
}

html[data-theme="night"] .living-greeting-shell::-webkit-scrollbar-track{
  background:#132328;
}

html[data-theme="night"] .living-greeting-shell::-webkit-scrollbar-thumb{
  background:linear-gradient(#4d8066,#4d8066) padding-box;
}

@media(max-width:640px){
  .living-greeting-shell::-webkit-scrollbar{
    width:8px;
  }
}