.reflections{color:#f5f7fc;background:radial-gradient(ellipse at 85% 0,#384463 0,transparent 45%),radial-gradient(ellipse at 0 35%,#264e46 0,transparent 55%),#11172a;border:1px solid #66728c;border-radius:24px;width:min(920px,96vw);max-width:96vw;max-height:94dvh;padding:0;overflow-y:auto}.reflections::backdrop{background:#040711d9;backdrop-filter:blur(8px)}.ref-top{display:flex;justify-content:space-between;align-items:center;padding:20px 28px;position:sticky;top:0;z-index:2;background:#121a2eed}.ref-brand{font-size:11px;letter-spacing:.2em;color:#c0e5d7}.ref-close{border:1px solid #77829c;border-radius:30px;padding:8px 16px;background:transparent;color:inherit}.ref-body{padding:0 44px 36px}.ref-hero{padding:30px 0 24px}.ref-hero h2{font-size:clamp(30px,6vw,62px);line-height:1.1;margin:12px 0;font-weight:600;letter-spacing:-.04em}.ref-year{font-size:clamp(80px,17vw,156px);line-height:1;margin:18px 0;color:#c0f7db;letter-spacing:-.06em}.ref-subtitle{font-size:18px;color:#d1d5e2}.ref-controls select{background:#212e46;color:#fff;border:1px solid #77829c;border-radius:8px;padding:9px;margin-left:12px}.ref-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.ref-stats>div{padding:24px 16px;background:#ffffff0b;border:1px solid #ffffff18;border-radius:16px;display:flex;flex-direction:column;gap:8px}.ref-stats strong{font-size:38px;color:#c0f7db}.ref-stats span{font-size:13px;color:#d1d5e2}.ref-coverage{margin:22px 0;padding:16px;border:1px solid #ffffff25;border-radius:12px;color:#c6ccda;font-size:13px;line-height:1.6}.ref-coverage summary{cursor:pointer}.ref-actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.ref-section{margin-top:42px}.ref-section h3{font-size:25px;letter-spacing:-.02em;margin-bottom:20px}.ref-facts{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.ref-facts article{padding:24px;background:linear-gradient(140deg,#769b812b,#ba70b315);border:1px solid #ffffff20;border-radius:18px}.ref-facts h4{font-size:18px;margin:0 0 12px;color:#c0f7db}.ref-facts p{margin:0;line-height:1.6;color:#d1d5e2}.ref-ranking{padding-left:28px}.ref-ranking li{padding:14px 8px;border-bottom:1px solid #ffffff12}.ref-ranking li::marker{color:#c0f7db}.ref-ranking strong,.ref-ranking small{display:block;overflow-wrap:anywhere}.ref-ranking small{color:#acb9ca;font-size:12px;margin:5px 0}.ref-bar{display:block;height:3px;width:var(--fill);background:linear-gradient(90deg,#b3f8d8,#bf95dc);border-radius:4px}.ref-months{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;gap:8px}.ref-months>div{display:flex;flex-direction:column;align-items:center;justify-content:end;height:145px;gap:8px;font-size:12px;color:#c6ccda}.ref-months span{display:block;width:100%;min-height:2px;border-radius:6px;background:linear-gradient(0deg,#6da69a,#c0f7db)}.ref-hours{display:grid;grid-template-columns:repeat(24,1fr);gap:4px}.ref-hours span{height:38px;border-radius:5px;background:#b7f6d8}.ref-caption,.ref-footer,.ref-status{font-size:13px;line-height:1.6;color:#b4c0d2}.ref-footer{margin:44px 0 0}.ref-empty{padding:28px;font-size:18px;line-height:1.7}.ref-entry{margin:24px 0}.reflections button:focus-visible,.reflections select:focus-visible{outline:3px solid #b7f6d8;outline-offset:4px}@media(max-width:550px){.ref-body{padding:0 20px 28px}.ref-top{padding:16px 20px}.ref-stats{grid-template-columns:repeat(2,1fr)}.ref-stats strong{font-size:30px}.ref-facts{grid-template-columns:1fr}.ref-months{gap:4px}.ref-months small{font-size:9px}.ref-section h3{font-size:22px}.ref-hours{gap:2px}}

.ref-calendar{display:grid;grid-template-columns:repeat(26,minmax(0,1fr));gap:4px}.ref-calendar span{aspect-ratio:1;border-radius:3px;background:color-mix(in srgb,#b7f6d8 calc(var(--strength)*100%),#ffffff0a)}
.ref-subtitle,.ref-facts p,.ref-section p{overflow-wrap:anywhere}