.morphsvg-article{--mv-bg:#07101d;--mv-panel:#0b1727;--mv-panel-2:#101f31;--mv-line:#243d57;--mv-cyan:#21d9ff;--mv-lime:#b7ff20;--mv-purple:#b073ff;--mv-text:#e9f5ff;--mv-muted:#9cb0c2}.morphsvg-article .article-content{color:var(--mv-text)}.morphsvg-article .article-content>p,.morphsvg-article .article-content>ol,.morphsvg-article .article-content>ul{color:var(--mv-muted)}.morphsvg-article .article-content h2{scroll-margin-top:96px}.morphsvg-article .article-content h2 code{font-size:.8em}.morphsvg-article .article-featured{max-width:1200px;aspect-ratio:1672/941;object-fit:cover}.morphsvg-article button,.morphsvg-article select{font:inherit}.morphsvg-article button:focus-visible,.morphsvg-article select:focus-visible,.morphsvg-article summary:focus-visible{outline:3px solid var(--mv-lime);outline-offset:3px}.morph-target{visibility:hidden;pointer-events:none}
.morph-toc{margin:2.2rem 0;padding:1.4rem;border:1px solid var(--mv-line);border-radius:18px;background:linear-gradient(145deg,rgba(20,40,59,.9),rgba(6,15,27,.96))}.morph-toc strong{display:block;color:var(--mv-lime);letter-spacing:.08em;text-transform:uppercase}.morph-toc ol{columns:2;gap:2rem;margin:.85rem 0 0;padding-left:1.3rem}.morph-toc li{break-inside:avoid;margin:.28rem 0;color:var(--mv-muted)}.morph-toc a{color:inherit;text-decoration:none}.morph-toc a:hover{color:var(--mv-cyan)}
.morph-poster{margin:2rem 0;padding:8px;border:1px solid var(--mv-line);border-radius:20px;background:#030a13;box-shadow:0 24px 70px rgba(0,0,0,.28)}.morph-poster img{display:block;width:100%;height:auto;border-radius:14px}.morph-poster figcaption{padding:.85rem .8rem .45rem;color:var(--mv-muted);font-size:.9rem;text-align:center}
.morph-mental,.source-target,.integration-flow,.responsive-model,.final-model{display:flex;align-items:center;justify-content:center;gap:1.15rem;margin:1.5rem 0;padding:1.7rem;border:1px solid var(--mv-line);border-radius:18px;background:radial-gradient(circle at 50% 0,rgba(33,217,255,.09),transparent 48%),var(--mv-panel)}.morph-mental>span,.source-target>span{display:grid;justify-items:center;gap:.55rem;min-width:155px}.morph-mental b,.source-target b{color:var(--mv-cyan);font-size:.76rem;letter-spacing:.1em}.morph-mental>em,.source-target>em{color:var(--mv-purple);font-style:normal;font-weight:800}.morph-mental>strong{display:grid;justify-items:center;padding:.8rem 1rem;border:1px solid var(--mv-purple);border-radius:12px;color:var(--mv-purple)}.morph-mental>strong small{color:var(--mv-muted);font-size:.62rem;letter-spacing:.08em}.shape{display:grid;width:78px;height:78px;place-items:center;color:var(--mv-lime);font-style:normal}.shape.circle{border:4px solid var(--mv-cyan);border-radius:50%}.shape.circle.large{width:104px;height:104px;transform:rotate(35deg)}.shape.star{font-size:84px;line-height:1;text-shadow:0 0 20px rgba(183,255,32,.35)}.source-target small{max-width:150px;text-align:center;color:var(--mv-muted);font-size:.72rem}
.morph-compare{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.5rem 0}.morph-compare article{padding:1.4rem;border:1px solid var(--mv-line);border-radius:16px;background:var(--mv-panel)}.morph-compare article>b{color:var(--mv-lime);letter-spacing:.1em}.morph-compare article>div{display:flex;align-items:center;justify-content:center;gap:1.2rem;min-height:130px}.morph-compare article>div span{color:var(--mv-muted);font-size:.72rem;text-transform:uppercase}.morph-compare p{margin:0;text-align:center;color:var(--mv-muted)}
.morph-stage,.scroll-morph,.morph-lab,.transform-project,.stage-morph{margin:1.5rem 0;padding:1.35rem;border:1px solid var(--mv-line);border-radius:20px;background:radial-gradient(circle at 50% 30%,rgba(176,115,255,.12),transparent 55%),linear-gradient(145deg,var(--mv-panel-2),var(--mv-bg));overflow:hidden}.morph-stage svg,.stage-morph svg,.scroll-morph svg{display:block;width:min(100%,520px);height:auto;margin:auto;overflow:visible}.morph-stage [data-source],.stage-morph [data-source],.scroll-morph [data-source],.morph-lab [data-source],.transform-project [data-source]{fill:rgba(33,217,255,.12);stroke:var(--mv-cyan);stroke-width:6;stroke-linejoin:round;filter:drop-shadow(0 0 10px rgba(33,217,255,.32));transform-origin:center}.morph-stage.compact svg{max-height:340px}.demo-controls,.choice-row,.stage-labels{display:flex;flex-wrap:wrap;justify-content:center;gap:.7rem;margin-top:1rem}.demo-controls button,.choice-row button,.stage-labels button,.status-morph button{min-height:44px;padding:.64rem 1rem;border:1px solid var(--mv-line);border-radius:10px;color:var(--mv-text);background:#102137;cursor:pointer;transition:border-color .2s,background .2s,transform .2s}.demo-controls button:hover,.choice-row button:hover,.stage-labels button:hover,.demo-controls button.is-active,.choice-row button.is-active,.stage-labels button.is-active{border-color:var(--mv-cyan);background:#13324b;transform:translateY(-2px)}.morph-stage>p,.stage-morph>p,.transform-project>p{text-align:center;color:var(--mv-muted);margin:1rem 0 0}.morph-stage>p code{color:var(--mv-lime)}
.geometry-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.5rem 0}.geometry-grid article{padding:1.4rem;border:1px solid var(--mv-line);border-radius:16px;background:var(--mv-panel);text-align:center}.geometry-grid article>b{color:var(--mv-lime)}.point-shape{position:relative;width:180px;height:140px;margin:1rem auto}.point-shape:before{content:"";position:absolute;inset:20px;border:3px solid var(--mv-cyan)}.point-shape.triangle-points:before{inset:0;clip-path:polygon(50% 0,100% 100%,0 100%);background:rgba(33,217,255,.1);border:0}.point-shape i{position:absolute;display:grid;width:28px;height:28px;place-items:center;border:1px solid var(--mv-purple);border-radius:50%;background:#11192c;color:#fff;font-style:normal}.square-points i:nth-child(1){left:6px;top:6px}.square-points i:nth-child(2){right:6px;top:6px}.square-points i:nth-child(3){right:6px;bottom:6px}.square-points i:nth-child(4){left:6px;bottom:6px}.triangle-points i:nth-child(1){left:76px;top:-12px}.triangle-points i:nth-child(2){right:-8px;bottom:-8px}.triangle-points i:nth-child(3){left:-8px;bottom:-8px}.correspondence,.index-model{display:grid;grid-template-columns:repeat(5,1fr);gap:.65rem;margin:1.5rem 0;padding:1.4rem;border:1px solid var(--mv-line);border-radius:16px;background:var(--mv-panel)}.correspondence span,.index-model span{display:grid;min-height:48px;place-items:center;border:1px solid var(--mv-cyan);border-radius:10px;color:var(--mv-cyan);font-weight:800}.correspondence b,.index-model b{grid-column:1/-1;text-align:center;color:var(--mv-purple);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}
.convert-model,.trigger-model{display:flex;align-items:center;justify-content:center;gap:1rem;margin:1.5rem 0;padding:1.5rem;border:1px solid var(--mv-line);border-radius:16px;background:var(--mv-panel)}.convert-model code{padding:.7rem 1rem;border:1px solid var(--mv-cyan);border-radius:10px;color:var(--mv-cyan)}.convert-model b{color:var(--mv-lime)}.morph-stage circle[data-convert-source]{fill:rgba(33,217,255,.12);stroke:var(--mv-cyan);stroke-width:6}
.icon-morph-button{display:inline-flex;align-items:center;gap:1rem;min-width:210px;margin:1rem 0;padding:.85rem 1.1rem;border:1px solid var(--mv-line);border-radius:14px;background:var(--mv-panel);color:var(--mv-text);cursor:pointer}.icon-morph-button svg{width:58px;height:58px;padding:6px;border-radius:12px;background:#081321}.icon-morph-button [data-icon-path]{fill:none;stroke:var(--mv-cyan);stroke-width:9;stroke-linecap:round;stroke-linejoin:round}.icon-morph-button span{font-weight:700}.status-morph{display:flex;align-items:center;gap:1rem;margin:1.5rem 0;padding:1.4rem;border:1px solid var(--mv-line);border-radius:16px;background:var(--mv-panel)}.status-morph svg{width:80px;height:80px}.status-morph [data-icon-path]{fill:none;stroke:var(--mv-lime);stroke-width:9;stroke-linecap:round;stroke-linejoin:round}.status-morph strong{color:var(--mv-lime)}.concept-graphic{display:grid;grid-template-columns:auto auto auto auto auto;align-items:center;justify-content:center;gap:1.1rem;margin:1.5rem 0;padding:2rem;border:1px solid var(--mv-line);border-radius:18px;background:var(--mv-panel);font-size:2.2rem}.concept-graphic span,.concept-graphic code,.concept-graphic i{display:grid;width:86px;height:86px;place-items:center;border:1px solid var(--mv-cyan);border-radius:18px;color:var(--mv-cyan);font-style:normal}.concept-graphic code{color:var(--mv-purple);border-color:var(--mv-purple);font-size:1.5rem}.concept-graphic i{color:var(--mv-lime);border-color:var(--mv-lime)}.concept-graphic b{color:var(--mv-muted)}.concept-graphic small{grid-column:1/-1;color:var(--mv-muted);font-size:.7rem;text-align:center}
.stage-labels{display:grid;grid-template-columns:repeat(4,1fr)}.integration-flow span{padding:.7rem .9rem;border:1px solid var(--mv-cyan);border-radius:10px;color:var(--mv-cyan);font-size:.78rem;font-weight:800}.integration-flow b,.responsive-model b{color:var(--mv-lime)}.scroll-morph{min-height:520px;display:grid;align-content:center}.scroll-morph>div{display:flex;justify-content:space-between;color:var(--mv-muted);font-size:.7rem}.trigger-model i{width:min(340px,40vw);height:4px;background:linear-gradient(90deg,var(--mv-cyan),var(--mv-purple));border-radius:4px}.trigger-model span{text-align:center;color:var(--mv-muted)}
.morph-lab,.transform-project{padding:1.6rem}.morph-lab>header,.transform-project>header{text-align:center}.morph-lab>header span,.transform-project>header span{color:var(--mv-cyan);font-size:.7rem;font-weight:800;letter-spacing:.16em}.morph-lab>header h3,.transform-project>header h3{margin:.25rem 0 1rem;color:#fff}.morph-lab>svg,.transform-project>svg{display:block;width:min(100%,560px);height:auto;margin:auto}.lab-controls{display:grid;grid-template-columns:repeat(5,1fr);gap:.75rem;margin:1.2rem 0}.lab-controls label{display:grid;gap:.35rem;color:var(--mv-muted);font-size:.72rem}.lab-controls select{width:100%;min-height:44px;padding:.55rem;border:1px solid var(--mv-line);border-radius:9px;background:#081321;color:var(--mv-text)}.lab-status{display:grid;grid-template-columns:repeat(5,1fr);gap:.7rem;margin:1.2rem 0}.lab-status div{padding:.75rem;border:1px solid var(--mv-line);border-radius:10px;background:#081321}.lab-status dt{color:var(--mv-muted);font-size:.62rem;text-transform:uppercase}.lab-status dd{margin:0;color:var(--mv-lime);font-weight:800}.project-stages{display:grid;grid-template-columns:repeat(4,1fr);gap:.65rem;margin:1rem 0}.project-stages span{padding:.75rem;border:1px solid var(--mv-line);border-radius:9px;text-align:center;color:var(--mv-muted);font-size:.75rem;font-weight:800}.project-stages span.is-active{border-color:var(--mv-lime);background:rgba(183,255,32,.08);color:var(--mv-lime)}
.responsive-model>span{padding:.8rem 1rem;border:1px solid var(--mv-line);border-radius:10px;text-align:center;color:var(--mv-cyan);font-size:.75rem;font-weight:800}.mistake-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin:1.5rem 0}.mistake-grid article{padding:1.2rem;border:1px solid var(--mv-line);border-radius:14px;background:var(--mv-panel)}.mistake-grid b{color:var(--mv-lime)}.mistake-grid p{margin:.4rem 0 0;color:var(--mv-muted)}.debug-list{display:grid;grid-template-columns:repeat(2,1fr);gap:.65rem;margin:1.5rem 0}.debug-list span{padding:.75rem 1rem;border:1px solid var(--mv-line);border-radius:10px;background:var(--mv-panel);color:var(--mv-muted)}.debug-list span::first-letter{color:var(--mv-lime)}.final-model{flex-direction:column}.final-model span{padding:.75rem 1rem;border:1px solid var(--mv-cyan);border-radius:10px;color:var(--mv-cyan);font-weight:800}.final-model b{color:var(--mv-lime)}.final-model small{color:var(--mv-muted)}.morph-series-nav{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:3rem 0}.morph-series-nav a,.morph-series-nav span{padding:1.2rem;border:1px solid var(--mv-line);border-radius:16px;color:var(--mv-text)}.morph-series-nav small{display:block;color:var(--mv-muted)}.morphsvg-ready [data-source],.morphsvg-ready [data-icon-path]{will-change:transform}
@media(max-width:991px){.lab-controls{grid-template-columns:repeat(3,1fr)}.lab-status{grid-template-columns:repeat(3,1fr)}.morph-mental,.source-target,.integration-flow,.responsive-model{flex-wrap:wrap}}
@media(max-width:767px){.morph-toc ol{columns:1}.morphsvg-article .article-featured{border-radius:14px}.morph-poster{padding:6px;border-radius:16px}.morph-poster img{border-radius:11px}.morph-compare,.geometry-grid{grid-template-columns:1fr}.lab-controls,.lab-status{grid-template-columns:repeat(2,1fr)}.concept-graphic{grid-template-columns:auto auto auto;gap:.7rem}.concept-graphic small{grid-column:1/-1}.stage-labels,.project-stages{grid-template-columns:repeat(2,1fr)}}
@media(max-width:575px){.morph-series-nav,.mistake-grid,.debug-list{grid-template-columns:1fr}.lab-controls,.lab-status{grid-template-columns:1fr}.morph-mental,.source-target,.integration-flow,.responsive-model,.convert-model{flex-direction:column}.morph-mental>em{transform:rotate(90deg)}.correspondence,.index-model{grid-template-columns:repeat(5,minmax(42px,1fr));padding:.8rem;gap:.35rem}.morph-stage,.scroll-morph,.morph-lab,.transform-project,.stage-morph{border-radius:15px;padding:1rem}.demo-controls button,.choice-row button,.stage-labels button{flex:1 1 calc(50% - .7rem)}.concept-graphic{grid-template-columns:1fr}.concept-graphic span,.concept-graphic code,.concept-graphic i{margin:auto}.concept-graphic b{transform:rotate(90deg);text-align:center}.scroll-morph{min-height:390px}.scroll-morph>div{gap:.5rem}.morphsvg-article pre{font-size:.78rem}}
@media(prefers-reduced-motion:reduce){.morphsvg-article *{scroll-behavior:auto!important}.morphsvg-article [data-source],.morphsvg-article [data-icon-path]{filter:none}}