@import"https://fonts.googleapis.com/css2?family=Source+Serif+4:opsz,wght@8..60,300;8..60,400;8..60,500;8..60,600;8..60,700&family=JetBrains+Mono:wght@300;400;500&family=Instrument+Serif:ital@0;1&display=swap";.visualization{width:100%}.viz-card{background:var(--surface);border-radius:var(--card-radius);border:var(--card-border);padding:var(--card-padding);display:flex;flex-direction:column;transition:border-color .2s ease-out}.viz-card:hover{border-color:var(--border-hover)}.viz-card--compact{padding:var(--card-padding-compact)}.viz-card--spacious{padding:var(--card-padding-spacious)}.viz-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--chart-header-gap);flex-shrink:0}.viz-card__title{font-size:var(--text-sm);font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin:0}.viz-card__badge{font-size:var(--text-xs);font-family:JetBrains Mono,monospace;color:var(--primary);background:#a8dadc1a;padding:var(--space-1) var(--space-3);border-radius:100px;border:1px solid var(--border)}.viz-card__body{flex:1;display:flex;flex-direction:column;min-height:0}.viz-card__footer{margin-top:var(--chart-footer-gap);flex-shrink:0}.story-section{display:grid;grid-template-columns:1fr 1.4fr;gap:var(--space-10);min-height:560px;align-items:center;margin-bottom:var(--section-gap)}.story-content{display:flex;flex-direction:column;gap:var(--space-7)}.story-text{display:flex;flex-direction:column;gap:var(--space-4)}.step-indicator{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.15em;color:var(--primary);font-family:JetBrains Mono,monospace;font-weight:500}.story-text h2{font-size:var(--text-4xl);font-family:Playfair Display,Georgia,serif;font-weight:500;color:var(--off-white);line-height:1.2}.story-text p{font-size:var(--text-xl);color:var(--text-muted);line-height:1.85}.story-stats{display:flex;gap:var(--space-7);padding:var(--card-padding);background:var(--surface);border-radius:var(--card-radius);border:var(--card-border)}.story-stat{display:flex;flex-direction:column;gap:var(--space-1)}.stat-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.stat-value{font-size:var(--text-xl);font-weight:600;color:var(--primary);font-family:JetBrains Mono,monospace}.stat-value.good{color:var(--success)}.stat-value.warning{color:var(--warning)}.stat-value.bad{color:var(--error)}.story-nav{display:flex;gap:var(--space-4);margin-top:var(--space-3)}.story-nav button{display:flex;align-items:center;gap:var(--space-2)}.story-nav button:disabled{opacity:.4;cursor:not-allowed;transform:none}.story-viz{background:var(--surface);border-radius:var(--card-radius);padding:var(--card-padding-spacious);border:var(--card-border);min-height:420px;display:flex;align-items:center;justify-content:center}.interactive-section{display:flex;flex-direction:column;gap:var(--space-7)}.viz-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-7);margin-bottom:var(--space-3)}.header-content h1{margin-bottom:var(--space-3);font-size:var(--text-3xl)}.header-content p{color:var(--text-muted);max-width:680px;font-size:var(--text-lg);line-height:1.75}.reset-btn{display:flex;align-items:center;gap:var(--space-2);white-space:nowrap}.controls-row{display:flex;gap:var(--space-7);align-items:flex-end;flex-wrap:wrap;padding:var(--card-padding);background:var(--surface);border-radius:var(--card-radius);border:var(--card-border)}.control-group{display:flex;flex-direction:column;gap:var(--space-3)}.control-group label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);font-weight:500}.slider-control{flex:1;min-width:240px}.slider-with-labels{display:flex;align-items:center;gap:var(--space-4)}.slider-with-labels input{flex:1}.slider-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);white-space:nowrap}.slider-value{font-size:var(--text-lg);font-weight:600;color:var(--off-white);font-family:JetBrains Mono,monospace;min-width:65px;text-align:right}.control-buttons{display:flex;gap:var(--space-3);align-items:flex-end}.control-buttons button{display:flex;align-items:center;gap:var(--space-2)}.toggle-group{display:flex;gap:0;border-radius:var(--card-radius-sm);overflow:hidden;border:var(--card-border)}.toggle-group button{padding:var(--space-3) var(--space-4);border-radius:0;background:var(--surface-light);color:var(--text-muted);font-size:var(--text-sm);border:none;text-transform:uppercase;letter-spacing:.05em;transition:all .2s ease-out}.toggle-group button:hover:not(.active){background:var(--surface)}.toggle-group button.active{background:var(--primary);color:var(--text)}.toggle-group button:first-child{border-radius:var(--card-radius-sm) 0 0 var(--card-radius-sm)}.toggle-group button:last-child{border-radius:0 var(--card-radius-sm) var(--card-radius-sm) 0}.status-banner{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--surface);border-radius:var(--card-radius);border:1px solid;border-left-width:4px}.status-text{display:flex;flex-direction:column;gap:var(--space-1)}.status-label{font-weight:600;font-size:var(--text-base);text-transform:uppercase;letter-spacing:.05em}.status-desc{font-size:var(--text-sm);color:var(--text-muted);line-height:1.5}.metrics-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--grid-gap)}.metric-card.accent{background:var(--surface);border-radius:var(--card-radius);padding:var(--card-padding-compact) var(--card-padding);display:flex;gap:var(--space-4);align-items:center;border:var(--card-border);transition:all .2s ease-out;min-height:80px}.metric-card.accent:hover{border-color:var(--border-hover)}.metric-icon{color:var(--primary);opacity:.7;flex-shrink:0}.metric-info{display:flex;flex-direction:column;gap:var(--space-1)}.metric-info .label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.metric-info .value{font-size:var(--text-2xl);font-weight:600;font-family:JetBrains Mono,monospace;color:var(--off-white)}.metric-info .value.good{color:var(--success)}.metric-info .value.warning{color:var(--warning)}.metric-info .value.bad{color:var(--error)}.metric-info .status{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.viz-grid,.plots-row,.plots-container{display:grid;grid-template-columns:1.4fr 1fr;gap:var(--grid-gap-loose)}.main-plot{grid-row:span 2}.side-plots{display:flex;flex-direction:column;gap:var(--grid-gap)}.plot-wrapper{background:var(--surface);border-radius:var(--card-radius);padding:var(--card-padding);border:var(--card-border);transition:border-color .2s ease-out;position:relative;display:flex;flex-direction:column;min-height:300px}.plot-wrapper:hover{border-color:var(--border-hover)}.plot-wrapper svg{display:block;width:100%;flex:1;min-height:200px}.plot-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--chart-header-gap);flex-shrink:0}.plot-header h3{font-size:var(--text-sm);color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin:0;font-weight:500}.plot-footer{margin-top:var(--chart-footer-gap);padding-top:var(--chart-footer-gap);border-top:1px solid var(--border);flex-shrink:0}.legend{display:flex;gap:var(--space-5);flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-muted)}.legend-line{width:20px;height:2px;border-radius:1px}.legend-line.dashed{background:repeating-linear-gradient(90deg,var(--success) 0px,var(--success) 4px,transparent 4px,transparent 8px)!important}.legend-dot{width:10px;height:10px;border-radius:50%}.info-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--grid-gap);margin-top:var(--space-4)}.info-card{display:flex;gap:var(--space-4);padding:var(--card-padding);background:var(--surface);border-radius:var(--card-radius);border:var(--card-border);transition:border-color .2s ease-out;min-height:120px}.info-card:hover{border-color:var(--border-hover)}.info-card svg{color:var(--primary);flex-shrink:0;margin-top:2px;opacity:.8}.info-card h4{font-size:var(--text-lg);color:var(--off-white);margin-bottom:var(--space-2)}.info-card p{font-size:var(--text-sm);color:var(--text-muted);line-height:1.7;margin:0}.tooltip-card{position:absolute;top:var(--space-4);right:var(--space-4);background:var(--surface-light);border:var(--card-border);border-radius:var(--card-radius-sm);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-family:JetBrains Mono,monospace;line-height:1.7;z-index:10}.tooltip-card strong{color:var(--primary)}.citations-section{margin-top:var(--space-10);padding-top:var(--space-7);border-top:1px solid var(--border)}.citations-section h3{font-size:var(--text-sm);color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-4)}.citation-list{display:flex;flex-direction:column;gap:var(--space-3)}.citation{font-size:var(--text-sm);color:var(--text-muted);line-height:1.7;padding-left:var(--space-4);border-left:2px solid var(--border)}.citation a{color:var(--primary)}.citation .authors{color:var(--off-white)}.citation .title{font-style:italic}@media(max-width:1000px){.story-section{grid-template-columns:1fr;gap:var(--space-7);min-height:auto}.story-text h2{font-size:var(--text-3xl)}.viz-grid,.plots-row,.plots-container{grid-template-columns:1fr}.main-plot{grid-row:auto}.info-cards{grid-template-columns:1fr 1fr}}@media(max-width:768px){.interactive-section,.story-section{gap:var(--space-5)}.story-text h2{font-size:var(--text-2xl)}.story-text p{font-size:var(--text-lg)}.story-stats{flex-direction:column;gap:var(--space-4);padding:var(--card-padding-compact)}.viz-header{flex-direction:column;gap:var(--space-4)}.controls-row{flex-direction:column;align-items:stretch;padding:var(--card-padding-compact);gap:var(--space-5)}.slider-control{min-width:auto}.metrics-row{grid-template-columns:1fr 1fr;gap:var(--grid-gap-tight)}.info-cards{grid-template-columns:1fr}.legend{display:none}.plot-wrapper{padding:var(--card-padding-compact);min-height:250px}}:root{--cream: #f9f8f6;--cream-light: #fcfbfa;--cream-dark: #f4f2ef;--warm-brown: #2a2520;--warm-brown-light: #3d3630;--terracotta: #b45a3c;--terracotta-light: #c97a5f;--gold: #d4a574;--sage: #4a7c59;--sage-light: #6a9c79;--indigo: #5c6bc0;--background: var(--cream);--surface: rgba(255, 255, 255, .6);--surface-hover: rgba(255, 255, 255, .9);--foreground: var(--warm-brown);--text: var(--warm-brown);--text-muted: rgba(42, 37, 32, .75);--text-light: rgba(42, 37, 32, .6);--text-lighter: rgba(42, 37, 32, .5);--border: rgba(42, 37, 32, .08);--border-hover: rgba(42, 37, 32, .15);--primary: var(--terracotta);--primary-light: var(--terracotta-light);--secondary: var(--gold);--accent: var(--terracotta);--success: var(--sage);--success-light: var(--sage-light);--warning: var(--gold);--error: var(--terracotta);--cyan: var(--terracotta);--cyan-bright: var(--terracotta-light);--teal: var(--gold);--off-white: var(--cream-light);--navy: var(--warm-brown);--deep-navy: var(--warm-brown);--mid-navy: var(--warm-brown-light);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--space-9: 48px;--space-10: 64px;--space-xs: var(--space-2);--space-sm: var(--space-3);--space-md: var(--space-4);--space-lg: var(--space-6);--space-xl: var(--space-7);--space-2xl: var(--space-9);--space-3xl: var(--space-10);--space-4xl: 96px;--card-padding: var(--space-7);--card-padding-compact: var(--space-5);--card-padding-spacious: var(--space-8);--card-radius: 0px;--card-radius-sm: 4px;--card-border: 1px solid var(--border);--chart-header-gap: var(--space-4);--chart-footer-gap: var(--space-3);--chart-internal-padding: var(--space-5);--grid-gap: var(--space-6);--grid-gap-tight: var(--space-4);--grid-gap-loose: var(--space-7);--section-gap: var(--space-8);--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.5rem;--text-5xl: 4.5rem;--chart-main-width: 800px;--chart-main-height: 360px;--chart-secondary-width: 400px;--chart-secondary-height: 240px;--chart-mini-width: 280px;--chart-mini-height: 200px;--chart-margin-top: 50px;--chart-margin-right: 100px;--chart-margin-bottom: 60px;--chart-margin-left: 80px;--sidebar-width: 240px;--tooltip-max-width: 320px;--control-height: 40px;--control-height-sm: 32px;--icon-size: 16px;--icon-size-sm: 14px;--icon-size-lg: 20px;--scrollbar-width: 4px;--slider-thumb-size: 14px;--slider-track-height: 4px;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--text-2xs: .625rem;--text-3xs: .5625rem}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:"Source Serif 4",Georgia,serif;background:var(--background);color:var(--foreground);line-height:1.7;font-size:var(--text-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;position:relative}#root{min-height:100vh;display:flex;flex-direction:column}::selection{background:var(--terracotta);color:var(--cream)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--cream-dark)}::-webkit-scrollbar-thumb{background:#2a252033;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--terracotta)}a{color:var(--terracotta);text-decoration:none;transition:color .2s ease-out}a:hover{color:var(--terracotta-light)}h1,h2,h3,h4,h5,h6{font-family:"Instrument Serif",Georgia,serif;font-weight:400;line-height:1.2;letter-spacing:-.02em;color:var(--warm-brown)}h1{font-size:var(--text-5xl);line-height:.95;letter-spacing:-.03em}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl);font-weight:500}.label,.tag-label{font-family:JetBrains Mono,monospace;font-size:var(--text-xs);letter-spacing:.15em;text-transform:uppercase;color:var(--text-light)}.equation{font-family:"Instrument Serif",Georgia,serif;font-style:italic}button{font-family:JetBrains Mono,monospace;cursor:pointer;border:1px solid var(--border);border-radius:0;padding:.6rem 1.25rem;font-size:var(--text-xs);font-weight:400;letter-spacing:.1em;text-transform:uppercase;transition:all .2s ease;background:transparent;color:var(--text-muted)}button:hover{border-color:var(--border-hover);color:var(--warm-brown);background:#b45a3c0d}button:active{transform:translateY(0)}button.primary{background:#b45a3c1a;color:var(--terracotta);border-color:var(--terracotta)}button.primary:hover{background:#b45a3c26}button.secondary{background:transparent;border-color:var(--border);color:var(--text-muted)}button.secondary:hover{border-color:var(--terracotta);color:var(--terracotta)}button.icon-btn{padding:.5rem;display:inline-flex;align-items:center;justify-content:center}input[type=range]{-webkit-appearance:none;width:100%;height:3px;border-radius:2px;background:linear-gradient(to right,#b45a3c66,#b45a3c26);outline:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--cream);border:2px solid var(--terracotta);cursor:grab;box-shadow:0 2px 8px #2a252026;transition:transform .2s ease,box-shadow .2s ease}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 4px 12px #b45a3c40}input[type=range]::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(.95)}input[type=range]::-moz-range-thumb{width:20px;height:20px;background:var(--cream);border:2px solid var(--terracotta);border-radius:50%;cursor:grab}select{font-family:JetBrains Mono,monospace;padding:.5rem 1rem;border-radius:0;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:var(--text-sm);cursor:pointer;transition:all .2s ease-out}select:hover{border-color:var(--border-hover)}select:focus{outline:none;border-color:var(--terracotta)}.container{max-width:1200px;margin:0 auto;padding:2rem}.card{background:var(--surface);border-radius:0;padding:var(--card-padding);border:1px solid var(--border);transition:all .4s cubic-bezier(.2,0,0,1);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--terracotta),var(--gold));transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.card:hover{background:var(--surface-hover);transform:translateY(-2px);box-shadow:0 20px 40px #2a252014}.card:hover:before{transform:scaleX(1)}.visualization-container{background:var(--surface);border-radius:0;padding:var(--space-xl);margin:var(--space-md) 0;border:1px solid var(--border)}.tag{background:transparent;color:var(--terracotta);padding:4px 0;font-size:var(--text-xs);font-family:JetBrains Mono,monospace;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid rgba(180,90,60,.3);display:inline-block;margin-right:var(--space-4);margin-bottom:var(--space-2);transition:all .2s ease}.tag:hover{border-bottom-color:var(--terracotta)}.controls{display:flex;flex-wrap:wrap;gap:var(--space-7);margin-bottom:var(--space-6);padding:var(--space-7) var(--space-8);background:var(--surface);border:1px solid var(--border)}.control-group{display:flex;flex-direction:column;gap:var(--space-3);min-width:180px}.control-group label{font-family:JetBrains Mono,monospace;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.15em;color:var(--text-light)}.control-group .value{font-family:"Instrument Serif",Georgia,serif;font-size:var(--text-4xl);color:var(--warm-brown)}.control-group .value span{color:var(--terracotta)}.explanation{background:#b45a3c0d;border-radius:0;padding:var(--space-6);margin-top:var(--space-6);border-left:3px solid var(--terracotta)}.explanation h4{margin-bottom:var(--space-3);color:var(--terracotta);font-family:JetBrains Mono,monospace;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.15em}.explanation ul{margin-left:var(--space-5);color:var(--text-muted)}.explanation li{margin-bottom:var(--space-2);line-height:1.7}.explanation strong{color:var(--warm-brown)}blockquote{font-family:"Instrument Serif",Georgia,serif;font-size:var(--text-3xl);font-style:italic;color:var(--text-light);border-left:3px solid var(--terracotta);padding-left:var(--space-7);margin:var(--space-10) 0;line-height:1.4;max-width:600px}blockquote footer{font-family:JetBrains Mono,monospace;font-size:var(--text-xs);font-style:normal;margin-top:var(--space-3);letter-spacing:.1em;color:var(--text-lighter);text-transform:uppercase}.grid{display:grid;gap:var(--space-6)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.metric-card{background:var(--surface);border-radius:0;padding:var(--space-6);text-align:left;border:1px solid var(--border);transition:all .3s ease-out;position:relative}.metric-card .label{font-family:JetBrains Mono,monospace;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.12em;color:var(--text-light);margin-bottom:var(--space-2)}.metric-card .value{font-family:"Instrument Serif",Georgia,serif;font-size:var(--text-4xl);color:var(--warm-brown)}.metric-card .value.good{color:var(--sage)}.metric-card .value.warning{color:var(--gold)}.metric-card .value.bad{color:var(--terracotta)}svg{overflow:visible}.axis path,.axis line{stroke:#2a252033}.axis text{fill:var(--text-light);font-size:11px;font-family:JetBrains Mono,monospace}.annotation{font-family:JetBrains Mono,monospace;font-size:var(--text-xs);fill:var(--text-muted);letter-spacing:.05em}.tooltip{position:absolute;background:#f7f3ebf2;border:1px solid var(--border);border-radius:4px;padding:var(--space-3) var(--space-4);pointer-events:none;font-size:var(--text-sm);box-shadow:0 4px 12px #2a25201a;z-index:100}*:focus-visible{outline:2px solid var(--terracotta);outline-offset:2px}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-scale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translate(0) scale(1);opacity:.25}50%{transform:translate(var(--drift, 0),-50px) scale(1.3);opacity:.5}}@keyframes rectGrow{0%{transform:scaleY(0);opacity:0}to{transform:scaleY(1);opacity:1}}@keyframes pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.animate-fade-in{animation:fade-in .6s ease-out forwards}.animate-fade-in-up{animation:fade-in-up .8s ease forwards}.stagger-children>*{animation:fade-in-up .5s ease-out forwards;opacity:0}.stagger-children>*:nth-child(1){animation-delay:0ms}.stagger-children>*:nth-child(2){animation-delay:.1s}.stagger-children>*:nth-child(3){animation-delay:.2s}.stagger-children>*:nth-child(4){animation-delay:.25s}.stagger-children>*:nth-child(5){animation-delay:.3s}.stagger-children>*:nth-child(6){animation-delay:.35s}.section-divider{height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent);margin:var(--space-3xl) 0}.focus-ring:focus-visible{outline:2px solid var(--terracotta);outline-offset:3px}.layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background:#f9f8f6f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-right:1px solid var(--border);padding:var(--space-5) 0;display:flex;flex-direction:column;position:fixed;height:100vh;overflow-y:auto;z-index:10}.sidebar::-webkit-scrollbar{width:var(--scrollbar-width)}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-xs)}.sidebar::-webkit-scrollbar-thumb:hover{background:var(--text-lighter)}.logo{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-5);margin-bottom:var(--space-5);color:var(--warm-brown);transition:all .2s ease}.logo:hover{color:var(--terracotta)}.logo svg{color:var(--terracotta);flex-shrink:0;transition:transform .2s ease-out}.logo:hover svg{transform:rotate(90deg)}.logo-content{display:flex;flex-direction:column;gap:0}.logo-text{font-family:"Source Serif 4",Georgia,serif;font-size:1.35rem;font-weight:600;letter-spacing:-.02em;color:inherit;line-height:1.1}.logo-tagline{font-family:JetBrains Mono,monospace;font-size:var(--text-2xs);letter-spacing:.02em;color:var(--text-light);line-height:1.2;margin-top:var(--radius-xs)}.nav-sections{flex:1;display:flex;flex-direction:column;gap:var(--space-4);overflow-y:auto;padding-bottom:var(--space-4)}.nav-section{padding:0}.nav-label{font-family:JetBrains Mono,monospace;font-size:var(--text-3xs);font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--text-lighter);padding:var(--space-2) var(--space-5);display:block;margin-bottom:var(--radius-xs)}.nav-links{list-style:none}.nav-links li{margin-bottom:1px}.nav-link{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);margin:0 var(--space-2);border-left:var(--radius-xs) solid transparent;color:var(--text-light);font-family:JetBrains Mono,monospace;font-size:var(--text-xs);letter-spacing:.01em;transition:all .15s ease;border-radius:0 var(--radius-xs) var(--radius-xs) 0}.nav-link:hover{color:var(--warm-brown);background:#b45a3c0a;border-left-color:#b45a3c4d}.nav-link.active{color:var(--terracotta);background:#b45a3c14;border-left-color:var(--terracotta)}.nav-link svg{opacity:.5;flex-shrink:0}.nav-link:hover svg,.nav-link.active svg{opacity:1}.nav-link-text{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dual-context-badge{display:inline-flex;align-items:center;justify-content:center;width:var(--icon-size-sm);height:var(--icon-size-sm);background:#b45a3c1a;border-radius:var(--radius-xs);color:var(--terracotta);flex-shrink:0}.nav-link:hover .dual-context-badge,.nav-link.active .dual-context-badge{background:#b45a3c26}.new-badge{font-size:.4375rem;font-weight:600;letter-spacing:.05em;padding:var(--radius-xs) var(--space-1);background:var(--terracotta);color:#fff;border-radius:var(--radius-xs);flex-shrink:0}.nav-link.is-new{opacity:.7}.nav-link.is-new:hover{opacity:1}.resources-section{flex:0;margin-top:auto;padding-top:var(--space-4);border-top:1px solid var(--border)}.sidebar-footer{padding:var(--space-3) var(--space-5);border-top:1px solid var(--border);margin-top:var(--space-2)}.github-link{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2);font-family:JetBrains Mono,monospace;font-size:var(--text-2xs);color:var(--text-light);border:1px solid transparent;transition:all .2s ease;border-radius:var(--radius-xs)}.github-link:hover{color:var(--terracotta);background:#b45a3c0d;border-color:var(--border)}.main-content{flex:1;margin-left:var(--sidebar-width);padding:var(--space-9) var(--space-10);max-width:calc(100% - var(--sidebar-width));background:transparent;position:relative;z-index:5}:root.dark-mode .sidebar{background:#1a1816f2}:root.dark-mode .new-badge{background:var(--terracotta)}@media(max-width:1200px){.sidebar{width:220px}.main-content{margin-left:220px;max-width:calc(100% - 220px);padding:40px 48px}}@media(max-width:1000px){.sidebar{width:200px}.main-content{margin-left:200px;max-width:calc(100% - 200px);padding:32px 40px}.logo-tagline{display:none}.nav-link{font-size:10px}}@media(max-width:900px){.sidebar{width:100%;height:auto;position:relative;border-right:none;border-bottom:1px solid var(--border);padding:var(--space-3);flex-direction:row;flex-wrap:wrap;align-items:center;overflow-y:visible}.logo{margin-bottom:0;padding:0 var(--space-3)}.logo-tagline{display:none}.nav-sections{flex:1;flex-direction:row;flex-wrap:wrap;gap:var(--space-2);align-items:center;overflow-y:visible;padding-bottom:0}.nav-section{display:flex;flex-wrap:wrap;gap:var(--space-1);align-items:center}.nav-label{display:none}.nav-links{display:flex;flex-wrap:wrap;gap:2px}.nav-links li{margin-bottom:0}.nav-link{padding:var(--space-2);border-left:none;border-bottom:2px solid transparent;font-size:9px;margin:0;border-radius:0}.nav-link:hover,.nav-link.active{border-left-color:transparent;border-bottom-color:var(--terracotta)}.nav-link-text,.dual-context-badge,.new-badge{display:none}.main-content{margin-left:0;max-width:100%;padding:var(--space-5)}.layout{flex-direction:column}.sidebar-footer,.resources-section{display:none}}.tooltip-trigger{display:inline-flex;cursor:help}.tooltip-container{position:fixed;z-index:1000;pointer-events:none;max-width:var(--tooltip-max-width);font-size:var(--text-sm);line-height:1.5}.tooltip--default{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);box-shadow:0 10px 30px #0006,0 0 1px #a8dadc33}.tooltip--default .tooltip-text{color:var(--text)}.tooltip--chart{background:var(--surface);border:1px solid var(--border-hover);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);box-shadow:0 8px 24px #00000080,0 0 0 1px #a8dadc1a;font-family:JetBrains Mono,monospace;font-size:var(--text-xs)}.tooltip--metric{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:0 12px 40px #0006,0 0 20px #a8dadc0d;min-width:180px}.tooltip--concept{background:var(--surface);border:1px solid var(--primary);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:0 12px 40px #0006,0 0 30px #a8dadc14;max-width:280px}.tooltip-metric__header{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-4);margin-bottom:var(--space-2)}.tooltip-metric__label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-weight:500}.tooltip-metric__value{font-family:JetBrains Mono,monospace;font-size:var(--text-lg);font-weight:600;color:var(--primary)}.tooltip-metric__description{font-size:var(--text-sm);color:var(--text-muted);margin:0 0 var(--space-2) 0}.tooltip-metric__formula{display:block;background:var(--surface-light);padding:var(--space-2) var(--space-3);border-radius:4px;font-size:var(--text-xs);color:var(--primary);margin-top:var(--space-2)}.tooltip-datapoint__title{font-size:var(--text-xs);font-weight:600;color:var(--text);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2);padding-bottom:var(--space-2);border-bottom:1px solid var(--border)}.tooltip-datapoint__items{display:flex;flex-direction:column;gap:var(--space-1)}.tooltip-datapoint__row{display:flex;align-items:center;gap:var(--space-2)}.tooltip-datapoint__color{width:10px;height:10px;border-radius:2px;flex-shrink:0}.tooltip-datapoint__label{font-size:var(--text-xs);color:var(--text-muted);flex:1}.tooltip-datapoint__value{font-family:JetBrains Mono,monospace;font-size:var(--text-xs);font-weight:500;color:var(--text)}.tooltip-concept__term{font-size:var(--text-base);font-weight:600;color:var(--primary);margin-bottom:var(--space-2)}.tooltip-concept__definition{font-size:var(--text-sm);color:var(--text);margin:0 0 var(--space-3) 0;line-height:1.6}.tooltip-concept__example{background:var(--surface-light);padding:var(--space-2) var(--space-3);border-radius:4px;font-size:var(--text-xs);color:var(--text-muted)}.tooltip-concept__example-label{font-weight:600;color:var(--text);margin-right:var(--space-1)}.tooltip--with-arrow:before{content:"";position:absolute;width:8px;height:8px;background:var(--surface);border:1px solid var(--border);border-right:none;border-bottom:none;transform:rotate(45deg)}.tooltip--arrow-left:before{left:-5px;top:50%;margin-top:-4px}.tooltip--arrow-top:before{top:-5px;left:50%;margin-left:-4px;transform:rotate(45deg)}.tooltip--arrow-bottom:before{bottom:-5px;left:50%;margin-left:-4px;transform:rotate(-135deg)}@media(max-width:600px){.tooltip-container{max-width:260px;font-size:var(--text-xs)}.tooltip-metric__value{font-size:var(--text-base)}}.skeleton{background:linear-gradient(90deg,var(--surface) 25%,var(--surface-light) 50%,var(--surface) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:8px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.viz-skeleton{display:flex;flex-direction:column;gap:var(--space-xl);max-width:1100px}.skeleton-header{display:flex;flex-direction:column;gap:var(--space-sm)}.skeleton-title{height:40px;width:300px}.skeleton-subtitle{height:24px;width:500px;max-width:100%}.skeleton-controls{display:flex;gap:var(--space-lg);padding:var(--space-lg);background:var(--surface);border-radius:var(--card-radius);border:1px solid var(--border)}.skeleton-control{height:60px;flex:1;min-width:180px}.skeleton-button{height:42px;width:120px}.skeleton-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md)}.skeleton-metric{height:80px}.skeleton-viz-area{display:grid;grid-template-columns:1.4fr 1fr;gap:var(--space-xl)}.skeleton-main-plot{height:360px}.skeleton-side{display:flex;flex-direction:column;gap:var(--space-md)}.skeleton-side-plot{height:170px}.card-skeleton{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--card-padding);background:var(--surface);border-radius:var(--card-radius);border:1px solid var(--border)}.skeleton-icon{height:32px;width:32px;border-radius:8px}.skeleton-card-title{height:24px;width:80%}.skeleton-card-text{height:16px;width:100%}.skeleton-card-text.short{width:60%}.page-skeleton{display:flex;flex-direction:column;gap:var(--space-xl);max-width:1100px}.skeleton-page-title{height:48px;width:400px;margin:0 auto}.skeleton-page-desc{height:24px;width:600px;max-width:100%;margin:0 auto}.skeleton-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-xl)}@media(max-width:900px){.skeleton-metrics{grid-template-columns:repeat(2,1fr)}.skeleton-viz-area{grid-template-columns:1fr}}@media(max-width:600px){.skeleton-metrics{grid-template-columns:1fr}.skeleton-controls{flex-direction:column}}.viz-card{display:flex;flex-direction:column;background:var(--surface);border:var(--card-border);padding:0;overflow:hidden;position:relative;transition:all .3s ease-out}.viz-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--terracotta),var(--gold));transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.viz-card:hover:before{transform:scaleX(1)}.viz-card:hover{background:var(--surface-hover);box-shadow:0 20px 40px #2a252014}.viz-card--compact{min-height:200px}.viz-card--compact .viz-card__header{padding:var(--space-3) var(--space-4)}.viz-card--compact .viz-card__body{padding:0 var(--space-4)}.viz-card--compact .viz-card__footer{padding:var(--space-3) var(--space-4)}.viz-card__header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--card-padding);flex-shrink:0;min-height:48px;border-bottom:1px solid var(--border)}.viz-card__header-left{display:flex;align-items:baseline;gap:var(--space-3);min-width:0;flex:1}.viz-card__header-right{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.viz-card__title{font-family:JetBrains Mono,monospace;font-size:var(--text-xs);font-weight:500;color:var(--terracotta);text-transform:uppercase;letter-spacing:.1em;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.viz-card__subtitle{font-family:"Source Serif 4",Georgia,serif;font-size:var(--text-sm);color:var(--text-light);opacity:.8;white-space:nowrap}.viz-card__badge{font-size:var(--text-xs);font-family:JetBrains Mono,monospace;color:var(--terracotta);background:#b45a3c14;padding:var(--space-1) var(--space-3);border:1px solid rgba(180,90,60,.2);white-space:nowrap}.viz-card__body{flex:1;min-height:0;padding:var(--space-4) var(--card-padding);overflow:hidden;position:relative;display:flex;flex-direction:column}.viz-card__body>svg{display:block;width:100%;flex:1;min-height:0}.viz-card__footer{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3) var(--card-padding);flex-shrink:0;border-top:1px solid var(--border);background:var(--surface)}.viz-legend{display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:center}.viz-legend--row{flex-direction:row}.viz-legend--grid{display:grid;grid-template-columns:repeat(var(--legend-columns, 2),1fr);gap:var(--space-3) var(--space-5)}.viz-legend--column{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.viz-legend--scroll{max-height:80px;overflow-y:auto;padding-right:var(--space-2)}.viz-legend__item{display:flex;align-items:center;gap:var(--space-2);font-family:JetBrains Mono,monospace;font-size:var(--text-xs);color:var(--text-light);white-space:nowrap}.viz-legend__dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.viz-legend__line{width:20px;height:3px;flex-shrink:0}.viz-legend__line--dashed{background:repeating-linear-gradient(90deg,currentColor 0px,currentColor 4px,transparent 4px,transparent 8px)!important}.viz-legend__label{overflow:hidden;text-overflow:ellipsis;max-width:100px}.viz-annotation{fill:var(--text-light);font-family:"Source Serif 4",Georgia,serif;pointer-events:none}.viz-annotation--highlight{fill:var(--terracotta);font-weight:500}.viz-debug-overlay{position:absolute;inset:0;pointer-events:none;z-index:1000;font-family:JetBrains Mono,monospace}@media(max-width:600px){.viz-card__header{flex-direction:column;align-items:flex-start;gap:var(--space-2);min-height:auto;padding:var(--space-3)}.viz-card__header-right{width:100%;justify-content:flex-start}.viz-card__body,.viz-card__footer{padding:var(--space-3)}.viz-legend{flex-direction:column;align-items:flex-start}.viz-legend--grid{grid-template-columns:1fr 1fr}}