@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;600;700&display=swap";.glossary-term{background:none;border:none;padding:0 0 2px;font-family:inherit;font-size:inherit;line-height:inherit;color:inherit;cursor:help;position:relative;font-weight:500;border-bottom:1px dotted rgba(255,255,255,.4);transition:border-color .2s;display:inline;overflow:visible}.glossary-term:hover{border-bottom-color:#ffffffb3}.glossary-term.is-expanded{border-bottom-color:#ffffffe6}.glossary-term__text{display:inline}.glossary-term__tooltip{display:block;position:fixed;background-color:#181a22f2;color:#e8eaef;padding:8px 12px;border-radius:4px;font-size:.9em;font-weight:400;white-space:normal;max-width:280px;z-index:10000;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 12px #0000004d;animation:fadeIn .2s ease-in-out;pointer-events:none}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.glossary-term__tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#181a22f2}body{margin:0;font-family:Orbitron,Segoe UI,sans-serif;background:#111;color:#fff;overflow:hidden}:root{--extra-icon-color: #4da6ff}*{box-sizing:border-box}.app-shell{display:flex;min-height:100vh;background:radial-gradient(circle at top left,#1e1e1e,#0b0b0b 65%)}.sidebar{position:relative;width:300px;padding:32px 16px 32px 12px;background:#141414f2;border-right:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:24px}.slider-stack{position:relative;flex:1 1 auto;max-height:680px;width:100%;display:grid;grid-template-columns:min-content 1fr;align-items:stretch;justify-content:flex-start;gap:24px;padding:0 16px 0 24px}.slider-stops{position:relative;height:calc(100% - 48px);margin:24px 0;grid-column:2}.slider-stop{position:absolute;left:0;width:100%;display:flex;justify-content:flex-start;align-items:center;gap:16px;transform:translateY(-50%);color:inherit;pointer-events:none}.timeline-slider{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:28px;height:100%;padding:24px 0;grid-column:1}.timeline-track{position:relative;flex:1;width:6px;background:linear-gradient(180deg,#fff6,#fff0);border-radius:999px}.timeline-range{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#ffffffe6,#ffffff59);border-radius:inherit}.timeline-thumb{all:unset;width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid #0b0b0b;box-shadow:0 0 0 4px #ffffff40;cursor:pointer}.timeline-thumb:focus-visible{outline:2px solid #fff;outline-offset:2px}.rhetoric-toggle{margin-top:auto;display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:14px;border:1px solid rgba(255,255,255,.35);background:#090b14d9;color:#ffffffdb;letter-spacing:.2em;text-transform:uppercase;font-size:.65rem;cursor:pointer;transition:border-color .2s ease,color .2s ease,background .2s ease}.rhetoric-toggle:hover,.rhetoric-toggle:focus-visible{border-color:#7bd8ffd9;color:#fff;outline:none}.slider-thumbnail{pointer-events:auto;width:120px;height:72px;object-fit:cover;border-radius:6px;border:2px solid rgba(255,255,255,.2);background:#1c1c1c8c;box-shadow:0 8px 18px #00000059;opacity:.82;transition:opacity .2s ease,border-color .2s ease,box-shadow .2s ease,transform .25s ease}.slider-thumbnail-button{padding:0;border:none;background:none;cursor:pointer;display:inline-flex;pointer-events:auto}.slider-meta-button{padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.35);background:#0c0e18e0;color:#ffffffc7;text-transform:uppercase;letter-spacing:.16em;font-size:.7rem;font-family:inherit;cursor:pointer;pointer-events:auto;transition:transform .2s ease,border-color .2s ease,color .2s ease}.slider-meta-button:hover,.slider-meta-button:focus-visible{border-color:#ffffffa6;color:#fff;transform:translate(4px);outline:none}.slider-level-button{padding:6px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.25);background:#0c0e18c7;color:#ffffffbd;text-transform:uppercase;letter-spacing:.12em;font-size:.65rem;font-family:inherit;cursor:pointer;pointer-events:auto;transition:transform .2s ease,border-color .2s ease,color .2s ease}.slider-level-button:hover,.slider-level-button:focus-visible{border-color:#ffffff8c;color:#fff;transform:translate(3px);outline:none}.slider-stop.is-active .slider-thumbnail{opacity:1;border-color:#ffffffd9;box-shadow:0 8px 22px #00000073,0 0 0 1px #ffffff4d;transform:translate(6px)}.slider-stop:hover .slider-thumbnail,.slider-stop:focus-within .slider-thumbnail{opacity:.92;border-color:#fff9;box-shadow:0 12px 26px #00000073;transform:translate(4px)}.slider-thumbnail-button:focus-visible .slider-thumbnail{border-color:#ffffffbf;box-shadow:0 10px 24px #00000073,0 0 0 2px #ffffff40;transform:translate(6px)}.content{position:relative;flex:1;padding:clamp(32px,5vw,48px) clamp(32px,6vw,84px);overflow-y:auto;display:flex;flex-direction:column;min-height:0}.content-view{flex:1;display:flex;flex-direction:column;min-height:0;transition:opacity .3s ease}.content--hidden .content-view{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease}.content-pane{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}.content h1{margin:0 0 .25em;font-size:clamp(2.25rem,4vw,3rem)}.content h2{margin:0 0 1.5em;font-weight:400;color:#ffffffbf}.content p{max-width:640px;line-height:1.6;letter-spacing:.02em;color:#ffffffd9}.content-status{margin:48px 0;font-size:1.1rem;letter-spacing:.08em;text-transform:uppercase;color:#fff9}.content-status--error{color:#ff8080}.developer-metric{margin:clamp(18px,3vw,24px) 0}.level-meta{display:grid;gap:8px;margin:clamp(8px,1.5vw,16px) 0 0;color:#ffffffd1;line-height:1.5}.level-meta__item{margin:0}.developer-metric__header{display:flex;align-items:baseline;gap:12px;letter-spacing:.06em;text-transform:uppercase;font-size:.95rem;opacity:.85}.developer-metric__value{font-size:clamp(1.4rem,2vw,1.8rem);font-weight:600;letter-spacing:.08em}.developer-bar{margin-top:14px;display:flex;flex-wrap:wrap;justify-content:space-evenly;align-items:center;width:100%;gap:var(--developer-group-gap, clamp(8px, 1vw, 14px));row-gap:var(--developer-row-gap, clamp(10px, 1.6vw, 20px))}.developer-group{flex:0 1 auto;display:flex;align-items:center;justify-content:flex-start;gap:var(--developer-icon-gap, clamp(6px, .9vw, 12px));padding:0 clamp(4px,.6vw,8px);pointer-events:none}.developer-icon{font-size:var(--developer-icon-size, clamp(18px, 2.15vw, 28px));line-height:1;opacity:.85;transition:transform .2s ease,opacity .2s ease}.developer-icon--base{opacity:1;filter:drop-shadow(0 0 6px rgba(0,0,0,.45))}.developer-icon--extra{color:var(--extra-icon-color);filter:drop-shadow(0 0 10px rgba(77,166,255,.35))}.developer-icon--partial{color:transparent;background:linear-gradient(90deg,#4da6ffe6,#4da6ffe6 calc(var(--fill, 0) * 100%),#4da6ff33 calc(var(--fill, 0) * 100%),#4da6ff33);-webkit-background-clip:text;background-clip:text;opacity:1}.toolkit{margin:36px 0 0;max-width:720px}.toolkit__heading{margin:0;font-size:.95rem;letter-spacing:.12em;text-transform:uppercase;color:#ffffffad}.toolkit__list{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:clamp(16px,2vw,22px)}.toolkit__item{padding:clamp(16px,2vw,22px);border-radius:14px;background:#080a12b8;border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 24px #00000059}.toolkit__title-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.toolkit__name{font-weight:600;letter-spacing:.04em}.toolkit__badge{font-size:.7rem;text-transform:uppercase;letter-spacing:.14em;padding:4px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.35);background:#ffffff0f;color:#ffffffc7}.toolkit__badge--existing{color:#7bd8ff;border-color:#7bd8ff8c;background:#40b0ff2e}.toolkit__badge--speculative{color:#ffd792;border-color:#ffd7928c;background:#ffaa402e}.toolkit__note{margin:12px 0 0;max-width:none;color:#ffffffbf;line-height:1.5}.journey-overview{margin:0 0 32px;padding:20px clamp(18px,3vw,26px);border-radius:18px;background:#0c0e18b8;border:1px solid rgba(255,255,255,.08);box-shadow:0 12px 28px #00000052;max-width:760px}.journey-overview__title{margin:0 0 10px;letter-spacing:.1em;text-transform:uppercase;font-size:.9rem;color:#ffffffa6}.level-tags{margin:20px 0 0;display:flex;flex-wrap:wrap;gap:12px}.level-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;background:#0f121cb8;border:1px solid rgba(255,255,255,.2);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:#ffffffc7}.level-tag--theme{border-color:#7bd8ff66;background:#4da6ff2e;color:#aee4ff}.level-tag--icon{border-color:#ffc86866;background:#ffc86829;color:#ffd48a}.level-header{display:grid;gap:clamp(18px,2vw,26px);grid-template-columns:minmax(0,1fr);align-items:start;margin-bottom:clamp(8px,1.5vw,16px)}.level-header__copy h1{margin:0 0 .25em}.level-header__copy h2{margin:0 0 .75em}.intro-frame{min-height:calc(100vh - 180px);display:flex;align-items:center;justify-content:center;padding:clamp(32px,8vw,64px) 0}.intro-card{max-width:min(1180px,96vw);background:#06060aeb;border:1px solid rgba(255,255,255,.08);border-radius:26px;padding:clamp(32px,6vw,64px);box-shadow:0 24px 60px #0009;text-align:center}.intro-card__title{margin:0 auto clamp(18px,3vw,32px);font-size:clamp(2.7rem,5.6vw,4.2rem);letter-spacing:.036em;max-width:28ch}.intro-card__body{margin:0 auto clamp(14px,3.6vw,28px);font-size:clamp(1.1rem,2.2vw,1.6rem);line-height:1.85;color:#ffffffdb;max-width:68ch}.intro-card__body:last-child{margin-bottom:0}.level-layout{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}.detail-card{padding:clamp(18px,2.5vw,26px);border-radius:18px;background:#0a0c16d1;border:1px solid rgba(255,255,255,.08);box-shadow:0 14px 30px #00000052;display:flex;flex-direction:column;gap:12px;min-width:240px;overflow:visible}.detail-card__body{margin:0;color:#ffffffd9;line-height:1.65}.detail-section{margin-top:auto;padding-top:clamp(18px,2.5vw,28px);display:flex;flex-direction:column;gap:clamp(18px,2.5vw,28px)}.detail-tabs{display:flex;flex-wrap:wrap;gap:12px}.detail-tab{padding:10px 18px;border-radius:999px;border:1px solid rgba(255,255,255,.25);background:#090b14cc;color:#ffffffbd;text-transform:uppercase;letter-spacing:.14em;font-size:.7rem;font-family:inherit;cursor:pointer;transition:border-color .2s ease,color .2s ease,transform .2s ease}.detail-tab.is-active{border-color:#7bd8ff99;color:#fff;transform:translateY(-1px)}.detail-tab:focus-visible{outline:2px solid rgba(123,216,255,.6);outline-offset:2px}.detail-cards{display:grid;gap:clamp(16px,2vw,24px);grid-auto-flow:column;grid-auto-columns:minmax(260px,1fr);overflow-x:auto;padding-bottom:6px}.detail-cards::-webkit-scrollbar{height:6px}.detail-cards::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:999px}.detail-cards--competencies{grid-auto-flow:row;grid-auto-columns:unset;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.detail-card--competencies{gap:clamp(14px,2vw,20px)}.competency-grid{margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:clamp(12px,2vw,18px)}.competency-grid__item{padding:clamp(12px,1.8vw,16px);border-radius:14px;background:#ffffff05;border:1px solid rgba(255,255,255,.05)}.competency-grid__item dt{margin:0 0 6px;text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;color:#abc7ffd9}.competency-grid__item dd{margin:0;color:#ffffffeb;font-size:1.05rem;line-height:1.5}.detail-card--tool{align-items:flex-start}.detail-card__tool-header{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}.detail-card__tool-name{font-weight:600;letter-spacing:.05em}.detail-card__tool-badge{font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;padding:4px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.3);color:#ffffffc7}.detail-card__tool-badge--existing{color:#7bd8ff;border-color:#7bd8ff8c;background:#40b0ff2e}.detail-card__tool-badge--speculative{color:#ffd792;border-color:#ffd7928c;background:#ffaa402e}.detail-card--challenge{gap:10px}.detail-challenge__problem,.detail-challenge__solution{margin:0;color:#ffffffd9;line-height:1.7}.detail-cards--text{grid-auto-flow:row;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.sidebar-toggle{position:fixed;top:50%;left:0;transform:translateY(-50%);z-index:1001;width:24px;height:80px;border-radius:0 8px 8px 0;border:1px solid rgba(255,255,255,.3);border-left:none;background:#141414f2;color:#ffffffe6;font-size:.9rem;cursor:pointer;display:none;align-items:center;justify-content:center;box-shadow:2px 0 8px #0006;transition:all .2s ease}.sidebar-toggle:hover,.sidebar-toggle:focus-visible{border-color:#7bd8ff99;background:#141414;width:26px;outline:none}.sidebar-overlay{display:none}.rotate-prompt{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#05060cf7;z-index:9999;align-items:center;justify-content:center}.rotate-prompt__content{display:flex;flex-direction:column;align-items:center;gap:24px;padding:32px;text-align:center}.rotate-prompt__icon{font-size:4rem;color:#7bd8ffe6;animation:rotate-pulse 2s ease-in-out infinite}@keyframes rotate-pulse{0%,to{transform:rotate(0);opacity:.7}50%{transform:rotate(90deg);opacity:1}}.rotate-prompt__text{font-size:1.25rem;color:#ffffffe6;letter-spacing:.05em;margin:0;text-transform:uppercase;font-weight:600}@media (max-width: 900px) and (orientation: portrait){.rotate-prompt{display:flex}}@media (max-height: 600px) and (orientation: landscape){.sidebar-toggle{display:flex}.sidebar{position:fixed;top:0;left:0;width:200px;height:100vh;z-index:1000;padding:16px 10px 16px 8px;transform:translate(-100%);transition:transform .3s ease;box-shadow:none}.sidebar.is-open{transform:translate(0);box-shadow:4px 0 24px #0009}.app-shell.sidebar-open .sidebar-overlay{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:999;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.content{flex:1;width:100%;padding:12px 14px 10px 28px}.content[data-active-index="0"]{padding:12px 28px 10px!important}.app-shell.sidebar-open .sidebar-toggle{left:200px}.slider-stack{max-height:300px;gap:12px;padding:0 8px 0 12px}.slider-stops{height:calc(100% - 24px);margin:12px 0}.timeline-slider{padding:12px 0;width:20px}.timeline-track{width:4px}.timeline-thumb{width:14px;height:14px}.slider-thumbnail{width:70px;height:42px;border-radius:4px}.slider-meta-button,.slider-level-button{font-size:.55rem;padding:4px 8px;letter-spacing:.1em}.rhetoric-toggle{padding:8px 12px;font-size:.55rem;gap:16px}.content h1{font-size:clamp(.95rem,2vw,1.35rem);margin:0 0 .1em;line-height:1.2}.content h2{font-size:clamp(.7rem,1.3vw,.85rem);margin:0 0 .3em;line-height:1.3}.content p{font-size:clamp(.65rem,1.2vw,.8rem);line-height:1.35;max-width:none;margin:0 0 .4em}.level-header__copy p{max-width:none}.intro-frame{min-height:calc(100vh - 80px);padding:16px 0;display:flex;align-items:center;justify-content:center}.intro-card{padding:20px;border-radius:16px;text-align:center;margin:0 auto;width:100%;max-width:100%}.intro-card__title{font-size:clamp(1.3rem,3vw,1.7rem);margin:0 auto 12px;text-align:center}.intro-card__body{font-size:clamp(.75rem,1.4vw,.9rem);line-height:1.5;margin:0 auto 10px}.level-header{gap:6px;margin-bottom:6px}.level-header__copy h1{margin:0 0 .1em}.level-header__copy h2{margin:0 0 .3em}.level-header__copy p{line-height:1.35}.level-meta{gap:3px;margin:5px 0 0;font-size:.65rem;line-height:1.3}.level-meta strong{font-size:.6rem}.level-meta__item{margin:0;line-height:1.3}.level-layout>.developer-metric{display:none}.detail-card--developer-metric{grid-column:1 / -1}.detail-card--developer-metric .developer-metric__header{display:flex;align-items:baseline;gap:8px;font-size:.7rem;margin-bottom:8px}.detail-card--developer-metric .developer-metric__value{font-size:.95rem;font-weight:600}.detail-card--developer-metric .developer-bar{margin-top:8px;gap:4px;row-gap:5px}.detail-card--developer-metric .developer-group{padding:0 2px}.detail-card--developer-metric .developer-icon{font-size:calc(var(--developer-icon-size, 14px) * .7)}.detail-section{padding-top:10px;gap:8px}.detail-cards{gap:7px;grid-auto-columns:minmax(140px,1fr)}.detail-card{padding:8px;gap:5px;min-width:140px;border-radius:10px}.detail-card__body{font-size:.65rem;line-height:1.35}.detail-card__tool-header{gap:5px}.detail-card__tool-name{font-size:.7rem}.detail-card__tool-badge{font-size:.5rem;padding:2px 5px}.competency-grid{gap:6px;grid-template-columns:repeat(auto-fit,minmax(90px,1fr))}.competency-grid__item{padding:6px;border-radius:8px}.competency-grid__item dt{font-size:.6rem;margin:0 0 2px;line-height:1.2}.competency-grid__item dd{font-size:.75rem;line-height:1.3}.detail-challenge__problem,.detail-challenge__solution{font-size:.65rem;line-height:1.35}.detail-challenge__problem strong,.detail-challenge__solution strong{font-size:.6rem}.detail-tabs{gap:3px;flex-wrap:wrap;overflow-x:visible}.detail-tab{padding:5px 7px;font-size:.5rem;letter-spacing:.06em;white-space:nowrap;border-radius:8px;flex-shrink:0}}