:root{
  --l6-cyan:#21bac0;
  --l6-blue:#3978d8;
  --l6-purple:#7867d8;
  --l6-green:#2ca56f;
  --l6-yellow:#e1a938;
  --l6-red:#dc5b4c;
}
.hero-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.hero-badges span{padding:6px 10px;border:1px solid var(--line);border-radius:999px;background:var(--paper);color:var(--muted);font-size:.78rem;font-weight:700}
.graphics-hero{height:520px;position:relative;overflow:hidden;border:1px solid var(--line);border-radius:31px;background:radial-gradient(circle at 82% 14%,color-mix(in srgb,var(--l6-cyan) 26%,transparent),transparent 36%),linear-gradient(145deg,var(--paper),var(--soft));box-shadow:var(--shadow)}
.hero-grid{position:absolute;inset:8% 8% 12%;background-image:linear-gradient(to right,color-mix(in srgb,var(--line) 70%,transparent) 1px,transparent 1px),linear-gradient(to bottom,color-mix(in srgb,var(--line) 70%,transparent) 1px,transparent 1px);background-size:14.28% 20%;border-left:2px solid var(--muted);border-bottom:2px solid var(--muted);opacity:.75}
.graphics-hero svg{position:absolute;inset:8% 7% 12%;width:86%;height:80%}.hero-area{fill:url(#heroArea)}.hero-curve{fill:none;stroke:var(--teal);stroke-width:7;stroke-linecap:round;stroke-dasharray:930;stroke-dashoffset:930;animation:l6Draw 1.8s ease .2s forwards}.hero-points circle{fill:var(--orange);stroke:var(--paper);stroke-width:4;transform-box:fill-box;transform-origin:center;animation:l6Pop .45s ease both}.hero-points circle:nth-child(1){animation-delay:.55s}.hero-points circle:nth-child(2){animation-delay:.9s}.hero-points circle:nth-child(3){animation-delay:1.2s}.hero-points circle:nth-child(4){animation-delay:1.5s}.hero-code{position:absolute;left:7%;top:7%;display:grid;gap:4px;padding:15px 17px;border:1px solid var(--line);border-radius:15px;background:color-mix(in srgb,var(--paper) 92%,transparent);box-shadow:0 14px 34px rgba(20,60,66,.13);font:700 .82rem/1.55 ui-monospace,Consolas,monospace}.hero-code b{color:var(--teal)}.hero-cursor{position:absolute;right:7%;bottom:7%;display:flex;gap:10px;align-items:center;padding:12px 14px;border-radius:14px;background:#10262b;color:#eaffff;box-shadow:0 14px 35px rgba(0,0,0,.2);font:700 .78rem/1.45 ui-monospace,Consolas,monospace}.hero-cursor i{width:12px;height:12px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 7px rgba(237,106,47,.18)}
@keyframes l6Draw{to{stroke-dashoffset:0}}@keyframes l6Pop{from{transform:scale(0)}to{transform:scale(1)}}
.data-story{border:1px solid var(--line);border-radius:24px;background:var(--paper);padding:24px;box-shadow:0 14px 36px rgba(20,58,64,.06)}.data-story-controls{display:flex;gap:8px;margin-bottom:20px}.data-story-controls button,.outfit-toolbar button,.scale-tabs button,.chart-question button,.surface-toolbar button,.comet-toolbar button{border:1px solid var(--line);border-radius:10px;background:var(--soft);color:var(--ink);padding:9px 13px;font:inherit;font-weight:750;cursor:pointer}.data-story-controls button.active,.outfit-toolbar button.active,.scale-tabs button.active,.chart-question button.active,.surface-toolbar button.active{border-color:var(--teal);background:var(--teal);color:#fff}.data-table-view,.data-plot-view{min-height:310px;display:grid;align-content:center}.tiny-table{display:grid;grid-template-columns:72px repeat(6,1fr);border:1px solid var(--line);border-radius:15px;overflow:hidden}.tiny-table>*{padding:17px 10px;text-align:center;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.tiny-table b{background:var(--teal);color:#fff}.tiny-table span:nth-child(5),.tiny-table span:nth-child(12){color:var(--l6-red);font-weight:900;background:color-mix(in srgb,var(--l6-red) 10%,var(--paper))}.data-table-view p,.data-plot-view p{text-align:center;color:var(--muted);margin:18px auto 0;max-width:680px}.data-plot-view svg{width:min(760px,100%);margin:auto}.mini-axes{fill:none;stroke:var(--ink);stroke-width:2}.mini-grid{fill:none;stroke:var(--line);stroke-width:1}.data-plot-view polyline{fill:none;stroke:var(--teal);stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.data-plot-view circle{fill:var(--paper);stroke:var(--teal);stroke-width:4}.data-plot-view circle.outlier{fill:var(--l6-red);stroke:var(--paper);filter:drop-shadow(0 5px 8px rgba(220,91,76,.35))}.three-reasons{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:18px}.three-reasons article,.meaning-cards article,.log-family article,.chart-rules article,.mesh-surf article,.animation-compare article{padding:20px;border:1px solid var(--line);border-radius:17px;background:var(--paper)}.three-reasons article>b{color:var(--teal);font:900 .76rem ui-monospace,monospace}.three-reasons h3{margin:12px 0 6px}.three-reasons p,.meaning-cards p,.log-family p,.chart-rules p,.mesh-surf p,.animation-compare p{margin:0;color:var(--muted)}
.plot-anatomy{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr);gap:20px;align-items:stretch}.point-scanner,.plot-recipe{border:1px solid var(--line);border-radius:22px;background:var(--paper);padding:22px}.point-scanner svg{width:100%;display:block}.scanner-grid{fill:none;stroke:var(--line);stroke-width:1.2}.point-scanner polyline{fill:none;stroke:var(--teal);stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.scanner-dots circle{fill:var(--paper);stroke:var(--teal);stroke-width:2}.scanner-x,.scanner-y{stroke:var(--orange);stroke-width:1.5;stroke-dasharray:5 5}.scanner-focus{fill:var(--orange);stroke:var(--paper);stroke-width:4}.point-scanner label{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;margin-top:10px;color:var(--muted);font-size:.84rem}.point-scanner input{accent-color:var(--teal)}.scanner-readout{display:flex;gap:10px;flex-wrap:wrap;margin-top:13px}.scanner-readout span{padding:8px 11px;border-radius:9px;background:var(--soft);font:700 .84rem ui-monospace,monospace}.scanner-readout strong{color:var(--orange)}.plot-recipe{display:grid;gap:12px}.plot-recipe article{display:grid;grid-template-columns:38px 1fr;gap:12px;align-items:center;padding:12px;border-radius:13px;background:var(--soft)}.plot-recipe article>span{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--teal);color:#fff;font-weight:900}.plot-recipe b{display:block;margin-bottom:5px}.plot-recipe code{color:var(--orange)}.dot-warning{padding:15px;border-radius:14px;background:color-mix(in srgb,var(--orange) 9%,var(--paper));border:1px solid color-mix(in srgb,var(--orange) 28%,var(--line))}.dot-warning>b{font:900 1.25rem ui-monospace,monospace;color:var(--orange)}.dot-warning p{margin:7px 0 0;color:var(--muted);font-size:.88rem}
.plot-outfit{display:grid;grid-template-columns:1fr minmax(250px,.45fr);gap:18px;border:1px solid var(--line);border-radius:23px;background:var(--paper);padding:22px}.outfit-toolbar{grid-column:1/3;display:flex;gap:8px;flex-wrap:wrap}.outfit-stage{position:relative;min-height:360px;border:1px solid var(--line);border-radius:17px;background:var(--paper);padding:37px 35px 45px 65px}.outfit-stage svg{width:100%;height:280px}.outfit-grid path{fill:none;stroke:var(--line);stroke-width:1.2}.outfit-line{fill:none;stroke:var(--teal);stroke-width:6;stroke-linecap:round}.outfit-title{position:absolute;top:9px;left:0;right:0;text-align:center;font-weight:850}.outfit-x{position:absolute;bottom:10px;left:0;right:0;text-align:center;color:var(--muted)}.outfit-y{position:absolute;left:9px;top:50%;transform:translateY(-50%) rotate(-90deg);color:var(--muted)}.hidden-part{opacity:.08!important}.outfit-code{display:flex;flex-direction:column;gap:10px;align-content:center;justify-content:center}.outfit-code span{padding:12px;border-radius:10px;background:var(--code);color:#d8f6f4;font:700 .82rem/1.45 ui-monospace,monospace;transition:.2s}.outfit-code span.disabled{opacity:.2;text-decoration:line-through}.meaning-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.meaning-cards b{display:block;color:var(--teal);margin-bottom:9px}.meaning-cards code{font-size:.88rem}
.annotation-map{display:grid;grid-template-columns:1fr 1fr;gap:16px}.annotation-map article{position:relative;padding:24px 24px 24px 78px;border:1px solid var(--line);border-radius:19px;background:var(--paper)}.annotation-icon{position:absolute;left:22px;top:24px;width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:var(--teal);color:#fff;font-size:1.25rem}.annotation-map h3{margin:0 0 10px}.annotation-map p{margin:0;color:var(--muted)}.legend-order{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:center;margin:18px 0;padding:22px;border:1px solid var(--line);border-radius:20px;background:var(--paper)}.legend-order>div{display:grid;grid-template-columns:65px 1fr;gap:5px 13px;align-items:center}.legend-order>div span{height:4px;border-radius:3px}.line-one{background:var(--l6-blue)}.line-two{background:var(--orange)}.legend-order small{grid-column:2;color:var(--muted)}.legend-order>p{grid-column:1/4;margin:0;padding-top:13px;border-top:1px solid var(--line);color:var(--muted)}
.pair-train{display:flex;align-items:center;gap:12px;padding:24px;border:1px solid var(--line);border-radius:22px;background:var(--paper)}.pair{display:grid;grid-template-columns:1fr 1fr;min-width:190px;border-radius:15px;overflow:hidden;border:1px solid var(--line)}.pair span{padding:17px;text-align:center;font:900 1.15rem ui-monospace,monospace;color:#fff}.pair-a span{background:var(--l6-blue)}.pair-b span{background:var(--orange)}.pair b{grid-column:1/3;text-align:center;padding:8px;background:var(--soft);font-size:.78rem}.pair-train>i{font-style:normal;color:var(--muted);font-size:1.3rem}.pair-result{flex:1;min-height:120px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:20% 25%;position:relative;overflow:hidden}.pair-result span{position:absolute;left:7%;right:7%;height:4px;border-radius:4px;transform-origin:left}.pair-result .curve-a{top:63%;background:var(--l6-blue);transform:rotate(-13deg)}.pair-result .curve-b{top:47%;background:var(--orange);transform:rotate(-27deg)}.plain-note{margin:17px 0;padding:17px 19px;border-left:4px solid var(--teal);border-radius:0 14px 14px 0;background:var(--soft)}.plain-note b{display:block;margin-bottom:6px}.plain-note p{margin:0;color:var(--muted)}.plain-note.warning{border-left-color:var(--orange);background:color-mix(in srgb,var(--orange) 8%,var(--paper))}
.hold-story{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:15px;align-items:center}.hold-frame{padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--paper);text-align:center}.hold-screen{height:150px;position:relative;border:1px solid var(--line);border-radius:12px;background:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:25% 25%;overflow:hidden}.hold-screen span,.hold-screen em{position:absolute;left:10%;right:8%;height:4px;border-radius:4px;background:var(--l6-blue);top:58%;transform:rotate(-17deg)}.hold-screen em{background:var(--orange);top:42%;transform:rotate(-29deg)}.hold-screen.locked b{position:absolute;right:9px;top:9px;padding:4px 7px;border-radius:6px;background:var(--teal);color:#fff;font-size:.65rem}.hold-frame code{display:block;margin:13px 0 5px;color:var(--teal)}.hold-frame p{margin:0;color:var(--muted);font-size:.82rem}.hold-story>i{font-style:normal;color:var(--teal);font-size:1.6rem}.hold-rule{display:grid;grid-template-columns:auto 1fr;gap:15px;align-items:center;margin:17px 0;padding:17px;border-radius:15px;background:var(--soft)}.hold-rule code{padding:7px 10px;border-radius:8px;background:var(--paper);color:var(--orange)}.hold-rule p{margin:0;color:var(--muted)}
.style-composer{display:grid;grid-template-columns:minmax(250px,.55fr) 1fr;gap:20px;padding:24px;border:1px solid var(--line);border-radius:22px;background:var(--paper)}.style-controls{display:grid;gap:13px}.style-controls label{display:grid;gap:6px}.style-controls label span{font-size:.78rem;font-weight:800;color:var(--muted)}.style-controls select{width:100%;height:45px;border:1px solid var(--line);border-radius:11px;background:var(--soft);color:var(--ink);padding:0 12px;font:inherit}.style-preview{border:1px solid var(--line);border-radius:17px;padding:14px;background:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:20% 25%}.style-preview svg{width:100%;height:220px}.style-path{fill:none;stroke:#0072bd;stroke-width:5;stroke-linecap:round}.style-markers{fill:var(--paper);stroke:#0072bd;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.style-preview code{display:block;text-align:center;color:var(--teal);font-weight:850}.style-decode{display:flex;align-items:center;justify-content:center;gap:10px;margin:18px 0;flex-wrap:wrap}.style-decode article{min-width:100px;padding:13px;text-align:center;border:1px solid var(--line);border-radius:13px;background:var(--paper)}.style-decode article span{font:900 1.4rem ui-monospace,monospace;color:var(--orange)}.style-decode article p{margin:3px 0 0;color:var(--muted);font-size:.76rem}.style-decode i{font-style:normal;color:var(--muted)}.style-decode strong{padding:12px 16px;border-radius:12px;background:var(--teal);color:#fff;font:900 1.1rem ui-monospace,monospace}
.axis-window{display:grid;grid-template-columns:1fr minmax(250px,.36fr);gap:18px;padding:22px;border:1px solid var(--line);border-radius:22px;background:var(--paper)}.axis-stage{position:relative;min-height:360px;border:1px solid var(--line);border-radius:17px;background:var(--soft);overflow:hidden}.axis-stage>svg{position:absolute;inset:0;width:100%;height:100%}.axis-full{fill:none;stroke:color-mix(in srgb,var(--muted) 45%,transparent);stroke-width:5}.axis-stage rect{fill:color-mix(in srgb,var(--teal) 10%,transparent);stroke:var(--teal);stroke-width:4;stroke-dasharray:9 7}.axis-crop{position:absolute;left:var(--crop-left,12%);width:var(--crop-width,70%);top:15%;bottom:12%;overflow:hidden;border:2px solid var(--orange);border-radius:10px;background:var(--paper);box-shadow:0 12px 28px rgba(20,60,66,.18)}.axis-crop svg{position:absolute;top:-17.65%;left:calc(var(--crop-left,12%) * -1 / .7);width:calc(100% / .7);height:117.65%}.axis-crop path{fill:none;stroke:var(--teal);stroke-width:6}.axis-sliders{display:grid;align-content:center;gap:17px}.axis-sliders label{display:grid;grid-template-columns:58px 1fr;align-items:center;gap:8px;color:var(--muted);font:700 .78rem ui-monospace,monospace}.axis-sliders input{accent-color:var(--teal)}.axis-sliders code{padding:14px;border-radius:12px;background:var(--code);color:#d8f6f4;font-size:.78rem}.axis-order{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:17px 0}.axis-order span{padding:14px;text-align:center;border-radius:12px;background:var(--soft);font:800 .82rem ui-monospace,monospace}.axis-order b{display:inline-grid;place-items:center;width:23px;height:23px;margin-right:6px;border-radius:50%;background:var(--teal);color:#fff}
.subplot-builder{display:grid;grid-template-columns:minmax(210px,.35fr) 1fr;gap:20px;padding:22px;border:1px solid var(--line);border-radius:22px;background:var(--paper)}.subplot-controls{display:grid;align-content:start;gap:14px}.subplot-controls label{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:14px;border-radius:13px;background:var(--soft)}.subplot-controls input{grid-column:1/3;accent-color:var(--teal)}.subplot-controls b{color:var(--orange)}.subplot-grid{display:grid;gap:10px;min-height:300px}.subplot-grid button{position:relative;min-height:90px;border:2px solid var(--line);border-radius:12px;background:var(--soft);color:var(--ink);cursor:pointer;overflow:hidden}.subplot-grid button.active{border-color:var(--teal);box-shadow:0 0 0 4px color-mix(in srgb,var(--teal) 14%,transparent)}.subplot-grid button span{position:absolute;left:8px;top:6px;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:var(--paper);font-weight:900;z-index:1}.subplot-grid svg{width:100%;height:100%}.subplot-grid path{fill:none;stroke:var(--teal);stroke-width:4}.subplot-readout{grid-column:1/3;display:flex;justify-content:space-between;gap:15px;align-items:center;padding-top:15px;border-top:1px solid var(--line)}.subplot-readout code{color:var(--orange);font-weight:850}.subplot-readout p{margin:0;color:var(--muted)}.subplot-steps{display:flex;align-items:center;justify-content:center;gap:14px;margin:17px 0}.subplot-steps article{padding:13px 17px;border-radius:13px;background:var(--soft);display:flex;gap:10px;align-items:center}.subplot-steps article span{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:var(--teal);color:#fff}.subplot-steps article p{margin:0}.subplot-steps>i{font-style:normal;color:var(--teal)}
.figure-desks{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center}.figure-desks article{border:1px solid var(--line);border-radius:19px;background:var(--paper);overflow:hidden;box-shadow:0 14px 35px rgba(20,60,66,.07)}.desk-head{height:42px;display:flex;align-items:center;gap:10px;padding:0 14px;border-bottom:1px solid var(--line);background:var(--soft)}.desk-head span{width:11px;height:11px;border-radius:50%;background:var(--orange)}.figure-desks svg{width:100%;height:190px;padding:18px}.figure-desks path{fill:none;stroke:var(--teal);stroke-width:5}.figure-desks code{display:block;padding:12px;text-align:center;border-top:1px solid var(--line);color:var(--orange)}.figure-desks>i{font-style:normal;color:var(--teal);font-size:2rem}.handle-explainer{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.handle-explainer>div{padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--paper)}.handle-explainer b{display:block;margin-bottom:8px}.handle-explainer code{display:block;color:var(--teal);font-size:.76rem;margin-bottom:9px}.handle-explainer p{margin:0;color:var(--muted);font-size:.86rem}
.scale-microscope{padding:22px;border:1px solid var(--line);border-radius:22px;background:var(--paper)}.scale-tabs{display:flex;gap:8px}.number-track{position:relative;height:150px;margin-top:20px;border-bottom:3px solid var(--ink)}.number-track span{position:absolute;bottom:12px;transform:translateX(-50%);font:800 .78rem ui-monospace,monospace;transition:left .55s ease}.number-track span:after{content:"";position:absolute;left:50%;bottom:-15px;width:2px;height:10px;background:var(--ink)}.number-track[data-scale="linear"] span[data-value="1"]{left:5%}.number-track[data-scale="linear"] span[data-value="10"]{left:5.08%}.number-track[data-scale="linear"] span[data-value="100"]{left:5.9%}.number-track[data-scale="linear"] span[data-value="1000"]{left:14%}.number-track[data-scale="linear"] span[data-value="10000"]{left:95%}.number-track[data-scale="log"] span[data-value="1"]{left:6%}.number-track[data-scale="log"] span[data-value="10"]{left:28%}.number-track[data-scale="log"] span[data-value="100"]{left:50%}.number-track[data-scale="log"] span[data-value="1000"]{left:72%}.number-track[data-scale="log"] span[data-value="10000"]{left:94%}.scale-microscope>p{text-align:center;color:var(--muted);margin:17px 0 0}.log-family{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.log-family h3{margin:0 0 13px;color:var(--teal)}.log-family article>div{display:flex;justify-content:space-between;padding:8px 10px;border-radius:8px;background:var(--soft);margin-top:7px}.log-family article span{color:var(--muted)}
.polar-compass{display:grid;grid-template-columns:minmax(320px,1fr) minmax(260px,.55fr);gap:20px;padding:23px;border:1px solid var(--line);border-radius:22px;background:var(--paper)}.polar-stage{display:grid;place-items:center}.polar-stage svg{width:min(430px,100%)}.polar-rings circle,.polar-rings path{fill:none;stroke:var(--line);stroke-width:1.4}.polar-stage line{stroke:var(--teal);stroke-width:5;stroke-linecap:round}.polar-stage circle#polarPoint{fill:var(--orange);stroke:var(--paper);stroke-width:4}.polar-stage text{fill:var(--muted);font:700 11px Segoe UI}.polar-controls{display:grid;align-content:center;gap:17px}.polar-controls label{display:grid;grid-template-columns:1fr auto;gap:8px;padding:14px;border-radius:13px;background:var(--soft)}.polar-controls input{grid-column:1/3;accent-color:var(--teal)}.polar-controls b{color:var(--orange)}.polar-values{display:grid;gap:8px}.polar-values code{padding:10px;border-radius:9px;background:var(--code);color:#d8f6f4}.cartesian-polar{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:center;margin:18px 0}.cartesian-polar article{padding:19px;border:1px solid var(--line);border-radius:16px;background:var(--paper)}.cartesian-polar h3{margin:0 0 9px}.cartesian-polar p{margin:0;color:var(--muted)}.cartesian-polar>i{font-style:normal;color:var(--orange);font-size:1.7rem}
.chart-chooser{display:grid;grid-template-columns:minmax(240px,.45fr) 1fr minmax(210px,.38fr);gap:18px;align-items:center;padding:23px;border:1px solid var(--line);border-radius:22px;background:var(--paper)}.chart-question{display:grid;gap:9px}.chart-question button{text-align:left}.chart-preview{min-height:270px;display:grid;place-items:center;border:1px solid var(--line);border-radius:17px;background:var(--soft);overflow:hidden}.bar-set{height:190px;width:78%;display:flex;align-items:end;gap:8%}.bar-set i{flex:1;height:calc(var(--v)*100%);background:linear-gradient(var(--teal),var(--l6-blue));border-radius:6px 6px 0 0}.barh-set{width:80%;display:grid;gap:12px}.barh-set i{display:block;width:calc(var(--v)*100%);height:22px;background:linear-gradient(90deg,var(--teal),var(--l6-blue));border-radius:0 6px 6px 0}.pie-set span{display:block;width:185px;height:185px;border-radius:50%;background:conic-gradient(var(--l6-blue) 0 22%,var(--l6-cyan) 22% 37%,var(--l6-yellow) 37% 67%,var(--l6-purple) 67% 86%,var(--l6-red) 86% 100%);box-shadow:0 0 0 7px var(--paper)}.chart-answer b{font:900 1.7rem ui-monospace,monospace;color:var(--orange)}.chart-answer p{color:var(--muted)}.chart-rules{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.chart-rules b{display:block;color:var(--teal);margin-bottom:9px;font-family:ui-monospace,monospace}
.plot-type-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.plot-type-grid article{padding:19px;border:1px solid var(--line);border-radius:18px;background:var(--paper)}.plot-type-grid h3{margin:13px 0 6px;color:var(--teal)}.plot-type-grid p{margin:0;color:var(--muted)}.type-icon{height:120px;border-radius:12px;background:var(--soft);overflow:hidden}.type-icon.bars{display:flex;align-items:end;gap:9px;padding:18px}.type-icon.bars i{flex:1;background:var(--teal);border-radius:4px 4px 0 0}.type-icon.bars i:nth-child(1){height:35%}.type-icon.bars i:nth-child(2){height:62%}.type-icon.bars i:nth-child(3){height:85%}.type-icon.bars i:nth-child(4){height:55%}.type-icon.hbars{display:grid;align-content:center;gap:8px;padding:18px}.type-icon.hbars i{height:14px;background:var(--l6-blue);border-radius:0 4px 4px 0}.type-icon.hbars i:nth-child(1){width:35%}.type-icon.hbars i:nth-child(2){width:62%}.type-icon.hbars i:nth-child(3){width:85%}.type-icon.hbars i:nth-child(4){width:55%}.type-icon.area svg{width:100%;height:100%}.type-icon.area path{fill:color-mix(in srgb,var(--l6-cyan) 32%,transparent);stroke:var(--l6-cyan);stroke-width:4}.type-icon.stems{display:flex;align-items:end;justify-content:space-around;padding:17px}.type-icon.stems i{width:2px;background:var(--orange);position:relative}.type-icon.stems i:before{content:"";position:absolute;left:50%;top:-5px;width:10px;height:10px;border:2px solid var(--orange);border-radius:50%;transform:translateX(-50%);background:var(--paper)}.type-icon.stems i:nth-child(1){height:30%}.type-icon.stems i:nth-child(2){height:60%}.type-icon.stems i:nth-child(3){height:82%}.type-icon.stems i:nth-child(4){height:67%}.type-icon.stems i:nth-child(5){height:90%}
.surface-lab{padding:20px;border:1px solid var(--line);border-radius:22px;background:var(--paper)}.surface-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:13px}.surface-toolbar label{margin-left:auto;display:flex;align-items:center;gap:9px;color:var(--muted);font-size:.8rem}.surface-toolbar input{accent-color:var(--teal)}.surface-lab canvas{width:100%;display:block;border:1px solid var(--line);border-radius:15px;background:var(--paper)}.surface-legend{display:flex;justify-content:center;gap:18px;margin-top:10px;color:var(--muted);font-size:.76rem}.surface-legend span{display:flex;gap:7px;align-items:center}.surface-legend i{width:40px;height:7px;border-radius:4px}.surface-legend span:first-child i{background:hsl(225 72% 43%)}.surface-legend span:last-child i{background:hsl(40 72% 57%)}.mesh-surf{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.mesh-surf h3{margin:0 0 9px;color:var(--teal);font:850 1rem ui-monospace,monospace}
.comet-player{padding:22px;border:1px solid var(--line);border-radius:22px;background:var(--paper)}.comet-toolbar{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.comet-toolbar button{background:var(--teal);color:#fff}.comet-toolbar button:nth-child(2){background:var(--soft);color:var(--ink)}.comet-toolbar label{margin-left:auto;display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.8rem}.comet-toolbar input{accent-color:var(--teal)}.comet-player svg{width:100%;margin-top:12px}.comet-grid{fill:none;stroke:var(--line);stroke-width:1.2}.comet-full{fill:none;stroke:color-mix(in srgb,var(--muted) 22%,transparent);stroke-width:4}.comet-trail{fill:none;stroke:var(--teal);stroke-width:6;stroke-linecap:round}.comet-player circle{fill:var(--orange);stroke:var(--paper);stroke-width:4;filter:drop-shadow(0 0 7px rgba(237,106,47,.5))}.comet-player>p{text-align:center;color:var(--muted);margin:5px 0 0}.animation-compare{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.animation-compare h3{margin:0 0 9px;color:var(--teal);font-family:ui-monospace,monospace}
.fit-studio{padding:22px;border:1px solid var(--line);border-radius:22px;background:var(--paper)}.fit-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center}.fit-toolbar label{display:grid;grid-template-columns:auto auto;gap:8px;color:var(--muted);font-size:.82rem}.fit-toolbar input{grid-column:1/3;min-width:240px;accent-color:var(--teal)}.fit-toolbar b{color:var(--orange)}.fit-equation{text-align:right}.fit-equation small{display:block;color:var(--muted)}.fit-equation code{font-size:.8rem;color:var(--teal)}.fit-studio svg{width:100%;margin-top:14px}.fit-grid{fill:none;stroke:var(--line);stroke-width:1.2}.fit-curve{fill:none;stroke:var(--teal);stroke-width:5;stroke-linecap:round}.fit-points circle{fill:var(--orange);stroke:var(--paper);stroke-width:3}.fit-message{padding:15px;border-radius:13px;background:var(--soft)}.fit-message b{display:block}.fit-message p{margin:7px 0 0;color:var(--muted)}.fit-pipeline{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:9px;align-items:center;margin:18px 0}.fit-pipeline article{display:grid;grid-template-columns:30px 1fr;gap:9px;align-items:center;padding:13px;border-radius:13px;background:var(--soft)}.fit-pipeline article>span{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:var(--teal);color:#fff;font-weight:900}.fit-pipeline b{display:block;font-size:.78rem}.fit-pipeline code{font-size:.7rem;color:var(--orange)}.fit-pipeline>i{font-style:normal;color:var(--teal)}
.challenge-plan{display:grid;grid-template-columns:1fr 1fr;gap:15px}.challenge-plan article{position:relative;padding:24px 24px 24px 72px;border:1px solid var(--line);border-radius:19px;background:var(--paper)}.challenge-plan article>span{position:absolute;left:21px;top:23px;width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:var(--teal);color:#fff;font-weight:900}.challenge-plan h3{margin:0 0 10px}.challenge-plan ol{margin:0;padding-left:20px;color:var(--muted)}.challenge-plan li+li{margin-top:6px}.zero-trap{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center;margin:17px 0;padding:18px;border:1px solid color-mix(in srgb,var(--orange) 30%,var(--line));border-radius:16px;background:color-mix(in srgb,var(--orange) 8%,var(--paper))}.zero-trap b{padding:10px 13px;border-radius:10px;background:var(--orange);color:#fff;font:900 1.1rem ui-monospace,monospace}.zero-trap p{margin:0;color:var(--muted)}
.graphics-checklist{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.graphics-checklist article{padding:21px;border:1px solid var(--line);border-radius:17px;background:var(--paper)}.graphics-checklist article>span{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:var(--teal);color:#fff;font-weight:900}.graphics-checklist h3{margin:14px 0 7px}.graphics-checklist p{margin:0;color:var(--muted)}.command-shelf{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.command-shelf>div{padding:17px;border-radius:15px;background:var(--soft)}.command-shelf b{display:block;margin-bottom:8px}.command-shelf code{color:var(--teal);font-size:.78rem;line-height:1.6}.finish-card{margin-top:22px;padding:24px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(135deg,var(--paper),color-mix(in srgb,var(--teal) 9%,var(--paper)))}.finish-card p{margin:15px 0 0;color:var(--muted);max-width:850px}
.matlab-lab{margin-top:20px}.lesson-section>.matlab-lab+.matlab-lab{margin-top:14px}
@media(max-width:1150px){.graphics-hero{height:460px}.plot-anatomy,.plot-outfit,.axis-window,.polar-compass,.chart-chooser{grid-template-columns:1fr}.outfit-toolbar,.subplot-readout{grid-column:auto}.outfit-code{display:grid;grid-template-columns:1fr 1fr}.meaning-cards,.plot-type-grid,.graphics-checklist{grid-template-columns:1fr 1fr}.figure-desks{grid-template-columns:1fr 1fr}.figure-desks>i{display:none}.handle-explainer,.mesh-surf,.chart-rules{grid-template-columns:1fr}.chart-chooser{align-items:stretch}.chart-question{grid-template-columns:repeat(3,1fr)}.chart-answer{text-align:center}.fit-pipeline{grid-template-columns:1fr 1fr}.fit-pipeline>i{display:none}}
@media(max-width:860px){.three-reasons,.meaning-cards,.log-family,.plot-type-grid,.graphics-checklist{grid-template-columns:1fr 1fr}.annotation-map,.challenge-plan,.animation-compare{grid-template-columns:1fr}.legend-order{grid-template-columns:1fr}.legend-order>i{transform:rotate(90deg);text-align:center}.legend-order>p{grid-column:auto}.pair-train{flex-wrap:wrap}.pair-result{min-width:100%;order:5}.hold-story{grid-template-columns:1fr}.hold-story>i{transform:rotate(90deg);text-align:center}.style-composer,.subplot-builder{grid-template-columns:1fr}.subplot-readout{grid-column:auto;display:grid}.figure-desks{grid-template-columns:1fr}.handle-explainer{grid-template-columns:1fr}.cartesian-polar{grid-template-columns:1fr}.cartesian-polar>i{transform:rotate(90deg);text-align:center}.chart-question{grid-template-columns:1fr}.fit-toolbar{display:grid}.fit-equation{text-align:left}.fit-pipeline{grid-template-columns:1fr}.command-shelf{grid-template-columns:1fr}}
@media(max-width:600px){.graphics-hero{height:380px}.hero-code{font-size:.67rem;padding:10px}.hero-cursor{display:none}.three-reasons,.meaning-cards,.plot-type-grid,.graphics-checklist{grid-template-columns:1fr}.tiny-table{grid-template-columns:48px repeat(6,1fr);font-size:.72rem}.tiny-table>*{padding:12px 3px}.point-scanner label{grid-template-columns:1fr}.outfit-code{grid-template-columns:1fr}.annotation-map article{padding-left:68px}.pair{min-width:100%}.axis-order{grid-template-columns:1fr 1fr}.subplot-steps{display:grid}.subplot-steps>i{transform:rotate(90deg);text-align:center}.style-decode{gap:6px}.style-decode article{min-width:80px}.polar-compass{padding:16px}.chart-chooser{padding:16px}.surface-toolbar label,.comet-toolbar label{margin-left:0;width:100%}.fit-toolbar input{min-width:0;width:100%}.challenge-plan article{padding-left:60px}.zero-trap{grid-template-columns:1fr}.source-slide-btn{align-self:start}}
:root[data-theme="dark"] .hero-cursor{background:#16363c}.style-preview,.pair-result,.hold-screen{background-color:#102126}.data-plot-view circle,.scanner-dots circle,.style-markers,.type-icon.stems i:before{fill:var(--paper)}
@media(prefers-reduced-motion:reduce){.hero-curve,.hero-points circle{animation:none!important;stroke-dashoffset:0!important;transform:none!important}.number-track span{transition:none}}