*,:before,:after{box-sizing:border-box;margin:0;padding:0}a,button,[role=button]{transition:color .2s,background .2s,border-color .2s,opacity .2s,box-shadow .2s,transform .15s}a:active,button:active,[role=button]:active{transform:scale(.97)}:root{--bg:#0e0e11;--bg-surface:#16161b;--bg-card:#1c1c23;--text:#e2e0dc;--text-dim:#ffffff73;--text-muted:#ffffff73;--border:#ffffff14;--border-hover:#ffffff24;--hardware:#c9956a;--os:#4a9ede;--engine:#5ab87a;--loop:#9b6ec6;--accent:#c9956a}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Space Grotesk,system-ui,sans-serif;font-size:15px;font-weight:300;line-height:1.75}.theory-nav{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#0e0e11d9;justify-content:space-between;align-items:center;height:52px;padding:0 32px;display:flex;position:fixed;top:0;left:0;right:0}.theory-nav-back{color:var(--text-dim);letter-spacing:.03em;align-items:center;gap:8px;font-size:13px;font-weight:400;text-decoration:none;transition:color .2s;display:flex}.theory-nav-back:hover{color:var(--text)}.theory-nav-title{flex-direction:column;align-items:flex-end;gap:2px;line-height:1.2;display:flex}.theory-nav-byline{letter-spacing:.04em;color:var(--text-dim);font-family:Instrument Serif,serif;font-size:13px;font-style:italic;font-weight:400}.theory-nav-label{letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);font-size:12px;font-weight:500}.theory{max-width:720px;margin:0 auto;padding:120px 24px 160px}.theory-header{text-align:center;margin-bottom:72px}.theory-header h1{letter-spacing:.04em;color:var(--text);margin-bottom:8px;font-family:Instrument Serif,serif;font-size:48px;font-weight:300}.theory-subtitle{color:var(--text-dim);margin-bottom:16px;font-family:Instrument Serif,serif;font-size:20px;font-style:italic;font-weight:400}.theory-author{letter-spacing:.06em;color:var(--text-muted);font-size:14px;font-weight:400}.theory-doi{letter-spacing:.02em;color:var(--text-muted);margin-top:8px;font-size:13px;font-weight:400}.theory-doi a{color:var(--text-muted);border-bottom:1px solid var(--border);text-decoration:none;transition:color .4s cubic-bezier(.16,1,.3,1),border-color .4s cubic-bezier(.16,1,.3,1)}.theory-doi a:hover{color:var(--accent);border-bottom-color:var(--accent)}@media (prefers-reduced-motion:reduce){.theory-doi a{transition:none}}.theory-rule{background:var(--border-hover);width:48px;height:1px;margin:32px auto 0}.theory-toc{background:var(--bg-surface);border:1px solid var(--border);border-radius:4px;margin-bottom:80px;padding:28px 32px}.theory-toc h2{letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);margin-bottom:16px;font-family:Space Grotesk,sans-serif;font-size:12px;font-weight:500}.theory-toc ol{counter-reset:toc;list-style:none}.theory-toc li{counter-increment:toc;margin-bottom:6px}.theory-toc li a{color:var(--text-dim);align-items:baseline;gap:12px;font-size:14px;font-weight:400;text-decoration:none;transition:color .2s;display:flex}.theory-toc li a:before{content:counter(toc) ".";font-variant-numeric:tabular-nums;color:var(--text-muted);min-width:20px}.theory-toc li a:hover{color:var(--text)}section{margin-bottom:64px}section h2{color:var(--text);border-bottom:1px solid var(--border);align-items:baseline;gap:14px;margin-bottom:20px;padding-bottom:12px;font-family:Instrument Serif,serif;font-size:28px;font-weight:400;display:flex}.sn{color:var(--accent);min-width:20px;font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:500}section p{margin-bottom:16px}section ol{margin:0 0 16px;padding-left:22px}section ol li{margin-bottom:10px}.architecture-figure{width:min(960px,100vw - 48px);margin:40px 0 40px 50%;transform:translate(-50%)}.architecture-diagram{background:radial-gradient(circle at 18% 0,#c9956a14,#0000 32%),radial-gradient(circle at 82% 0,#4a9ede12,#0000 32%),radial-gradient(circle at 50% 100%,#9b6ec61c,#0000 38%),#05070d;border:1px solid #343044;border-radius:12px;padding:28px;position:relative;overflow:hidden;box-shadow:0 32px 80px #00000052,inset 0 1px #e8ecf40a}.architecture-diagram:before{content:"";pointer-events:none;background-image:linear-gradient(#3430441f 1px,#0000 1px),linear-gradient(90deg,#3430441f 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0009,#0000 88%);mask-image:linear-gradient(#0009,#0000 88%)}.architecture-diagram-head{z-index:1;border-bottom:1px solid #343044;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;padding-bottom:16px;display:flex;position:relative}.architecture-diagram-eyebrow{color:#e8ecf4;letter-spacing:.16em;text-transform:uppercase;font-size:12px;font-weight:500}.architecture-diagram-legend{color:#8a94a8;align-items:center;gap:20px;font-size:12px;font-weight:400;display:flex}.architecture-diagram-legend span{align-items:center;gap:8px;display:inline-flex}.architecture-diagram-legend i{background:#8a94a8;width:20px;height:1px}.architecture-diagram-legend .is-loop i{background:var(--loop);height:2px;box-shadow:0 0 12px #9b6ec680}.architecture-flow{z-index:1;grid-template-columns:repeat(7,minmax(0,1fr));gap:24px 12px;display:grid;position:relative}.architecture-phase{--phase:#8a94a8;border:1px solid color-mix(in srgb, var(--phase) 32%, #343044);background:color-mix(in srgb, var(--phase) 5%, #080a12);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--phase) 10%, transparent);border-radius:12px;padding:12px;position:relative}.architecture-phase-hardware{--phase:var(--hardware);grid-area:1/1/auto/span 3}.architecture-phase-os{--phase:var(--os);grid-area:1/4/auto/span 4}.architecture-phase-engine{--phase:var(--engine);grid-area:2/6/auto/span 2}.architecture-phase-loop{--phase:var(--loop);grid-area:2/1/auto/span 5}.architecture-phase-head{color:var(--phase);letter-spacing:.14em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;padding:0 4px;font-size:12px;font-weight:600;line-height:1.4;display:flex}.architecture-phase-head span{align-items:center;gap:8px;display:inline-flex}.architecture-phase-head span:before{content:"";background:var(--phase);width:6px;height:6px;box-shadow:0 0 12px color-mix(in srgb, var(--phase) 70%, transparent);border-radius:999px}.architecture-phase-head small{color:#8a94a8;letter-spacing:.08em;font-size:12px;font-weight:400}.architecture-phase-nodes{grid-template-columns:repeat(var(--node-count), minmax(0, 1fr));gap:8px;display:grid}.architecture-phase-hardware .architecture-phase-nodes{--node-count:3}.architecture-phase-os .architecture-phase-nodes{--node-count:4}.architecture-phase-engine .architecture-phase-nodes{--node-count:2}.architecture-phase-loop .architecture-phase-nodes{--node-count:5}.architecture-phase.is-reverse .architecture-phase-nodes{direction:rtl}.architecture-node{border:1px solid color-mix(in srgb, var(--phase) 20%, #343044);background:linear-gradient(145deg, color-mix(in srgb, var(--phase) 7%, #0b0e17), #080a12);direction:ltr;border-radius:4px;flex-direction:column;justify-content:space-between;gap:12px;min-height:104px;padding:12px;transition:transform .9s cubic-bezier(.16,1,.3,1),border-color .4s cubic-bezier(.16,1,.3,1),background .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.architecture-node:hover{z-index:2;border-color:color-mix(in srgb, var(--phase) 72%, #343044);background:linear-gradient(145deg, color-mix(in srgb, var(--phase) 12%, #0b0e17), #080a12);box-shadow:0 12px 28px color-mix(in srgb, var(--phase) 12%, transparent);transform:translateY(-4px)}.architecture-node>span{color:var(--phase);letter-spacing:.08em;font-size:12px;font-weight:600;line-height:1}.architecture-node>strong{color:#e8ecf4;font-size:13px;font-weight:400;line-height:1.25}.architecture-phase.is-forward .architecture-node:not(:last-child):after,.architecture-phase.is-reverse .architecture-node:not(:last-child):after{content:"";z-index:3;width:0;height:0;position:absolute;top:50%;transform:translateY(-50%)}.architecture-phase.is-forward .architecture-node:not(:last-child):after{border-top:4px solid #0000;border-bottom:4px solid #0000;border-left:4px solid var(--phase);right:-7px}.architecture-phase.is-reverse .architecture-node:not(:last-child):after{border-top:4px solid #0000;border-right:4px solid var(--phase);border-bottom:4px solid #0000;left:-7px}.architecture-phase-hardware:after,.architecture-phase-os:after,.architecture-phase-engine:after{content:"";z-index:4;width:0;height:0;position:absolute}.architecture-phase-hardware:after{border-top:5px solid #0000;border-bottom:5px solid #0000;border-left:5px solid #8a94a8;top:66%;right:-9px}.architecture-phase-os:after{border-top:6px solid #8a94a8;border-left:5px solid #0000;border-right:5px solid #0000;bottom:-17px;right:7%}.architecture-phase-engine:after{border-top:5px solid #0000;border-bottom:5px solid #0000;border-right:5px solid #8a94a8;top:66%;left:-9px}.architecture-recursion{z-index:1;width:calc(71.428% - 4px);height:112px;margin-top:8px;position:relative}.architecture-recursion svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.architecture-recursion>svg>path{fill:none;stroke:var(--loop);stroke-width:1px;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 8px #9b6ec666);marker-end:url(#architecture-recursion-arrow)}.architecture-recursion svg marker path{fill:var(--loop);stroke:none;filter:none;marker-end:none}.architecture-recursion-stacked{display:none}.architecture-recursion-label{border:1px solid color-mix(in srgb, var(--loop) 32%, #343044);background:#080a12;border-radius:4px;grid-template-columns:auto auto;align-items:center;gap:0 12px;padding:8px 12px;display:grid;position:absolute;bottom:0;left:38%;transform:translate(-50%)}.architecture-recursion-label span{color:var(--loop);letter-spacing:.12em;text-transform:uppercase;grid-column:1;font-size:12px;font-weight:600;line-height:1.4}.architecture-recursion-label strong{color:#e8ecf4;grid-area:1/2/span 2;font-family:Instrument Serif,serif;font-size:26px;font-weight:400;line-height:1}.architecture-recursion-label strong b{color:var(--loop);font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:400}.architecture-recursion-label small{color:#8a94a8;grid-column:1;font-size:12px;font-weight:400;line-height:1.4}.architecture-figure figcaption{color:#8a94a8;max-width:720px;margin:16px auto 0;font-size:13px;line-height:1.6}.architecture-figure figcaption strong{color:#b8c0cf}.placeholder{color:var(--text-muted);border-left:2px solid var(--border);background:#ffffff04;border-radius:0 4px 4px 0;padding:16px 20px;font-size:14px;font-style:italic;line-height:1.7}.concepts-grid{grid-template-columns:1fr 1fr;gap:16px;margin-top:24px;display:grid}.concept-slot{background:var(--bg-surface);border:1px solid var(--border);border-radius:4px;padding:20px;transition:border-color .2s}.concept-slot:hover{border-color:var(--border-hover)}.concept-slot h3{color:var(--text);margin-bottom:8px;font-family:Instrument Serif,serif;font-size:18px;font-weight:500}.concept-slot .placeholder{background:0 0;border-left:none;padding:0;font-size:13px}.node-analysis-list{flex-direction:column;gap:12px;margin-top:24px;display:flex}.node-analysis{background:var(--bg-surface);border:1px solid var(--border);border-left:3px solid var(--border);border-radius:4px;padding:20px 24px;transition:border-color .2s}.node-analysis:hover{border-color:var(--border-hover)}.node-analysis[data-phase=hardware]{border-left-color:var(--hardware)}.node-analysis[data-phase=os]{border-left-color:var(--os)}.node-analysis[data-phase=engine]{border-left-color:var(--engine)}.node-analysis[data-phase=loop]{border-left-color:var(--loop)}.node-analysis h3{color:var(--text);align-items:baseline;gap:12px;margin-bottom:8px;font-family:Space Grotesk,sans-serif;font-size:15px;font-weight:400;display:flex}.node-num{font-variant-numeric:tabular-nums;color:var(--text-muted);font-size:12px;font-weight:500}.node-analysis[data-phase=hardware] .node-num{color:var(--hardware)}.node-analysis[data-phase=os] .node-num{color:var(--os)}.node-analysis[data-phase=engine] .node-num{color:var(--engine)}.node-analysis[data-phase=loop] .node-num{color:var(--loop)}.node-analysis .placeholder{background:0 0;border-left:none;padding:0;font-size:13px}.plain-terms{color:#ffffff8c;margin-top:8px;font-size:14px;font-style:italic;line-height:1.6;display:block}.theory-evolution{border-top:1px solid var(--border-hover);opacity:0;margin-top:96px;padding-top:32px;transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1);transform:translateY(16px)}.theory-evolution.is-ready{opacity:1;transform:translateY(0)}.theory-evolution>h2{border-bottom:0;margin-bottom:8px;padding-bottom:0}.theory-evolution-intro{max-width:600px;color:var(--text-dim);margin-bottom:32px;font-size:14px}.theory-evolution-list{flex-direction:column;display:flex}.theory-evolution-row{border-top:1px solid var(--border);padding:24px 0}.theory-evolution-row:last-child{border-bottom:1px solid var(--border)}.theory-evolution-date,.theory-evolution-meta{color:var(--text-muted);letter-spacing:.1em;font-size:12px;font-weight:500;line-height:1.5;display:block}.theory-evolution-row h3{margin:8px 0;font-family:Instrument Serif,serif;font-size:18px;font-weight:500;line-height:1.4}.theory-evolution-row h3 a{color:var(--text);-webkit-text-decoration-color:var(--border-hover);text-decoration-color:var(--border-hover);text-underline-offset:4px;text-decoration-thickness:1px}.theory-evolution-row h3 a:hover{color:var(--text-dim)}.theory-evolution-row>p:not(.theory-evolution-meta){color:var(--text-dim);margin-bottom:12px;font-size:14px;line-height:1.7}.theory-evolution-meta{margin-bottom:0}.theory-evolution-empty{border-top:1px solid var(--border);border-bottom:1px solid var(--border);color:var(--text-muted);padding:24px 0;font-size:14px}.theory-totop{z-index:90;border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:44px;height:44px;color:var(--text-dim);cursor:pointer;opacity:0;pointer-events:none;background:#16161bd9;border-radius:50%;justify-content:center;align-items:center;transition:opacity .3s,transform .3s,color .2s,border-color .2s;display:flex;position:fixed;bottom:28px;right:28px;transform:translateY(12px)}.theory-totop.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.theory-totop.visible:active{transform:scale(.97)}.theory-totop:hover{color:var(--text);border-color:var(--border-hover)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.theory-totop{transition:opacity .2s;transform:none}.theory-evolution{transition:opacity .6s cubic-bezier(.16,1,.3,1);transform:none}.architecture-node,.architecture-node:hover{transition-duration:1ms;transform:none}}@media (width<=820px){.architecture-figure{width:calc(100vw - 32px)}.architecture-flow{flex-direction:column;gap:16px;display:flex}.architecture-phase{width:100%}.architecture-phase.is-reverse .architecture-phase-nodes{direction:ltr}.architecture-phase.is-reverse .architecture-node:not(:last-child):after{border-top:4px solid #0000;border-bottom:4px solid #0000;border-right:0;border-left:4px solid var(--phase);left:auto;right:-7px}.architecture-phase-hardware:after,.architecture-phase-os:after,.architecture-phase-engine:after{border:5px solid #0000;border-top-color:#8a94a8;border-bottom:0;inset:auto auto -13px 50%;transform:translate(-50%)}.architecture-recursion{width:100%}.architecture-recursion-wide{display:none}.architecture-recursion-stacked{display:block}.architecture-recursion-label{left:50%}}@media (width<=600px){.theory{padding:100px 16px 120px}.theory-totop{bottom:20px;right:16px}.theory-header h1{font-size:36px}.concepts-grid{grid-template-columns:1fr}.theory-nav{padding:0 16px}.architecture-figure{width:calc(100vw - 32px);margin-top:32px;margin-bottom:32px}.architecture-diagram{padding:20px}.architecture-diagram-head{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:20px}.architecture-diagram-legend{flex-direction:column;align-items:flex-start;gap:8px}.architecture-phase-nodes,.architecture-phase.is-reverse .architecture-phase-nodes{direction:ltr;grid-template-columns:1fr}.architecture-node{grid-template-columns:36px 1fr;align-items:center;gap:12px;min-height:64px;display:grid}.architecture-node>strong br{display:none}.architecture-phase.is-forward .architecture-node:not(:last-child):after,.architecture-phase.is-reverse .architecture-node:not(:last-child):after{border-top:4px solid var(--phase);border-bottom:0;border-left:4px solid #0000;border-right:4px solid #0000;inset:auto auto -7px 50%;transform:translate(-50%)}.architecture-recursion{width:100%;height:auto;margin-top:16px}.architecture-recursion svg{display:none}.architecture-recursion-label{width:100%;position:relative;bottom:auto;left:auto;transform:none}}
