:root{color:#211942;font-synthesis:none;--ink:#211942;--plum:#2a2056;--violet:#6b42a1;--pink:#ff5fc8;--cyan:#36dce8;--yellow:#f5ed6b;--line:#cfc4e2;--paper:#ffffffe0;--mono:"SFMono-Regular", Consolas, "Liberation Mono", ui-monospace, monospace;background:#f7f2ff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{min-width:320px}body{background:radial-gradient(circle at 7% 4%,#ff5fc833,#0000 28rem),radial-gradient(circle at 93% 8%,#36dce833,#0000 28rem),linear-gradient(145deg,#fffaf0,#f7f1ff 55%,#edfdff);margin:0}button,input{font:inherit}button{cursor:pointer}code,pre{font-family:var(--mono)}a{color:inherit}.eyebrow{color:#7b4dac;font:850 8px var(--mono);letter-spacing:.12em;text-transform:uppercase;margin:0 0 10px}.dec-header{color:#fff;border-bottom:4px solid var(--yellow);background:linear-gradient(105deg,#211949,#58368a 60%,#22516d);grid-template-columns:minmax(180px,1fr) auto minmax(180px,1fr);align-items:center;gap:22px;min-height:78px;padding:12px 22px;display:grid}.dec-header>div{text-align:center}.dec-header span{color:#cdb8ef;font:800 8px var(--mono);letter-spacing:.12em}.dec-header h1{letter-spacing:-.035em;margin:4px 0 0;font-size:22px}.dec-header>a{color:#e7dcf6;font:800 9px var(--mono);text-decoration:none}.dec-header>a:last-child{color:var(--cyan);justify-self:end}.dec-header>a:hover{color:var(--yellow)}.dec-page{grid-template-columns:minmax(250px,290px) minmax(500px,1fr) minmax(330px,390px);min-height:calc(100vh - 78px);display:grid}.operator-panel,.abstraction-panel{background:var(--paper);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:22px}.operator-panel{border-right:1px solid var(--line)}.abstraction-panel{border-left:1px solid var(--line)}.operator-panel h2,.abstraction-panel h2{letter-spacing:-.035em;margin:0 0 8px;font-size:19px}.panel-copy{color:#6f657d;margin:0 0 16px;font-size:10px;line-height:1.6}.dec-map{background:linear-gradient(145deg,#f9f0ff,#eefeff);border:1px solid #a990c9;border-radius:8px;grid-template-columns:1fr 30px 1fr 30px 1fr;align-items:center;gap:7px 3px;padding:12px;display:grid;box-shadow:5px 5px #ead9f5}.dec-map button{color:#4b326f;background:#ffffffe0;border:1px solid #baa5d5;border-radius:6px;min-width:0;min-height:68px;padding:7px 4px}.dec-map button:hover{border-color:var(--pink)}.dec-map button.active{color:#fff;border-color:var(--plum);box-shadow:3px 3px 0 var(--pink);background:linear-gradient(145deg,#3c276a,#22556b)}.dec-map button b,.dec-map button span,.dec-map button small{display:block}.dec-map button b{font:850 13px var(--mono)}.dec-map button span{margin-top:4px;font-size:8px;font-weight:850}.dec-map button small{color:#82748f;margin-top:2px;font-size:7px}.dec-map button.active small{color:#d6c9e7}.map-arrow,.star-arrow{color:#7c62a0;font:800 8px var(--mono);text-align:center}.star-arrow{color:#c44294;padding:1px 0}.star-arrow b,.star-arrow small{display:block}.star-arrow b,.hodge-star{font-family:STIX Two Math,Cambria Math,Georgia,serif;font-style:normal;font-weight:800}.star-arrow b{font-size:19px;line-height:.9}.star-arrow small{font:700 5px var(--mono);letter-spacing:.04em;margin-top:3px}.hodge-star{font-size:1.2em;line-height:.7}.operator-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:16px;display:grid}.candy-button,.plain-button{border:1px solid var(--plum);border-radius:5px;min-height:36px;padding:7px 10px;font-size:9px;font-weight:850}.candy-button{color:var(--ink);background:var(--yellow);box-shadow:3px 3px 0 var(--pink)}.candy-button.star{background:var(--cyan)}.candy-button:disabled{cursor:not-allowed;filter:grayscale(.8);opacity:.45;box-shadow:none}.plain-button{color:#5d3a87;background:#fff;border-color:#ad98c7}.plain-button:disabled{cursor:not-allowed;opacity:.45}.recipe-row{border-top:1px solid #d8cce8;flex-wrap:wrap;gap:5px;margin-top:13px;padding-top:11px;display:flex}.recipe-row>span{color:#7e6f8b;font:800 7px var(--mono);letter-spacing:.09em;flex:1 0 100%}.recipe-row button{color:#653b8d;font:800 8px var(--mono);background:#fff;border:1px solid #b7a4ce;border-radius:999px;padding:6px 8px}.recipe-row button:hover{border-color:var(--pink);background:#fff1fb}.path-card{color:#fff;background:linear-gradient(145deg,#281e55,#52347d);border-radius:8px;margin-top:17px;padding:13px}.path-card>span{color:#d1bceb;font:800 7px var(--mono);letter-spacing:.09em}.operator-path{flex-wrap:wrap;align-items:center;gap:5px;margin-top:10px;display:flex}.operator-path b{color:#241b47;font:800 8px var(--mono);background:#e9dcff;border-radius:4px;padding:5px 7px}.operator-path i{color:var(--yellow);font:normal 800 9px var(--mono)}.path-card p{color:#bff7f4;min-height:28px;margin:9px 0 0;font-size:8px;line-height:1.5}.orientation-note{border-top:1px solid #d8cce8;margin-top:16px;padding-top:12px}.orientation-note summary{cursor:pointer;font-size:9px;font-weight:850}.orientation-note p{color:#756a81;font-size:8px;line-height:1.55}.mesh-stage{color:#fff;background:linear-gradient(145deg,#17122f,#1a2940 60%,#2b1538);grid-template-rows:auto auto minmax(430px,1fr) auto auto auto;min-width:0;padding:18px;display:grid}.stage-heading{justify-content:space-between;align-items:end;gap:20px;padding:1px 2px 13px;display:flex}.stage-heading span{color:#a994c9;font:800 8px var(--mono);letter-spacing:.1em}.stage-heading h2{margin:3px 0;font-size:21px}.stage-heading p{color:#c6b9d8;margin:0;font-size:9px}.stage-certificate{background:#241a45;border:1px solid #594a73;border-radius:6px;grid-template-columns:auto auto;align-items:baseline;gap:3px 9px;padding:8px 10px;display:grid}.stage-certificate span{color:#9885b4;letter-spacing:0;font-size:7px}.stage-certificate strong{color:var(--yellow);font:800 9px var(--mono);text-align:right}.mesh-scale-switch{grid-template-columns:1fr auto auto;align-items:center;gap:5px;padding:0 0 10px;display:grid}.mesh-scale-switch div span,.mesh-scale-switch div strong{display:block}.mesh-scale-switch div span{color:var(--cyan);font:800 7px var(--mono);letter-spacing:.09em}.mesh-scale-switch div strong{color:#b8abc8;margin-top:3px;font-size:8px}.mesh-scale-switch button{color:#d5cbe3;background:#251b43;border:1px solid #665579;border-radius:3px;min-height:30px;padding:5px 8px;font-size:8px;font-weight:800}.mesh-scale-switch button[aria-pressed=true]{color:#24164c;border-color:var(--yellow);background:var(--yellow)}#dec-canvas{touch-action:none;background:#11102a;border:1px solid #57476f;border-radius:9px;outline:0;width:100%;height:100%;min-height:430px}#dec-canvas:focus{border-color:var(--pink);box-shadow:0 0 0 3px #ff5fc82e}.mesh-legend{color:#a99bbc;font:7px var(--mono);text-transform:uppercase;flex-wrap:wrap;gap:12px;padding:10px 2px 7px;display:flex}.mesh-legend span{align-items:center;gap:5px;display:inline-flex}.mesh-legend i{border-radius:999px;width:16px;height:5px;display:inline-block}.mesh-legend .negative{background:var(--cyan)}.mesh-legend .zero{background:#8e83a3}.mesh-legend .positive{background:var(--pink)}.mesh-legend .primal-line{background:#f1e6ff;height:2px}.mesh-legend .dual-line{border-top:2px dashed #f5ed6b;border-radius:0;height:0}.paint-controls{background:#20183c;border:1px solid #594a73;border-radius:7px;grid-template-columns:1fr auto;align-items:end;gap:16px;padding:10px 12px;display:grid}.paint-controls>label:first-child{grid-template-columns:1fr auto;gap:4px 12px;display:grid}.paint-controls strong,.paint-controls small{display:block}.paint-controls strong{font-size:9px}.paint-controls small{color:#8d809f;margin-top:2px;font-size:7px}.paint-controls output{color:var(--yellow);font:800 9px var(--mono)}.paint-controls input[type=range]{width:100%;accent-color:var(--pink);grid-column:1/-1}.support-picker{grid-template-columns:auto auto;align-items:center;gap:4px 6px;display:grid}.support-picker span{color:#a99bbc;font:7px var(--mono);text-transform:uppercase;grid-column:1/-1}.support-picker input{color:#fff;width:64px;height:32px;font:9px var(--mono);background:#15112b;border:1px solid #665579;border-radius:4px;padding:5px}.support-picker .plain-button{min-height:32px;color:var(--yellow);background:#31244f;border-color:#665579}.seed-row{flex-wrap:wrap;align-items:center;gap:6px;padding-top:10px;display:flex}.seed-row span{color:#9586a9;font:7px var(--mono);text-transform:uppercase;margin-right:3px}.seed-row button{color:#d9cfeb;background:#251b43;border:1px solid #5c4d71;border-radius:999px;padding:6px 9px;font-size:8px}.seed-row button.active{color:#231a45;border-color:var(--yellow);background:var(--yellow)}.lens-tabs{grid-template-columns:repeat(4,1fr);gap:4px;margin-bottom:20px;display:grid}.lens-tabs button{color:#6e4a97;background:#fff;border:1px solid #bba8d2;min-width:0;padding:8px 3px;font-size:8px;font-weight:850}.lens-tabs button:first-child{border-radius:5px 0 0 5px}.lens-tabs button:last-child{border-radius:0 5px 5px 0}.lens-tabs button[aria-selected=true]{color:#fff;border-color:var(--plum);background:var(--plum)}.lens-number{color:#8654b7;font:800 7px var(--mono);letter-spacing:.1em;margin-bottom:8px;display:block}.abstraction-panel section>p{color:#6f657b;font-size:10px;line-height:1.65}.meaning-list{border-top:1px solid #d9cde8;margin:18px 0 0}.meaning-list div{border-bottom:1px solid #ded4eb;grid-template-columns:92px 1fr;gap:10px;padding:11px 0;display:grid}.meaning-list dt{color:#8150ae;font:800 7px var(--mono);text-transform:uppercase}.meaning-list dd{color:#5e536b;margin:0;font-size:9px;line-height:1.5}.cochain-values{grid-template-columns:repeat(auto-fit,minmax(57px,1fr));gap:5px;margin-top:15px;display:grid}.cochain-values button{color:#46335f;min-width:0;font:8px var(--mono);background:#fff;border:1px solid #c1b2d4;border-radius:4px;padding:7px 4px}.cochain-values button.selected{color:#fff;border-color:var(--plum);background:var(--plum);box-shadow:2px 2px 0 var(--pink)}.cochain-values button span{color:#857690;margin-top:3px;font-size:7px;display:block}.cochain-values button.selected span{color:#d7cae7}.selected-coefficient{border-left:3px solid var(--cyan);min-height:34px;font-family:var(--mono);background:#edfcfd;padding:9px}.matrix-meta{color:#796b87;font:8px var(--mono);justify-content:space-between;margin:13px 0 8px;display:flex}.matrix-grid{background:#f9f5ff;border:1px solid #c5b5d9;border-radius:5px;gap:2px;max-width:100%;padding:8px;display:grid;overflow:auto}.matrix-cell{aspect-ratio:1;color:#8c8295;min-width:18px;font:6px var(--mono);background:#ebe5f2;border-radius:2px;place-items:center;display:grid}.matrix-cell.positive{color:#3b214a;background:#ff5fc8a6}.matrix-cell.negative{color:#143c45;background:#36dce8b3}.matrix-equation{color:#dffffd;background:#211942;border-radius:4px;margin-top:10px;padding:9px;font-size:8px;line-height:1.5;display:block}.energy-formula{color:#fff;background:linear-gradient(135deg,#33215c,#24566b);border-radius:5px;margin:14px 0 9px;padding:12px;font-size:11px;line-height:1.5;display:block}.energy-value{border-block:1px solid #d9cde8;justify-content:space-between;align-items:baseline;padding:10px 0;display:flex}.energy-value span{color:#786b84;font:8px var(--mono);text-transform:uppercase}.energy-value strong{color:#7645a1;font:800 12px var(--mono)}.abstraction-panel pre{color:#dffffd;background:#191431;border-radius:5px;margin:13px 0;padding:12px;font-size:8px;line-height:1.65;overflow:auto}.abstraction-panel section>a{color:#693a98;font-size:9px;font-weight:850}.next-rung{border-top:4px solid var(--cyan);background:linear-gradient(145deg,#fffaf0,#f8f1ff 60%,#ebfeff);grid-template-columns:minmax(230px,.65fr) minmax(500px,1.35fr);gap:35px;padding:55px max(24px,50vw - 590px);display:grid}.next-rung h2{letter-spacing:-.045em;max-width:440px;margin:0;font-size:32px;line-height:1.04}.next-rung ol{grid-template-columns:1fr 1fr;gap:10px;margin:0;padding:0;list-style:none;display:grid}.next-rung li{border-top:1px solid #cdbfe0;grid-template-columns:28px 1fr;gap:9px;padding:13px;display:grid}.next-rung li>span{color:#fff;background:var(--violet);width:25px;height:25px;font:800 8px var(--mono);border-radius:50%;place-items:center;display:grid}.next-rung strong{font-size:10px}.next-rung p{color:#706678;margin:4px 0 0;font-size:9px;line-height:1.5}.next-actions{flex-wrap:wrap;grid-column:2;gap:9px;display:flex}.next-actions a{color:var(--ink);border:1px solid var(--plum);background:var(--yellow);box-shadow:3px 3px 0 var(--pink);border-radius:5px;padding:9px 12px;font-size:9px;font-weight:850;text-decoration:none}.next-actions a+a{background:#fff;box-shadow:3px 3px #baa8d0}footer{color:#cabfde;background:var(--plum);justify-content:space-between;gap:25px;padding:24px max(22px,50vw - 590px);display:flex}footer p{margin:0;font-size:9px}footer div{flex-wrap:wrap;gap:16px;display:flex}footer a{color:var(--cyan);font-size:8px;font-weight:800}@media (max-width:1160px){.dec-page{grid-template-columns:280px minmax(480px,1fr)}.abstraction-panel{border-top:1px solid var(--line);border-left:0;grid-column:1/-1}.abstraction-panel section{max-width:850px}}@media (max-width:780px){.dec-header{grid-template-columns:1fr auto}.dec-header>div{text-align:left;grid-area:2/1/auto/-1}.dec-header>a:last-child{grid-area:1/2}.dec-page{grid-template-columns:1fr}.operator-panel{border-right:0;border-bottom:1px solid var(--line)}.mesh-stage{min-height:730px}.paint-controls,.next-rung,.next-rung ol{grid-template-columns:1fr}.next-actions{grid-column:1}}@media (max-width:480px){.dec-map{grid-template-columns:1fr 24px 1fr 24px 1fr;padding:8px}.dec-map button{min-height:62px}.stage-heading{align-items:flex-start}.stage-certificate{display:none}.lens-tabs{grid-template-columns:1fr 1fr}.lens-tabs button{border-radius:4px!important}footer{display:grid}}