/* The final page returns to the quiet paper of the entrance. */
.final.live-final[data-live-theme="public"] {
  --brand-color: #33392e;
  --live-chrome-ink: #33392e;
  --live-chrome-accent: #4e6045;
  --live-chrome-soft: rgba(61, 64, 49, .13);
  --live-chrome-color: #33392e;
  --live-chrome-muted: #6b6c60;
  --live-chrome-border: rgba(61, 64, 49, .2);
  --live-chrome-button-bg: rgba(255, 253, 246, .5);
  --live-chrome-button-border: rgba(61, 64, 49, .2);
  --live-chrome-button-color: #33392e;
  --live-chrome-button-shadow: none;
  --live-chrome-progress-empty: rgba(78, 96, 69, .12);
  --live-chrome-progress-past: rgba(78, 96, 69, .42);
  --live-chrome-progress-today: #33392e;
  --live-chrome-progress-glow: transparent;
  --live-chrome-text-shadow: none;
  --live-chrome-timer-bg: transparent;
  --live-chrome-timer-border: transparent;
  --live-chrome-timer-shadow: none;
}
/* The shared header defines its own brand variable, so set it on that
   element too rather than relying on the value inherited from main. */
.final.live-final[data-live-theme="public"] > header.ritual-header.pluritual-header {
  --brand-color: #33392e;
  color: var(--brand-color);
}
/* The closing composition has one brand, two figures and a quiet farewell. */
.final.live-final[data-live-theme="public"] > header.pluritual-header .imprint-brand { visibility:hidden; }
.final.live-final[data-live-theme="public"] .admin-reset-button { left:42px; right:auto; }
.final.live-final.live-refined #live-public-close {
  height:100dvh; min-height:560px; padding-top:86px; padding-bottom:76px;
  color:#33392e; background:radial-gradient(ellipse at 48% 32%,#fcfaf4 0%,#f3efe5 75%);
}
.final.live-final.live-refined #live-public-close .live-close-layout {
  display:flex; flex-direction:column; align-items:center; justify-content:space-between;
  width:min(760px,100%); height:100%; min-height:0; max-height:none; gap:clamp(28px,5vh,64px);
  margin:0 auto; text-align:center; overflow:visible;
}
#live-public-close .live-close-main {
  display:flex; flex-direction:column; align-items:center; flex:0 0 auto;
  width:100%; gap:clamp(24px,3.5vh,42px); margin-block:auto;
}
#live-public-close .live-close-identity { display:flex; flex-direction:column; align-items:center; width:100%; gap:0; }
#live-public-close .live-close-wordmark { margin:0; padding:0; line-height:1; }
#live-public-close .live-close-home { display:block; margin:0; padding:0; border:0; border-radius:6px; background:transparent; cursor:pointer; }
#live-public-close .live-close-home img { display:block; width:clamp(190px,23vw,270px); height:auto; }
#live-public-close .live-close-home:hover { opacity:.8; }
#live-public-close .live-close-subtitle { width:auto; margin:-4px 0 22px; color:#555247; font:400 20px/1.3 var(--pluritual-wip-serif, Georgia,serif); letter-spacing:0; text-transform:none; }
#live-public-close .live-close-clock { display:flex; align-items:baseline; justify-content:center; gap:9px; color:#4e6045; }
#live-public-close .live-close-clock span,#live-public-close .live-close-clock small { font:11px/1.2 Arial,sans-serif; }
#live-public-close .live-close-clock strong { color:#33392e; font:400 clamp(26px,3vw,38px)/1.2 Arial,sans-serif; font-variant-numeric:tabular-nums lining-nums; letter-spacing:.025em; }
#live-public-close .live-close-day-summary { width:100%; min-height:0; margin:0; }
#live-public-close .live-close-metrics { display:flex; justify-content:center; gap:clamp(30px,8vw,90px); margin:0; }
#live-public-close .live-close-metrics > div { display:flex; flex-direction:column; align-items:center; min-width:115px; gap:6px; }
#live-public-close .live-close-metrics dd { margin:0; color:#33392e; font:400 clamp(30px,3.6vw,42px)/1 var(--pluritual-wip-serif, Georgia,serif); font-variant-numeric:tabular-nums; }
#live-public-close .live-close-metrics dt { color:#5f6557; font:12px/1.35 Arial,sans-serif; }
#live-public-close .live-close-streak-value { display:flex; align-items:center; justify-content:center; gap:7px; }
#live-public-close .live-close-streak-flame { font-size:.57em; line-height:1; }
#live-public-close .live-close-panel { display:flex; flex-direction:column; align-items:center; width:min(100%,600px); gap:12px; }
.live-final.live-refined #live-public-close .live-close-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; width:100%; margin:0; }
.live-final.live-refined #live-public-close .live-close-cta {
  display:inline-flex; align-items:center; justify-content:space-between; gap:14px;
  width:100%; min-height:60px; margin:0; padding:15px 20px;
  border:1px solid #4e6045; border-radius:8px; background:#4e6045; color:#fffdf5;
  font:600 14px/1.2 Arial,sans-serif; letter-spacing:0; text-transform:none;
  box-shadow:0 5px 18px #34452e20; cursor:pointer;
}
.live-final.live-refined #live-public-close .live-close-cta.money { border-color:#879579; background:#f8f7ee; color:#405138; }
.live-final.live-refined #live-public-close .live-close-cta:is(:hover,:focus-visible) { background:#3d5035; color:#fffdf5; }
#live-public-close .live-close-coffee-label { display:inline-flex; align-items:center; gap:9px; }
#live-public-close .live-close-coffee-icon { flex:0 0 22px; width:22px; height:22px; }
.live-final.live-refined #live-public-close .live-close-imprint-summary {
  display:flex; align-items:center; justify-content:space-between; gap:18px;
  width:100%; min-height:82px; margin:0; padding:16px 20px;
  border:1px solid #b8c2ac; border-radius:10px; box-shadow:none;
  color:#405138; background:#f3f5eaf2; text-align:left; cursor:pointer;
  letter-spacing:0; text-transform:none;
}
#live-public-close .live-close-imprint-copy { display:flex; flex-direction:column; gap:5px; min-width:0; }
#live-public-close .live-close-imprint-copy strong { color:#33392e; font:400 23px/1.15 var(--pluritual-wip-serif, Georgia,serif); }
#live-public-close .live-close-imprint-copy > span { color:#505c47; font:12px/1.4 Arial,sans-serif; }
#live-public-close .live-close-imprint-arrow { flex:0 0 auto; font:20px/1 Arial,sans-serif; }
#live-public-close .live-close-imprint-summary:hover { background:#e8eddc; border-color:#879579; }
#live-public-close :is(.live-close-home,.live-close-imprint-summary,.live-close-cta):focus-visible { outline:2px solid #4e6045; outline-offset:4px; }
.live-final.live-refined #live-public-close .live-close-return {
  flex:0 0 auto; width:min(540px,100%); margin:0; color:#555c4d;
  font:400 16px/1.5 var(--pluritual-wip-serif, Georgia,serif); letter-spacing:0; text-transform:none;
}
#live-public-close .live-close-status { width:100%; margin:0; color:#6a705f; font:11px/1.4 Arial,sans-serif; letter-spacing:0; text-transform:none; }
#live-public-close .live-close-status.error { color:#934c3b; }
#live-public-close .live-close-status:empty { display:none; }

@media (max-width:760px) and (orientation:portrait) {
  .final.live-final.live-refined { --live-top:96px; }
  .final.live-final.live-refined #live-public-close { min-height:568px; padding:100px 17px 70px; }
  .final.live-final.live-refined #live-public-close .live-close-layout { gap:clamp(24px,5vh,42px); max-width:470px; }
  #live-public-close .live-close-main { gap:clamp(20px,3.4vh,30px); }
  #live-public-close .live-close-home img { width:clamp(180px,52vw,225px); }
  #live-public-close .live-close-subtitle { margin:-3px 0 18px; font-size:17px; }
  #live-public-close .live-close-clock { gap:7px; }
  #live-public-close .live-close-clock strong { font-size:27px; }
  #live-public-close .live-close-clock span,#live-public-close .live-close-clock small { font-size:9px; }
  #live-public-close .live-close-metrics { gap:30px; }
  #live-public-close .live-close-metrics > div { min-width:100px; gap:4px; }
  #live-public-close .live-close-metrics dd { font-size:32px; }
  #live-public-close .live-close-metrics dt { font-size:11px; }
  #live-public-close .live-close-panel { gap:10px; }
  .live-final.live-refined #live-public-close .live-close-actions { gap:8px; }
  .live-final.live-refined #live-public-close .live-close-cta { min-height:50px; padding:11px 12px; font-size:11px; text-align:left; }
  #live-public-close .live-close-coffee-label { gap:6px; }
  #live-public-close .live-close-coffee-icon { flex-basis:18px; width:18px; height:18px; }
  .live-final.live-refined #live-public-close .live-close-imprint-summary { min-height:76px; padding:12px 14px; gap:12px; }
  #live-public-close .live-close-imprint-copy strong { font-size:21px; }
  #live-public-close .live-close-imprint-copy > span { font-size:11px; line-height:1.3; }
  .live-final.live-refined #live-public-close .live-close-return { max-width:350px; font-size:14px; line-height:1.4; }
}
@media (max-width:760px) and (max-height:700px) and (orientation:portrait) {
  .final.live-final.live-refined #live-public-close { padding-top:94px; padding-bottom:60px; }
  .final.live-final.live-refined #live-public-close .live-close-layout { gap:22px; }
  #live-public-close .live-close-main { gap:20px; }
  #live-public-close .live-close-home img { width:172px; }
  #live-public-close .live-close-subtitle { margin-bottom:14px; }
  #live-public-close .live-close-clock strong { font-size:25px; }
  #live-public-close .live-close-metrics dd { font-size:30px; }
  .live-final.live-refined #live-public-close .live-close-cta { min-height:46px; }
  .live-final.live-refined #live-public-close .live-close-imprint-summary { min-height:70px; padding-block:10px; }
  .live-final.live-refined #live-public-close .live-close-return { font-size:13px; }
}
@media (max-width:760px) and (max-height:600px) and (orientation:portrait) {
  .final.live-final.live-refined #live-public-close .live-close-layout { gap:18px; }
  #live-public-close .live-close-main { gap:15px; }
  #live-public-close .live-close-home img { width:150px; }
  #live-public-close .live-close-subtitle { margin-bottom:12px; font-size:16px; }
  #live-public-close .live-close-clock strong { font-size:23px; }
  #live-public-close .live-close-metrics dd { font-size:28px; }
  #live-public-close .live-close-panel { gap:8px; }
  .live-final.live-refined #live-public-close .live-close-cta { min-height:44px; }
  .live-final.live-refined #live-public-close .live-close-imprint-summary { min-height:66px; padding:9px 12px; }
  #live-public-close .live-close-imprint-copy strong { font-size:20px; }
  #live-public-close .live-close-imprint-copy > span { font-size:10px; }
}
@media (max-height:600px) and (orientation:landscape) {
  .final.live-final.live-refined #live-public-close { height:auto; min-height:100dvh; padding-top:95px; padding-bottom:66px; }
  .final.live-final.live-refined #live-public-close .live-close-layout { height:auto; gap:32px; }
  #live-public-close .live-close-main { gap:22px; }
  #live-public-close .live-close-home img { width:180px; }
}