.progress-display{position:sticky;top:0;z-index:30;background:var(--paper);border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong);padding:var(--space-3) var(--space-5) var(--space-4)}.progress-display__info{max-width:var(--content-max);margin:0 auto;display:flex;align-items:baseline;gap:var(--space-4);flex-wrap:wrap}.progress-display__label{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.14em;color:var(--ink-faint);display:inline-flex;align-items:center;gap:var(--space-2)}.progress-display__label:before{content:"";width:8px;height:8px;background:var(--accent)}.progress-display__percent{font-family:var(--font-mono);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;line-height:1;color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.progress-display__count{margin-left:auto;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--ink-soft);letter-spacing:.06em}.progress-display__track{position:relative;max-width:var(--content-max);margin:var(--space-3) auto 0;display:flex;justify-content:space-between;align-items:center;height:26px}.progress-display__track:before{content:"";position:absolute;left:0;right:0;top:50%;height:2px;transform:translateY(-50%);background:var(--line-strong);opacity:.5}.progress-display__track-fill{position:absolute;left:0;top:50%;height:3px;transform:translateY(-50%);background:var(--accent);transition:width var(--dur-draw) var(--ease-survey)}.progress-display__node{position:relative;z-index:1;display:flex;align-items:center;justify-content:center}.progress-display__node-dot{width:11px;height:11px;transform:rotate(45deg);background:var(--paper);border:2px solid var(--line-strong);transition:background-color var(--dur-base) var(--ease),border-color var(--dur-base) var(--ease),transform var(--dur-base) var(--ease-stake)}.progress-display__node--completed .progress-display__node-dot{background:var(--node-color, var(--accent));border-color:var(--node-color, var(--accent));animation:station-drop var(--dur-slow) var(--ease-stake)}.progress-display__node-label,.progress-display__node-index{position:absolute;top:calc(100% + 2px);left:50%;transform:translate(-50%);font-size:.625rem;font-family:var(--font-mono);color:var(--ink-faint);white-space:nowrap;display:none}@keyframes station-drop{0%{transform:rotate(45deg) scale(1.9);opacity:.2}60%{transform:rotate(45deg) scale(.92);opacity:1}to{transform:rotate(45deg) scale(1);opacity:1}}@media(min-width:48rem){.progress-display{padding:var(--space-3) var(--space-8) var(--space-4)}}@media(min-width:64rem){.progress-display__node-index{display:block}.progress-display__track{height:34px}}@media(min-width:80rem){.progress-display__node-index{display:none}.progress-display__node-label{display:block}}.stage-card[data-stage="1"]{--card-color: var(--stage-1)}.stage-card[data-stage="2"]{--card-color: var(--stage-2)}.stage-card[data-stage="3"]{--card-color: var(--stage-3)}.stage-card[data-stage="4"]{--card-color: var(--stage-4)}.stage-card[data-stage="5"]{--card-color: var(--stage-5)}.stage-card[data-stage="6"]{--card-color: var(--stage-6)}.stage-card[data-stage="7"]{--card-color: var(--stage-7)}.stage-card[data-stage="8"]{--card-color: var(--stage-8)}.stage-card{position:relative;background:var(--paper-raised);border:1px solid var(--line);border-top:3px solid var(--card-color, var(--line-strong));border-radius:var(--radius-sm);scroll-margin-top:calc(var(--bar-h) + .75rem);transition:border-color var(--dur-base) var(--ease),box-shadow var(--dur-base) var(--ease),transform var(--dur-base) var(--ease)}.stage-card:hover{border-color:var(--line-strong);border-top-color:var(--card-color, var(--line-strong))}.stage-card--expanded{box-shadow:var(--shadow-card)}.stage-card__header{display:flex;align-items:center;gap:var(--space-4);width:100%;padding:var(--space-5) var(--space-5);text-align:left;background:var(--paper-raised);border-radius:var(--radius-sm) var(--radius-sm) 0 0}.stage-card--expanded .stage-card__header{position:sticky;top:var(--bar-h);z-index:6;border-bottom:1px dashed var(--line-strong)}.stage-card__node{position:relative;width:18px;height:18px;flex-shrink:0}.stage-card__node-ring{position:absolute;inset:0;border:2px solid var(--line-strong);border-radius:var(--radius-full);transition:border-color var(--dur-base) var(--ease)}.stage-card__node-core{position:absolute;inset:5px;background:var(--line-strong);border-radius:var(--radius-full);transition:background-color var(--dur-base) var(--ease)}.stage-card--completed .stage-card__node-ring{border-color:var(--card-color)}.stage-card--completed .stage-card__node-core{background:var(--card-color);animation:core-stake var(--dur-slow) var(--ease-stake)}@keyframes core-stake{0%{transform:scale(2.1);opacity:0}60%{transform:scale(.9);opacity:1}to{transform:scale(1);opacity:1}}.stage-card__heading{display:flex;align-items:baseline;gap:var(--space-4);min-width:0;flex:1}.stage-card__index{font-family:var(--font-mono);font-size:var(--text-index);font-weight:700;line-height:1;letter-spacing:-.03em;color:color-mix(in srgb,var(--ink) 16%,transparent);font-variant-numeric:tabular-nums;transition:color var(--dur-base) var(--ease);flex-shrink:0}.stage-card--completed .stage-card__index{color:color-mix(in srgb,var(--card-color) 62%,transparent)}.stage-card__title-group{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.stage-list__item:first-child .stage-card:not(.stage-card--completed) .stage-card__title-group:before{content:"从这里开始";align-self:flex-start;font-family:var(--font-mono);font-size:.625rem;letter-spacing:.12em;color:var(--paper-raised);background:var(--accent);padding:2px 7px;border-radius:var(--radius-xs);margin-bottom:var(--space-1)}.stage-card__title{font-family:var(--font-serif);font-size:var(--text-xl);font-weight:700;color:var(--ink);line-height:1.3}.stage-card__subtitle{font-size:var(--text-sm);color:var(--ink-soft)}.stage-card__meta{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.stage-card__tag--done{font-family:var(--font-mono);font-size:.625rem;letter-spacing:.14em;color:var(--card-color);border:2px solid var(--card-color);border-radius:var(--radius-xs);padding:2px 8px;transform:rotate(-3deg);animation:stamp-in var(--dur-slow) var(--ease-stake)}@keyframes stamp-in{0%{transform:rotate(-3deg) scale(1.6);opacity:0}to{transform:rotate(-3deg) scale(1);opacity:1}}.stage-card__checkbox{position:relative;display:inline-flex;cursor:pointer;padding:11px;margin:-11px}.stage-card__checkbox input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}.stage-card__checkbox-visual{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;background:var(--check-face);border:2px solid var(--line-strong);border-radius:var(--radius-xs);color:var(--paper);transition:background-color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.stage-card__checkbox-visual svg{opacity:0;transform:scale(.4);transition:opacity var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease-stake)}.stage-card--completed .stage-card__checkbox-visual{background:var(--card-color);border-color:var(--card-color)}.stage-card--completed .stage-card__checkbox-visual svg{opacity:1;transform:scale(1)}.stage-card__chevron{display:inline-flex;color:var(--ink-faint);transition:transform var(--dur-base) var(--ease),color var(--dur-base) var(--ease)}.stage-card--expanded .stage-card__chevron{transform:rotate(180deg);color:var(--ink)}.stage-card__body{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--dur-slow) var(--ease-survey)}.stage-card--expanded .stage-card__body{grid-template-rows:1fr}.stage-card__body-inner{overflow:hidden;min-height:0}.stage-card__section{padding:var(--space-5)}.stage-card__section+.stage-card__section{border-top:1px solid var(--line)}@media(min-width:48rem){.stage-card--expanded .stage-card__body-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.stage-card__section--wide{grid-column:1 / -1}}.stage-card__actions{grid-column:1 / -1;display:flex;align-items:stretch;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-top:1px solid var(--line);background:var(--paper)}.stage-card__nav{display:inline-flex;align-items:center;gap:var(--space-2);min-height:44px;padding:var(--space-2) var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius-sm);color:var(--ink);background:var(--paper-raised);transition:background-color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease);max-width:38%}.stage-card__nav:hover{background:var(--paper-sunken);border-color:var(--ink-soft)}.stage-card__nav svg{flex-shrink:0;color:var(--ink-faint)}.stage-card__nav-text{display:flex;flex-direction:column;align-items:flex-start;min-width:0;line-height:1.35}.stage-card__nav--next .stage-card__nav-text{align-items:flex-end;text-align:right}.stage-card__nav-kicker{font-family:var(--font-mono);font-size:.625rem;letter-spacing:.12em;color:var(--ink-faint)}.stage-card__nav-title{font-size:var(--text-xs);font-weight:600;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.stage-card__collapse{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:44px;margin:0 auto;padding:var(--space-2) var(--space-4);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;color:var(--ink-soft);border:1px dashed var(--line-strong);border-radius:var(--radius-sm);transition:background-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.stage-card__collapse:hover{background:var(--paper-sunken);color:var(--ink)}.stage-card__nav-spacer{width:38%}.stage-card__section-title{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;letter-spacing:.16em;color:var(--ink-faint);margin-bottom:var(--space-3);text-transform:uppercase}.stage-card__section-title:before{content:"";width:8px;height:8px;background:var(--card-color, var(--ink-faint));transform:rotate(45deg);flex-shrink:0}.stage-card__concept{font-size:var(--text-base);color:var(--ink);max-width:44rem}.stage-card__goals li,.stage-card__skills li{position:relative;padding-left:var(--space-5);margin-top:var(--space-2);color:var(--ink-soft);font-size:var(--text-sm)}.stage-card__goals li:before{content:"";position:absolute;left:2px;top:.62em;width:6px;height:6px;background:var(--card-color, var(--ink-faint));transform:rotate(45deg) translateY(-50%)}.stage-card__lesson{border-left:3px solid var(--card-color);background:color-mix(in srgb,var(--card-color) 5%,var(--paper-raised));padding:var(--space-4) var(--space-5);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.stage-card__lesson-title,.stage-card__exercise-title{font-size:var(--text-base);font-weight:700;color:var(--ink);margin-bottom:var(--space-2)}.stage-card__lesson-content,.stage-card__exercise-content{font-size:var(--text-sm);line-height:1.8;color:var(--ink-soft)}.stage-card__exercise{border:1px dashed var(--line-strong);background:var(--paper-sunken);padding:var(--space-4) var(--space-5);border-radius:var(--radius-sm)}.stage-card__skills{display:flex;flex-wrap:wrap;gap:var(--space-2)}.stage-card__skills li{margin:0;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--ink-soft);border:1px solid var(--line);border-radius:var(--radius-xs);padding:3px 9px;background:var(--paper)}.stage-card__skills li:before{display:none}.stage-card__resources li+li{margin-top:var(--space-2)}.stage-card__resource-link{display:inline-flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--ink);text-decoration:none;padding:var(--space-2) var(--space-3);margin-left:calc(-1 * var(--space-3));border-radius:var(--radius-xs);transition:background-color var(--dur-fast) var(--ease);max-width:100%}.stage-card__resource-link:hover{background:var(--paper-sunken)}.stage-card__resource-link:hover .stage-card__resource-name{text-decoration:underline;text-underline-offset:3px}.stage-card__resource-type{font-family:var(--font-mono);font-size:.625rem;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-ink);border:1px solid color-mix(in srgb,var(--accent-ink) 45%,transparent);border-radius:var(--radius-xs);padding:1px 6px;flex-shrink:0}.stage-card__resource-texts{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}.stage-card__resource-name{color:var(--ink);overflow-wrap:anywhere}.stage-card__resource-note{font-family:var(--font-mono);font-size:.625rem;letter-spacing:.04em;color:var(--ink-faint);font-style:italic}.stage-card__resource-icon{color:var(--ink-faint);flex-shrink:0;transition:transform var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.stage-card__resource-link:hover .stage-card__resource-icon{transform:translate(2px,-2px);color:var(--accent-ink)}.glossary-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,16.5rem),1fr));gap:var(--space-3)}.glossary-card{border:1px solid var(--line);border-top:2px solid var(--card-color, var(--line-strong));border-radius:var(--radius-sm);background:var(--paper);padding:var(--space-4)}.glossary-card__term{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-2)}.glossary-card__name{font-family:var(--font-mono);font-weight:700;font-size:var(--text-base);color:var(--ink)}.glossary-card__depth{font-family:var(--font-mono);font-size:.625rem;letter-spacing:.06em;padding:2px 7px;border-radius:var(--radius-xs);border:1px solid var(--line-strong);color:var(--ink-soft)}.glossary-card__depth--must{border-color:var(--accent);color:var(--accent)}.glossary-card__depth--familiar{border-color:var(--accent-ink);color:var(--accent-ink)}.glossary-card__depth--skip{border-style:dashed;color:var(--ink-faint)}.glossary-card__plain{font-size:var(--text-sm);color:var(--ink);margin-bottom:var(--space-3);line-height:1.7}.glossary-card__row{display:flex;gap:var(--space-2);font-size:var(--text-xs);line-height:1.65;padding-top:var(--space-2);border-top:1px solid var(--line)}.glossary-card__row+.glossary-card__row{margin-top:var(--space-2)}.glossary-card__label{flex-shrink:0;font-family:var(--font-mono);color:var(--ink-faint)}.glossary-card__value{color:var(--ink-soft)}.glossary-reveal{display:inline-flex;align-items:center;gap:var(--space-2);min-height:44px;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--accent-ink);border:1px dashed var(--line-strong);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);width:100%;justify-content:center;transition:background-color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.glossary-reveal:hover{background:var(--paper-sunken);border-color:var(--accent-ink)}.glossary-reveal__arrow{display:inline-flex}.glossary-grid--extended{margin-top:var(--space-3)}.glossary-card--extended{border-top-color:var(--line-strong)}@media(max-width:640px){.stage-card__header{gap:var(--space-3);padding:var(--space-4)}.stage-card__heading{flex-direction:column;align-items:flex-start;gap:var(--space-1)}.stage-card__index{font-size:1.5rem}.stage-card__section{padding:var(--space-4)}.stage-card__tag--done{display:none}.stage-card__actions{padding:var(--space-3) var(--space-4);gap:var(--space-2)}.stage-card__nav{max-width:34%;padding:var(--space-2)}.stage-card__nav-title{font-size:.6875rem}.stage-card__collapse{padding:var(--space-2) var(--space-3)}}.stage-list{position:relative;display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4) 0 var(--space-8)}.stage-list:before{content:"";position:absolute;top:0;bottom:0;left:var(--rail-x);width:2px;transform:translate(-50%);background:var(--accent);opacity:.45}.stage-list__item{position:relative;padding-left:calc(var(--rail-x) + 1.25rem);animation:page-rise var(--dur-slow) var(--ease-survey) both}.stage-list__item:before{content:"";position:absolute;top:2.1rem;left:var(--rail-x);width:1.25rem;height:2px;background:var(--accent);opacity:.45}.stage-list__item:nth-child(1){animation-delay:30ms}.stage-list__item:nth-child(2){animation-delay:80ms}.stage-list__item:nth-child(3){animation-delay:.13s}.stage-list__item:nth-child(4){animation-delay:.18s}.stage-list__item:nth-child(5){animation-delay:.23s}.stage-list__item:nth-child(6){animation-delay:.28s}.stage-list__item:nth-child(7){animation-delay:.33s}.stage-list__item:nth-child(8){animation-delay:.38s}@keyframes page-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.stage-list__terminus{position:relative;display:flex;align-items:center;gap:var(--space-3);padding-left:calc(var(--rail-x) + 1.25rem);padding-bottom:var(--space-4)}.stage-list__terminus-dot{width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:11px solid var(--stage-8);flex-shrink:0}.stage-list__terminus-label{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.1em;color:var(--ink-soft)}@media(min-width:48rem){.stage-list{gap:var(--space-5)}}.reset-section{display:flex;align-items:center;justify-content:center;gap:var(--space-3);flex-wrap:wrap;margin-top:var(--space-10);padding-top:var(--space-6);border-top:1px dashed var(--line-strong)}.reset-button{display:inline-flex;align-items:center;gap:var(--space-2);min-height:44px;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--danger);border:1px solid color-mix(in srgb,var(--danger) 55%,transparent);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-4);background:var(--paper-raised);transition:background-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.reset-button:hover{background:var(--danger);border-color:var(--danger);color:var(--paper-raised)}.reset-button__icon{flex-shrink:0}.reset-section__hint{font-size:var(--text-xs);color:var(--ink-faint)}.modal-overlay{position:fixed;inset:0;z-index:2147483647;display:flex;align-items:center;justify-content:center;padding:var(--space-5);background:var(--overlay);animation:overlay-in var(--dur-fast) var(--ease) both}.modal-dialog{width:min(100%,24rem);background:var(--paper-raised);border:1px solid var(--line-strong);border-top:4px solid var(--danger);border-radius:var(--radius-sm);box-shadow:var(--shadow-lift);padding:var(--space-8) var(--space-6) var(--space-6);text-align:center;animation:dialog-in var(--dur-base) var(--ease-stake) both}.modal-dialog__icon{color:var(--danger);margin-bottom:var(--space-3)}.modal-dialog__title{font-family:var(--font-serif);font-size:var(--text-xl);color:var(--ink);margin-bottom:var(--space-2)}.modal-dialog__desc{font-size:var(--text-sm);color:var(--ink-soft);margin-bottom:var(--space-6)}.modal-dialog__actions{display:flex;gap:var(--space-3)}.modal-dialog__btn{flex:1;min-height:44px;padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:600;border-radius:var(--radius-sm);transition:background-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.modal-dialog__btn--cancel{border:1px solid var(--line-strong);color:var(--ink);background:var(--paper)}.modal-dialog__btn--cancel:hover{background:var(--paper-sunken)}.modal-dialog__btn--confirm{border:1px solid var(--danger);background:var(--danger);color:var(--paper-raised)}.modal-dialog__btn--confirm:hover{filter:brightness(1.08)}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}@keyframes dialog-in{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.theme-toggle{display:inline-flex;gap:2px;padding:2px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--paper-raised)}.theme-toggle__option{display:inline-flex;align-items:center;gap:5px;min-height:44px;padding:5px var(--space-3);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--ink-faint);border-radius:var(--radius-xs);transition:background-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.theme-toggle__option svg{flex-shrink:0}.theme-toggle__option:hover:not(.theme-toggle__option--active){color:var(--ink)}.theme-toggle__option--active{background:var(--ink);color:var(--paper)}@media(max-width:480px){.theme-toggle__option{padding:5px var(--space-2)}}.mode-switch{display:inline-flex;gap:0;margin-top:var(--space-6);border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--paper-raised);overflow:hidden}.mode-switch__option{display:inline-flex;align-items:center;gap:var(--space-2);min-height:44px;padding:var(--space-3) var(--space-5);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--ink-soft);transition:background-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.mode-switch__option+.mode-switch__option{border-left:1px solid var(--line-strong)}.mode-switch__option svg{flex-shrink:0}.mode-switch__option:hover:not(.mode-switch__option--active){color:var(--ink);background:var(--paper-sunken)}.mode-switch__option--active{background:var(--ink);color:var(--paper)}@media(max-width:480px){.mode-switch{display:flex;width:100%}.mode-switch__option{flex:1;justify-content:center;padding:var(--space-3) var(--space-2)}}.knowledge-graph{position:relative;animation:page-rise var(--dur-slow) var(--ease-survey) both}.knowledge-graph__canvas{display:none;position:relative;width:100%;aspect-ratio:16 / 10;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:repeating-radial-gradient(circle at 30% 30%,transparent 0 52px,var(--contour) 52px 53px),var(--paper-raised);overflow:hidden;cursor:grab;touch-action:none}.knowledge-graph__canvas:fullscreen{display:block;width:100vw;height:100vh;aspect-ratio:auto;border:0;border-radius:0;background-color:var(--paper-raised)}.knowledge-graph__canvas:active{cursor:grabbing}.knowledge-graph__viewport{position:absolute;inset:0;transform-origin:0 0}.knowledge-graph__orchestrator{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;font-family:var(--font-mono);font-size:.625rem;letter-spacing:.12em;color:var(--ink-soft);padding:0 var(--space-1) var(--space-2)}.knowledge-graph__orchestrator-sub{color:var(--ink-faint);letter-spacing:.04em}.knowledge-graph__edges{position:absolute;inset:0;width:100%;height:100%}.kg-edge--dependency,.kg-edge--branch,.kg-edge--parallel,.kg-edge--convergent{fill:none;vector-effect:non-scaling-stroke;animation:edge-draw-in var(--dur-draw) var(--ease-survey) both}.kg-edge--dependency{stroke:var(--ink-soft);stroke-width:1.8}.kg-edge--branch{stroke:var(--accent-ink);stroke-width:1.6;stroke-dasharray:6 4}.kg-edge--parallel{stroke:var(--ink-faint);stroke-width:1.6;stroke-dasharray:1.5 4;stroke-linecap:round}.kg-edge--convergent{stroke:var(--accent);stroke-width:2.6;stroke-dasharray:8 3 1.5 3}@keyframes edge-draw-in{0%{opacity:0}to{opacity:1}}.kg-arrowhead{fill:none}.kg-arrowhead--dependency{stroke:var(--ink-soft)}.kg-arrowhead--branch{stroke:var(--accent-ink)}.kg-arrowhead--parallel{stroke:var(--ink-faint)}.kg-arrowhead--convergent{stroke:var(--accent)}.knowledge-graph__node{position:absolute;transform:translate(-50%,-50%);z-index:1}.knowledge-graph__bubble{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:1px;width:9rem;min-height:44px;padding:var(--space-2) var(--space-3);background:var(--paper-raised);border:1px solid var(--line-strong);border-radius:var(--radius-sm);text-align:left;cursor:move;touch-action:none;box-shadow:var(--shadow-card);transition:border-color var(--dur-base) var(--ease),background-color var(--dur-base) var(--ease),transform var(--dur-base) var(--ease-stake)}.knowledge-graph__bubble:hover{transform:translateY(-2px);border-color:var(--node-color, var(--ink))}.knowledge-graph__index{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;letter-spacing:.1em;color:var(--node-color, var(--ink-faint));font-variant-numeric:tabular-nums}.knowledge-graph__title{font-family:var(--font-serif);font-size:var(--text-sm);font-weight:700;color:var(--ink);line-height:1.35}.knowledge-graph__subtitle{display:none;font-size:var(--text-xs);color:var(--ink-faint);line-height:1.4}.knowledge-graph__node--completed .knowledge-graph__bubble{border-color:var(--node-color);background:color-mix(in srgb,var(--node-color) 7%,var(--paper-raised))}.knowledge-graph__node--completed .knowledge-graph__bubble:after{content:"";position:absolute;top:-1px;right:-1px;width:12px;height:12px;background:var(--node-color);clip-path:polygon(0 0,100% 0,100% 100%);border-radius:0 var(--radius-sm) 0 0}.knowledge-graph__node--terminus .knowledge-graph__bubble{outline:1px solid var(--node-color);outline-offset:3px}.knowledge-graph__node--convergence .knowledge-graph__bubble{border-style:dashed}.knowledge-graph__node--convergence.knowledge-graph__node--completed .knowledge-graph__bubble{border-style:solid}.knowledge-graph__loop-badge{position:absolute;transform:translate(-50%);display:inline-flex;align-items:center;gap:4px;white-space:nowrap;font-family:var(--font-mono);font-size:.625rem;letter-spacing:.06em;color:var(--stage-6);border:1px solid var(--stage-6);border-radius:var(--radius-xs);background:var(--paper);padding:2px 7px;pointer-events:none}.knowledge-graph__checkpoint,.knowledge-graph__hitl{position:absolute;z-index:2;display:inline-flex;align-items:center;gap:4px;transform:translate(-50%,-50%);font-family:var(--font-mono);font-size:.625rem;letter-spacing:.04em;color:var(--stage-6);background:var(--paper);border:1px dashed var(--stage-6);border-radius:var(--radius-xs);padding:2px 7px;white-space:nowrap;pointer-events:none}.knowledge-graph__controls{position:absolute;right:var(--space-3);bottom:var(--space-3);z-index:4;display:flex;align-items:center;gap:2px;padding:2px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--paper-raised);box-shadow:var(--shadow-card)}.knowledge-graph__zoom-readout{font-family:var(--font-mono);font-size:.625rem;color:var(--ink-faint);padding:0 var(--space-2);min-width:2.75rem;text-align:center;font-variant-numeric:tabular-nums}.knowledge-graph__control{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;color:var(--ink-soft);border-radius:var(--radius-xs);transition:background-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.knowledge-graph__control:hover{background:var(--paper-sunken);color:var(--ink)}.knowledge-graph__path{display:block;position:relative;padding-left:var(--space-2)}.knowledge-graph__path-item{position:relative}.knowledge-graph__path-row{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.knowledge-graph__path-node{display:flex;align-items:center;gap:var(--space-3);width:100%;min-height:56px;padding:var(--space-3);background:var(--paper-raised);border:1px solid var(--line-strong);border-left:3px solid var(--node-color, var(--line-strong));border-radius:var(--radius-sm);text-align:left;transition:background-color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.knowledge-graph__path-node:active{background:var(--paper-sunken)}.knowledge-graph__path-index{font-family:var(--font-mono);font-size:var(--text-lg);font-weight:700;color:var(--node-color, var(--ink-faint));font-variant-numeric:tabular-nums;flex-shrink:0}.knowledge-graph__path-texts{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}.knowledge-graph__path-title{font-family:var(--font-serif);font-size:var(--text-base);font-weight:700;color:var(--ink);line-height:1.35}.knowledge-graph__path-subtitle{font-size:var(--text-xs);color:var(--ink-faint)}.knowledge-graph__path-check{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;flex-shrink:0;border:2px solid var(--line-strong);border-radius:var(--radius-xs);color:transparent;transition:background-color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.knowledge-graph__path-node--completed{background:color-mix(in srgb,var(--node-color) 6%,var(--paper-raised))}.knowledge-graph__path-node--completed .knowledge-graph__path-check{background:var(--node-color);border-color:var(--node-color);color:var(--paper)}.knowledge-graph__path-loop{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-mono);font-size:.625rem;color:var(--stage-6);border:1px solid var(--stage-6);border-radius:var(--radius-xs);background:var(--paper);padding:2px 7px}.knowledge-graph__path-relation{display:inline-flex;align-items:center;gap:4px;margin:var(--space-2) 0 0 calc(var(--space-6) + 2px);font-family:var(--font-mono);font-size:.6875rem;color:var(--ink-soft);background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-xs);padding:3px 8px}.knowledge-graph__path-relation--dependency{border-left:3px solid var(--ink-soft)}.knowledge-graph__path-relation--branch{border-left:3px dashed var(--accent-ink)}.knowledge-graph__path-relation--parallel{border-left:3px dotted var(--ink-faint)}.knowledge-graph__path-relation--convergent{border-left:4px solid var(--accent)}.knowledge-graph__path-relation svg{color:var(--stage-6)}.knowledge-graph__path-edge{display:flex;align-items:center;gap:var(--space-3);padding:2px 0 2px calc(var(--space-6) + 2px);min-height:28px}.knowledge-graph__path-edge-line{width:2px;align-self:stretch;min-height:24px;background:var(--accent);opacity:.45}.knowledge-graph__path-edge-label{font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.04em;color:var(--ink-faint)}.knowledge-graph__legend{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3) var(--space-5);margin-top:var(--space-4);padding:var(--space-3) var(--space-4);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper-raised)}.knowledge-graph__legend-title{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.14em;color:var(--ink-faint)}.knowledge-graph__legend-item{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--ink-soft)}.knowledge-graph__legend-swatch{width:34px;height:10px}.knowledge-graph__legend-swatch .kg-edge--dependency,.knowledge-graph__legend-swatch .kg-edge--branch,.knowledge-graph__legend-swatch .kg-edge--parallel,.knowledge-graph__legend-swatch .kg-edge--convergent{animation:none}.knowledge-graph__legend-icon{color:var(--stage-6)}.knowledge-graph__legend-spacer{color:var(--ink-faint)}@media(min-width:48rem){.knowledge-graph__canvas{display:block}.knowledge-graph__path{display:none}}@media(min-width:64rem){.knowledge-graph__subtitle{display:block}.knowledge-graph__bubble{width:9.5rem;padding:var(--space-3) var(--space-4)}.knowledge-graph__title{font-size:var(--text-base)}}.knowledge-graph__node--selected .knowledge-graph__bubble{border-color:var(--node-color);box-shadow:0 0 0 2px var(--node-color),var(--shadow-lift);background:color-mix(in srgb,var(--node-color) 10%,var(--paper-raised))}.knowledge-graph__path-node--selected{border-color:var(--node-color);box-shadow:0 0 0 2px var(--node-color)}.kg-edge--highlight{opacity:1!important;stroke-width:3}.knowledge-graph__guide{margin-bottom:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper-raised)}.knowledge-graph__guide-title{display:block;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.14em;color:var(--ink-faint);margin-bottom:var(--space-2);text-transform:uppercase}.knowledge-graph__guide-items{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-5)}.knowledge-graph__guide-item{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);line-height:1.6;color:var(--ink-soft)}.knowledge-graph__guide-item strong{color:var(--ink);font-weight:600}.knowledge-graph__guide-dot{width:20px;height:2px;flex-shrink:0}.knowledge-graph__guide-dot--dependency{background:var(--ink-soft)}.knowledge-graph__guide-dot--branch{background:repeating-linear-gradient(90deg,var(--accent-ink) 0 4px,transparent 4px 7px)}.knowledge-graph__guide-dot--parallel{background:repeating-linear-gradient(90deg,var(--ink-faint) 0 1.5px,transparent 1.5px 4px)}.knowledge-graph__guide-dot--convergent{background:repeating-linear-gradient(90deg,var(--accent) 0 5px,transparent 5px 7px,var(--accent) 7px 8px,transparent 8px 10px)}.kg-detail-overlay{position:fixed;inset:var(--space-4);z-index:50;background:var(--overlay);display:flex;align-items:flex-end;justify-content:center;border-radius:var(--radius-sm);overflow:hidden;animation:kg-overlay-in var(--dur-fast) var(--ease)}@keyframes kg-overlay-in{0%{opacity:0}to{opacity:1}}.kg-detail{position:relative;width:100%;max-width:30rem;max-height:85vh;display:flex;flex-direction:column;background:var(--paper-raised);border-top:3px solid var(--node-color, var(--line-strong));border-radius:var(--radius-sm) var(--radius-sm) 0 0;box-shadow:var(--shadow-lift);animation:kg-detail-rise var(--dur-slow) var(--ease-survey);overflow:hidden}@keyframes kg-detail-rise{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media(min-width:64rem){.kg-detail-overlay{align-items:stretch;justify-content:flex-end}.kg-detail{width:24rem;max-width:24rem;max-height:none;height:100vh;border-top:none;border-left:3px solid var(--node-color, var(--line-strong));border-radius:0;animation:kg-detail-slide-in var(--dur-slow) var(--ease-survey)}@keyframes kg-detail-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}}.kg-detail__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--node-color, var(--ink-faint)) 5%,var(--paper-raised))}.kg-detail__header-titles{display:flex;align-items:flex-start;gap:var(--space-3);min-width:0}.kg-detail__index{font-family:var(--font-mono);font-size:var(--text-xl);font-weight:700;line-height:1;color:var(--node-color, var(--ink-faint));font-variant-numeric:tabular-nums;flex-shrink:0}.kg-detail__title{margin:0;font-family:var(--font-serif);font-size:var(--text-lg);font-weight:700;color:var(--ink);line-height:1.3}.kg-detail__subtitle{margin:var(--space-1) 0 0;font-size:var(--text-xs);color:var(--ink-soft)}.kg-detail__close{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;color:var(--ink-soft);border-radius:var(--radius-xs);transition:background-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.kg-detail__close:hover{background:var(--paper-sunken);color:var(--ink)}.kg-detail__body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;scrollbar-gutter:stable;padding:var(--space-4) var(--space-5)}.kg-detail__section+.kg-detail__section{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--line)}.kg-detail__section-title{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;letter-spacing:.12em;color:var(--ink-faint);margin-bottom:var(--space-2);text-transform:uppercase}.kg-detail__text{font-size:var(--text-sm);line-height:1.7;color:var(--ink);margin:0}.kg-detail__subtext{font-size:var(--text-xs);line-height:1.7;color:var(--ink-soft);margin:var(--space-2) 0 0}.kg-detail__list{margin:0;padding:0;list-style:none}.kg-detail__list li{position:relative;padding-left:var(--space-4);font-size:var(--text-xs);line-height:1.7;color:var(--ink-soft)}.kg-detail__list a{color:var(--accent-blue);text-decoration:underline;text-underline-offset:2px}.kg-detail__list li:before{content:"";position:absolute;left:0;top:.62em;width:6px;height:6px;background:var(--node-color, var(--ink-faint));transform:rotate(45deg)}.kg-detail__edges{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--space-2)}.kg-detail__edge{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs)}.kg-detail__edge-type{font-family:var(--font-mono);font-size:.625rem;letter-spacing:.06em;padding:2px 7px;border-radius:var(--radius-xs);border:1px solid var(--line-strong);color:var(--ink-soft);flex-shrink:0}.kg-detail__edge--dependency .kg-detail__edge-type{border-color:var(--ink-soft);color:var(--ink-soft)}.kg-detail__edge--branch .kg-detail__edge-type{border-color:var(--accent-ink);color:var(--accent-ink)}.kg-detail__edge--parallel .kg-detail__edge-type{border-color:var(--ink-faint);color:var(--ink-faint)}.kg-detail__edge--convergent .kg-detail__edge-type{border-color:var(--accent);color:var(--accent)}.kg-detail__edge-label{color:var(--ink-soft)}.kg-detail__checkbox{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--line);cursor:pointer;min-height:44px}.kg-detail__checkbox input{position:absolute;opacity:0;pointer-events:none}.kg-detail__checkbox-visual{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;background:var(--check-face);border:2px solid var(--line-strong);border-radius:var(--radius-xs);color:var(--paper);flex-shrink:0;transition:background-color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.kg-detail__checkbox input:checked+.kg-detail__checkbox-visual{background:var(--node-color, var(--accent));border-color:var(--node-color, var(--accent))}.kg-detail__checkbox-label{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;color:var(--ink-soft)}.kg-detail__footer{padding:var(--space-3) var(--space-5);border-top:1px solid var(--line);background:var(--paper)}.kg-detail__start{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;min-height:44px;font-family:var(--font-serif);font-size:var(--text-base);font-weight:700;color:var(--paper);background:var(--node-color, var(--ink));border:1px solid var(--node-color, var(--ink));border-radius:var(--radius-sm);transition:transform var(--dur-fast) var(--ease-stake),opacity var(--dur-fast) var(--ease)}.kg-detail__start:hover{transform:translateY(-1px)}.kg-detail__start:active{transform:translateY(0)}@media(min-width:48rem){.kg-detail-overlay{position:fixed;top:var(--kg-overlay-top);left:var(--kg-overlay-left);right:auto;bottom:auto;width:var(--kg-overlay-width);height:var(--kg-overlay-height);align-items:stretch;justify-content:flex-end;background:var(--overlay);border-radius:var(--radius-sm)}.kg-detail{width:24rem;max-width:min(24rem,100%);height:100%;max-height:none;border-top:none;border-left:3px solid var(--node-color, var(--line-strong));border-radius:0;animation:kg-detail-slide var(--dur-slow) var(--ease-survey)}@keyframes kg-detail-slide{0%{transform:translate(100%)}to{transform:translate(0)}}}.kg-detail-overlay.kg-detail-overlay--fullscreen{position:absolute;inset:0;width:100%;height:100%;border-radius:0;z-index:100}.primary-cta{position:fixed;left:50%;bottom:var(--space-5);transform:translate(-50%);z-index:40;width:min(calc(100% - 2 * var(--space-5)),26rem)}.primary-cta__button{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-5);background:var(--ink);color:var(--paper);border:1px solid var(--ink);border-radius:var(--radius-sm);box-shadow:var(--shadow-lift);text-align:left;transition:transform var(--dur-fast) var(--ease-stake),box-shadow var(--dur-fast) var(--ease),background-color var(--dur-fast) var(--ease)}.primary-cta__button:hover:not(:disabled){transform:translateY(-2px)}.primary-cta__button:active:not(:disabled){transform:translateY(0)}.primary-cta__label{font-family:var(--font-serif);font-size:var(--text-lg);font-weight:700;letter-spacing:.02em}.primary-cta__sublabel{margin-left:auto;font-family:var(--font-mono);font-size:var(--text-xs);opacity:.72;letter-spacing:.04em;text-align:right}.primary-cta__arrow{display:inline-flex;flex-shrink:0;animation:arrow-bob 1.6s var(--ease) infinite}@keyframes arrow-bob{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}.primary-cta__button--done{background:var(--paper-raised);color:var(--ink);border-color:var(--stage-8);box-shadow:var(--shadow-card)}.primary-cta__button--done .primary-cta__arrow{color:var(--stage-8);animation:none}.primary-cta__button--done .primary-cta__sublabel{opacity:.6}@media(max-width:480px){.primary-cta{bottom:var(--space-3)}.primary-cta__label{font-size:var(--text-base)}}.advanced-pack{position:relative;z-index:1;max-width:var(--content-max);margin:var(--space-8) auto 0;padding:var(--space-6) var(--space-5);border:1px dashed var(--line-strong);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--accent) 3%,var(--paper-raised))}.advanced-pack__header{display:flex;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-4)}.advanced-pack__header svg{color:var(--accent);flex-shrink:0;margin-top:2px}.advanced-pack__heading{min-width:0}.advanced-pack__title{margin:0;font-family:var(--font-serif);font-size:var(--text-lg);font-weight:700;color:var(--ink);line-height:1.3}.advanced-pack__subtitle{margin:var(--space-1) 0 0;font-size:var(--text-xs);line-height:1.6;color:var(--ink-soft)}.advanced-pack__list{display:flex;flex-direction:column;gap:var(--space-2)}.advanced-pack__card{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper-raised);overflow:hidden;transition:border-color var(--dur-base) var(--ease)}.advanced-pack__card--open{border-color:var(--line-strong);box-shadow:var(--shadow-card)}.advanced-pack__card-header{display:flex;align-items:center;gap:var(--space-3);width:100%;min-height:44px;padding:var(--space-3) var(--space-4);text-align:left;background:var(--paper-raised);transition:background-color var(--dur-fast) var(--ease)}.advanced-pack__card-header:hover{background:var(--paper-sunken)}.advanced-pack__card-index{font-family:var(--font-mono);font-size:var(--text-base);font-weight:700;color:color-mix(in srgb,var(--accent) 55%,transparent);font-variant-numeric:tabular-nums;flex-shrink:0}.advanced-pack__card-titles{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}.advanced-pack__card-title{font-family:var(--font-serif);font-size:var(--text-sm);font-weight:700;color:var(--ink);line-height:1.3}.advanced-pack__card-subtitle{font-size:var(--text-xs);color:var(--ink-faint)}.advanced-pack__card-chevron{display:inline-flex;color:var(--ink-faint);transition:transform var(--dur-base) var(--ease);flex-shrink:0}.advanced-pack__card--open .advanced-pack__card-chevron{transform:rotate(180deg);color:var(--ink)}.advanced-pack__card-body{display:none;height:0;min-height:0;overflow:hidden;visibility:hidden}.advanced-pack__card--open .advanced-pack__card-body{display:block;height:auto;visibility:visible}.advanced-pack__card-body-inner{overflow:hidden;min-height:0;padding:var(--space-4);border-top:1px solid var(--line);background:var(--paper)}.advanced-pack__card-desc{font-size:var(--text-sm);line-height:1.7;color:var(--ink);margin:0 0 var(--space-3)}.advanced-pack__topics{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:0 0 var(--space-4);padding:0;list-style:none}.advanced-pack__topics li{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--ink-soft);border:1px solid var(--line);border-radius:var(--radius-xs);padding:3px 9px;background:var(--paper-raised)}.advanced-pack__resources{margin:0;padding:0;list-style:none}.advanced-pack__resources li+li{margin-top:var(--space-2)}.advanced-pack__resource-link{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--ink);text-decoration:none;padding:var(--space-2) var(--space-3);border-radius:var(--radius-xs);transition:background-color var(--dur-fast) var(--ease)}.advanced-pack__resource-link:hover{background:var(--paper-sunken)}.advanced-pack__resource-type{font-family:var(--font-mono);font-size:.625rem;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-ink);border:1px solid color-mix(in srgb,var(--accent-ink) 45%,transparent);border-radius:var(--radius-xs);padding:1px 6px;flex-shrink:0}.advanced-pack__resource-name{overflow-wrap:anywhere}.advanced-pack__resource-note{font-family:var(--font-mono);font-size:.5625rem;letter-spacing:.04em;color:var(--ink-faint);font-style:italic}.advanced-pack__resource-icon{color:var(--ink-faint);flex-shrink:0;transition:transform var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.advanced-pack__resource-link:hover .advanced-pack__resource-icon{transform:translate(2px,-2px);color:var(--accent-ink)}.advanced-pack__further{display:flex;align-items:flex-start;gap:var(--space-2);margin-top:var(--space-4);padding:var(--space-3) var(--space-4);border-left:2px solid var(--accent);background:color-mix(in srgb,var(--accent) 4%,var(--paper-raised));border-radius:0 var(--radius-xs) var(--radius-xs) 0;text-decoration:none;color:inherit;transition:background-color var(--dur-fast) var(--ease)}.advanced-pack__further:hover{background:color-mix(in srgb,var(--accent) 10%,var(--paper-raised))}.advanced-pack__further-text{flex:1}.advanced-pack__further svg{color:var(--accent);flex-shrink:0;margin-top:2px}.advanced-pack__further-text{font-family:var(--font-mono);font-size:var(--text-xs);line-height:1.6;color:var(--ink-soft)}@media(min-width:48rem){.advanced-pack{padding:var(--space-8)}}.app{position:relative;min-height:100vh;overflow-x:clip}.app__contours{position:fixed;inset:0;pointer-events:none;z-index:0}.app__contours svg{width:100%;height:100%}.app__contours path{stroke:color-mix(in srgb,var(--ink) 9%,transparent);stroke-width:1;vector-effect:non-scaling-stroke}.app__header{position:relative;z-index:1;max-width:72rem;margin:0 auto;padding:var(--space-6) var(--space-5) 0}.app__top-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;padding-bottom:var(--space-4);border-bottom:1px solid var(--line-strong)}.app__eyebrow{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;color:var(--ink-soft);text-transform:uppercase}.app__eyebrow svg{color:var(--accent);flex-shrink:0}.app__eyebrow-dot{width:6px;height:6px;background:var(--accent);border-radius:var(--radius-full);flex-shrink:0}.app__masthead{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-8);padding:var(--space-10) 0 var(--space-8)}.app__masthead-main{min-width:0}.app__title{margin:0;font-family:var(--font-serif);font-size:var(--text-display);font-weight:900;letter-spacing:.01em;line-height:1.08;color:var(--ink)}.app__title-main{display:inline-block;position:relative;padding-bottom:var(--space-3)}.app__title-main:after{content:"";position:absolute;left:0;bottom:0;width:min(11rem,62%);height:4px;background:repeating-linear-gradient(90deg,var(--accent) 0 10px,transparent 10px 14px)}.app__subtitle{margin-top:var(--space-6);max-width:36rem;font-size:var(--text-lg);line-height:1.8;color:var(--ink-soft)}.app__lede{margin-top:var(--space-4);padding-left:var(--space-3);border-left:2px solid var(--accent);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--ink-faint)}.app__survey{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-5);border:1px solid var(--line-strong);background:var(--paper-raised);box-shadow:var(--shadow-card);align-self:start;min-width:0;max-width:100%}.app__survey-figure{font-family:var(--font-mono);font-size:clamp(4rem,8vw,6.5rem);font-weight:700;line-height:.95;letter-spacing:-.04em;color:var(--ink);font-variant-numeric:tabular-nums}.app__survey-caption{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.14em;color:var(--ink-faint);padding-bottom:var(--space-4);margin-bottom:var(--space-4);border-bottom:1px dashed var(--line-strong)}.app__legend{display:grid;grid-template-columns:1fr;gap:var(--space-2);min-width:0}.app__legend-item{display:flex;align-items:flex-start;gap:var(--space-2);font-size:var(--text-xs);line-height:1.5;color:var(--ink-soft);min-width:0;overflow-wrap:anywhere}.app__legend-dot{width:8px;height:8px;flex-shrink:0;margin-top:.32em;background:var(--legend-color, var(--ink-faint));transform:rotate(45deg)}.app__content{position:relative;z-index:1;max-width:var(--content-max);margin:0 auto;padding:var(--space-8) var(--space-5) var(--space-6)}.app__footer{position:relative;z-index:1;max-width:var(--content-max);margin:0 auto;padding:0 var(--space-5) calc(var(--space-16) + 5rem);text-align:center}.app__footer-line{display:block;width:3rem;height:3px;margin:0 auto var(--space-4);background:var(--accent)}.app__footer-text{font-family:var(--font-serif);font-size:var(--text-lg);color:var(--ink-soft)}@media(min-width:48rem){.app__header{padding:var(--space-8) var(--space-8) 0}.app__masthead{padding:var(--space-12) 0 var(--space-10)}.app__survey{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:var(--space-8);align-items:start}.app__survey-figure{grid-row:span 2}.app__survey-caption{border-bottom:none;padding-bottom:0;margin-bottom:0;writing-mode:initial}.app__legend{grid-row:span 2;grid-template-columns:1fr 1fr;gap:var(--space-2) var(--space-6);align-self:center}.app__content{padding:var(--space-10) var(--space-8) var(--space-8)}.app__footer{padding-bottom:calc(var(--space-16) + 5.5rem)}}@media(min-width:64rem){.app__masthead{grid-template-columns:minmax(0,1fr) 15rem;align-items:start}.app__survey{display:flex;flex-direction:column;gap:var(--space-2)}.app__survey-caption{border-bottom:1px dashed var(--line-strong);padding-bottom:var(--space-4);margin-bottom:var(--space-4)}.app__legend{grid-template-columns:1fr;gap:var(--space-2);align-self:stretch}}@media(max-width:480px){.app__masthead{padding:var(--space-8) 0 var(--space-6);gap:var(--space-6)}.app__legend{grid-template-columns:1fr 1fr;gap:var(--space-2) var(--space-4)}}:root{--stage-1: #1d4ed8;--stage-2: #0f766e;--stage-3: #4d7c0f;--stage-4: #a16207;--stage-5: #c2410c;--stage-6: #0e7490;--stage-7: #be185d;--stage-8: #b91c1c;--accent: #c2410c;--accent-ink: #1d4ed8;--danger: #b91c1c;--font-serif: "Songti SC", "Noto Serif SC", "STSong", "SimSun", Georgia, "Times New Roman", serif;--font-sans: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "SF Mono", ui-monospace, "Cascadia Code", Menlo, Consolas, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-display: clamp(2.5rem, 7.5vw, 4.75rem);--text-percent: clamp(2.75rem, 8vw, 4.5rem);--text-index: clamp(2.25rem, 5vw, 3.25rem);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-xs: 2px;--radius-sm: 3px;--radius-md: 5px;--radius-lg: 8px;--radius-full: 999px;--dur-fast: .14s;--dur-base: .22s;--dur-slow: .36s;--dur-draw: .64s;--ease: cubic-bezier(.4, 0, .2, 1);--ease-survey: cubic-bezier(.16, 1, .3, 1);--ease-stake: cubic-bezier(.34, 1.4, .64, 1);--content-max: 60rem;--rail-x: 1.125rem;--bar-h: 6.625rem}:root,:root[data-theme=light]{color-scheme:light;--paper: #f1efe7;--paper-raised: #faf8f1;--paper-sunken: #e7e4d7;--ink: #22262d;--ink-soft: #545b64;--ink-faint: #8d9298;--line: #d6d2c2;--line-strong: #b3ac97;--contour: rgba(34, 38, 45, .055);--graticule: rgba(29, 78, 216, .05);--shadow-card: 0 1px 0 rgba(34, 38, 45, .07), 0 5px 16px rgba(34, 38, 45, .07);--shadow-lift: 0 2px 0 rgba(34, 38, 45, .08), 0 12px 28px rgba(34, 38, 45, .12);--overlay: rgba(34, 38, 45, .48);--selection: rgba(194, 65, 12, .22);--check-face: #faf8f1;--focus-ring: var(--accent-ink)}:root[data-theme=dark]{color-scheme:dark;--paper: #14171c;--paper-raised: #1b1f26;--paper-sunken: #0f1216;--ink: #e9e6db;--ink-soft: #a9a89c;--ink-faint: #6f7268;--line: #2b3038;--line-strong: #3e444e;--contour: rgba(233, 230, 219, .06);--graticule: rgba(110, 168, 254, .06);--shadow-card: 0 1px 0 rgba(0, 0, 0, .4), 0 8px 22px rgba(0, 0, 0, .42);--shadow-lift: 0 2px 0 rgba(0, 0, 0, .4), 0 14px 32px rgba(0, 0, 0, .52);--overlay: rgba(10, 12, 15, .68);--selection: rgba(240, 105, 46, .32);--check-face: #1b1f26;--focus-ring: var(--accent-ink);--stage-1: #6ea8fe;--stage-2: #2dd4bf;--stage-3: #84cc16;--stage-4: #eab308;--stage-5: #f0692e;--stage-6: #22d3ee;--stage-7: #f472b6;--stage-8: #f87171;--accent: #f0692e;--accent-ink: #6ea8fe;--danger: #f87171}@media(min-width:48rem){:root{--bar-h: 7.125rem}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background-color:var(--paper);background-image:repeating-radial-gradient(circle at 18% 12%,transparent 0 46px,var(--contour) 46px 47px),repeating-radial-gradient(circle at 86% 88%,transparent 0 64px,var(--contour) 64px 65px),linear-gradient(90deg,var(--graticule) 1px,transparent 1px),linear-gradient(180deg,var(--graticule) 1px,transparent 1px);background-size:auto,auto,120px 120px,120px 120px;color:var(--ink);font-family:var(--font-sans);font-size:var(--text-base);line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden;transition:background-color var(--dur-slow) var(--ease),color var(--dur-slow) var(--ease)}h1,h2,h3,h4,h5{margin:0;font-weight:700;line-height:1.25}p,ul,ol{margin:0;padding:0}ul,ol{list-style:none}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}button:disabled{cursor:default}a{color:var(--accent-ink)}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:var(--radius-xs)}::selection{background:var(--selection)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}