@import "https://fonts.googleapis.com/css2?family=Work+Sans:wght@400;500;600;700;800&display=swap";:root{color:#173042;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 0 0,#ffd49b24,#0000 24%),linear-gradient(#fbfaf7 0%,#f6f5f1 100%);font-family:Work Sans,Avenir Next,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:0 0;min-width:320px;margin:0}body,button,input{font-family:inherit}button,input{border:0}button{cursor:pointer}a{color:inherit}img,svg{max-width:100%;display:block}h1,h2,h3,h4,p,dl,dt,dd,ul{margin:0}ul{padding:0}#root{min-height:100vh}.app-shell{--accent:#2d7cff;--accent-soft:#2d7cff24;--accent-alt:#11b39a;--theme-ink:#11253f;--theme-canvas:#f4f8ff;--theme-mesh:linear-gradient(145deg, #f9fbff 0%, #eef5ff 56%, #f7fffd 100%);--theme-glow:#2d7cff38;--surface:#ffffffeb;--surface-soft:#ffffffc2;--border:#11253f1a;--shadow:0 20px 48px #0d1e2f14, 0 8px 22px #0d1e2f0d;min-height:100vh;color:var(--theme-ink)}.section-label,.page-meta span,.drawer-paper span,.module-badge,.diagram-node-badge{letter-spacing:.14em;text-transform:uppercase;color:#11253f94;font-size:.72rem}.drawer-scrim{opacity:0;pointer-events:none;z-index:30;background:#0b172647;transition:opacity .18s;position:fixed;inset:0}.drawer-scrim.open{opacity:1;pointer-events:auto}.paper-drawer{z-index:40;background:#fafcfff5;border-left:1px solid #11253f14;width:min(320px,100vw - 32px);height:100vh;padding:22px 18px;transition:transform .18s;position:fixed;top:0;right:0;overflow-y:auto;transform:translate(100%);box-shadow:-18px 0 44px #0d1e2f1f}.paper-drawer.open{transform:translate(0)}.drawer-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.drawer-header h2,.page-heading h1,.card-header h2,.article-card h3,.module-panel h3,.glossary-item h3{letter-spacing:-.03em;color:var(--theme-ink);margin:0;font-weight:700}.drawer-header h2{margin-top:8px;font-size:1.35rem}.drawer-close,.menu-button,.scene-tab,.ghost-button,.primary-button,.module-chip{color:var(--theme-ink);background:#ffffffe0;border:1px solid #11253f1a;transition:transform .18s,background-color .18s,border-color .18s,box-shadow .18s}.drawer-close,.menu-button,.ghost-button,.primary-button{border-radius:999px;min-height:40px;padding:0 14px}.drawer-list{gap:10px;margin-top:20px;display:grid}.drawer-paper{text-align:left;background:#ffffffd1;border:1px solid #11253f14;border-radius:18px;width:100%;padding:14px 14px 15px}.drawer-paper.active{background:color-mix(in srgb, var(--accent-soft) 74%, white);border-color:color-mix(in srgb, var(--accent) 26%, transparent)}.drawer-paper strong{margin-top:8px;font-size:1rem;line-height:1.25;display:block}.drawer-paper p{color:#11253fad;margin:8px 0 0;font-size:.92rem}.page-shell{max-width:1040px;margin:0 auto;padding:24px 20px 56px}.page-header{gap:16px;display:grid}.header-top{justify-content:space-between;align-items:center;gap:16px;display:flex}.site-brand{align-items:center;gap:12px;min-width:0;display:inline-flex}.site-brand-copy{min-width:0}.site-brand-copy strong{letter-spacing:-.03em;color:var(--theme-ink);font-size:1.28rem;font-weight:700;display:block}.site-brand-copy span{color:#11253fa3;margin-top:2px;font-size:.92rem;display:block}.atlas-mark{flex:none;width:56px;height:56px}.library-button{align-items:center;gap:10px;padding:0 16px 0 13px;display:inline-flex}.library-icon{gap:4px;width:18px;display:inline-grid}.library-icon span{background:var(--theme-ink);border-radius:999px;height:2px;display:block}.library-icon span:first-child{width:18px}.library-icon span:nth-child(2){width:14px}.library-icon span:nth-child(3){width:18px}.menu-button:hover,.drawer-close:hover,.scene-tab:hover,.ghost-button:hover,.primary-button:hover,.module-chip:hover{transform:translateY(-1px)}.page-heading{gap:10px;min-width:0;display:grid}.page-heading-top{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.page-meta{flex-wrap:wrap;gap:10px;display:flex}.page-heading h1{font-size:clamp(1.7rem,3vw,2.4rem);line-height:1.08}.page-heading p{color:#11253fb8;font-size:1rem}.page-links{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:14px;display:flex}.page-links a{color:#11253fb8;align-items:center;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.page-links a:hover{color:var(--theme-ink);text-underline-offset:.18em;text-decoration:underline}.primary-button{border-radius:999px;justify-content:center;align-items:center;min-height:40px;padding:0 14px;text-decoration:none;display:inline-flex}.page-content{gap:18px;margin-top:20px;display:grid}.diagram-card,.article-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:24px}.diagram-card{background:linear-gradient(180deg, #fffffff0, #ffffffe0), var(--theme-mesh);padding:18px}.article-column{gap:16px;display:grid}.article-card{padding:18px}.card-header h2{margin-top:8px;font-size:1.28rem}.card-header p,.overview-grid p,.story-toggle-copy p,.story-body p,.why-box p,.module-panel p,.glossary-item p,.connection-list li span,.diagram-footer p{color:#11253fb8}.card-header p{margin:10px 0 0}.scene-tabs{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.scene-tab{border-radius:999px;min-height:36px;padding:0 12px;font-size:.9rem}.scene-tab.active,.module-chip.active{background:color-mix(in srgb, var(--accent-soft) 76%, white);border-color:color-mix(in srgb, var(--accent) 26%, transparent);box-shadow:0 10px 20px color-mix(in srgb, var(--theme-glow) 22%, transparent)}.mechanism-canvas{background:linear-gradient(180deg, #ffffff2e, #ffffff14), var(--theme-mesh);border:1px solid color-mix(in srgb, var(--accent) 12%, #11253f14);border-radius:20px;margin-top:16px;padding:10px;overflow:hidden}.diagram-svg{width:100%;height:auto}.diagram-plane{fill:#ffffff9e;stroke:#11253f14;stroke-width:1px}.diagram-grid-surface{opacity:.3}.diagram-tone-accent{--tone-fill:color-mix(in srgb, var(--accent-soft) 72%, white);--tone-stroke:color-mix(in srgb, var(--accent) 32%, transparent);--tone-line:color-mix(in srgb, var(--accent) 82%, white)}.diagram-tone-alt{--tone-fill:color-mix(in srgb, var(--accent-alt) 14%, white);--tone-stroke:color-mix(in srgb, var(--accent-alt) 34%, transparent);--tone-line:color-mix(in srgb, var(--accent-alt) 82%, white)}.diagram-tone-neutral{--tone-fill:#ffffffe6;--tone-stroke:#11253f1a;--tone-line:#11253f6b}.diagram-tone-muted{--tone-fill:#f8fafce0;--tone-stroke:#11253f14;--tone-line:#11253f5c}.diagram-group-shell{fill:#0000;stroke:color-mix(in srgb, var(--tone-stroke) 76%, transparent);stroke-width:1.1px}.diagram-group-chip{fill:#ffffffeb;stroke:color-mix(in srgb, var(--tone-stroke) 70%, transparent);stroke-width:1px}.diagram-group-label{fill:#11253fa3;font-size:.76rem;font-weight:600}.diagram-edge{fill:none;stroke:var(--tone-line);color:var(--tone-line);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;opacity:.72}.diagram-edge.dashed,.diagram-edge.feedback{stroke-dasharray:10 10}.diagram-edge.is-inspected{stroke-width:3.3px;opacity:1}.diagram-edge.merge-connector{stroke-width:2.2px;opacity:.88}.diagram-node{cursor:pointer}.diagram-node-stack{fill:color-mix(in srgb, var(--tone-fill) 74%, white);stroke:color-mix(in srgb, var(--tone-stroke) 86%, transparent);stroke-width:1px}.diagram-node-core{fill:var(--tone-fill);stroke:var(--tone-stroke);stroke-width:1.2px;filter:drop-shadow(0 10px 18px #0d1e2f14)}.diagram-node-outline{fill:none;stroke:color-mix(in srgb, var(--tone-line) 60%, transparent);stroke-width:2.2px}.diagram-node.is-inspected .diagram-node-core{filter:drop-shadow(0 14px 24px color-mix(in srgb, var(--theme-glow) 28%, transparent))}.diagram-node-badge{fill:#11253f8c;font-size:.56rem;font-weight:700}.diagram-node-text{fill:var(--theme-ink);font-size:.86rem;font-weight:600}.diagram-merge-core{fill:#fffffff0;stroke:color-mix(in srgb, var(--tone-line) 72%, transparent);stroke-width:1.6px}.diagram-merge-text{fill:var(--theme-ink);letter-spacing:.04em;text-transform:uppercase;font-size:.6rem;font-weight:700}.diagram-footer{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) auto;align-items:start;gap:12px;margin-top:14px;display:grid}.diagram-scene-copy strong{margin-top:8px;font-size:1.02rem;display:block}.diagram-scene-copy p{margin:8px 0 0}.diagram-focus-card{background:#ffffffd6;border:1px solid #11253f14;border-radius:18px;padding:14px 16px}.diagram-focus-card strong{margin-top:8px;font-size:.98rem;display:block}.diagram-focus-card p{color:#11253fb8;margin:8px 0 0}.diagram-actions{gap:8px;display:flex}.ghost-button,.primary-button{border-radius:999px;min-height:40px;padding:0 14px}.primary-button{background:var(--theme-ink);color:#fff;border-color:var(--theme-ink)}.ghost-button:disabled,.primary-button:disabled{opacity:.46;cursor:not-allowed;box-shadow:none;transform:none}.overview-grid,.notes-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:14px;display:grid}.overview-grid h3,.notes-grid h3,.glossary-item h3,.module-panel h3{font-size:1rem}.overview-grid p,.notes-grid .plain-list{margin-top:8px}.story-list{gap:12px;margin-top:14px;display:grid}.story-block{background:var(--surface-soft);border:1px solid #11253f14;border-radius:18px}.story-block.active{background:color-mix(in srgb, var(--accent-soft) 46%, white);border-color:color-mix(in srgb, var(--accent) 22%, transparent)}.story-toggle{text-align:left;background:0 0;grid-template-columns:44px minmax(0,1fr);gap:12px;width:100%;padding:14px;display:grid}.story-number{background:#ffffffe6;border:1px solid #11253f14;border-radius:999px;justify-content:center;align-items:center;width:38px;height:38px;font-size:.82rem;font-weight:700;display:inline-flex}.story-toggle-copy strong{font-size:1rem;display:block}.story-toggle-copy p{margin:8px 0 0}.story-body{gap:12px;padding:0 14px 14px 58px;display:grid}.why-box{background:#ffffffc7;border:1px solid #11253f14;border-radius:16px;padding:14px}.why-box span{letter-spacing:.14em;text-transform:uppercase;color:#11253f94;font-size:.72rem}.why-box p{margin:8px 0 0}.module-chip-row{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.module-chip{border-radius:999px;min-height:36px;padding:0 12px;font-size:.9rem}.module-panel{background:var(--surface-soft);border:1px solid #11253f14;border-radius:18px;margin-top:14px;padding:16px}.module-panel p{margin:8px 0 0}.connection-list,.plain-list{margin:12px 0 0;padding:0;list-style:none}.connection-list li,.plain-list li{padding-left:18px;position:relative}.connection-list li:before,.plain-list li:before{content:"";background:color-mix(in srgb, var(--accent) 78%, white);border-radius:999px;width:7px;height:7px;position:absolute;top:9px;left:0}.connection-list li+li,.plain-list li+li{margin-top:10px}.connection-list li strong{font-size:.92rem;display:block}.glossary-list{gap:12px;margin-top:14px;display:grid}.glossary-item{background:var(--surface-soft);border:1px solid #11253f14;border-radius:16px;padding:14px}.glossary-item p{margin:8px 0 0}@media (width<=900px){.page-shell{padding:18px 14px 40px}.overview-grid,.notes-grid{grid-template-columns:1fr}.header-top,.page-header{display:grid}.header-top{justify-content:stretch}.diagram-footer{grid-template-columns:1fr}.page-heading-top,.page-links{justify-content:flex-start}.page-heading-top{gap:10px}.diagram-actions{width:100%}.ghost-button,.primary-button{flex:auto}}@media (width<=640px){.scene-tabs,.module-chip-row,.diagram-actions{flex-direction:column}.page-heading-top{display:grid}.scene-tab,.module-chip,.ghost-button,.primary-button{width:100%}.library-button{justify-self:end}.story-body{padding:0 14px 14px}}