:root{--mh-surface-shadow:0 8px 28px #22293a06;--mh-surface-line:color-mix(in srgb,var(--mh-border) 65%,transparent)}
html[data-reading=comfortable]{font-size:112.5%}html[data-reading=large]{font-size:125%}
.card{border:1px solid var(--mh-surface-line);box-shadow:var(--mh-surface-shadow)}
.gem{filter:drop-shadow(0 2px 7px #8d96c244)}
.page-head h1{font-size:clamp(2.25rem,4vw,3.1rem)}
.card h2,.section-heading h2{font-size:clamp(1.75rem,3vw,2.25rem)}
.card h3{font-size:1.65rem}
.page>.home-overview,.page>.evolution,.page>.reading-settings{margin-block:28px}
.overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:24px}
.overview-source{padding:20px;border:1px solid var(--mh-surface-line);border-radius:20px;background:var(--mh-background);min-width:0;min-height:245px;display:flex;flex-direction:column}
.overview-source>strong{font:400 2.4rem/1.3 var(--mh-font-display);margin-top:10px}.overview-source small{color:var(--mh-muted)}
.overview-source p{margin-top:16px}.overview-source button{margin-top:auto;text-align:left}
.overview-source[aria-busy=true]{background:linear-gradient(110deg,var(--mh-subtle),var(--mh-surface));border-style:dashed}
.overview-next{margin-top:24px;border-top:1px solid var(--mh-border);padding-top:24px}.overview-next h3{margin:12px 0}.overview-next .btn{margin-top:18px}
.reading-options{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.reading-options [aria-pressed=true]{background:var(--mh-action);color:var(--mh-on-action)}.reading-preview{padding:24px;margin-top:20px;background:var(--mh-subtle);border-radius:16px}
.navigation-travel{position:fixed;pointer-events:none;z-index:11;background:var(--mh-hero);border-radius:30px}
.history-day{position:relative;border-left:2px solid var(--mh-border);padding:0 0 24px 24px;margin:28px 0 0 8px}.history-day:before{content:'';position:absolute;width:10px;height:10px;border-radius:50%;left:-6px;top:8px;background:var(--mh-action);box-shadow:0 0 0 5px var(--mh-surface)}
.history-day h3{font-size:1.4rem;margin-bottom:18px}.history-day .assessment-event{background:var(--mh-background);border:1px solid var(--mh-surface-line);border-radius:18px;padding:18px;margin-top:12px}.assessment-event small{line-height:1.6;font-size:.875rem}.assessment-event-icon{border-radius:14px;background:var(--mh-subtle);padding:10px}
.evolution h2{margin:12px 0}.evolution-controls{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:22px}.evolution-controls label{display:grid;gap:8px;min-width:0}.evolution-method{grid-column:1/-1}
.evolution select{font:inherit;min-width:0;width:100%;min-height:48px;padding:12px;border:1px solid var(--mh-control-border);background:var(--mh-surface);color:var(--mh-text);border-radius:12px}.evolution-empty{padding:26px;margin-top:22px;background:var(--mh-subtle);border-radius:20px}.evolution-empty p{margin:14px 0}.evolution-range{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;color:var(--mh-muted);font-size:.875rem;margin:18px 0}
.evolution-plot{position:relative;height:260px;background:var(--mh-background);border-radius:20px}.evolution-plot svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.plot-grid{fill:none;stroke:var(--mh-border);stroke-width:1;vector-effect:non-scaling-stroke}.plot-line{fill:none;stroke:var(--mh-action);stroke-width:2;vector-effect:non-scaling-stroke}
.plot-point{position:absolute;translate:-50% -50%;width:44px;height:44px;border-radius:50%;display:grid;place-items:center}.plot-point span{width:10px;height:10px;border-radius:50%;background:var(--mh-action);border:2px solid var(--mh-surface)}.plot-point[aria-pressed=true]{background:color-mix(in srgb,var(--mh-hero) 55%,transparent);z-index:1}.plot-point[aria-pressed=true] span{width:15px;height:15px}
.evolution-detail{padding:24px;border-radius:20px;background:var(--mh-subtle);min-height:180px}.evolution-detail>strong{font-size:1.5rem}.evolution-detail p{margin-top:10px}.evolution-table{margin-top:24px}.evolution-table summary{cursor:pointer;min-height:48px;padding:12px 0}.evolution-table strong{margin-left:auto}
@media(max-width:1100px){.overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.overview-grid,.evolution-controls{grid-template-columns:minmax(0,1fr)}.overview-source{min-height:190px}.card.home-overview,.card.evolution{padding:22px}.history-day{padding-left:16px}.history-day .assessment-event{padding:14px;gap:12px}.assessment-event-icon{display:none}.reading-options .btn{flex:1 1 100%}.evolution-detail{padding:18px}.evolution-table .list-link{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.navigation-travel{display:none}}
@media print{.navigation-travel,.evolution-controls,.reading-options{display:none}.evolution-plot{break-inside:avoid}}