@import "https://fonts.googleapis.com/css2?family=Caprasimo:wght@400&family=Figtree:wght@400;500;600;700&display=swap";:root{--color-bg:#f5ead8;--color-surface:#ebddc5;--color-surface-bright:#f9f4ed;--color-text:#201e1d;--color-accent:#c67139;--color-accent-2:#7a8a5e;--color-divider:#201e1d29;--color-neutral-100:#f9f4ed;--color-neutral-200:#eee7db;--color-neutral-300:#dcd3c4;--color-neutral-400:#c0b6a5;--color-neutral-500:#a19786;--color-neutral-600:#82796a;--color-neutral-700:#645c50;--color-neutral-800:#474238;--color-neutral-900:#2e2b25;--color-accent-100:#fff2eb;--color-accent-200:#ffe1d0;--color-accent-300:#ffc6a5;--color-accent-400:#f6a06b;--color-accent-500:#d67f48;--color-accent-600:#b2622d;--color-accent-700:#8c491a;--color-accent-800:#643312;--color-accent-900:#402310;--color-accent-2-100:#f0fae1;--color-accent-2-200:#e1eecc;--color-accent-2-300:#ccdbb2;--color-accent-2-400:#aebf92;--color-accent-2-500:#8fa073;--color-accent-2-600:#728157;--color-accent-2-700:#56633f;--color-accent-2-800:#3d472b;--color-accent-2-900:#272e1b;--color-mismatch:#9f3150;--color-mismatch-soft:#fbe7ed;--font-heading:"Caprasimo", system-ui, sans-serif;--font-body:"Figtree", system-ui, sans-serif;--space-1:4px;--space-2:8px;--space-3:13px;--space-4:18px;--space-6:26px;--space-8:35px;--radius-sm:8px;--radius-md:16px;--radius-lg:28px;--shadow-sm:0 1px 2px #2e2b2524;--shadow-md:0 3px 10px #2e2b2529;--shadow-lg:0 12px 32px #2e2b252e}*,:before,:after{box-sizing:border-box}html{background:var(--color-bg);min-width:320px}body{background:var(--color-bg);min-height:100vh;color:var(--color-text);font-family:var(--font-body);margin:0;font-size:15px;line-height:1.55}button,input{font:inherit}button{color:inherit}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.015em;margin:0;font-weight:400;line-height:1.12}p{margin:0}a{color:inherit;text-underline-offset:3px}:focus{outline:none}:focus-visible{outline:3px solid var(--color-accent-700);outline-offset:3px}::selection{background:var(--color-accent-300)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.btn{cursor:pointer;min-height:44px;color:var(--color-text);font-family:var(--font-heading);background:0 0;border:1.5px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:9px 18px;font-size:14px;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.42;cursor:not-allowed}.btn-primary{background:var(--color-accent-700);color:var(--color-neutral-100);border-color:var(--color-accent-700)}.btn-primary:not(:disabled):hover{background:var(--color-accent-800);border-color:var(--color-accent-800)}.btn-secondary{border-color:var(--color-divider);background:color-mix(in srgb, var(--color-neutral-100) 48%, transparent)}.btn-secondary:not(:disabled):hover{background:var(--color-neutral-100)}.btn-ghost{color:var(--color-accent-800)}.btn-icon{width:44px;min-width:44px;padding:0}.card{border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-md)}.card-kicker{color:var(--color-accent-800);letter-spacing:.11em;text-transform:uppercase;font-size:10px;font-weight:700}.tag{border-radius:999px;align-items:center;min-height:28px;padding:3px 10px;font-size:11px;display:inline-flex}.tag-accent{background:var(--color-accent-100);color:var(--color-accent-800)}.tag-sage{background:var(--color-accent-2-100);color:var(--color-accent-2-900)}.feedback-lane{border:1.5px solid var(--color-neutral-300);border-radius:var(--radius-md);background:var(--color-neutral-100);min-height:54px;color:var(--color-neutral-800);align-items:center;padding:11px 15px;font-size:14px;display:flex}.feedback-attention{border-color:var(--color-accent-300);background:var(--color-accent-100);color:var(--color-accent-900)}.feedback-success{border-color:var(--color-accent-2-300);background:var(--color-accent-2-100);color:var(--color-accent-2-900)}.feedback-mismatch{border-color:color-mix(in srgb, var(--color-mismatch) 35%, transparent);background:var(--color-mismatch-soft);color:var(--color-mismatch)}.stage-rail{scrollbar-width:thin;align-items:flex-start;gap:2px;padding:2px 1px 6px;display:flex;overflow-x:auto}.stage-step{min-width:76px;min-height:44px;color:var(--color-neutral-600);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:6px 8px;font-size:12px;display:inline-flex}.stage-step[aria-current=step]{background:var(--color-accent-100);color:var(--color-accent-900);font-weight:700}.stage-step.is-past{color:var(--color-accent-2-800)}.stage-step:disabled{cursor:default;color:var(--color-neutral-400)}.stage-dot{border:1.5px solid;border-radius:999px;flex:none;width:10px;height:10px}.stage-step[aria-current=step] .stage-dot,.stage-step.is-past .stage-dot{background:currentColor}@media (max-width:620px){body{font-size:14px}.stage-step{min-width:68px;padding-inline:6px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}#root{min-height:100vh}.app-shell{background:radial-gradient(circle at 88% 8%, color-mix(in srgb, var(--color-accent-2-100) 78%, transparent) 0 180px, transparent 181px), radial-gradient(circle at 4% 92%, color-mix(in srgb, var(--color-accent-100) 70%, transparent) 0 220px, transparent 221px), var(--color-bg);min-height:100vh}.app-loading{min-height:100vh;font-family:var(--font-heading);place-content:center;justify-items:center;gap:12px;display:grid}.brand-mark{color:var(--color-accent)}.app-loading .brand-mark{font-size:30px}.app-header{border-bottom:1px solid color-mix(in srgb, var(--color-text) 8%, transparent);align-items:center;gap:22px;min-height:66px;padding:11px clamp(18px,4vw,56px);display:flex}.brand-link{font-family:var(--font-heading);align-items:center;gap:9px;margin-right:auto;font-size:18px;text-decoration:none;display:inline-flex}.app-nav{align-items:center;gap:17px;display:flex}.app-nav a{color:var(--color-neutral-700);padding-block:6px;font-size:13px;text-decoration:none}.app-nav a[aria-current=page]{color:var(--color-accent-800);font-weight:700}.artifact-count{background:var(--color-neutral-100);color:var(--color-neutral-700);border-radius:999px;align-items:center;gap:6px;padding:5px 11px;font-size:11px;display:inline-flex}.page-kicker{color:var(--color-accent-800);letter-spacing:.12em;text-transform:uppercase;margin:0 0 7px;font-size:10px;font-weight:700}.atlas-page,.simple-page,.journey-page{width:min(1380px,100%);margin-inline:auto;padding:clamp(24px,4vw,52px)}.atlas-intro{grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);align-items:end;gap:28px;margin-bottom:24px;display:grid}.atlas-intro h1,.simple-hero h1{max-width:780px;font-size:clamp(38px,5vw,66px)}.atlas-intro>div:first-child>p:last-child,.simple-hero>p:last-child{max-width:720px;color:var(--color-neutral-700);margin-top:12px;font-size:clamp(16px,1.5vw,19px)}.atlas-note{border:1px solid var(--color-accent-2-300);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--color-accent-2-100) 78%, transparent);color:var(--color-accent-2-900);flex-direction:column;gap:8px;padding:16px 18px;font-size:13px;display:flex}.atlas-layout{grid-template-columns:minmax(0,1fr) 350px;align-items:start;gap:24px;display:grid}.route-card{background:radial-gradient(circle at 78% 74%, color-mix(in srgb, var(--color-accent-2-100) 70%, transparent) 0 130px, transparent 131px), var(--color-surface);padding:clamp(18px,3vw,34px);overflow:hidden}.route-card-heading{justify-content:space-between;align-items:end;gap:20px;display:flex}.route-card-heading h2{font-size:clamp(23px,3vw,32px)}.route-card-heading-small h2{font-size:23px}.route-summary{color:var(--color-neutral-600);font-size:12px}.route-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 16px;margin-top:28px;display:grid;position:relative}.route-grid:before{content:"";background:repeating-linear-gradient(90deg, var(--color-neutral-400) 0 8px, transparent 8px 14px);opacity:.7;height:2px;position:absolute;top:42px;left:13%;right:13%}.horizon-route:before{background:repeating-linear-gradient(90deg, var(--color-accent-2-300) 0 5px, transparent 5px 12px)}.route-node{z-index:1;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-rows:auto auto 1fr;grid-template-columns:auto 1fr;align-items:center;gap:2px 9px;min-width:0;min-height:142px;padding:0 4px;display:grid;position:relative}.route-node-glyph{border:3px solid var(--color-neutral-400);background:var(--color-surface);width:82px;height:82px;box-shadow:0 0 0 7px color-mix(in srgb, var(--color-surface) 80%, transparent);font-family:var(--font-heading);border-radius:999px;grid-row:1/span 2;place-items:center;font-size:25px;display:grid}.route-node-number{color:var(--color-neutral-600);letter-spacing:.1em;align-self:end;font-size:10px}.route-node strong{min-width:0;font-family:var(--font-heading);align-self:start;font-size:14px;line-height:1.2}.route-node small{color:var(--color-neutral-600);grid-column:1/-1;padding-left:4px;font-size:11px}.route-node[aria-pressed=true] .route-node-glyph{outline:7px solid color-mix(in srgb, var(--color-accent) 17%, transparent);outline-offset:3px}.route-node.map-open .route-node-glyph,.route-node.map-working .route-node-glyph{border-color:var(--color-accent);background:var(--color-accent-100)}.route-node.map-strong .route-node-glyph,.route-node.map-remembered .route-node-glyph{border-color:var(--color-accent-2-600);background:var(--color-accent-2-100)}.route-node.map-pending .route-node-glyph{color:var(--color-neutral-700);border-style:dashed}.route-divider{background:var(--color-divider);height:1px;margin:26px 0 22px}.journey-detail{background:var(--color-neutral-100);flex-direction:column;gap:18px;padding:24px;display:flex;position:sticky;top:18px}.detail-heading{grid-template-columns:58px minmax(0,1fr);align-items:center;gap:13px;display:grid}.detail-glyph{border:2px solid var(--color-neutral-400);width:58px;height:58px;font-family:var(--font-heading);border-radius:999px;place-items:center;font-size:22px;display:grid}.detail-glyph.map-open,.detail-glyph.map-working{border-color:var(--color-accent);background:var(--color-accent-100)}.detail-glyph.map-strong,.detail-glyph.map-remembered{border-color:var(--color-accent-2-600);background:var(--color-accent-2-100)}.detail-heading h2{font-size:25px}.journey-summary{color:var(--color-neutral-700)}.detail-question{border-block:1px solid var(--color-divider);justify-content:space-between;gap:12px;padding:13px 0;font-size:13px;display:flex}.detail-primary{align-self:flex-start}.migration-note{border:1px dashed var(--color-neutral-400);border-radius:var(--radius-md);color:var(--color-neutral-700);padding:14px;font-size:13px}.migration-note p{margin-top:4px}.map-legend{color:var(--color-neutral-700);flex-wrap:wrap;gap:9px 14px;font-size:11px;display:flex}.map-legend span{align-items:center;gap:5px;display:inline-flex}.legend-dot{border:2px solid var(--color-neutral-400);border-radius:999px;width:10px;height:10px}.legend-open{border-color:var(--color-accent);background:var(--color-accent-100)}.legend-working{border-color:var(--color-accent-2-600);background:var(--color-accent-2-100)}.legend-pending{border-style:dashed}.journey-page{padding-top:28px}.journey-shell{width:min(960px,100%);margin-inline:auto}.journey-header{padding:0 4px 16px}.journey-heading-row{justify-content:space-between;align-items:start;gap:20px;margin-bottom:12px;display:flex}.journey-heading-row h1{font-size:clamp(34px,5vw,49px)}.journey-header-actions{flex-wrap:wrap;justify-content:flex-end;gap:5px;display:flex}.stage-card{background:color-mix(in srgb, var(--color-surface) 92%, var(--color-neutral-100));flex-direction:column;gap:16px;min-height:620px;padding:clamp(18px,4vw,34px);display:flex}.stage-instruction{max-width:720px;color:var(--color-neutral-700);text-align:center;margin-inline:auto;font-size:15px;font-weight:600}.math-artifact{border:1.5px solid var(--color-neutral-300);border-radius:var(--radius-lg);background:radial-gradient(circle at 12% 12%, color-mix(in srgb, var(--color-accent-100) 72%, transparent) 0 72px, transparent 73px), var(--color-neutral-100);flex-direction:column;justify-content:center;gap:18px;width:min(720px,100%);min-height:260px;margin-inline:auto;padding:clamp(18px,4vw,30px);display:flex}.artifact-equation{min-height:54px;color:var(--color-neutral-900);font-family:var(--font-heading);letter-spacing:.02em;text-align:center;justify-content:center;align-items:center;font-size:clamp(34px,7vw,54px);display:flex}.value-bars{gap:13px;display:grid}.value-bar-row{color:var(--color-neutral-700);grid-template-columns:1fr auto;align-items:center;gap:4px 10px;font-size:12px;display:grid}.value-track{background:var(--color-neutral-300);border-radius:999px;grid-column:1/-1;height:13px;overflow:hidden}.value-fill{border-radius:inherit;height:100%;transition:width .18s;display:block}.value-fill-left{background:var(--color-accent)}.value-fill-right,.relation-equal .value-fill-left,.relation-equal .value-fill-right{background:var(--color-accent-2-600)}.artifact-silhouette{justify-content:center;align-items:center;gap:10px;min-height:76px;display:flex}.silhouette-box,.silhouette-known,.silhouette-target{min-width:62px;min-height:58px;font-family:var(--font-heading);border-radius:18px;place-items:center;font-size:24px;display:grid}.silhouette-box{border:2px dashed var(--color-accent);background:var(--color-accent-100);color:var(--color-accent-800)}.silhouette-known,.silhouette-target{border:1px solid var(--color-neutral-300);background:var(--color-surface)}.artifact-controls{grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:13px;display:grid}.artifact-slider-label{grid-template-columns:minmax(0,1fr) 58px;align-items:center;gap:13px;display:grid}.artifact-slider-label input{width:100%;min-height:44px;accent-color:var(--color-accent);cursor:pointer}.artifact-slider-label output{border:2px solid var(--color-accent);background:var(--color-surface);min-height:48px;color:var(--color-accent-800);font-family:var(--font-heading);border-radius:16px;place-items:center;font-size:22px;display:grid}.artifact-remediation{border:1px solid color-mix(in srgb, var(--color-mismatch) 34%, transparent);border-radius:var(--radius-md);background:var(--color-mismatch-soft);color:var(--color-mismatch);padding:10px 13px;font-size:13px}.stage-controls{flex-direction:column;flex:1;gap:14px;width:min(720px,100%);margin-inline:auto;display:flex}.stage-question{flex-direction:column;gap:12px;display:flex}.stage-question h2,.solve-form h2{font-size:clamp(19px,3vw,25px)}.choice-list{gap:8px;display:grid}.choice-button{border:1.5px solid var(--color-neutral-300);background:color-mix(in srgb, var(--color-neutral-100) 48%, transparent);text-align:left;cursor:pointer;border-radius:999px;grid-template-columns:18px 1fr;align-items:center;gap:10px;min-height:50px;padding:10px 14px;display:grid}.choice-button:not(:disabled):hover,.choice-button.is-selected{border-color:var(--color-accent);background:var(--color-accent-100)}.choice-button:disabled{cursor:default}.choice-marker{border:2px solid var(--color-neutral-400);border-radius:999px;width:16px;height:16px}.choice-button.is-selected .choice-marker{border-color:var(--color-accent);box-shadow:inset 0 0 0 3px var(--color-accent-100);background:var(--color-accent)}.stage-actions,.inline-actions,.completion-actions,.reset-actions{flex-wrap:wrap;justify-content:flex-end;gap:9px;display:flex}.name-reveal{border-radius:var(--radius-md);background:var(--color-accent-2-100);justify-content:center;align-items:center;gap:18px;min-height:76px;padding:12px;display:flex}.name-symbol{border:2px solid var(--color-accent);background:var(--color-accent-100);width:58px;height:58px;font-family:var(--font-heading);border-radius:16px;place-items:center;font-size:28px;display:grid}.name-arrow{color:var(--color-neutral-500);font-size:25px}.name-reveal strong{font-family:var(--font-heading);font-size:22px}.solve-form{grid-template-columns:minmax(0,1fr) 150px;align-items:end;gap:12px 20px;display:grid}.solve-form .inline-actions{grid-column:1/-1}.solve-story{color:var(--color-neutral-700);margin:10px 0 5px}.answer-field{color:var(--color-neutral-700);gap:5px;font-size:12px;display:grid}.answer-field input{border:1.5px solid var(--color-neutral-400);background:var(--color-neutral-100);width:100%;min-height:48px;color:var(--color-text);font-family:var(--font-heading);border-radius:999px;padding:7px 14px;font-size:20px}.completion-panel{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:300px;display:flex}.completion-star{color:var(--color-accent);font-size:36px}.completion-panel h2{font-size:clamp(25px,4vw,34px)}.takeaway-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;display:grid}.takeaway-row span{border:1px solid var(--color-accent-2-300);border-radius:var(--radius-md);background:var(--color-accent-2-100);min-height:88px;color:var(--color-accent-2-900);flex-direction:column;justify-content:center;gap:4px;padding:10px;font-size:12px;display:flex}.takeaway-row strong{letter-spacing:.08em;font-size:10px}.dev-inspector{border:1px dashed var(--color-neutral-400);border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-neutral-100) 72%, transparent);color:var(--color-neutral-700);margin-top:16px;font-size:12px}.dev-inspector summary{cursor:pointer;align-items:center;min-height:44px;padding:8px 14px;font-weight:700;display:flex}.inspector-grid{grid-template-columns:160px minmax(0,1fr);gap:12px;padding:0 14px 14px;display:grid}.inspector-grid>div{grid-template-columns:1fr auto;align-content:start;gap:6px 10px;display:grid}.inspector-grid pre{background:var(--color-neutral-900);max-height:260px;color:var(--color-neutral-100);white-space:pre-wrap;border-radius:10px;margin:0;padding:10px;overflow:auto}.simple-page{width:min(1080px,100%)}.simple-hero{margin-bottom:28px}.fieldbook-card{padding:clamp(20px,4vw,32px)}.fieldbook-title{grid-template-columns:66px minmax(0,1fr) auto;align-items:center;gap:14px;display:grid}.fieldbook-glyph{border:2px solid var(--color-accent);background:var(--color-accent-100);width:66px;height:66px;font-family:var(--font-heading);border-radius:999px;place-items:center;font-size:28px;display:grid}.evidence-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 24px;margin-top:26px;display:grid}.evidence-item>div:first-child{color:var(--color-neutral-700);text-transform:capitalize;justify-content:space-between;gap:8px;font-size:12px;display:flex}.evidence-track{background:var(--color-neutral-300);border-radius:999px;height:9px;margin-top:5px;overflow:hidden}.evidence-track span{border-radius:inherit;background:var(--color-accent-2-600);height:100%;display:block}.fieldbook-note{border-radius:var(--radius-md);background:var(--color-neutral-100);color:var(--color-neutral-700);margin-top:24px;padding:13px 15px}.account-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.account-card{flex-direction:column;gap:13px;min-height:250px;padding:26px;display:flex}.account-card dl{gap:8px;margin:auto 0 0;display:grid}.account-card dl div{border-top:1px solid var(--color-divider);justify-content:space-between;gap:12px;padding-top:8px;font-size:12px;display:flex}.account-card dt{color:var(--color-neutral-600)}.account-card dd{text-align:right;margin:0}.account-future{background:var(--color-neutral-100)}.reset-panel{border:1px dashed var(--color-neutral-400);border-radius:var(--radius-lg);margin-top:22px;padding:20px}.reset-panel h2{font-size:20px}.reset-panel p{color:var(--color-neutral-700);margin:5px 0 13px}.reset-actions{justify-content:flex-start}.not-found,.migration-page{flex-direction:column;justify-content:center;align-items:flex-start;gap:16px;min-height:calc(100vh - 70px);display:flex}.migration-page-card{grid-template-columns:80px minmax(0,1fr);align-items:center;gap:18px;max-width:720px;padding:24px;display:grid}.migration-glyph{border:2px dashed var(--color-neutral-400);width:80px;height:80px;font-family:var(--font-heading);border-radius:999px;place-items:center;font-size:28px;display:grid}@media (max-width:1040px){.atlas-layout{grid-template-columns:1fr}.journey-detail{position:static}}@media (max-width:760px){.app-header{flex-wrap:wrap;gap:6px 14px}.brand-link{order:1}.artifact-count{order:2}.app-nav{order:3;width:100%}.atlas-intro{grid-template-columns:1fr}.route-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.route-grid:before{display:none}.route-node{min-height:124px}.route-node-glyph{width:68px;height:68px}.journey-heading-row{flex-direction:column}.journey-header-actions{justify-content:flex-start}.solve-form{grid-template-columns:1fr}.solve-form .inline-actions{grid-column:auto}.takeaway-row,.evidence-grid,.account-grid,.inspector-grid{grid-template-columns:1fr}}@media (max-width:480px){.atlas-page,.simple-page,.journey-page{padding:20px 14px 32px}.app-header{padding-inline:14px}.app-nav{gap:13px}.route-card{padding:17px 13px}.route-card-heading{flex-direction:column;align-items:start;gap:4px}.route-grid{gap:18px 5px}.route-node{grid-template-columns:58px minmax(0,1fr);padding:0}.route-node-glyph{width:58px;height:58px;font-size:20px}.route-node strong{font-size:12px}.detail-heading{grid-template-columns:50px minmax(0,1fr)}.detail-glyph{width:50px;height:50px}.stage-card{min-height:570px;padding:16px 12px}.math-artifact{min-height:240px;padding:17px 12px}.artifact-equation{font-size:34px}.artifact-controls{gap:7px}.artifact-slider-label{grid-template-columns:minmax(0,1fr) 48px;gap:7px}.artifact-slider-label output{min-height:44px;font-size:18px}.choice-button{border-radius:18px}.stage-actions .btn,.inline-actions .btn,.completion-actions .btn{flex:auto}.fieldbook-title{grid-template-columns:54px minmax(0,1fr)}.fieldbook-glyph{width:54px;height:54px}.fieldbook-state{grid-column:1/-1;justify-self:start}}