@layer components{.mechanism-lab-launch{border-block:1px solid #c4d1b8;margin:32px 0}.mechanism-dialog{background:#f6f7f0;border:0;border-radius:22px;width:min(1180px,100% - 40px);max-width:none;max-height:calc(100dvh - 40px);padding:0;box-shadow:0 30px 110px #0005}.mechanism-dialog[open]{animation:.23s ease-out open-view}.lab-header{border-bottom:1px solid #d7dfce;justify-content:space-between;align-items:center;gap:25px;padding:26px 32px 20px;display:flex}.lab-header .eyebrow{color:#667b58}.lab-header h2{letter-spacing:-.045em;margin-top:8px;font-size:29px;font-weight:550;line-height:1.25}.lab-body{overscroll-behavior:contain;max-height:calc(100dvh - 159px);padding:25px 30px 32px;overflow-y:auto}.lab-controls{flex-wrap:wrap;align-items:end;gap:18px;margin-bottom:24px;display:flex}.lab-controls label{color:#526a45;font-size:11px}.lab-controls select,.lab-controls input[type=number]{color:#254121;font:inherit;background:#fffef9;border:1px solid #c9d5bd;border-radius:6px;min-width:92px;max-width:100%;margin-top:7px;padding:10px 12px;display:block}.lab-controls input[type=number]{width:110px}.lab-controls input[type=range]{accent-color:#547741;min-width:150px;margin-top:14px;display:block}.lab-controls button,.lab-preset{color:#36572b;background:#e3ead8;border-radius:6px;padding:10px 14px;font-size:11px}.lab-controls button[aria-pressed=true],.lab-preset[aria-pressed=true]{color:#f2f4e6;background:#274b2b}.lab-controls output,.lab-controls .control-value{font-variant-numeric:tabular-nums;color:#243e22;margin-left:10px;font-weight:650}.lab-tabs{border-bottom:1px solid #d6dfca;gap:7px;margin-bottom:24px;padding-bottom:15px;display:flex}.lab-tabs button{color:#526d40;background:#e4ecda;border-radius:25px;padding:10px 18px;font-size:12px}.lab-tabs button[aria-selected=true]{color:#f2f5e6;background:#25482a}.lab-intro{color:#4e6345;max-width:850px;margin:0 0 22px;font-size:13px;line-height:1.8}.lab-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:23px 0;display:grid}.lab-stat{border-left:1px solid #c6d4b9;min-width:0;padding:5px 0 5px 17px}.lab-stat>span{color:#667b57;font-size:10px;display:block}.lab-stat>output{letter-spacing:-.05em;color:#2c4f29;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:9px 0 5px;font-size:31px;font-weight:550;display:block}.lab-stat>small{color:#758769;font-size:11px;line-height:1.6;display:block}.lab-stage{color:#e6eddb;background:#11271d;border-radius:15px;padding:25px;overflow:hidden}.lab-stage.light{color:#2c4727;background:#edf1e4;border:1px solid #d0dcbf}.lab-stage svg{width:100%;height:auto;overflow:visible}.lab-stage svg text{font-family:var(--sans)}.lab-stage .lab-axis{stroke:#8baa713b;stroke-width:1px}.lab-stage .lab-axis-label{fill:#91ac80;font-size:10px}.lab-token{transition:transform .6s cubic-bezier(.2,.75,.15,1),opacity .4s}.lab-token rect{transition:fill .4s,stroke .4s}.lab-token text{pointer-events:none}.lab-caption{color:#566d49;margin:15px 0 24px;font-size:11px;line-height:1.75}.lab-stage .lab-caption{color:#a8bd99;margin-bottom:0}.lab-playback{align-items:center;gap:20px;padding:20px 0;display:flex}.lab-playback>div{flex-shrink:0;gap:5px;display:flex}.lab-playback button{color:#385c2c;background:#e1e9d5;border-radius:5px;padding:10px 13px;font-size:11px}.lab-playback button:disabled{opacity:.4}.lab-playback button:nth-child(3){color:#eff4df;background:#315d31;min-width:65px}.lab-playback label{flex:1}.lab-playback input{accent-color:#567d40;width:100%}.lab-playback output{color:#688050;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:11px}.lab-step-title{gap:13px;margin:22px 0 19px;display:flex}.lab-step-title>span{color:#80986a;margin-top:3px;font-size:11px}.lab-step-title h3{letter-spacing:-.035em;font-size:19px;font-weight:550;line-height:1.4}.lab-step-title p{color:#536e45;margin-top:8px;font-size:12px;line-height:1.7}.lab-toggle{align-items:center;gap:8px;font-size:12px;line-height:1.5;display:flex!important}.lab-toggle input{accent-color:#50733b}.lab-columns{grid-template-columns:minmax(0,1fr) minmax(230px,.48fr);align-items:start;gap:24px;display:grid}.lab-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:12px}.lab-table th{text-align:left;color:#60774f;border-bottom:1px solid #bbcdae;padding:12px 10px;font-size:10px;font-weight:600}.lab-table td{color:#3f6031;border-bottom:1px solid #dce4d1;padding:13px 10px}.lab-table tr.selected{background:#dce9c8}.lab-table td code{overflow-wrap:anywhere;font-size:10px}.lab-table-scroll{overflow-x:auto}.lab-note{color:#66583a;background:#f0ecdd;border-left:3px solid #b49b60;padding:15px 18px;font-size:12px;line-height:1.8}.lab-chip-list{flex-wrap:wrap;gap:7px;margin:16px 0;display:flex}.lab-chip{color:#426036;background:#e4ecda;border-radius:5px;align-items:center;gap:8px;padding:8px 11px;font-size:11px;display:inline-flex}.lab-chip i{background:var(--color,#8eb375);border-radius:50%;width:8px;height:8px}.lab-chip.dim{opacity:1;color:#536948;background:#edf2e7}.lab-chip.selected{color:#f1f4df;background:#2c4e2c}.lab-wave-strip{grid-template-columns:repeat(15,minmax(0,1fr));gap:5px;margin:20px 0;display:grid}.lab-wave-strip button{color:#70845e;background:#e7edde;border:1px solid #d1ddc6;border-radius:5px;min-height:62px;padding:9px 3px;font-size:11px}.lab-wave-strip button strong{margin:7px 0 2px;font-size:10px;display:block}.lab-wave-strip button[aria-pressed=true]{outline-offset:2px;outline:2px solid #648344}.lab-wave-strip button.event{background:color-mix(in srgb, var(--color) 35%, #f5f6ed);color:#263e25;border-color:var(--color)}.lab-wave-strip button:disabled{opacity:.45}.lab-readout{color:#3c5b30;background:#e4edd8;border-radius:10px;padding:18px 21px}.lab-readout h3{margin-bottom:12px;font-size:15px;font-weight:600}.lab-readout p{font-size:12px;line-height:1.8}.lab-readout dl{margin:0}.lab-readout dl>div{border-bottom:1px solid #cddcbd;justify-content:space-between;gap:18px;padding:10px 0;font-size:11px;display:flex}.lab-readout dt{color:#668052}.lab-readout dd{font-variant-numeric:tabular-nums;margin:0}.lab-readout output{letter-spacing:-.04em;margin:10px 0;font-size:33px;display:block}.lab-details{color:#47643a;border-top:1px solid #cbd8bf;margin-top:22px;font-size:12px}.lab-details summary{cursor:pointer;padding:17px 0;font-weight:600}.lab-details>p{padding-bottom:15px;font-size:12px;line-height:1.8}.mechanism-detail{border-block:1px solid #cbd8bf;margin:24px 0}.mechanism-detail summary{cursor:pointer;color:#416036;padding:17px 0;font-size:13px;font-weight:600}.mechanism-detail>p{font-size:15px}.mechanism-detail ul{color:#455d3c;padding-left:22px;font-size:14px;line-height:1.9}.mechanism-table{overflow:auto}.lab-residues{grid-template-columns:repeat(10,1fr);gap:5px;display:grid}.lab-residues>span{aspect-ratio:1.3;color:#466636;background:#d9e5cb;border-radius:3px;place-items:center;font-size:10px;display:grid}.lab-residues>span.upper{color:#513f23;background:#d8b374}.lab-residues>span.current{box-shadow:inset 0 0 0 2px #213f25}.lab-bar-pair{grid-template-columns:90px 1fr;align-items:center;gap:14px;margin:21px 0;font-size:11px;display:grid}.lab-bar{background:#203d29;border-radius:4px;height:36px;display:flex;overflow:hidden}.lab-bar>span{white-space:nowrap;color:#1e3823;background:#acd096;justify-content:center;align-items:center;min-width:0;font-size:11px;transition:width .6s cubic-bezier(.2,.7,.2,1);display:flex;overflow:hidden}.lab-bar>span.helmet{background:#d6b67d}.lab-step-cards{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.lab-step-card{opacity:.5;background:#eaf0e0;border:1px solid #cfdbbf;border-radius:10px;padding:18px;transition:opacity .35s,background .35s}.lab-step-card.active{opacity:1;background:#d6e7bf;border-color:#8aa970}.lab-step-card>span{color:#6b8554;margin-bottom:10px;font-size:10px;display:block}.lab-step-card strong{font-size:13px;line-height:1.6;display:block}.lab-step-card p{color:#5d7950;margin-top:9px;font-size:11px;line-height:1.7}.lab-sequence{flex-wrap:wrap;gap:7px;min-height:35px;margin:15px 0;display:flex}.lab-sequence>span{color:#35532b;background:#dce9cc;border-radius:5px;padding:9px 11px;font-size:12px}.lab-sequence>span.current{color:#f2f6e5;background:#31582e}.pipeline-route{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.pipeline-route button{text-align:left;color:#839573;background:#edf1e5;border:1px solid #d6e0ca;border-radius:7px;min-height:77px;padding:14px;font-size:11px;line-height:1.5;position:relative}.pipeline-route button>span{color:#80956a;margin-bottom:6px;font-size:9px;display:block}.pipeline-route button>i{font-style:normal;position:absolute;top:9px;right:9px}.pipeline-route button.passed{color:#37572c;background:#dfebd0;border-color:#b8cba5}.pipeline-route button[aria-pressed=true]{color:#f2f6e3;background:#335631;box-shadow:0 4px 12px #2942251c}.pipeline-route button[aria-pressed=true]>span{color:#b5d595}.pipeline-instructions{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;max-height:350px;padding:3px;display:grid;overflow:auto}.pipeline-token{color:#c6d9b6;background:#24402c;border:1px solid #77926055;border-radius:5px;padding:12px;animation:.45s both token-created}.pipeline-token>span{color:#91ad7b;margin-bottom:5px;font-size:9px;display:block}.pipeline-token strong{font-size:11px;font-weight:550;line-height:1.5;display:block}.pipeline-token small{color:#91ad7b;margin-top:8px;font-size:9px;display:block}.pipeline-token.leader{background:#594d2c;border-color:#c6a565}.pipeline-token.entity{border-radius:15px}@keyframes token-created{0%{opacity:0;transform:translateY(14px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.reservation-result{margin-top:22px}.reservation-result>.eyebrow{color:#a6be94;margin-bottom:15px;display:block}.jam-board{max-height:450px;margin-top:22px;overflow:auto}.lab-small-heading{color:#587545;margin:5px 0 15px;font-size:13px;font-weight:600}.portal-pulse{transform-box:fill-box;transform-origin:50%;animation:2.4s ease-in-out infinite portal-pulse}@keyframes portal-pulse{50%{opacity:.6;stroke-width:5px}}.smoke-cloud{transform-box:fill-box;transform-origin:50%;animation:3.2s ease-in-out infinite alternate smoke-drift}@keyframes smoke-drift{to{opacity:.75;transform:translateY(-4px)scale(1.04)}}.steam-time{margin-top:22px}.steam-time>label{flex:1}.steam-time input[type=range]{width:100%}.smoke-updates{margin-top:20px}.row-weight-bars>div{color:#b9cea7;grid-template-columns:50px 1fr 67px 30px;align-items:center;gap:14px;margin:15px 0;font-size:11px;display:grid}.row-weight-bars>div>div{background:#223d2b;border-radius:4px;height:26px;overflow:hidden}.row-weight-bars i{background:#b4d293;min-width:0;height:100%;transition:width .6s cubic-bezier(.2,.7,.2,1);display:block}.row-weight-bars strong{font-variant-numeric:tabular-nums;text-align:right;font-weight:550}.row-weight-bars button{color:#1e3d22;background:#bdd89e;border-radius:50%;width:30px;height:30px;font-size:19px}.row-weight-bars .ineligible{opacity:.35}.occupancy{color:#637d51;font-size:11px}.completion-gates{gap:12px;display:grid}.completion-gates>div{color:#907455;background:#f0eade;border:1px solid #d8cebb;border-radius:9px;justify-content:space-between;align-items:center;padding:20px;display:flex}.completion-gates>div.pass{color:#36572c;background:#e0ebd5;border-color:#baccaa}.completion-gates>div>span{font-size:22px;line-height:1}.completion-output{color:#c6b49b;background:#353023;border-radius:12px;justify-content:space-between;align-items:center;margin:22px 0;padding:25px;display:flex}.completion-output.pass{color:#e4f0cb;background:#244b2b}.completion-output>span{font-family:monospace;font-size:13px}.completion-output strong{font-size:23px;font-weight:550}.quota-strip button:disabled{opacity:1}.carrier-track{gap:16px;display:grid}.carrier-row{background:#edf1e5;border:1px solid #d3ddc7;border-radius:10px;grid-template-columns:1.6fr repeat(4,1fr);display:grid;overflow:hidden}.carrier-row>div{opacity:.5;border-right:1px solid #d3ddc7;flex-direction:column;justify-content:center;gap:10px;padding:18px 14px;display:flex}.carrier-row.active>div:first-child,.carrier-row>div.active{opacity:1;background:#deebcb}.carrier-row small,.carrier-row>div>span{color:#79905f;font-size:9px}.carrier-row strong{color:#36532a;font-size:13px;font-weight:600}.carrier-row code{color:#64824d;font-size:9px}.loot-weight-bag{border-radius:4px;height:55px;display:flex;overflow:hidden}.loot-weight-bag>div{color:#274321;border-right:2px solid #11271d;place-items:center;font-size:12px;transition:width .6s;display:grid;overflow:hidden}.loot-draw-marker{color:#d9e8bb;width:max-content;padding-top:10px;font-size:10px;position:relative;transform:translate(-50%)}.selection-playback{flex-wrap:wrap;align-items:center;gap:7px;margin:20px 0 15px;display:flex}.selection-playback button{color:#416432;background:#dfe9d3;border-radius:5px;padding:10px 13px;font-size:11px}.selection-playback button:first-child{color:#f0f5df;background:#355c32}.selection-playback button:disabled{opacity:.4}.selection-playback output{color:#6f855b;font-variant-numeric:tabular-nums;margin-left:auto;font-size:11px}.selection-explanation{color:#516c43;margin:15px 0;font-size:12px;line-height:1.8}.selection-stage{background:#edf3e5;border:1px solid #d1dfc4;border-radius:12px;padding:16px}.selection-stage svg{width:100%;height:auto;overflow:visible}.selection-label{fill:#647f52;font-size:11px;font-family:var(--sans)}.selection-token{transition:transform .6s cubic-bezier(.2,.75,.15,1)}.selection-token text{font-family:var(--sans);fill:#2e4c29}.selection-index{font-size:8px}.selection-monogram{font-size:14px;font-weight:650}.selection-cost{font-size:10px}.selection-legend{flex-wrap:wrap;gap:10px 15px;margin-top:16px;display:flex}.selection-legend>span{color:#617c4f;align-items:center;gap:6px;font-size:10px;display:inline-flex}.selection-legend b{color:#284026;border-radius:50%;place-items:center;width:24px;height:24px;font-size:8px;font-weight:600;display:inline-grid}.lab-loading{color:#617752;padding:40px 0;font-size:13px}.article-prose h3{letter-spacing:-.025em;color:#365332;margin:33px 0 18px;font-size:23px;font-weight:560;line-height:1.4}.article-prose ol,.article-prose ul{color:#455248;margin:22px 0;padding-left:25px;font-size:16px;line-height:1.85}.article-prose li{margin:9px 0;padding-left:5px}}@media (max-width:760px){.mechanism-dialog{border-radius:15px;width:calc(100% - 14px);max-height:calc(100dvh - 14px)}.lab-header{align-items:start;padding:20px 19px 16px}.lab-header h2{font-size:24px}.lab-body{max-height:calc(100dvh - 130px);padding:18px 16px 24px}.lab-controls{gap:14px}.lab-controls label{font-size:10px}.lab-controls select{max-width:240px}.lab-intro{font-size:12px}.lab-stat-grid{gap:10px}.lab-stat{padding-left:10px}.lab-stat>output{font-size:24px}.lab-stat>small{font-size:10px}.lab-stage{padding:15px}.lab-columns{grid-template-columns:1fr}.lab-playback{flex-wrap:wrap;gap:12px}.lab-playback>div{width:100%}.lab-playback button{flex:1;padding:10px 7px}.lab-playback label{min-width:100px}.lab-tabs{flex-wrap:wrap}.lab-tabs button{padding:10px 12px;font-size:11px}.lab-wave-strip{grid-template-columns:repeat(5,1fr);gap:6px}.lab-wave-strip button{min-height:52px}.lab-step-cards{grid-template-columns:repeat(2,1fr)}.lab-table th,.lab-table td{padding:10px 6px;font-size:10px}.lab-bar-pair{grid-template-columns:65px 1fr;gap:9px}.pipeline-route{grid-template-columns:repeat(2,1fr)}.pipeline-route button{min-height:66px;padding:11px;font-size:11px}.pipeline-instructions{grid-template-columns:repeat(2,1fr)}.row-weight-bars>div{grid-template-columns:33px 1fr 52px 28px;gap:8px;font-size:10px}.row-weight-bars button{width:27px;height:27px}.carrier-row{grid-template-columns:repeat(4,1fr)}.carrier-row>div:first-child{grid-column:span 4;grid-template-columns:20px 1fr;gap:5px 10px;padding:14px;display:grid}.carrier-row code{grid-column:2}.carrier-row>div{padding:14px 7px}.carrier-row small{overflow-wrap:anywhere;font-size:8px}.carrier-row strong{font-size:11px}.completion-output strong{font-size:20px}.selection-playback button{font-size:10px}.selection-legend{gap:9px 12px}.selection-legend>span{font-size:9px}.article-prose h3{font-size:21px}.article-prose ol,.article-prose ul{font-size:15px}}