:root{--bg:#fafaf8;--ink:#0e1014;--muted:#676c76;--accent:#6f56f6;--accent-light:#9d8bff;--accent-glow:#6f56f629;--line:#0e10141f;--card-bg:#ffffffb3;--max:1360px;--ease:cubic-bezier(.19, 1, .22, 1);--editorial-serif:"Playfair Display", Georgia, "Times New Roman", serif;--editorial-sans:"Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--title-hero:clamp(96px, 15vw, 200px);--title-scene:clamp(50px, 6.2vw, 94px);--title-manifesto:clamp(62px, 11vw, 165px);--title-sub:clamp(16px, 1.4vw, 20px)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background:var(--bg);color:var(--ink)}body{font-family:var(--editorial-sans);background:var(--bg);color:var(--ink);transition:background-color .85s var(--ease), color .85s var(--ease);-webkit-font-smoothing:antialiased;line-height:1.5;overflow-x:hidden}body[data-theme=white]{--bg:#fafaf8;--ink:#0e1014;--muted:#666c77;--line:#0e10141f;--card-bg:#ffffffbf;--accent:#6f56f6;--accent-glow:#6f56f626}body[data-theme=warm]{--bg:#f4eee7;--ink:#18120e;--muted:#736861;--line:#18120e1f;--card-bg:#fffaf4cc;--accent:#6f56f6;--accent-glow:#6f56f626}body[data-theme=violet]{--bg:#ece9ff;--ink:#141024;--muted:#615c75;--line:#44348224;--card-bg:#fffc;--accent:#654ee4;--accent-glow:#654ee42e}body[data-theme=ink]{--bg:#0b0d13;--ink:#f7f7f4;--muted:#9aa1ad;--line:#ffffff24;--card-bg:#161a24cc;--accent:#8b76ff;--accent-glow:#8b76ff33}body[data-theme=blue]{--bg:#eaf1ff;--ink:#0d1730;--muted:#5d677a;--line:#0d17301f;--card-bg:#fffc;--accent:#4f6ff6;--accent-glow:#4f6ff629}h1,h2,.scene-title h2,.limit-copy h2,.channel-panel h2,.a11y-left h2,.future-title h2,.finale-inner h2,.anatomy-info h2{font-family:var(--editorial-serif);font-size:var(--title-scene);letter-spacing:-.035em;text-wrap:balance;margin:12px 0 20px;font-weight:500;line-height:.93}button,input{font:inherit}.shell{width:min(calc(100% - 48px),var(--max));margin:auto}.noise{z-index:9999;pointer-events:none;opacity:.022;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.86' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");position:fixed;inset:0}.progress{z-index:1200;mix-blend-mode:difference;height:3px;position:fixed;top:0;left:0;right:0}.progress i{background:#fff;width:0;height:100%;transition:width 50ms linear;display:block}.nav{z-index:1000;height:64px;color:var(--ink);-webkit-backdrop-filter:blur(18px);background:color-mix(in srgb,var(--bg) 75%,transparent);border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent);transition:color .6s var(--ease),background-color .6s var(--ease),border-color .6s var(--ease);justify-content:space-between;align-items:center;padding:0 32px;display:flex;position:fixed;top:0;left:0;right:0}.brand{letter-spacing:-.03em;color:inherit;align-items:center;gap:8px;font-size:16px;font-weight:800;text-decoration:none;display:flex}.brand b{color:var(--accent)}.nav-badge{letter-spacing:.12em;text-transform:uppercase;opacity:.75;font-size:11px;font-weight:700}.chapter-rail{z-index:900;flex-direction:column;gap:8px;display:flex;position:fixed;top:50%;right:24px;transform:translateY(-50%)}.chapter-rail i{opacity:.22;width:5px;height:5px;transition:height .35s var(--ease),opacity .35s var(--ease),background-color .35s;background:currentColor;border-radius:99px}.chapter-rail i.on{opacity:.9;background:var(--accent);height:26px}.editorial-hero{background:var(--bg);min-height:100svh;color:var(--ink);place-items:center;padding:110px 24px 80px;display:grid;position:relative;overflow:hidden}.editorial-hero:before{content:"";pointer-events:none;background:radial-gradient(circle at 50% 32%,var(--accent-glow),transparent 38%),linear-gradient(180deg,#ffffffa6,transparent 45%);position:absolute;inset:0}.editorial-hero-inner{text-align:center;z-index:2;width:min(100%,1200px);margin:auto;position:relative}.editorial-mark{width:86px;filter:drop-shadow(0 14px 22px var(--accent-glow));margin:0 auto 30px;animation:6s ease-in-out infinite heroMarkFloat;transform:rotate(-2deg)}@keyframes heroMarkFloat{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-8px)rotate(1deg)}}.editorial-mark svg{width:100%;height:auto;display:block}.editorial-kicker{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin:0 auto 32px;font-size:clamp(12px,1.15vw,15px);font-weight:800}.editorial-hero h1{font-family:var(--editorial-sans);font-size:var(--title-hero);letter-spacing:-.07em;color:var(--accent);white-space:nowrap;margin:0 auto 36px;font-weight:900;line-height:.78}.editorial-deck{letter-spacing:-.035em;max-width:1060px;color:var(--muted);text-wrap:balance;margin:0 auto;font-size:clamp(26px,3.2vw,48px);font-weight:400;line-height:1.14}.editorial-deck strong{color:var(--ink);font-weight:600}.editorial-meta{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:10px 24px;margin:38px auto 0;font-size:12px;font-weight:600;display:flex}.editorial-meta span{align-items:center;gap:6px;display:inline-flex}.editorial-meta span:before{content:"•";color:var(--accent)}.editorial-meta span:first-child:before{display:none}.editorial-summary{text-align:left;border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;width:min(720px,100%);margin:34px auto 0;display:grid}.editorial-summary article{min-width:0;padding:16px 18px 16px 0}.editorial-summary article:nth-child(2n){border-left:1px solid var(--line);padding-left:18px}.editorial-summary article:nth-child(n+3){border-top:1px solid var(--line)}.editorial-summary strong{color:var(--ink);margin-bottom:4px;font-size:13px;font-weight:700;line-height:1.3;display:block}.editorial-summary span{color:var(--muted);font-size:12px;line-height:1.45;display:block}.editorial-scroll{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);flex-direction:column;align-items:center;gap:8px;margin:32px auto 0;font-size:10px;font-weight:800;display:flex}.editorial-scroll:after{content:"";opacity:.35;background:currentColor;width:1px;height:28px;animation:2s ease-in-out infinite scrollPulse}@keyframes scrollPulse{0%,to{transform-origin:top;transform:scaleY(.4)}50%{transform-origin:top;transform:scaleY(1)}}.scene{border-top:1px solid var(--line);position:relative}.scene-inner{min-height:150svh;position:relative}.sticky{flex-direction:column;justify-content:center;height:100svh;display:flex;position:sticky;top:0;overflow:hidden}.label,.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:12px;font-size:11px;font-weight:800;display:inline-block}.scene-title{z-index:10;left:max(24px,calc((100vw - var(--max))/2));width:min(600px,44vw);position:absolute;top:14vh}.scene-title.right{left:auto;right:max(24px,calc((100vw - var(--max))/2));text-align:left}.scene-title.center{text-align:center;width:min(940px,100% - 48px);top:11vh;left:50%;right:auto;transform:translate(-50%)}.scene-title p,.limit-copy p,.manifesto p,.step-copy p,.a11y-left p{max-width:58ch;font-size:var(--title-sub);color:var(--muted);margin:0;line-height:1.55}.scene-title.center p{margin:auto}.giant{z-index:0;letter-spacing:-.09em;opacity:.035;white-space:nowrap;pointer-events:none;user-select:none;font-size:clamp(180px,36vw,600px);font-weight:900;line-height:.7;position:absolute}.step-copy{z-index:6;bottom:8vh;left:max(24px,calc((100vw - var(--max))/2));width:min(480px,40vw);position:absolute}.step-copy.right{left:auto;right:max(24px,calc((100vw - var(--max))/2))}.step-copy p{color:var(--ink);font-size:clamp(18px,1.8vw,26px);line-height:1.3}.reveal{opacity:0;filter:blur(5px);transition:opacity .85s var(--ease),transform .85s var(--ease),filter .85s var(--ease);transform:translateY(28px)}.reveal.in{opacity:1;filter:none;transform:none}.mask-reveal{overflow:hidden}.mask-reveal>*{transition:transform .95s var(--ease);transform:translateY(115%)}.mask-reveal.in>*{transform:none}.pixel-field{cursor:crosshair;position:absolute;inset:0}.pixel-field canvas{width:100%;height:100%}.pixel-hud{top:18vh;right:max(24px,calc((100vw - var(--max))/2));z-index:8;background:color-mix(in srgb,var(--bg) 85%,transparent);border:1px solid var(--line);font-family:var(--font-mono);color:var(--muted);backdrop-filter:blur(12px);pointer-events:none;border-radius:999px;padding:8px 14px;font-size:11px;position:absolute}.pixel-copy{z-index:5;right:max(24px,calc((100vw - var(--max))/2));text-align:right;width:min(540px,46vw);position:absolute;bottom:10vh}.pixel-copy strong{font-family:var(--editorial-serif);letter-spacing:-.02em;font-size:clamp(38px,4.5vw,68px);line-height:.94;display:block}.pixel-copy span{color:var(--muted);margin-top:14px;font-size:16px;display:block}.war-top-title{z-index:10;text-align:center;width:min(940px,100% - 48px);position:absolute;top:9vh;left:50%;transform:translate(-50%)}.war-top-title .label{text-align:center;margin:0 auto 8px;display:inline-block}.war-top-title h2{font-family:var(--editorial-serif);font-size:var(--title-scene);letter-spacing:-.035em;text-align:center;text-wrap:balance;margin:6px auto 0;line-height:.93}.war-field{place-items:center;display:grid;position:absolute;inset:0}.war-lines{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.war-lines path{fill:none;stroke:currentColor;opacity:.18;stroke-width:1.5px;stroke-dasharray:6 8}.prop-bg{fill:color-mix(in srgb,var(--bg) 92%,transparent);stroke:color-mix(in srgb,var(--line) 90%,var(--accent));stroke-width:1.2px;filter:drop-shadow(0 6px 16px #0000000f)}.prop-text{fill:var(--ink);font-family:var(--editorial-sans);letter-spacing:-.01em;user-select:none;pointer-events:none;font-size:13px;font-weight:700}.war-core{aspect-ratio:1;border:1.5px solid var(--accent);z-index:5;will-change:transform;background:radial-gradient(circle,#6f56f638 0%,#6f56f60d 65%,#0000 100%);border-radius:50%;justify-content:center;align-items:center;width:min(20vw,260px);display:flex;position:relative;box-shadow:0 0 0 20px #6f56f60a,0 0 0 46px #6f56f605,0 16px 40px #6f56f62e}.war-core-halo{border:1px dashed var(--accent);opacity:.35;border-radius:50%;animation:22s linear infinite warCoreSpin;position:absolute;inset:-10px}.war-core-pulse{background:radial-gradient(circle,var(--accent-glow) 0%,transparent 70%);opacity:.6;pointer-events:none;border-radius:50%;position:absolute;inset:-20px}@keyframes warCoreSpin{to{transform:rotate(360deg)}}.war-core-icon{filter:drop-shadow(0 10px 18px #6f56f652);width:58%;height:auto;display:block;transform:rotate(-3deg)}.war-bottom-copy{z-index:10;text-align:center;flex-direction:column;align-items:center;gap:12px;width:min(840px,100% - 48px);display:flex;position:absolute;bottom:6vh;left:50%;transform:translate(-50%)}.war-body-text{font-family:var(--editorial-sans);color:var(--muted);text-wrap:balance;max-width:64ch;margin:0 auto;font-size:clamp(14px,1.25vw,17px);line-height:1.5}.war-callout-text p{font-family:var(--editorial-sans);color:var(--ink);text-wrap:balance;margin:0 auto;font-size:clamp(16px,1.45vw,21px);line-height:1.3}.war-callout-text strong{color:var(--accent);font-weight:700}.manifesto{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100svh;padding:110px 24px;display:flex;position:relative;overflow:hidden}.manifesto-inner{text-align:center;z-index:2;flex-direction:column;justify-content:center;align-items:center;width:min(100%,1100px);margin:0 auto;display:flex;position:relative}.manifesto .label{text-align:center;margin:0 auto 18px;display:inline-block}.manifesto .word{font-family:var(--editorial-serif);font-size:var(--title-manifesto);letter-spacing:-.04em;text-align:center;text-wrap:balance;margin:0 auto;font-weight:500;line-height:.88}.manifesto .word span{color:var(--accent);display:block}.manifesto p{font-family:var(--editorial-sans);color:var(--muted);text-align:center;text-wrap:balance;max-width:62ch;margin:36px auto 0;font-size:clamp(17px,1.55vw,21px);line-height:1.6}.manifesto-orbit{aspect-ratio:1;border:1px solid var(--line);opacity:.45;pointer-events:none;border-radius:50%;width:min(72vw,840px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.anatomy-layout{padding:0 max(24px,calc((100vw - var(--max))/2));z-index:10;grid-template-columns:1.08fr .92fr;align-items:center;gap:4vw;display:grid;position:absolute;inset:0}.anatomy-left-col{flex-direction:column;justify-content:center;max-width:620px;display:flex}.anatomy-info h2{font-size:var(--title-scene);margin:8px 0 14px;line-height:.93}.anatomy-info p{font-size:var(--title-sub);color:var(--muted);max-width:52ch;margin-bottom:20px;line-height:1.5}.code-editor-box{background:color-mix(in srgb,var(--bg) 35%,#121620f0);backdrop-filter:blur(16px);border:1px solid #6f56f659;border-radius:18px;padding:18px 22px;position:relative;box-shadow:0 18px 45px #00000047,0 0 0 1px #ffffff14}.code-editor-top{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:10px;display:flex}.code-dots{gap:6px;display:flex}.code-dots span{border-radius:50%;width:10px;height:10px;display:block}.code-dots span:first-child{background:#ff5f56}.code-dots span:nth-child(2){background:#ffbd2e}.code-dots span:nth-child(3){background:#27c93f}.code-badge{font-size:11px;font-family:var(--font-mono);text-transform:uppercase;color:var(--accent-light);letter-spacing:.08em;align-items:center;gap:6px;font-weight:800;display:inline-flex}.code-editor-body{font-family:var(--font-mono);font-size:clamp(13px,1.35vw,17px);line-height:1.7}.code-line{white-space:nowrap;color:#a4abb8;flex-wrap:nowrap;align-items:center;display:flex}.code-line.indent-1{padding-left:18px}.code-line.indent-2{padding-left:36px}.code-tag{color:#f47067;font-weight:600}.code-attr{color:#d2a8ff;font-weight:600}.code-str{color:#96d0ff}.code-quote{color:#96d0ff;font-weight:700}.path-input-line{align-items:center;gap:4px;width:100%;display:flex}.path-live-input{font-family:var(--font-mono);font-size:inherit;color:#fff;border:1.5px solid var(--accent);width:100%;min-width:0;box-shadow:0 0 14px var(--accent-glow);transition:all .2s var(--ease);background:#6f56f638;border-radius:8px;outline:none;padding:4px 10px;font-weight:700}.path-live-input:focus{background:#6f56f659;border-color:#c4b5fd;box-shadow:0 0 20px #6f56f673}.code-editor-bottom{color:var(--muted);border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-top:14px;padding-top:10px;font-size:11px;display:flex}.code-hint{color:var(--muted);align-items:center;gap:6px;font-size:11px;display:flex}.code-hint code{color:#d2a8ff;background:#ffffff14;border-radius:4px;padding:2px 5px}.code-reset-btn{color:#d2a8ff;cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:999px;padding:4px 12px;font-size:11px;font-weight:700;transition:all .2s}.code-reset-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.anatomy-right-col{flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.coord-hud{font-family:var(--font-mono);color:var(--muted);background:color-mix(in srgb,var(--bg) 75%,transparent);border:1px solid var(--line);border-radius:999px;flex-wrap:wrap;justify-content:center;gap:6px 10px;margin-bottom:16px;padding:6px 14px;font-size:11px;font-weight:700;display:flex}.coord-hud span{color:var(--muted)}.coord-hud span b{color:var(--accent-light);font-weight:700}.shape-layer{aspect-ratio:1;width:min(38vw,500px);margin:auto;position:relative}.shape-layer svg{width:100%;height:100%;overflow:visible}.guide{stroke:var(--muted);opacity:.35;stroke-dasharray:6 8;fill:none;stroke-width:1.5px}.curve{stroke:var(--accent);stroke-width:7px;fill:none;stroke-linecap:round;filter:drop-shadow(0 0 12px var(--accent-glow))}.handle{fill:var(--bg);stroke:var(--accent);stroke-width:4px;cursor:grab;touch-action:none;transition:r .15s,stroke-width .15s}.handle:hover,.handle:focus-visible{r:12;stroke-width:5px;outline:none}.handle:active{cursor:grabbing;r:14}.point{fill:var(--accent);cursor:grab;touch-action:none;stroke:var(--bg);stroke-width:2px}.point:hover,.point:focus-visible{r:11;outline:none}.point:active{cursor:grabbing;r:13}.shape-selector-bar{z-index:20;border:1px solid var(--line);background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(24px);border-radius:999px;flex-wrap:wrap;justify-content:center;gap:8px;max-width:min(96vw,980px);padding:6px 10px;display:flex;position:absolute;bottom:4.5vh;left:50%;transform:translate(-50%);box-shadow:0 12px 32px #0000001f}.shape-btn{color:var(--muted);cursor:pointer;transition:all .2s var(--ease);font-family:var(--editorial-sans);background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:8px;padding:7px 14px;display:inline-flex}.shape-btn:hover{color:var(--ink);background:color-mix(in srgb,var(--line) 45%,transparent)}.shape-btn.on{background:var(--ink);color:var(--bg);border-color:var(--ink);box-shadow:0 4px 14px #00000024}.shape-btn.on small,.shape-btn.on code{color:var(--accent-light)}.shape-icon{font-size:14px;line-height:1}.shape-info{text-align:left;flex-direction:column;line-height:1.15;display:flex}.shape-info strong{font-size:12px;font-weight:700}.shape-info small{color:var(--muted);font-size:10px;font-family:var(--font-mono);letter-spacing:.04em}.shape-info code{color:var(--accent);font-weight:700}.duel-wrapper{grid-template-columns:1fr 1fr;align-items:center;padding-top:13vh;display:grid;position:absolute;inset:0}.duel-side{flex-direction:column;justify-content:center;align-items:center;height:100%;padding:0 24px;display:flex;position:relative;overflow:hidden}.duel-side:first-child{border-right:1px solid var(--line)}.duel-label{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:20px;font-size:11px;font-weight:800}.duel-canvas-box,.duel-svg-box{aspect-ratio:55.93/44.67;border:1px solid var(--line);background:color-mix(in srgb,var(--bg) 92%,transparent);border-radius:18px;justify-content:center;align-items:center;width:min(30vw,420px);display:flex;position:relative;overflow:hidden;box-shadow:0 16px 36px #0000000f}.raster-logo{width:100%;height:100%;image-rendering:-webkit-optimize-contrast;image-rendering:pixelated;image-rendering:crisp-edges;display:block}.vector-logo{shape-rendering:geometricprecision;text-rendering:geometricprecision;width:100%;height:100%;display:block}.duel-note{color:var(--muted);text-align:center;margin-top:20px;font-size:13px;font-weight:600}.duel-center{z-index:10;border:1.5px solid var(--accent);background:var(--bg);font-size:13px;font-weight:800;font-family:var(--font-mono);letter-spacing:.06em;color:var(--accent);border-radius:999px;padding:8px 18px;position:absolute;top:58%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 24px #6f56f62e}.perf-container{flex-direction:column;justify-content:center;align-items:center;padding-top:14vh;display:flex;position:absolute;inset:0}.perf-grid{grid-template-columns:1fr 1fr;width:min(100%,1100px);margin:0 auto;display:grid}.perf-card{flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex}.perf-card:first-child{border-right:1px solid var(--line)}.perf-val{font-size:clamp(56px,7.5vw,110px);font-family:var(--font-mono);letter-spacing:-.04em;margin:18px 0;font-weight:800;line-height:1}.perf-card p{color:var(--muted);text-align:center;max-width:320px;font-size:15px}.perf-bar-wrap{background:color-mix(in srgb,var(--line) 40%,transparent);border-radius:99px;width:min(90%,640px);height:8px;margin-top:24px;position:relative;overflow:hidden}.perf-bar-fill{background:var(--accent);transform-origin:0;width:99.5%;height:100%;transition:transform 1.2s var(--ease);border-radius:99px;transform:scaleX(0)}.perf-bar-label{color:var(--accent);letter-spacing:.06em;text-transform:uppercase;margin-top:8px;font-size:11px;font-weight:700}.limit-grid{grid-template-columns:1.1fr .9fr;display:grid;position:absolute;inset:0}.photo-sim{clip-path:inset(10% 8% round 36px);background:linear-gradient(135deg,#c6b7ff,#7887c8 45%,#2d3348);position:relative;overflow:hidden}.photo-sim:before,.photo-sim:after{content:"";filter:blur(8px);border-radius:50%;position:absolute}.photo-sim:before{aspect-ratio:1;background:#f5c5a5;width:42%;top:20%;left:13%}.photo-sim:after{aspect-ratio:1;background:#20253b;width:47%;bottom:5%;right:-5%}.path-storm{position:absolute;inset:0}.path-storm svg{width:100%;height:100%}.limit-copy{place-items:center;padding:8vw;display:grid}.limit-copy div{max-width:520px}.dom-layout{padding:0 max(24px,calc((100vw - var(--max))/2));grid-template-columns:.9fr 1.1fr;align-items:center;display:grid;position:absolute;inset:0}.dom-info-side{padding-top:12vh}.dom-interactive-side{justify-content:center;align-items:center;width:100%;height:70vh;display:flex;position:relative}.dom-tree{font:clamp(14px,1.35vw,19px)/1.85 var(--font-mono);margin-top:28px}.dom-tree div{transition:transform .3s var(--ease),color .3s}.dom-tree .l2{padding-left:24px}.dom-tree .l3{padding-left:48px}.dom-tree .hot{color:var(--accent);font-weight:700;transform:translate(6px)}.dom-live{aspect-ratio:1;place-items:center;width:min(42vw,560px);display:grid;position:relative}.dom-live svg{width:75%;overflow:visible}.dom-live .halo{aspect-ratio:1;border:1px solid var(--line);border-radius:50%;width:85%;position:absolute}.dom-orbit{border:1px solid #6f56f62e;border-radius:50%;position:absolute}.dom-orbit.do1{aspect-ratio:1;width:78%}.dom-orbit.do2{aspect-ratio:1;border-style:dashed;width:56%;animation:16s linear infinite orbitSpin}@keyframes orbitSpin{to{transform:rotate(360deg)}}.dom-event{z-index:7;border:1px solid var(--line);background:color-mix(in srgb,var(--bg) 85%,transparent);font:800 11px/1 var(--font-mono);color:var(--muted);border-radius:999px;padding:6px 12px;position:absolute;box-shadow:0 4px 14px #0000000d}.dom-event.e1{top:22%;left:8%}.dom-event.e2{top:38%;right:4%}.dom-event.e3{bottom:18%;left:14%}.dom-curve-main{fill:none;stroke:var(--accent);stroke-linecap:round;stroke-width:16px;filter:drop-shadow(0 0 14px var(--accent-glow))}.dom-curve-ghost{fill:none;stroke:var(--accent);stroke-linecap:round;stroke-width:4px;opacity:.24;stroke-dasharray:8 10}.dom-point{fill:var(--accent)}.dom-handle{fill:var(--bg);stroke:var(--accent);stroke-width:4px}.dom-click-btn{border:1px solid var(--line);background:var(--ink);color:var(--bg);cursor:pointer;transition:transform .2s var(--ease),opacity .2s,box-shadow .2s;border-radius:999px;align-items:center;gap:8px;margin-top:26px;padding:13px 24px;font-size:14px;font-weight:700;display:inline-flex;box-shadow:0 8px 20px #00000014}.dom-click-btn:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 12px 28px #0000001f}.dom-click-btn:active{transform:scale(.97)}.channels-scene{border-top:1px solid var(--line);min-height:400svh;position:relative}.channels-track{height:100svh;position:sticky;top:0;overflow:hidden}.channels-horizontal{will-change:transform;width:400vw;height:100%;display:flex}.channel-panel{width:100vw;height:100svh;padding:14vh max(24px,calc((100vw - var(--max))/2));border-right:1px solid var(--line);flex:0 0 100vw;grid-template-columns:.85fr 1.15fr;align-items:center;gap:6vw;display:grid}.channel-visual{place-items:center;height:60vh;display:grid;position:relative}.channel-visual svg{width:min(70%,540px);overflow:visible}.draw{stroke-dasharray:900;stroke-dashoffset:900px}.css-box{aspect-ratio:1;border:8px solid var(--accent);width:48%;box-shadow:0 0 24px var(--accent-glow);border-radius:28%;animation:3.2s ease-in-out infinite cssPulse}@keyframes cssPulse{50%{border-radius:50%;transform:rotate(45deg)scale(.8)}}.smil-dot{background:var(--accent);width:32px;height:32px;box-shadow:0 0 16px var(--accent-glow);border-radius:50%;animation:3s ease-in-out infinite smilAnim;position:absolute}@keyframes smilAnim{0%,to{transform:translate(-160px)}50%{transform:translate(160px)}}.reactive-stage{aspect-ratio:1;cursor:crosshair;touch-action:none;user-select:none;background:radial-gradient(circle,#6f56f624 0%,#121620b3 70%,#0000 100%);border:1px solid #6f56f64d;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;width:min(92%,480px);display:flex;position:relative;overflow:hidden;box-shadow:0 20px 48px #00000059}.reactive-svg{width:84%;height:84%;display:block;overflow:visible}.reactive-blob{fill:url(#blobGradient);stroke:var(--accent);stroke-width:3.5px;filter:drop-shadow(0 0 16px var(--accent-glow))}.reactive-node-circle{fill:var(--bg);stroke:var(--accent-light);stroke-width:2.5px;r:5px;transition:r .15s,fill .15s}.reactive-node-circle:hover{r:8px;fill:var(--accent)}.reactive-node-line{stroke:var(--accent);stroke-dasharray:3 4;opacity:.35;stroke-width:1px}.reactive-core-pulse{fill:var(--accent);opacity:.8;filter:drop-shadow(0 0 12px var(--accent))}.reactive-hud{font-family:var(--font-mono);color:var(--muted);pointer-events:none;z-index:5;justify-content:space-between;align-items:center;font-size:11px;display:flex;position:absolute;top:14px;left:16px;right:16px}.reactive-hud-row{color:var(--accent-light);align-items:center;gap:6px;font-weight:700;display:inline-flex}.reactive-dot{background:#7ee787;border-radius:50%;width:7px;height:7px;animation:1.5s infinite pulseDot;box-shadow:0 0 8px #7ee787}@keyframes pulseDot{50%{opacity:.4}}.reactive-stats{opacity:.85;gap:10px;font-size:10px;display:flex}.reactive-modes{z-index:5;backdrop-filter:blur(12px);background:#00000073;border:1px solid #ffffff1f;border-radius:999px;gap:6px;padding:4px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.reactive-mode-btn{color:#a4abb8;cursor:pointer;transition:all .2s var(--ease);background:0 0;border:0;border-radius:999px;padding:5px 12px;font-size:11px;font-weight:700}.reactive-mode-btn:hover{color:#fff;background:#ffffff14}.reactive-mode-btn.on{background:var(--accent);color:#fff;box-shadow:0 2px 10px #6f56f666}.reactive-hint-badge{color:#ffffffa6;letter-spacing:.04em;pointer-events:none;background:#00000059;border-radius:999px;padding:3px 10px;font-size:10px;font-weight:600;position:absolute;bottom:54px;left:50%;transform:translate(-50%)}.a11y-stage{padding:0 max(24px,calc((100vw - var(--max))/2));grid-template-columns:1fr 1fr;align-items:center;display:grid;position:absolute;inset:0}.a11y-left{padding-top:10vh}.a11y-code{font:clamp(15px,1.55vw,22px)/1.85 var(--font-mono);margin-top:24px}.a11y-code .accent{color:var(--accent)}.reader-card{border-left:3px solid var(--accent);background:color-mix(in srgb,var(--card-bg) 60%,transparent);border-radius:0 16px 16px 0;margin-left:4vw;padding:18px 0 18px 32px}.reader-card small{text-transform:uppercase;letter-spacing:.14em;color:var(--muted);font-size:11px;font-weight:800}.reader-card p{font-family:var(--editorial-serif);letter-spacing:-.03em;margin-top:14px;font-size:clamp(28px,3.5vw,54px);line-height:1.05}.a11y-speak-btn{border:1px solid var(--line);background:var(--bg);color:var(--ink);cursor:pointer;transition:all .2s var(--ease);border-radius:999px;align-items:center;gap:8px;margin-top:22px;padding:10px 18px;font-size:13px;font-weight:700;display:inline-flex}.a11y-speak-btn:hover{background:var(--ink);color:var(--bg)}.a11y-eq{align-items:center;gap:3px;height:14px;display:inline-flex}.a11y-eq i{background:currentColor;border-radius:99px;width:3px;height:100%;animation:.8s ease-in-out infinite alternate eqAnim}.a11y-eq i:nth-child(2){height:60%;animation-delay:.2s}.a11y-eq i:nth-child(3){height:80%;animation-delay:.4s}@keyframes eqAnim{0%{transform:scaleY(.3)}to{transform:scaleY(1)}}.future-stage{place-items:center;display:grid;position:absolute;inset:0}.future-line{width:min(72vw,920px);height:38vh;margin-top:6vh}.future-line svg{width:100%;height:100%;overflow:visible}.future-line path{fill:none;stroke:url(#grad);stroke-width:7px;stroke-linecap:round;stroke-dasharray:1200;stroke-dashoffset:1200px}.future-nodes circle{fill:var(--bg);stroke:var(--accent);stroke-width:4px}.future-quote{text-align:center;width:min(860px,90vw);position:absolute;bottom:8vh;left:50%;transform:translate(-50%)}.future-quote strong{letter-spacing:-.02em;font-size:clamp(48px,6.5vw,98px);line-height:.96;display:block}.future-quote span{color:var(--muted);max-width:65ch;margin-top:18px;margin-left:auto;margin-right:auto;font-size:15px;display:block}.finale{color:#f7f7f4;background:#0b0d13;border-top:1px solid #ffffff1a;place-items:center;min-height:100svh;padding:110px 24px;display:grid;position:relative;overflow:hidden}.finale-inner{text-align:center;z-index:2;width:min(1000px,100%);position:relative}.finale .label{color:#a494ff}.finale h2{margin:20px 0 28px;font-size:clamp(64px,9vw,140px);line-height:.88}.finale p{color:#9fa5b2;max-width:58ch;margin:0 auto 40px;font-size:19px}.tool-row{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.tool-row a{color:#e9eaf0;border:1px solid #ffffff2e;border-radius:999px;padding:14px 24px;font-size:14px;font-weight:700;text-decoration:none;transition:border-color .2s,background .2s,transform .2s}.tool-row a:hover{border-color:var(--accent);background:#6f56f61f;transform:translateY(-2px)}.tool-row a.primary{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 10px 24px #6f56f64d}.final-particles{opacity:.45;position:absolute;inset:0}.finale small{color:#6f7582;letter-spacing:.08em;margin-top:48px;font-size:12px;display:block}.editorial-mark{animation:none!important}.editorial-hero-inner>*{opacity:0;filter:blur(10px);animation:editorialIntro .82s var(--ease) forwards;transform:translateY(14px)}.editorial-hero-inner>:first-child{animation-delay:40ms}.editorial-hero-inner>:nth-child(2){animation-delay:.11s}.editorial-hero-inner>:nth-child(3){animation-delay:.18s}.editorial-hero-inner>:nth-child(4){animation-delay:.25s}.editorial-hero-inner>:nth-child(5){animation-delay:.32s}.editorial-hero-inner>:nth-child(6){animation-delay:.39s}.editorial-hero-inner>:nth-child(7){animation-delay:.46s}@keyframes editorialIntro{to{opacity:1;filter:none;transform:none}}@media (width<=760px){:root{--mobile-gutter:20px;--mobile-section-y:72px;--title-hero:clamp(78px,27vw,108px);--title-scene:clamp(40px,11.5vw,52px);--title-manifesto:clamp(50px,14.5vw,70px);--title-sub:17px}html{scroll-padding-top:68px}body{line-height:1.55}.noise{opacity:.012}.chapter-rail{display:none!important}.nav{height:58px;padding:0 18px;padding-top:env(safe-area-inset-top)}.nav-badge{display:none}.brand{font-size:15px}.editorial-hero{min-height:100svh;padding:calc(82px + env(safe-area-inset-top)) var(--mobile-gutter) 48px;align-items:center;display:flex}.editorial-hero:before{background:radial-gradient(circle at 50% 20%,var(--accent-glow),transparent 37%)}.editorial-hero-inner{width:100%}.editorial-mark{width:54px;margin-bottom:18px}.editorial-kicker{max-width:31ch;margin-bottom:18px;font-size:10px;line-height:1.45}.editorial-hero h1{white-space:normal;margin-bottom:22px;line-height:.8}.editorial-deck{max-width:17ch;font-size:clamp(23px,6.7vw,29px);line-height:1.12}.editorial-meta{gap:8px 14px;margin-top:26px;line-height:1.4}.editorial-summary{border-bottom:0;grid-template-columns:1fr;width:100%;margin-top:24px}.editorial-summary article,.editorial-summary article:nth-child(2n){border-left:0;padding:13px 0}.editorial-summary article+article{border-top:1px solid var(--line)}.editorial-summary strong{font-size:12px}.editorial-summary span{font-size:11px}.editorial-scroll{margin-top:24px}.story-scene .scene-inner{min-height:0!important}.story-scene .sticky{flex-direction:column;gap:0;display:flex;height:auto!important;min-height:0!important;padding:var(--mobile-section-y) var(--mobile-gutter)!important;position:relative!important;top:auto!important;overflow:visible!important}.scene-title,.scene-title.right,.scene-title.center{order:1;text-align:left!important;width:100%!important;max-width:100%!important;margin:0!important;position:relative!important;top:auto!important;left:auto!important;right:auto!important;transform:none!important}.scene-title h2,.limit-copy h2,.channel-panel h2,.a11y-left h2,.future-title h2,.anatomy-info h2{letter-spacing:-.038em;line-height:.98;margin:8px 0 16px!important}.scene-title p,.limit-copy p,.manifesto p,.step-copy p,.a11y-left p,.anatomy-info p{font-size:17px!important;line-height:1.56!important}.label,.eyebrow{margin-bottom:10px;font-size:10px;line-height:1.4}.giant{display:none}.reveal{filter:blur(4px);transform:translateY(18px)}.pixel-field{border:1px solid var(--line);border-radius:22px;order:2;height:290px;overflow:hidden;margin-top:28px!important;position:relative!important;inset:auto!important}.pixel-hud{white-space:normal;border-radius:12px;order:3;width:100%;margin-top:10px;line-height:1.35;position:relative!important;inset:auto!important}.pixel-copy,.step-copy,.step-copy.right{text-align:left!important;width:100%!important;position:relative!important;inset:auto!important;transform:none!important}.pixel-copy{order:4;margin-top:28px!important}.pixel-copy strong{font-size:clamp(34px,9.7vw,46px);line-height:1}.pixel-copy span{font-size:15px;line-height:1.5}.war-top-title{order:1;text-align:left!important;width:100%!important;position:relative!important;top:auto!important;left:auto!important;transform:none!important}.war-top-title .label,.war-top-title h2{text-align:left!important}.war-field{border:1px solid var(--line);background:color-mix(in srgb,var(--card-bg) 58%,transparent);border-radius:22px;order:2;width:100%;height:330px;overflow:hidden;margin:28px 0 16px!important;position:relative!important;inset:auto!important}.war-lines{transform-origin:50%;transform:scale(1.08)}.war-core{width:118px}.war-core-halo{inset:-7px}.war-core-pulse{inset:-14px}.war-bottom-copy{order:3;align-items:flex-start;text-align:left!important;width:100%!important;margin-top:12px!important;position:relative!important;bottom:auto!important;left:auto!important;transform:none!important}.war-body-text,.war-callout-text p{text-align:left;font-size:16px;line-height:1.55}.manifesto{padding:82px var(--mobile-gutter);min-height:auto}.manifesto-orbit{opacity:.3;width:92vw}.manifesto .word{line-height:.94}.manifesto p{margin-top:24px;font-size:17px;line-height:1.58}.anatomy-layout{flex-direction:column;gap:30px;margin-top:0!important;padding:0!important;display:flex!important;position:relative!important;inset:auto!important}.anatomy-left-col{width:100%;max-width:none}.code-editor-box{border-radius:18px;width:100%;padding:14px;overflow:hidden}.code-editor-body{scrollbar-width:thin;width:100%;padding-bottom:4px;overflow-x:auto;font-size:11.5px!important}.code-line{min-width:510px}.path-live-input{padding:3px 6px;font-size:12px!important}.code-editor-bottom{align-items:flex-start;gap:12px}.code-hint{max-width:70%;line-height:1.35}.anatomy-right-col{width:100%}.shape-layer{aspect-ratio:auto;flex-direction:column;max-width:360px;margin:0 auto;display:flex;width:100%!important}.shape-layer svg{width:min(100%,350px);height:auto;margin:8px auto 0}.coord-hud{border-radius:14px;width:100%;margin-bottom:8px;font-size:10px}.shape-selector-bar{scroll-snap-type:x proximity;scrollbar-width:none;border-radius:18px;width:100%;overflow-x:auto;flex-wrap:nowrap!important;justify-content:flex-start!important;margin:18px auto 0!important;padding:6px!important;position:relative!important;bottom:auto!important;left:auto!important;transform:none!important}.shape-selector-bar::-webkit-scrollbar{display:none}.shape-btn{scroll-snap-align:start;flex:none;min-height:48px;padding:6px 10px}.shape-info strong{font-size:11px}.shape-info small{font-size:9px}.duel-wrapper{flex-direction:column;order:2;width:100%;gap:0!important;margin-top:28px!important;padding-top:0!important;display:flex!important;position:relative!important;inset:auto!important}.duel-side{width:100%;height:auto!important;padding:28px 0!important}.duel-side:first-child{border-bottom:0!important;border-right:0!important}.duel-canvas-box,.duel-svg-box{border-radius:20px;margin:0 auto;width:min(82vw,320px)!important}.duel-label{margin-bottom:12px;position:static!important}.duel-note{max-width:31ch;margin-top:14px;font-size:12px;line-height:1.45}.duel-center{align-self:center;margin:-2px auto;padding:8px 15px;position:relative!important;top:auto!important;left:auto!important;transform:none!important}.perf-container{order:2;width:100%;margin-top:30px!important;padding-top:0!important;position:relative!important;inset:auto!important}.perf-grid{border:1px solid var(--line);border-radius:22px;grid-template-columns:1fr;gap:0;overflow:hidden}.perf-card{padding:26px 18px}.perf-card:first-child{border-right:0;border-bottom:1px solid var(--line);padding-bottom:26px}.perf-card p{font-size:14px;line-height:1.5}.perf-val{margin:10px 0;font-size:clamp(44px,13vw,58px)}.perf-bar-wrap{width:100%;margin-top:22px}.limit-grid{flex-direction:column;gap:28px;margin-top:0!important;display:flex!important;position:relative!important;inset:auto!important}.limit-copy{order:1;padding:0}.photo-sim{clip-path:inset(0 round 20px);border:1px solid var(--line);order:2;height:280px}.dom-layout{flex-direction:column;gap:30px;margin-top:0!important;padding:0!important;display:flex!important;position:relative!important;inset:auto!important}.dom-info-side{padding-top:0}.dom-tree{border:1px solid var(--line);border-radius:16px;margin-top:22px;padding:14px;font-size:12px;line-height:1.75;overflow-x:auto}.dom-click-btn{justify-content:center;width:100%;min-height:48px;margin-top:18px}.dom-interactive-side{height:auto;padding:8px 0 0}.dom-live{width:min(86vw,330px)!important}.dom-event{font-size:9px}.channels-scene{padding:26px 0 58px;height:auto!important;min-height:auto!important}.channels-track{height:auto!important;position:relative!important;overflow:visible!important}.channels-horizontal{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:12px;scroll-padding-inline:16px;overflow-x:auto;width:100%!important;padding:10px 16px 18px!important;display:flex!important;transform:none!important}.channel-panel{scroll-snap-align:center;border-radius:24px;gap:16px;overflow:hidden;border:1px solid var(--line)!important;flex-direction:column!important;flex:0 0 calc(100vw - 40px)!important;width:calc(100vw - 40px)!important;height:auto!important;min-height:0!important;padding:26px 20px!important;display:flex!important}.channel-panel h2{margin:8px 0 14px;font-size:clamp(35px,10vw,46px);line-height:.98}.channel-panel p{color:var(--muted);font-size:16px;line-height:1.56}.channel-visual{width:100%;margin-top:4px;height:240px!important}.reactive-stage{border-radius:20px;width:100%;max-width:350px}.reactive-hud{font-size:9px}.reactive-stats{display:none}.reactive-hint-badge{text-align:center;white-space:nowrap;max-width:calc(100% - 24px);bottom:50px}.reactive-mode-btn{padding:6px 8px;font-size:9px}.a11y-stage{flex-direction:column;gap:28px;margin-top:0!important;padding:0!important;display:flex!important;position:relative!important;inset:auto!important}.a11y-left{padding-top:0}.a11y-code{border:1px solid var(--line);white-space:nowrap;border-radius:16px;margin-top:22px;padding:14px;font-size:12px;line-height:1.75;overflow-x:auto}.a11y-speak-btn{justify-content:center;width:100%;min-height:48px}.reader-card{border-left-width:2px;border-radius:0 18px 18px 0;margin:0;padding:20px}.reader-card p{font-size:clamp(30px,9vw,42px);line-height:1.06}.future-stage{flex-direction:column;order:2;width:100%;margin-top:24px!important;display:flex!important;position:relative!important;inset:auto!important}.future-line{width:100%!important;height:170px!important;margin-top:0!important}.future-quote{text-align:left!important;width:100%!important;margin-top:24px!important;position:relative!important;inset:auto!important;transform:none!important}.future-quote strong{font-size:clamp(42px,12.5vw,58px);line-height:.96}.future-quote span{font-size:15px;line-height:1.55}.finale{min-height:100svh;padding:88px var(--mobile-gutter) calc(70px + env(safe-area-inset-bottom))}.finale h2{font-size:clamp(48px,13.4vw,66px);line-height:.93}.finale p{font-size:17px;line-height:1.55}.tool-row{flex-direction:column;gap:10px;width:100%}.tool-row a{place-items:center;width:100%;min-height:48px;display:grid}}@media (width<=420px){.nav{padding-inline:16px}.editorial-hero,.story-scene .sticky,.manifesto,.finale{padding-left:16px!important;padding-right:16px!important}.editorial-deck{max-width:16ch}.channel-panel{flex-basis:calc(100vw - 32px)!important;width:calc(100vw - 32px)!important}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.reveal,.mask-reveal{opacity:1!important;filter:none!important;transform:none!important}.mask-reveal>*{transition:none!important;transform:none!important}.editorial-hero-inner>*{opacity:1!important;filter:none!important;animation:none!important;transform:none!important}.editorial-mark,.css-box,.smil-dot,.dom-orbit.do2,.war-core-halo,.reactive-dot,.a11y-eq i{animation:none!important}}#duel .duel-canvas-box,#duel .duel-svg-box{isolation:isolate;contain:paint}#duel .vector-logo{transform-origin:50%;overflow:hidden;transform:none!important}@media (width>=761px){#duel .duel-wrapper{padding-top:14vh;padding-inline:max(22px,50vw - 720px)}#duel .duel-side{padding-inline:30px}#duel .duel-canvas-box,#duel .duel-svg-box{border-radius:24px;width:min(38vw,560px);box-shadow:0 22px 54px #00000014}#duel .duel-label{margin-bottom:16px}#duel .duel-note{max-width:38ch;margin-top:16px;font-size:13px;line-height:1.45}#duel .duel-center{padding:10px 20px;font-size:14px;top:59%}}@media (width>=761px) and (height<=820px){#duel .duel-wrapper{padding-top:17vh}#duel .duel-canvas-box,#duel .duel-svg-box{width:min(35vw,500px)}}