@layer quartz-base{.chronos-hero,.chronos-panel{--ink:#171814;--paper:#f4f1e9;--accent:#a04e35;--cool:#315f57;color:var(--ink);border:1px solid color-mix(in srgb,var(--ink) 16%,transparent);background:linear-gradient(145deg,#ffffffb8,#eeeade80);border-radius:18px;margin:1.25rem 0;padding:clamp(1rem,2.5vw,1.7rem);position:relative;overflow:hidden;box-shadow:0 18px 60px #272a2314}.chronos-hero:before{content:"";background:radial-gradient(circle,#a04e3538,#0000 68%);border-radius:50%;width:16rem;height:16rem;position:absolute;top:-9rem;right:-8rem}.chronos-eyebrow{letter-spacing:.13em;text-transform:uppercase;color:var(--accent);margin:0 0 .55rem;font:700 .72rem/1.2 ui-monospace,monospace}.chronos-hero h2,.chronos-panel h2{letter-spacing:-.035em;max-width:18ch;margin:0;font-size:clamp(1.35rem,3vw,2.1rem)}.chronos-deck{color:color-mix(in srgb,var(--ink) 72%,transparent);max-width:62ch;margin:.65rem 0 0}.chronos-freshness{background:#315f571a;border-radius:999px;align-items:center;gap:.5rem;margin-top:1rem;padding:.42rem .7rem;font-size:.82rem;font-weight:700;display:inline-flex}.chronos-freshness:before{content:"";background:var(--cool);border-radius:50%;width:.55rem;height:.55rem;box-shadow:0 0 0 4px #315f571f}.chronos-grid,.chronos-list{gap:.75rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.chronos-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr))}.chronos-card,.chronos-list li{border-top:1px solid color-mix(in srgb,var(--ink) 13%,transparent);padding:.85rem 0}.chronos-card a,.chronos-list a{min-height:44px;color:var(--ink);text-underline-offset:.18em;padding:.55rem 0;font-weight:750;text-decoration-thickness:.08em;display:inline-block}.chronos-card p{color:color-mix(in srgb,var(--ink) 68%,transparent);margin:.2rem 0;font-size:.9rem}.chronos-status{min-height:4.5rem;color:color-mix(in srgb,var(--ink) 68%,transparent);align-content:center;display:grid}.chronos-status[role=alert]{border-left:3px solid var(--accent);padding-left:1rem}.chronos-map{background:radial-gradient(circle at 22% 40%,#315f573d 0 3%,#0000 3.5%),radial-gradient(circle at 66% 54%,#a04e3533 0 4%,#0000 4.5%),linear-gradient(135deg,#315f5714,#a04e3514);border:1px dashed #315f5759;border-radius:12px;min-height:9rem;margin-top:1rem}.chronos-graph{width:100%;height:180px;margin-top:.75rem}.chronos-graph line{stroke:#315f5759;stroke-width:2px}.chronos-graph circle{fill:var(--accent);stroke:var(--paper);stroke-width:3px}.chronos-timeline{border-left:2px solid #315f574d;margin:1rem 0 0;padding-left:1.2rem}.chronos-timeline li{padding:.35rem 0 .8rem}.chronos-noscript{border-left:3px solid var(--accent);padding-left:.8rem}.chronos-panel a:focus-visible,.chronos-hero a:focus-visible{outline-offset:3px;border-radius:4px;outline:3px solid #d27942}@media (max-width:700px){.chronos-hero,.chronos-panel{border-radius:12px}.chronos-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.chronos-hero,.chronos-panel{scroll-behavior:auto}}body.darkmode .chronos-hero,body.darkmode .chronos-panel{--ink:#f3f0e8;--paper:#151713;--accent:#e18c6b;--cool:#8fc0b2;background:linear-gradient(145deg,#282c26e6,#161814cc)}}