.theme-route{margin:0 0 26px;padding:24px;background:linear-gradient(140deg,#fff,#f8f4ff);border:1px solid #e7dff4;border-radius:24px}
.theme-route h2{font-size:22px;margin:0 0 8px}.theme-route p{margin:8px 0;color:#64677a}
.theme-route-list{display:grid;gap:10px;margin-top:18px}.theme-route-list button{display:flex;align-items:center;gap:14px;text-align:left;padding:16px 18px;background:white;border:1px solid #e5dfef;border-radius:16px;min-height:64px}
.theme-route-list button[aria-current=true]{border-color:#9c80e9;box-shadow:0 0 0 3px #ede5ff}.theme-route-list button>span:first-child{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#eee7fa;color:#6745af;flex-shrink:0}.theme-route-list strong{display:block}.theme-route-list small{display:block;font-size:13px;color:#706a7d;margin-top:5px}.theme-route-list button>span:last-child{margin-left:auto;color:#6d4cbb;font-size:13px}
.theme-next{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:24px 0;padding:22px;border:1px solid #dcd2ed;border-radius:20px;background:#f4efff}.theme-next p{margin:6px 0}
.numeric-answer{display:flex;align-items:center;gap:12px;max-width:400px;margin:22px 0}.numeric-answer input{width:100%;min-height:54px;border:2px solid #bcb0d8;border-radius:14px;background:#fff;padding:12px 16px;font:inherit;font-size:23px}.numeric-answer input:focus{outline:3px solid #d9c9fa;outline-offset:3px}.numeric-answer span{font-size:18px}
.year-playback{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:14px 0;border-top:1px solid #e8e1f0}.year-playback .quiet{min-height:44px}.year-playback p{flex-basis:100%;font-size:13px;color:#6e657c;margin:4px 0}
.lesson-film{margin:28px 0;padding:24px!important}.lesson-film h3{font-size:24px;margin:10px 0}.lesson-film video{display:block;width:100%;max-height:560px;aspect-ratio:16/9;object-fit:contain;border-radius:20px;background:#111e28;margin:18px 0}.film-controls{display:flex;flex-wrap:wrap;gap:10px}.lesson-film .bio-extra{margin:18px 0}
.atlas-evidence{margin:18px 0;padding:18px;border:1px solid #e0d5ef;border-radius:18px;background:#faf7ff}.atlas-evidence p{margin:8px 0}.atlas-evidence strong{display:block}.atlas-evidence img{width:100%;max-height:240px;object-fit:contain;border-radius:12px}
.catalog-preview{position:relative;border:0;padding:0;background:transparent;isolation:isolate}.catalog-preview .preview-control{position:absolute;right:14px;top:165px;z-index:3;min-height:44px;padding:10px 16px;border-radius:100px;border:1px solid #ffffffb3;background:#fffef5ed;box-shadow:0 4px 12px #171c3826;color:#392b65;font-weight:750}.catalog-preview .lesson-tile{width:100%;height:100%}.catalog-preview.is-previewing img{animation:catalog-detail 4s ease-in-out 1}.catalog-preview.is-previewing .cover-glint{animation:catalog-glint 2s ease 1}.catalog-preview .lesson-cover{transform:translateZ(0)}
@keyframes catalog-detail{0%,100%{transform:scale(1)}45%,75%{transform:scale(1.13) translateY(-2%)}}
@keyframes catalog-glint{from{transform:translateX(-120%)}to{transform:translateX(180%)}}
@media(max-width:640px){.theme-route{padding:18px}.theme-route-list button{padding:14px 12px}.theme-route-list button>span:last-child{max-width:80px}.theme-next{flex-direction:column;align-items:stretch}.lesson-film{padding:16px!important}.catalog-preview .preview-control{top:135px;padding:8px 12px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.catalog-preview.is-previewing img,.catalog-preview.is-previewing .cover-glint{animation:none}.theme-route-list button{transition:none}}

.lesson-offline{display:flex;gap:20px;align-items:center;padding:20px;margin:28px 0}.lesson-offline p{margin:6px 0 0;font-size:.88rem;color:var(--ink-soft,#5c6774)}.lesson-offline button{flex-shrink:0}@media(max-width:600px){.lesson-offline{display:block}.lesson-offline button{margin-top:14px}}

.film-poster{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:18px}.film-poster[hidden],.lesson-film video[hidden]{display:none}
.year-slider-details{padding:12px 18px;background:#f7f5fb;border-radius:14px;margin:12px 0}.year-slider-details summary{cursor:pointer;font-weight:650;min-height:30px}.year-slider-details label{display:block;margin:14px 0}.year-slider-details input{display:block;width:100%;min-height:44px}.year-slider-details p{font-size:13px;color:#665e75}.year-lab-controls{padding-bottom:14px!important}.year-playback{margin-top:18px}
.preview-states{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.preview-states button[aria-pressed=true]{background:#e4d6ff;border-color:#8f6acb;color:#442377}.preview-scene .year-figure{margin:0}.preview-scene{margin-bottom:24px}#lesson-preview:has(.preview-scene){width:min(880px,95vw);max-height:90dvh;padding:32px;border:1px solid #e9e1f3;border-radius:28px;overflow-y:auto}#lesson-preview::backdrop{background:#1c133378;backdrop-filter:blur(8px)}@media(max-width:600px){#lesson-preview:has(.preview-scene){padding:20px 14px;border-radius:22px}}