:root{--color-bg: #000000;--color-bg-secondary: #0A0A0A;--color-text: #FFFFFF;--color-text-secondary: #999999;--color-text-muted: #555555;--color-accent-amber: #FFD600;--color-accent-green: #00FF88;--color-accent-red: #FF3B30;--color-accent-cyan: #00E5FF;--color-border: #333333;--color-accent-purple: #BB86FC;--font-mono: "Cascadia Code", "SF Mono", "Monaco", "Inconsolata", "Fira Code", "Consolas", monospace;color-scheme:dark}*{box-sizing:border-box}body{margin:0;padding:0;font-family:var(--font-mono);background-color:var(--color-bg);min-height:100vh;color:var(--color-text);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}a{color:var(--color-accent-green);text-decoration:none;transition:color .2s}a:hover{color:var(--color-accent-amber)}.layout{margin:0 auto;min-height:100vh;max-width:56rem;padding:2rem 3rem}.title{white-space:nowrap;font-size:2rem;font-weight:700;color:var(--color-text);margin:0;letter-spacing:-.02em}@media (min-width: 768px){.title{font-size:2.5rem}}.title-with-nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:1rem}.bio-text{font-size:1rem;color:var(--color-text-secondary);line-height:1.75}.bio-text .highlight{font-weight:700;color:var(--color-text)}.bio-text a{font-weight:700;color:var(--color-accent-green)}.bio-text a:hover{color:var(--color-accent-amber)}.nav-image-button{border:1px solid var(--color-border);border-radius:.375rem;background:none;padding:0;cursor:pointer;outline:none;transition:border-color .2s}.nav-image-button:hover,.nav-image-button:focus{border-color:var(--color-accent-amber)}.nav-avatar{height:2rem;width:2rem;border-radius:.25rem;background-size:cover;background-position:center}@media (min-width: 768px){.nav-avatar{height:2.5rem;width:2.5rem}}.dropdown-content{display:flex;flex-direction:column;gap:.5rem;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);padding:1rem;z-index:50}.dropdown-label{font-size:.75rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0}.dropdown-link{color:var(--color-text);font-weight:700;position:relative;outline:none;padding:.25rem 0;transition:color .2s}.dropdown-link:hover,.dropdown-link:focus{color:var(--color-accent-amber)}.dropdown-link.indent{padding-left:1rem}.dropdown-link.active{color:var(--color-accent-green)}.dropdown-link.active:after{content:" <"}.tools-container{display:flex;flex-direction:column;gap:.75rem}.tools-content{display:flex;flex-direction:column;gap:1rem;min-height:calc(100vh - 3rem)}.tools-section-title{font-size:1rem;font-weight:700;color:var(--color-text);text-transform:uppercase;letter-spacing:.1em;margin:0}.intersection-container{display:flex;flex:1;flex-direction:column;align-items:stretch;gap:1rem;border:1px solid var(--color-border);background-color:var(--color-bg-secondary)}@media (min-width: 768px){.intersection-container{flex-direction:row;align-items:flex-start}}.intersection-controls{display:flex;flex-direction:column;gap:.75rem;padding:1rem;border-bottom:1px solid var(--color-border)}@media (min-width: 768px){.intersection-controls{width:16rem;justify-content:flex-start;border-bottom:none;border-right:1px solid var(--color-border)}}.control-label{font-size:.875rem;display:flex;justify-content:space-between;color:var(--color-text);margin:0}.control-value{font-weight:700;color:var(--color-accent-amber)}.intersection-controls input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:8px;background:var(--color-border);outline:none;cursor:pointer}.intersection-controls input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:var(--color-accent-amber);cursor:pointer}.intersection-controls input[type=range]::-moz-range-thumb{width:16px;height:16px;background:var(--color-accent-amber);cursor:pointer;border:none}.intersection-demo{display:flex;flex:1;align-items:center;align-self:stretch;padding:2rem}.intersection-relative{position:relative;width:100%}.intersection-boundary{position:absolute;background-color:var(--color-accent-amber);opacity:.4;left:0;right:0}.intersection-boundary-top{top:0}.intersection-boundary-bottom{bottom:0}.intersection-scroll-root{display:flex;height:24rem;width:100%;flex-direction:column;align-items:center;gap:1rem;overflow:auto;background-color:var(--color-bg);border:1px solid var(--color-border)}.intersection-item{display:flex;align-items:center;justify-content:center;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);font-size:1.25rem}.intersection-item-active{background-color:var(--color-accent-green);border-color:var(--color-accent-green);color:var(--color-bg)}.loading-route:after{content:"";display:block;position:absolute;bottom:-.5rem;left:0;width:.5rem;height:.5rem;background-color:var(--color-accent-amber);animation:loadingRoute 1s infinite ease-in-out;animation-delay:.3s;opacity:0}@keyframes loadingRoute{0%{transform:translate(0);opacity:1}50%{transform:translate(300%);opacity:1}to{transform:translate(0);opacity:1}}.checkerboard{background-color:var(--color-bg);background-image:linear-gradient(45deg,var(--color-border) 25%,transparent 25%),linear-gradient(135deg,var(--color-border) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--color-border) 75%),linear-gradient(135deg,transparent 75%,var(--color-border) 75%);background-size:25px 25px;background-position:0 0,12.5px 0,12.5px -12.5px,0px 12.5px}@media (prefers-color-scheme: light){:root{--color-bg: #f5f0e6;--color-bg-secondary: #e8e0d0;--color-text: #2d2a24;--color-text-secondary: #5c574d;--color-text-muted: #8a8478;--color-accent-amber: #c9943d;--color-accent-green: #4a9c6d;--color-accent-red: #c0392b;--color-accent-cyan: #2980b9;--color-accent-purple: #c9943d;--color-border: #c4bba8;color-scheme:light}}