:root{color:#e9eeef;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--muted:#89969e;--accent:#69e0d0;--line:#bed7e11f;background:#090e12;font-family:Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button{font:inherit;cursor:pointer}button,a{color:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}button:disabled{cursor:default;opacity:.45}::selection{color:#090e12;background:var(--accent)}[hidden]{display:none!important}#app{background:radial-gradient(at 73% 44%,#305c6526,#0000 43%),radial-gradient(at 30% 100%,#2a3a4b1f,#0000 55%);flex-direction:column;min-height:100svh;padding:0 clamp(24px,5.2vw,96px);display:flex;overflow:clip}.site-header,.site-footer,.model-heading,.model-footer{justify-content:space-between;align-items:center;gap:20px;display:flex}.site-header{border-bottom:1px solid var(--line);min-height:106px}.wordmark{letter-spacing:-1.7px;font-size:27px;font-weight:700;text-decoration:none}.wordmark>span:first-child{color:var(--accent);margin:0 3px}.wordmark .domain{color:var(--muted);letter-spacing:-.7px;font-size:20px;font-weight:400}.header-caption,.eyebrow,.model-heading,.model-footer,.site-footer,.interaction-hint{letter-spacing:1.6px;font-size:11px;font-weight:500}.header-caption{color:var(--muted)}.hero{flex:1;grid-template-columns:.95fr 1.05fr;align-items:center;min-height:650px;display:grid}.intro{z-index:1;padding:60px 0;position:relative}.eyebrow{color:var(--muted);align-items:center;gap:10px;margin:0 0 28px;font-size:10px;display:flex}.status-dot{background:var(--accent);border-radius:50%;width:6px;height:6px;box-shadow:0 0 14px #69e0d047}h1{letter-spacing:-.065em;margin:0;font-size:clamp(58px,6.8vw,106px);font-weight:400;line-height:1.08}h1>span{color:var(--accent)}.intro-text{color:#98a6ae;margin:30px 0 40px;font-size:clamp(14px,1.2vw,17px);line-height:1.85}.base-selector{flex-wrap:wrap;gap:10px;display:flex}.base-button{border:1px solid var(--line);color:#aebbc1;background:#ffffff05;border-radius:7px;align-items:center;gap:9px;min-height:44px;padding:10px 12px;font-size:11px;transition:background .16s,border-color .16s,color .16s;display:flex}.base-button>span{color:var(--base-color);font-size:13px;font-weight:700}.base-button:hover,.base-button[aria-pressed=true]{border-color:var(--base-color);color:#eef3f4;background:#ffffff0d}.interaction-hint{color:var(--muted);letter-spacing:.1px;margin-top:18px;font-size:11px}.dna-view{flex-direction:column;align-self:stretch;min-width:0;padding:32px 0 30px 24px;display:flex;position:relative}.model-heading{color:#a0afb6;letter-spacing:1.7px;font-size:9px}.model-tag{color:var(--accent);white-space:nowrap;border:1px solid #69e0d038;border-radius:4px;padding:5px 7px;font-size:8px}.model-toolbar{justify-content:space-between;align-items:center;gap:12px;margin-top:18px;display:flex}.zoom-hint{color:var(--muted);font-size:10px}.zoom-controls{border:1px solid var(--line);background:#ffffff05;border-radius:8px;display:flex}.zoom-controls button{color:#b9c8d0;background:0 0;border:0;border-radius:7px;min-width:44px;min-height:44px;font-size:18px}.zoom-controls button[data-zoom=reset]{font-variant-numeric:tabular-nums;min-width:64px;font-size:11px}.zoom-controls button:hover:not(:disabled){color:var(--accent);background:#ffffff0d}.base-detail-slot{height:0}.detail-placeholder{display:none}.dna-stage{flex:1;width:100%;min-height:510px;position:relative}.dna-stage:before{content:"";pointer-events:none;opacity:.18;background-image:radial-gradient(#53717b .6px,#0000 .6px);background-size:32px 32px;position:absolute;inset:12% 0;-webkit-mask-image:radial-gradient(#000 15%,#0000 70%);mask-image:radial-gradient(#000 15%,#0000 70%)}.dna-stage canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.dna-stage.has-selection{cursor:pointer}.model-footer{color:#bcc7cd;letter-spacing:.2px;min-height:44px;font-size:10px}.muted{color:#788b94}#rotation-toggle{color:#9dabb3;white-space:nowrap;background:0 0;border:0;align-items:center;gap:10px;min-height:44px;padding:8px 0 8px 8px;font-size:10px;display:flex}#rotation-toggle:hover{color:var(--accent)}#rotation-toggle>span{color:var(--accent);font-size:14px}.site-footer{border-top:1px solid var(--line);color:#7e8e97;letter-spacing:.25px;min-height:75px;font-size:10px}.site-footer>span:last-child{align-items:center;gap:16px;display:flex}.footer-line{background:var(--line);width:34px;height:1px}.base-connector{z-index:9;pointer-events:none;width:100%;height:100%;display:none;position:fixed;inset:0;overflow:hidden}.base-connector path{fill:none;stroke:currentColor;stroke-width:1px;stroke-linejoin:round;opacity:.65}.base-connector circle{fill:currentColor;stroke:#10191f;stroke-width:1.5px}.base-card{z-index:10;border:1px solid #bed7e133;border-top-color:var(--base-color);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);pointer-events:none;background:#111a20f5;border-radius:14px;width:258px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:20px;animation:.15s ease-out card-in;position:fixed;overflow:auto;box-shadow:0 20px 65px #0006}.card-heading{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.card-heading .eyebrow{letter-spacing:1.8px;margin:0 0 5px;font-size:8px}.card-heading h2{letter-spacing:-.7px;margin:0;font-size:23px;font-weight:500}.base-symbol{width:36px;height:40px;color:var(--base-color);border:1px solid var(--line);background:#ffffff0a;border-radius:6px;place-items:center;font-size:20px;display:grid}.formula-panel{border:1px solid var(--line);text-align:center;background:#10191f;border-radius:8px;padding:8px 5px 12px}.structure-formula{width:100%;height:155px;color:var(--base-color);display:block;overflow:visible}.structure-formula path{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linejoin:round;stroke-linecap:round}.structure-formula text{fill:currentColor;stroke:#10191f;stroke-width:6px;stroke-linejoin:round;paint-order:stroke;text-anchor:middle;dominant-baseline:central;font:14px Arial,sans-serif}.molecular-formula{letter-spacing:2px;color:#adbbc3;font-size:12px}.pairing{color:var(--base-color);align-items:center;gap:8px;margin:15px 0 10px;font-size:12px;display:flex}.pairing>span{color:var(--muted)}.pairing small{color:#adbbc3;margin-left:auto;font-size:10px}.card-note{color:#82949e;letter-spacing:.1px;margin:0;font-size:8px}.webgl-message{text-align:center;color:var(--muted);align-content:center;padding:25px;font-size:14px;line-height:1.8;display:grid;position:absolute;inset:0}@keyframes card-in{0%{opacity:0}to{opacity:1}}@media (width>=1600px){.hero{width:100%;max-width:1500px;margin-inline:auto}.dna-stage{min-height:660px}}@media (width<=1050px){.hero{grid-template-columns:1fr 1fr}.base-selector{max-width:280px}.base-button{min-width:112px}.model-footer .muted{display:none}.header-caption{font-size:9px}}@media (width<=720px){.site-header{min-height:80px}.wordmark{font-size:24px}.header-caption{letter-spacing:1px;font-size:8px}.hero{grid-template-columns:1fr;min-height:auto}.intro{padding:56px 0 18px}.eyebrow{margin-bottom:22px;font-size:9px}h1{font-size:clamp(60px,13vw,90px)}.intro-text{margin:24px 0 28px;font-size:14px}.base-selector{gap:8px;max-width:none}.base-button{gap:7px;min-width:auto;padding:10px;font-size:10px}.dna-view{padding:20px 0 22px}.dna-stage{min-height:480px}.base-detail-slot{flex:none;height:350px;position:relative}.base-detail-slot .base-card{pointer-events:auto;max-height:none;margin-inline:auto;position:absolute;top:28px;left:0;right:0}.detail-placeholder{border:1px dashed var(--line);color:var(--muted);text-align:center;border-radius:14px;place-items:center;margin:0;padding:28px;font-size:12px;display:grid;position:absolute;inset:28px 0 18px}.base-detail-slot:has(.base-card:not([hidden])) .detail-placeholder{display:none}.model-footer .muted{display:inline}.site-footer{min-height:82px;font-size:9px}.site-footer>span:first-child{max-width:160px;line-height:1.7}.site-footer>span:last-child{white-space:nowrap;gap:8px}.footer-line{width:18px}}@media (hover:none){.zoom-hint{display:none}.model-toolbar{justify-content:flex-end}}@media (width<=380px){.base-selector{grid-template-columns:1fr 1fr;display:grid}.header-caption{text-align:right;max-width:100px;line-height:1.7}.model-footer .muted,.desktop-break{display:none}}@media (height<=420px){.base-card{padding:12px}.structure-formula{height:100px}.card-heading{margin-bottom:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}:root{--page-gutter:clamp(24px, 5.2vw, 96px)}#app{padding-inline:var(--page-gutter)}#page-content{outline:none;flex:1}.base-card{max-height:calc(100dvh - 112px)}.site-header{z-index:50;min-height:88px;margin-inline:calc(-1 * var(--page-gutter));padding-inline:var(--page-gutter);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#090e12f0;position:sticky;top:0}.header-caption{white-space:nowrap;margin-left:auto}.main-nav{align-self:stretch;align-items:center;gap:8px;margin-left:38px;display:flex}.nav-group{position:relative}.nav-trigger{color:#9cabb4;background:0 0;border:0;border-radius:7px;align-items:center;gap:9px;min-height:44px;padding:12px 15px;font-size:12px;display:flex}.nav-trigger>span{color:#70838b;transition:transform .16s}.nav-trigger:hover,.nav-trigger[aria-expanded=true]{color:#eef3f4;background:#ffffff0a}.nav-trigger[aria-expanded=true]>span{color:var(--accent);transform:rotate(180deg)}.nav-group:has([aria-current=page]) .nav-trigger{color:var(--accent)}.nav-panel{width:368px;padding-top:16px;position:absolute;top:100%;left:0}.nav-panel-inner{background:#10191f;border:1px solid #bed7e12b;border-radius:12px;padding:20px 12px 12px;box-shadow:0 24px 60px #00000073}.nav-caption{color:#82949e;margin:0 12px 14px;font-size:10px}.nav-item{color:#e1e9ed;border-radius:7px;align-items:center;gap:14px;min-height:78px;padding:12px;text-decoration:none;display:flex}.nav-item:hover,.nav-item[aria-current=page]{background:#69e0d00f}.nav-icon{border:1px solid var(--line);width:38px;height:38px;color:var(--accent);border-radius:8px;flex:none;place-items:center;font-size:13px;display:grid}.nav-item strong{font-size:12px;font-weight:500;display:block}.nav-item small{color:#8b9ca5;margin-top:5px;font-size:10px;line-height:1.5;display:block}.nav-arrow{color:#697f88;margin-left:auto}.text-link{color:var(--accent);align-items:center;gap:12px;padding-block:8px;font-size:12px;line-height:1.6;text-decoration:none;display:inline-flex}.text-link:hover{color:#b2f5e9;text-underline-offset:5px;text-decoration:underline}.intro>.text-link{margin-top:22px}.welcome-note{border-top:1px solid var(--line);padding:38px 0 42px}.welcome-note .eyebrow{margin-bottom:12px}.welcome-note p{color:#8b9da6;margin:0 0 12px;font-size:14px;line-height:1.9}.site-footer{flex-wrap:wrap;gap:16px;padding-block:20px}.site-footer>span:last-child{font-size:9px}.article-page{max-width:1080px;margin-inline:auto;padding:80px 0 100px}.article-page h1{font-size:clamp(46px,6vw,86px)}.article-page h1 span{color:var(--accent)}.article-intro{color:#9fafb8;max-width:660px;margin:32px 0 50px;font-size:18px;line-height:1.8}.article-sections{max-width:820px}.article-sections>section{border-top:1px solid var(--line);grid-template-columns:42px 1fr;gap:24px;padding:30px 0;display:grid}.section-number{color:var(--accent);letter-spacing:2px;padding-top:5px;font-size:11px}.article-sections h2{letter-spacing:-.5px;margin:0 0 14px;font-size:22px;font-weight:500}.article-sections p,.roadmap-list{color:#98a9b3;font-size:15px;line-height:1.9}.article-links{gap:25px;display:flex}.roadmap-list{padding:0;list-style:none}.roadmap-list li{flex-direction:column;padding:14px 0;display:flex}.roadmap-list strong{color:#c0ccd2;font-weight:500}.skip-link{z-index:100;color:var(--accent);background:#183732;border-radius:6px;padding:12px 20px;position:fixed;top:10px;left:20px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=1050px){.main-nav{gap:0;margin-left:8px}.nav-trigger{padding-inline:10px}.header-caption{letter-spacing:.8px;font-size:8px}.nav-group:last-child .nav-panel{left:auto;right:0}}@media (width<=720px){.site-header{grid-template-columns:1fr auto;gap:0 12px;min-height:116px;padding-top:16px;padding-bottom:6px;display:grid}.header-caption{grid-area:1/2;max-width:none;font-size:8px}.main-nav{grid-area:2/1/auto/-1;justify-content:space-between;margin-left:-8px}.nav-group{position:static}.nav-trigger{padding:10px 8px;font-size:12px}.nav-panel,.nav-group:last-child .nav-panel{left:var(--page-gutter);right:var(--page-gutter);width:auto;padding-top:0;top:100%}.nav-panel-inner{max-height:calc(100dvh - 135px);overflow-y:auto}.site-footer>span:first-child{max-width:none}.article-page{padding:54px 0}.article-intro{font-size:16px}.article-sections>section{grid-template-columns:28px 1fr;gap:12px}.article-sections h2{font-size:20px}.welcome-note{padding-block:30px}}.nav-group.is-current .nav-trigger{color:var(--accent)}.nav-overview{color:var(--accent);border-bottom:1px solid var(--line);margin:0 12px 10px;padding:10px 0;font-size:11px;text-decoration:none;display:block}.nav-caption{line-height:1.6}.breadcrumbs{color:#8198a3;padding:24px 0 0;font-size:11px}.breadcrumbs ol{flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.breadcrumbs li{align-items:center;gap:8px;line-height:1.8;display:flex}.breadcrumbs li+li:before{content:"/";color:#465d67}.breadcrumbs a{padding-block:6px;text-decoration:none}.breadcrumbs a:hover{color:var(--accent)}.breadcrumbs [aria-current=page]{color:#bccbd1}.topic-overview{padding:60px 0 80px}.topic-overview h1{font-size:clamp(44px,6.2vw,86px)}.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:980px;display:grid}.topic-state{float:right;letter-spacing:1.2px;color:#91a7ad;margin-top:12px;font-size:8px}.experiment-explanation{border-top:1px solid var(--line);outline:none;margin:28px auto 0;padding:60px 0 72px;scroll-margin-top:116px}.experiment-explanation>h2{letter-spacing:-1.5px;max-width:800px;margin:0 0 40px;font-size:clamp(30px,4vw,52px);font-weight:400}.experiment-explanation .article-sections{max-width:900px}.experiment-explanation .article-sections h3{letter-spacing:-.5px;margin:0 0 14px;font-size:22px;font-weight:500}.placeholder-hero{gap:36px}.placeholder-hero h1{font-size:clamp(44px,5.3vw,80px)}.placeholder-note{color:#8198a3;font-size:13px;line-height:1.8}.placeholder-visual{background:radial-gradient(#69e0d00f,#0000 70%),repeating-linear-gradient(0deg,#0000 0 31px,#69e0d008 31px 32px),repeating-linear-gradient(90deg,#0000 0 31px,#69e0d008 31px 32px);border:1px dashed #69e0d033;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:35px;min-height:390px;display:flex}.placeholder-visual>span{color:#69e0d0;opacity:.38;font-size:100px;font-weight:300}.placeholder-visual small{color:#6e8b95;letter-spacing:2px;font-size:9px}@media (width<=720px){.breadcrumbs{padding-top:18px;font-size:10px}.topic-overview{padding:40px 0 54px}.topic-grid{grid-template-columns:1fr}.experiment-explanation{padding-top:38px;scroll-margin-top:142px}.placeholder-hero{gap:0;padding-bottom:36px}.placeholder-visual{min-height:270px}}.eyebrow{letter-spacing:1.5px;flex-wrap:wrap;font-size:13px;line-height:1.7}.model-heading{font-size:11px;line-height:1.6}.model-tag{font-size:10px}.nav-trigger,.nav-item strong{font-size:15px}.nav-item small,.nav-caption,.nav-overview{font-size:12px}.nav-icon{font-size:15px}.nav-panel{width:400px}.header-caption{letter-spacing:1px;font-size:12px}.card-heading .eyebrow{font-size:10px}@media (width>=721px) and (width<=1100px){.site-header{gap:12px}.main-nav{margin-left:0}.nav-trigger{padding-inline:8px;font-size:14px}.header-caption{letter-spacing:.5px;font-size:10px}}@media (width<=720px){.eyebrow{letter-spacing:1px;font-size:11px}.nav-trigger{font-size:14px}.header-caption{max-width:none;font-size:10px}.nav-panel,.nav-group:last-child .nav-panel{width:auto}}.article-sections>section>div{min-width:0}.article-sections .equation{border-left:2px solid var(--accent);color:#d1ece6;overflow-wrap:anywhere;background:#69e0d00d;border-radius:0 8px 8px 0;margin:22px 0;padding:18px 22px;font-family:Cambria Math,STIX Two Math,Georgia,serif;font-size:18px;line-height:1.9}.equation sub,.equation sup{font-size:.72em}.worked-example{border:1px solid var(--line);background:#b2a3e80a;border-radius:10px;margin-block:24px;padding:20px 24px}.worked-example h4{color:#cbbfeb;margin:0 0 12px;font-size:15px;font-weight:500}.worked-example p:last-child{margin-bottom:0}.table-scroll{max-width:100%;margin-block:24px;overflow-x:auto}.table-scroll:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.scientific-table{border-collapse:collapse;color:#b9c8cf;font-variant-numeric:tabular-nums;width:100%;font-size:14px;line-height:1.7}.scientific-table caption{text-align:left;color:#91a6b0;padding-bottom:12px}.scientific-table th,.scientific-table td{text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;padding:12px 16px}.scientific-table th{color:#d0e3e5;font-weight:500}.scientific-table thead{background:#69e0d00d}.article-sections .source-note{color:#839aa6;font-size:13px}.source-note a{color:var(--accent);text-underline-offset:3px}.about-copy{color:#98a9b3;max-width:660px;font-size:16px;line-height:1.9}.wordmark{white-space:nowrap;flex-shrink:0}.wordmark>span:first-child{margin-inline:1px}.header-caption{white-space:normal;text-align:right;text-wrap:balance;min-width:0;max-width:330px;line-height:1.7}@media (width>=721px) and (width<=1100px){.header-caption{max-width:190px}}@media (width<=720px){.site-header{grid-template-columns:max-content minmax(0,1fr)}.header-caption{max-width:170px}.article-sections .equation{padding:14px;font-size:16px}.worked-example{padding:16px}.scientific-table th,.scientific-table td{padding:10px 12px}}.article-sections ul,.article-sections ol{color:#98a9b3;padding-left:24px;font-size:15px;line-height:1.9}.article-sections li+li{margin-top:8px}.article-sections a{color:var(--accent);text-underline-offset:3px}.life-hero{grid-template-columns:.9fr 1.1fr;gap:38px}.life-hero h1{font-size:clamp(45px,4.7vw,76px)}.life-hero .intro-text{max-width:395px;margin-bottom:16px}.experiment-caption{color:#70858f;font-size:11px}.life-rules{max-width:370px;margin-top:28px}.life-rules>div{border-top:1px solid var(--line);gap:15px;padding:12px 0;display:flex}.life-rules>div>span{color:var(--accent);padding-top:3px;font-size:9px}.life-rules p{color:#889da8;margin:0;font-size:12px;line-height:1.7}.life-rules strong{color:#c5d1d7;margin-bottom:3px;font-weight:500;display:block}.life-view{min-width:0;padding:36px 0}.life-stats{align-items:center;gap:28px;margin:26px 0 20px;display:flex}.life-stats>div>span{color:#82949e;letter-spacing:1.4px;font-size:8px;display:block}.life-stats output{color:#d5e4e7;font-variant-numeric:tabular-nums;letter-spacing:-.8px;margin-top:5px;font-size:26px;font-weight:300;display:block}.simulation-state{color:var(--accent);margin-left:auto;font-size:10px}.life-board{background:radial-gradient(#102128,#0b141a);border:1px solid #69e0d038;border-radius:10px;padding:12px;overflow:hidden;box-shadow:0 12px 65px #305c651a}.life-board canvas{aspect-ratio:4/3;touch-action:none;cursor:crosshair;width:100%;display:block}.life-board:focus-within{outline:1px solid var(--accent);outline-offset:4px}.life-board canvas:focus{outline:none}.board-help{color:#7f959f;margin:12px 0 20px;font-size:10px;line-height:1.7}.playback-controls{flex-wrap:wrap;gap:8px;display:flex}.primary-button,.secondary-button{border-radius:6px;min-height:42px;padding:10px 16px;font-size:11px}.primary-button{color:#0b2325;background:#69e0d0;border:1px solid #69e0d0;min-width:100px;font-weight:600}.primary-button:hover{background:#8cebdc}.secondary-button{border:1px solid var(--line);color:#a7bdc8;background:#ffffff05}.secondary-button:hover{color:#d9e7ed;border-color:#66888b}.simulation-options{grid-template-columns:1.2fr 1fr;gap:22px;margin:22px 0 16px;display:grid}.simulation-options label{color:#8ca2ac;font-size:10px;display:block}.simulation-options output{float:right;font-variant-numeric:tabular-nums;color:#b9cdc9}.simulation-options select{color:#bdcdd4;border:1px solid var(--line);width:100%;min-height:40px;font:inherit;background:#101c22;border-radius:6px;margin-top:9px;padding:8px 10px;font-size:11px;display:block}.simulation-options input{width:100%;min-height:28px;accent-color:var(--accent);margin:16px 0 0;display:block}.simulation-options :focus-visible{outline:2px solid var(--accent);outline-offset:4px}.life-view .model-footer{border-top:1px solid var(--line);color:#7f949e;flex-wrap:wrap;gap:6px;padding-top:10px;font-size:9px}.legend-dot{background:var(--accent);width:5px;height:5px;margin-right:4px;display:inline-block}.legend-dot.older{background:#b0a0f2;margin-left:12px}@media (width<=1050px){.life-hero{grid-template-columns:.85fr 1.15fr;gap:24px}.life-hero h1{font-size:clamp(40px,4.8vw,64px)}.life-stats{gap:18px}.simulation-options{gap:14px}}@media (width<=720px){.life-hero{grid-template-columns:1fr;gap:0}.life-hero h1{font-size:clamp(46px,10vw,70px)}.life-hero .intro{padding-bottom:12px}.life-rules{max-width:none}.life-view{padding-top:26px}.life-board{padding:7px}.life-stats{margin-top:22px}.simulation-options{grid-template-columns:1fr 1fr}.primary-button,.secondary-button{padding-inline:12px}}.boids-hero h1{font-size:clamp(43px,4.5vw,74px)}.boids-board{background:radial-gradient(at 55% 45%,#142830,#0b141a 75%);border:1px solid #69e0d038;border-radius:10px;overflow:hidden;box-shadow:0 12px 65px #305c651f}.boids-board canvas{aspect-ratio:900/650;touch-action:none;cursor:crosshair;width:100%;display:block}.boids-board:focus-within{outline:1px solid var(--accent);outline-offset:4px}.boids-board canvas:focus{outline:none}.boids-sliders{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0 18px;display:grid}.boids-sliders label,.boids-settings label{color:#8ca2ac;font-size:10px}.boids-sliders output,.boids-size output{float:right;color:#bdcfc9;font-variant-numeric:tabular-nums}.boids-sliders input,.boids-size input{width:100%;min-height:30px;accent-color:var(--accent);margin:9px 0 0;display:block}.boids-sliders label:nth-child(2) input{accent-color:#b0a0f2}.boids-sliders label:nth-child(3) input{accent-color:#eac184}.boids-settings{grid-template-columns:1fr 1fr;align-items:center;gap:24px;margin-bottom:20px;display:grid}.obstacle-toggle{cursor:pointer;justify-content:flex-end;align-items:center;gap:8px;min-height:44px;display:flex}.obstacle-toggle input{width:16px;height:16px;accent-color:var(--accent)}.boids-view input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.boids-note{color:#7f949e;font-size:10px;line-height:1.7}@media (width<=1050px){.boids-sliders{gap:12px}.boids-hero h1{font-size:clamp(39px,4.5vw,64px)}}@media (width<=720px){.boids-hero h1{font-size:clamp(44px,10vw,68px)}.boids-settings{gap:12px}}@media (width<=380px){.boids-sliders{grid-template-columns:1fr;gap:12px}}.home-welcome{isolation:isolate;min-height:calc(100svh - 160px);padding:86px 0 64px;position:relative}.circuit-board{inset:0 calc(-1 * var(--page-gutter));width:calc(100% + 2 * var(--page-gutter));z-index:-1;pointer-events:none;height:100%;position:absolute}.circuit-board path{fill:none;stroke-linecap:round;stroke-linejoin:round}.circuit-base{stroke:#24433f;stroke-width:5px;opacity:.38;transition:stroke .22s,opacity .22s}.circuit-pulse{stroke:var(--accent);stroke-width:3px;stroke-dasharray:18 982;stroke-dashoffset:1000px;opacity:.24;animation:9s linear infinite circuit-flow;animation-delay:var(--delay)}.circuit-hit{stroke:#0000;stroke-width:38px;pointer-events:stroke}.circuit-track:hover .circuit-base{stroke:#69e0d0;opacity:.72}.circuit-track:hover .circuit-pulse{opacity:.9}.home-copy{background:radial-gradient(at 35%,#090e12 35%,#090e12cc 60%,#0000 75%);max-width:740px;padding:10px 0 52px}.home-copy h1{font-size:clamp(66px,8.5vw,124px)}.home-copy>p:not(.eyebrow){color:#9fb0b8;max-width:510px;margin:28px 0 24px;font-size:17px;line-height:1.9}.home-invitation{color:#94abae;letter-spacing:.3px;font-size:11px}.category-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.category-card,.topic-card{border:1px solid var(--line);background:#0e171df0;border-radius:12px;padding:28px;text-decoration:none;transition:border-color .18s,background .18s;display:block}.category-card:hover,.topic-card:hover{background:#122328;border-color:#69e0d07a}.topic-icon{min-width:38px;height:38px;color:var(--accent);border:1px solid #69e0d02e;border-radius:8px;place-items:center;font-size:15px;display:inline-grid}.category-card h2,.topic-card h2{letter-spacing:-.5px;margin:24px 0 12px;font-size:20px;font-weight:500}.category-card p,.topic-card p{color:#93a7b0;margin:0 0 20px;font-size:13px;line-height:1.8}.category-card:nth-child(2) .topic-icon{color:#b0a0f2}.category-card:nth-child(3) .topic-icon{color:#eac184}@keyframes circuit-flow{0%{stroke-dashoffset:1000px}to{stroke-dashoffset:0}}@media (width<=900px){.category-card{padding:20px}.category-card h2{font-size:17px}}@media (width<=720px){.home-welcome{padding-top:48px}.home-copy{padding-bottom:36px}.home-copy>p:not(.eyebrow){font-size:15px}.category-cards{grid-template-columns:1fr;gap:12px}.circuit-board{opacity:.65}.category-card h2{margin-top:16px;font-size:21px}}@media (prefers-reduced-motion:reduce){.circuit-pulse{animation:none;display:none}.circuit-base{transition:none}}.home-copy{padding-top:54px}.home-copy>.eyebrow{background:#090e12;border-radius:8px;margin-left:-12px;padding:6px 12px;display:inline-flex}.category-card .topic-icon{font-size:22px}@media (width<=720px){.home-copy{padding-top:38px}}.trig-hero h1{font-size:clamp(40px,4.5vw,72px)}.trig-circle-panel,.trig-graph-panel{background:radial-gradient(at 35%,#142830,#0b141a 85%);border:1px solid #69e0d033;border-radius:10px;overflow:hidden}.trig-circle-panel{margin-top:24px}.trig-view svg{width:100%;height:auto;display:block}.trig-view svg text{fill:#95abb5;font:13px Segoe UI,sans-serif}.trig-view svg text[fill=\#b0a0f2]{fill:#b0a0f2}.trig-view svg text[fill=\#69e0d0]{fill:#69e0d0}.trig-view svg .circle-angle{fill:#e4f3ef;font-size:32px;font-weight:300}.trig-values{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0;display:grid}.trig-values>div{min-width:0;padding:10px 0}.trig-values span{color:var(--function-color);font-size:12px;display:block}.trig-values output{color:#d7e7e9;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin-top:6px;font-size:clamp(12px,1.5vw,18px);display:block}.trig-function-toggles{flex-wrap:wrap;gap:18px;margin:0 0 12px;display:flex}.trig-function-toggles label{min-height:32px;color:var(--function-color);cursor:pointer;align-items:center;gap:6px;font-size:12px;display:flex}.trig-function-toggles input{accent-color:var(--function-color)}.trig-angle-control{color:#a8bdc5;grid-template-columns:1fr 95px;gap:8px 20px;margin:22px 0;font-size:12px;display:grid}.trig-angle-control>label:first-child{grid-column:1}.trig-angle-control output{float:right;color:var(--accent);font-variant-numeric:tabular-nums}#angle-range{width:100%;accent-color:var(--accent);grid-column:1;min-height:32px}.angle-number{grid-area:1/2/3}.angle-number input{border:1px solid var(--line);color:#d7e7e9;background:#101c22;border-radius:6px;width:100%;min-height:38px;margin-top:6px;padding:8px;display:block}.angle-presets{flex-wrap:wrap;gap:6px;margin-top:14px;display:flex}.angle-presets button{border:1px solid var(--line);color:#98b0ba;background:0 0;border-radius:6px;min-width:44px;min-height:38px;padding:8px;font-size:11px}.angle-presets button:hover{color:var(--accent);border-color:var(--accent)}.trig-speed{color:#8fa6b0;align-items:center;gap:8px;font-size:11px;display:flex}.trig-speed select{border:1px solid var(--line);color:#c5d7dc;background:#101c22;border-radius:6px;padding:10px}.trig-view :is(input,select):focus-visible{outline:2px solid var(--accent);outline-offset:4px}@media (width<=720px){.trig-hero h1{font-size:clamp(42px,9vw,66px)}.trig-values output{font-size:15px}}.pathfinding-board{background:#0b141a;border:1px solid #69e0d038;border-radius:10px;padding:8px}.pathfinding-board canvas{aspect-ratio:4/3;touch-action:none;cursor:crosshair;width:100%;display:block}.pathfinding-board:focus-within{outline:1px solid var(--accent);outline-offset:4px}.pathfinding-board canvas:focus{outline:none}.pathfinding-legend{flex-wrap:wrap;gap:14px;margin-top:14px;font-size:11px;display:flex}.start-color{color:#69e0d0}.goal-color{color:#ed9cba}.open-color{color:#b0a0f2}.closed-color{color:#7ba5b1}.path-color{color:#eac184}.pathfinding-tools{flex-wrap:wrap;gap:8px;margin:18px 0;display:flex}.pathfinding-tools button{border:1px solid var(--line);color:#a8bdc5;background:0 0;border-radius:6px;min-height:44px;padding:10px 12px;font-size:12px}.pathfinding-tools button[aria-pressed=true]{border-color:var(--accent);color:var(--accent);background:#69e0d00f}.pathfinding-map-actions{flex-wrap:wrap;align-items:end;gap:6px;display:flex}.pathfinding-inspector{border:1px solid var(--line);color:#b0c9ce;font-variant-numeric:tabular-nums;border-radius:6px;padding:14px;font-size:12px}@media (width<=400px){.pathfinding-hero .simulation-options{grid-template-columns:1fr}}