.cgn-study{--cgn-ink:#355f68;--cgn-accent:#b07049;color:#304950;width:100%;font-size:16px}.cgn-stage{background:radial-gradient(at 50% 20%,#fafbf6,#f0f3ee);border-radius:22px;min-height:430px;padding:24px clamp(14px,4vw,42px) 20px}.cgn-study p{margin:0;font-size:16px;line-height:1.6}.cgn-equation-heading{text-align:center;gap:10px;margin-bottom:24px;display:grid}.cgn-equation-heading span{color:#6f7b78}.cgn-equation-heading strong{letter-spacing:-.03em;font-size:clamp(22px,3vw,30px);font-weight:550}.cgn-matrix-wrap{min-width:0}.cgn-matrix-name{color:#607771;text-align:center;margin-bottom:9px;font-size:16px;display:block}.cgn-matrix{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;display:grid}.cgn-matrix>span,.cgn-matrix>button{font-variant-numeric:tabular-nums;color:#355f68;background:color-mix(in srgb, #c4d5cc calc(var(--cgn-value) * 42%), #fafbf7);border:1px solid #71928922;border-radius:8px;place-items:center;min-width:0;min-height:35px;font-size:18px;display:grid}.cgn-matrix>button{cursor:pointer;min-height:44px}.cgn-matrix>[data-focus=true]{color:#855337;background:#eedfcc;border-color:#b17652a0}.cgn-matrix>[data-empty=true]{color:#acb5a9;background:#eaf0e7}.cgn-problem-matrices{grid-template-columns:180px 40px 180px;justify-content:center;align-items:center;gap:14px;display:grid}.cgn-math-sign{text-align:center;font-size:28px;font-weight:400}.cgn-first-dot{text-align:center;gap:10px;max-width:650px;margin:22px auto;display:grid}.cgn-first-dot>span{color:#945f3c}.cgn-first-dot strong{font-variant-numeric:tabular-nums;font-size:19px;font-weight:500}.cgn-three-names{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:620px;margin:22px auto 0;display:grid}.cgn-three-names>span{text-align:center;color:#64756f;gap:8px;font-size:16px;display:grid}.cgn-three-names b{color:#355f68;font-size:23px;font-weight:600}.cgn-chip-heading{justify-content:center;align-items:center;gap:18px;min-height:44px;margin-bottom:20px;display:flex}.cgn-chip-heading>b{letter-spacing:-.04em;color:#355f68;font-size:30px;font-weight:600;line-height:1}.cgn-chip-heading>span{color:#687f76;max-width:440px;font-size:16px}.cgn-control-ribbon{justify-content:center;align-items:center;gap:12px;margin-bottom:25px;display:flex}.cgn-control-ribbon span{color:#7a8a82;background:#e7ede2;border-radius:20px;padding:8px 15px;font-size:16px}.cgn-control-ribbon i{color:#aab7a7;font-style:normal}.cgn-control-ribbon [data-active=true]{color:#356363;background:#d4e0d4}.cgn-dot{max-width:630px;margin:auto}.cgn-dot>header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.cgn-dot>header>b{color:#996340;font-size:24px}.cgn-dot>header>span{color:#60796d;font-size:16px}.cgn-products{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.cgn-products>div{text-align:center;font-variant-numeric:tabular-nums;background:#fbfcf7;border:1px solid #adbcac44;border-radius:12px;gap:9px;padding:12px 6px;display:grid}.cgn-products span{color:#718373;font-size:18px}.cgn-products b{font-size:24px;font-weight:500}.cgn-products [data-current=true]{background:#f3e0c4;border-color:#b7804e88;box-shadow:0 6px 14px #a2774720}.cgn-products [data-past=true]{color:#779887}.cgn-accumulator{font-variant-numeric:tabular-nums;background:#dee7da;border-radius:15px;justify-content:center;align-items:center;gap:18px;min-height:58px;margin:16px 0;display:flex}.cgn-accumulator strong{font-size:32px;font-weight:550}.cgn-accumulator>span:first-child{color:#6e8c77;font-size:26px}.cgn-accumulator>b{color:#718472;font-size:16px;font-weight:400}.cgn-branch{justify-content:center;align-items:center;gap:15px;margin-bottom:20px;font-size:16px;display:flex}.cgn-branch code{color:#6f8170;font-size:16px}.cgn-branch span{color:#98a393;border-radius:14px;padding:6px 10px}.cgn-branch [data-active=true]{color:#8a5b3c;background:#ead8c0}.cgn-result-line{border-top:1px solid #b8c6b444;grid-template-columns:160px minmax(0,340px);justify-content:center;align-items:center;gap:24px;padding-top:14px;display:grid}.cgn-result-line .cgn-matrix>span{min-height:28px;font-size:16px}.cgn-result-line p{color:#78887a;font-size:16px}.cgn-result-line summary{cursor:pointer;color:#718570;min-height:44px;padding-block:12px;font-size:16px}.cgn-instruction-bus{background:#dce8df;border-radius:16px;flex-wrap:wrap;justify-content:center;gap:12px;max-width:600px;margin:0 auto;padding:12px 18px;display:flex}.cgn-instruction-bus span{color:#617e6c;font-size:16px}.cgn-instruction-bus code{color:#386368;font-size:17px}.cgn-lanes{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;max-width:600px;margin:0 auto 20px;display:grid}.cgn-lane{text-align:center;min-width:0}.cgn-lane-index{color:#587766;padding-top:12px;font-size:18px;display:block}.cgn-lane-link{background:#88a39266;width:1px;height:19px;margin:auto}.cgn-lane-core{background:#e5eddf;border:1px solid #c0d0b6;border-radius:15px;place-items:center;gap:6px;padding:14px 4px;display:grid;position:relative}.cgn-lane-core>span{color:#67876e;min-height:25px;font-size:17px}.cgn-lane-core strong{font-variant-numeric:tabular-nums;font-size:30px;font-weight:550}.cgn-lane-core small{color:#8c9a81;font-size:16px}.cgn-lane[data-active=true] .cgn-lane-core{background:#d7e5d8;border-color:#76948580;box-shadow:0 7px 18px #42695012}.cgn-lane[data-masked=true] .cgn-lane-core{color:#8a9481;background:repeating-linear-gradient(135deg,#e9ece3,#e9ece3 7px,#dfe5d8 7px 8px)}.cgn-lane-out{color:#916343;min-height:34px;font-size:24px;font-weight:550;display:block}.cgn-mask-label{color:#7d8b75;min-height:26px;font-size:16px;display:block}.cgn-array-caption{justify-content:center;gap:30px;margin-bottom:12px;font-size:16px;display:flex}.cgn-x-ink{color:#367887}.cgn-w-ink{color:#b07644}.cgn-array{aspect-ratio:1;width:min(100%,400px);margin:auto;position:relative}.cgn-array-wires{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.cgn-array-wires path{fill:none;stroke-width:1px}.cgn-x-wire{stroke:#36788755}.cgn-w-wire{stroke:#b0764444}.cgn-x-dot{fill:#367887}.cgn-w-dot{fill:#b07644}.cgn-array-grid{grid-template-rows:repeat(4,minmax(0,1fr));grid-template-columns:repeat(4,minmax(0,1fr));gap:6.66667%;width:90%;height:90%;display:grid;position:absolute;top:6%;left:6%}.cgn-pe{color:#658574;background:#f7f9f0;border:1px solid #b5c7b388;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-width:0;padding:4px;display:flex;position:relative;box-shadow:0 3px 8px #5d775509}.cgn-pe small{color:#6c8671;font-size:16px;line-height:1.2}.cgn-pe strong{font-variant-numeric:tabular-nums;font-size:26px;font-weight:550;line-height:1.3}.cgn-pe span{color:#8ca084;font-size:16px;line-height:1.25}.cgn-pe[data-active=true]{color:#356965;background:#dce8d5;border-color:#739980}.cgn-pe[data-complete=true]{background:#e8ecd9}.cgn-pe[data-selected=true]{outline-offset:3px;outline:2px solid #b78251}.cgn-array button{cursor:pointer;min-height:44px}.cgn-pe-receipt{font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 18px;margin:16px auto 12px;font-size:20px;display:flex}.cgn-pe-receipt small{text-align:center;color:#7a8977;flex-basis:100%;font-size:16px}.cgn-pe-receipt b{color:#a46d44;font-weight:500}.cgn-pe-receipt span{color:#4d7269}.cgn-array-note{text-align:center;color:#7b8978}.cgn-npu .cgn-chip-heading{margin-bottom:12px}.cgn-memory{text-align:center;color:#718272;background:#e6ede0;border-radius:16px;max-width:470px;margin:24px auto 0;padding:18px}.cgn-memory-bars{grid-template-columns:repeat(16,minmax(0,1fr));gap:6px;margin-top:14px;display:grid}.cgn-memory-bars i{background:#c5d5bd;border-radius:4px;height:34px}.cgn-memory-bars [data-lit=true]{background:#83a29b}.cgn-flow-link{text-align:center;color:#8b9b82;gap:5px;margin:12px;font-size:16px;display:grid}.cgn-flow-link i{font-size:25px;font-style:normal}.cgn-flow-link[data-active=true]{color:#547a70}.cgn-graph{justify-content:center;align-items:center;gap:12px;margin:22px auto;display:flex}.cgn-graph>span{text-align:center;color:#788973;background:#e1e8d9;border-radius:16px;gap:9px;width:140px;min-width:0;padding:18px 10px;font-size:16px;display:grid}.cgn-graph b{color:#5a7769;font-size:24px}.cgn-graph i{color:#9bab8e;font-style:normal}.cgn-graph [data-active=true]{color:#376868;background:#d1e3da;box-shadow:0 5px 15px #43746715}.cgn-flow>p{text-align:center;color:#7c8978;max-width:560px;margin:auto}.cgn-flow-costs{flex-wrap:wrap;justify-content:center;gap:12px;margin:25px auto 0;display:flex}.cgn-flow-costs span{color:#848373;background:#e7e8d9;border-radius:20px;padding:9px 14px;font-size:16px}.cgn-flow-limits{color:#718570;max-width:560px;margin:12px auto 0;font-size:16px}.cgn-flow-limits summary{cursor:pointer;min-height:44px;padding-block:12px}.cgn-proof-matrices{grid-template-columns:repeat(3,minmax(0,160px));justify-content:center;gap:30px;display:grid}.cgn-proof-equality{text-align:center;color:#527667;letter-spacing:-.03em;margin:23px auto!important;font-size:23px!important}.cgn-benchmark-note{color:#7a8977;text-align:center;max-width:600px;margin:24px auto 0!important}.cgn-explore{gap:18px;padding:22px 16px;display:grid}.cgn-choice{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.cgn-choice button,.cgn-step-controls button{color:#628171;cursor:pointer;background:#f6f8f1;border:1px solid #b7c6b8;border-radius:24px;min-width:64px;min-height:44px;padding:8px 16px;font-size:16px}.cgn-choice [aria-pressed=true]{color:#325f65;background:#dce8dd;border-color:#87a694}.cgn-step-controls{justify-content:space-between;align-items:center;gap:12px;display:flex}.cgn-step-controls label{font-size:16px}.cgn-step-controls button:disabled{opacity:.4;cursor:default}.cgn-explore input[type=range]{accent-color:#497b79;width:100%;min-height:44px}.cgn-explore-result{color:#6a8073;grid-template-columns:180px minmax(0,1fr);align-items:center;gap:20px;max-width:600px;margin:auto;display:grid}.cgn-study[data-moving=false] *{transition:none}@media (min-width:681px){.cgn-pe,.cgn-lane-core,.cgn-products>div{transition:background .18s,border-color .18s}}@media (max-width:680px){.cgn-stage{border-radius:18px;min-height:0;padding:18px 12px 16px}.cgn-equation-heading{gap:8px;margin-bottom:20px}.cgn-equation-heading strong{font-size:22px}.cgn-problem-matrices{grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr);gap:8px;max-width:360px;margin:auto}.cgn-math-sign{font-size:23px}.cgn-matrix>span{min-height:30px;font-size:17px}.cgn-first-dot{gap:9px;margin:20px auto}.cgn-first-dot strong{font-size:17px}.cgn-three-names{gap:9px;margin-top:18px}.cgn-three-names>span{gap:5px;font-size:16px}.cgn-three-names b{font-size:21px}.cgn-chip-heading{justify-content:flex-start;gap:14px;margin-bottom:17px}.cgn-chip-heading>b{font-size:27px}.cgn-chip-heading>span{line-height:1.45}.cgn-control-ribbon{display:none}.cgn-dot>header{gap:10px}.cgn-dot>header>span{max-width:200px;line-height:1.4}.cgn-products{gap:7px}.cgn-products>div{gap:8px;padding:10px 3px}.cgn-products span{font-size:17px}.cgn-products b{font-size:23px}.cgn-accumulator{flex-wrap:wrap;gap:10px;padding:10px 6px}.cgn-accumulator strong{font-size:29px}.cgn-branch{flex-wrap:wrap;gap:8px}.cgn-branch code{text-align:center;flex-basis:100%}.cgn-result-line{grid-template-columns:116px minmax(0,1fr);gap:14px}.cgn-result-line .cgn-matrix{gap:3px}.cgn-result-line .cgn-matrix>span{border-radius:5px;min-height:24px}.cgn-result-line p{font-size:16px;line-height:1.5}.showcase[data-mode=watch] .cgn-result-line{padding-top:4px;display:block}.showcase[data-mode=watch] .cgn-result-line>.cgn-matrix-wrap{display:none}.cgn-instruction-bus{gap:7px;padding:11px 6px}.cgn-instruction-bus>span{text-align:center;flex-basis:100%}.cgn-instruction-bus code{font-size:16px}.cgn-lanes{gap:8px}.cgn-lane-core{border-radius:12px;padding:12px 3px}.cgn-lane-core strong{font-size:27px}.cgn-lane-core>span{font-size:16px}.cgn-lane-index{font-size:17px}.cgn-lane-link{height:15px}.cgn-array{width:min(100%,272px)}.cgn-array-caption{justify-content:space-between;gap:14px}.cgn-pe{border-radius:10px;padding:3px}.cgn-pe small{font-size:16px;line-height:1}.cgn-pe strong{font-size:22px;line-height:1.15}.cgn-pe span{display:none}.cgn-pe-receipt{gap:10px 12px;margin:18px 0 12px;font-size:18px}.cgn-array-note{font-size:16px;line-height:1.45!important}.cgn-memory{margin-top:8px;padding:8px}.cgn-memory-bars{gap:4px}.cgn-memory-bars i{height:12px}.cgn-flow .cgn-equation-heading{margin-bottom:4px}.cgn-flow .cgn-equation-heading strong{display:none}.cgn-flow-link{gap:2px;margin:4px}.cgn-graph{flex-direction:column;gap:5px;max-width:340px;margin:8px auto;display:flex}.cgn-graph>span{text-align:left;grid-template-columns:50px minmax(0,1fr);align-items:center;width:100%;min-height:44px;padding:6px 10px;line-height:1.35}.cgn-graph b{font-size:21px}.cgn-graph>i{text-align:center;height:12px;line-height:12px;transform:rotate(90deg)}.showcase[data-mode=watch] .cgn-compare .cgn-three-names{display:none}.cgn-flow-costs{gap:8px;margin-top:18px}.cgn-flow-costs span{padding:8px 11px}.cgn-proof-matrices{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.cgn-proof-matrices .cgn-matrix{gap:3px}.cgn-proof-matrices .cgn-matrix>span{border-radius:5px;min-height:28px;font-size:16px}.cgn-proof-equality{margin:18px auto!important;font-size:19px!important}.cgn-benchmark-note{margin-top:20px!important}.cgn-explore{gap:16px;padding:20px 8px}.cgn-explore-result{grid-template-columns:120px minmax(0,1fr);gap:13px}.cgn-choice{gap:7px}.cgn-choice button{padding:8px 13px}}@media (max-width:350px){.cgn-stage{padding-inline:9px}.cgn-result-line{grid-template-columns:104px minmax(0,1fr);gap:10px}.cgn-array-caption{gap:7px}.cgn-pe strong{font-size:22px}.cgn-chip-heading{gap:11px}.cgn-control-ribbon span{padding:7px}.cgn-products{gap:5px}}
