:root{--bg: #070a09;--bg-deep: #040605;--surface: #0c120f;--surface-2: #131b17;--surface-3: #1a251f;--surface-hi: #212e27;--ink: #f0f5f1;--text-primary: #f0f5f1;--muted: #b3c1b8;--text-secondary: #b3c1b8;--faint: #8b9a90;--line: #253329;--line-soft: #1a2620;--line-strong: #35483b;--rim: rgba(255, 255, 255, .06);--acid: #b8f078;--acid-bright: #d3ff9a;--acid-deep: #5fbf7a;--acid-soft: rgba(184, 240, 120, .09);--acid-line: rgba(184, 240, 120, .28);--acid-glow: rgba(184, 240, 120, .16);--teal: #6fd6c8;--amber: #f0cd83;--red: #f2949a;--shadow-1: 0 1px 2px rgba(0, 0, 0, .4), 0 2px 8px rgba(0, 0, 0, .25);--shadow-2: 0 2px 4px rgba(0, 0, 0, .45), 0 12px 32px rgba(0, 0, 0, .35);--shadow-3: 0 4px 8px rgba(0, 0, 0, .5), 0 24px 64px rgba(0, 0, 0, .45);--ease: cubic-bezier(.22, .61, .22, 1);--ease-spring: cubic-bezier(.34, 1.32, .48, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--dur-fast: .18s;--dur: .32s;--dur-slow: .62s;--radius: 14px;--radius-sm: 9px;--radius-lg: 20px}html{scroll-behavior:smooth;scroll-padding-top:92px}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body:before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(ellipse 900px 620px at 12% -8%,rgba(95,191,122,.06),transparent 62%),radial-gradient(ellipse 760px 520px at 88% 4%,rgba(111,214,200,.045),transparent 60%),var(--bg)}body:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.4;background-image:linear-gradient(rgba(255,255,255,.014) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse 100% 70% at 50% 0%,#000 20%,transparent 78%);-webkit-mask-image:radial-gradient(ellipse 100% 70% at 50% 0%,#000 20%,transparent 78%)}h1,.section-title,.landing-hero h1{letter-spacing:-.028em;line-height:1.04}h2,h3{letter-spacing:-.018em}h1{font-size:clamp(2.6rem,6.4vw,5.1rem);font-weight:600}.section-title{font-size:clamp(1.7rem,3.3vw,2.7rem);font-weight:600}p{max-width:68ch;color:var(--text-secondary);line-height:1.68}.section-kicker,.project-label,.ai-label,.net-label,.case-label,.tool-kicker,.section-index,.landing-section-index,.mono{font-family:var(--mono);font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--faint)}.section-kicker,.tool-kicker{display:inline-flex;align-items:center;gap:.6em;color:var(--acid)}.section-kicker:before,.tool-kicker:before{content:"";width:14px;height:1px;background:currentColor;opacity:.7;flex:none}:focus-visible{outline:2px solid var(--acid);outline-offset:3px;border-radius:4px}::selection{background:var(--acid);color:#08120a}.reference-card,.category-card,.project-card,.case-panel,.ai-card,.net-card,.layer-card,.service-card,.tool-panel,.proof-card,.interest-card,.principle-card,.explore-card,.case-study-card,.tech-card,.break-card,.stack-item,.ai-panel,.skill-group{position:relative;background:linear-gradient(180deg,var(--surface-2) 0%,var(--surface) 100%);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-1);transition:transform var(--dur) var(--ease-out),border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease-out),background var(--dur) var(--ease);isolation:isolate}.reference-card:before,.category-card:before,.project-card:before,.case-panel:before,.ai-card:before,.net-card:before,.layer-card:before,.service-card:before,.tool-panel:before,.proof-card:before,.interest-card:before,.principle-card:before,.explore-card:before,.case-study-card:before,.tech-card:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,var(--rim) 22%,var(--rim) 78%,transparent);pointer-events:none;z-index:2}.reference-card:after,.category-card:after,.project-card:after,.ai-card:after,.net-card:after,.layer-card:after,.service-card:after,.proof-card:after,.interest-card:after,.principle-card:after,.explore-card:after,.case-study-card:after,.tech-card:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:1;opacity:var(--spot, 0);transition:opacity var(--dur) var(--ease);background:radial-gradient(380px circle at var(--mx, 50%) var(--my, 50%),rgba(184,240,120,.1),rgba(184,240,120,.03) 38%,transparent 66%)}.reference-card:hover,.category-card:hover,.project-card:hover,.ai-card:hover,.net-card:hover,.layer-card:hover,.service-card:hover,.proof-card:hover,.interest-card:hover,.principle-card:hover,.explore-card:hover,.case-study-card:hover,.tech-card:hover{transform:translateY(-4px);border-color:var(--acid-line);box-shadow:var(--shadow-2),0 0 0 1px #b8f07814}.reference-card,.category-card,.project-card,.ai-card,.net-card,.layer-card,.service-card,.proof-card,.interest-card,.principle-card,.explore-card,.case-study-card,.tech-card{padding:clamp(20px,2vw,30px);overflow-wrap:anywhere}.reference-card p,.category-card p,.project-card p,.ai-card p,.net-card p,.layer-card p,.service-card p,.proof-card p,.interest-card p,.principle-card p,.explore-card p,.case-study-card p,.tech-card p{max-width:none}.case-panel{background:linear-gradient(180deg,var(--surface-3) 0%,var(--surface) 92%);border-color:var(--line-strong);box-shadow:var(--shadow-3)}.skip-link{position:fixed;left:50%;top:10px;z-index:1000;display:inline-flex;align-items:center;gap:.5em;padding:12px 18px;min-height:44px;background-color:var(--acid);background-image:linear-gradient(180deg,var(--acid-bright),var(--acid));color:#08120a;border:1px solid rgba(184,240,120,.55);border-radius:999px;font:600 12px var(--mono);letter-spacing:.1em;text-transform:uppercase;text-decoration:none;white-space:nowrap;box-shadow:0 10px 30px #00000080,0 0 0 1px #b8f07833;transform:translate(-50%,-220%);transition:transform .32s var(--ease-spring),box-shadow var(--dur) var(--ease)}.skip-link:before{content:"↓";font-size:1.05em;line-height:1}.skip-link:focus,.skip-link:focus-visible{transform:translate(-50%);outline:2px solid var(--ink);outline-offset:3px}.site-header{position:sticky;top:0;z-index:90;background:#070a09b8;backdrop-filter:saturate(150%) blur(18px);-webkit-backdrop-filter:saturate(150%) blur(18px);border-bottom:1px solid transparent;transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease)}.site-header.is-scrolled{background:#070a09e6;border-bottom-color:var(--line);box-shadow:0 8px 28px #00000052}.nav-links a{position:relative;color:var(--muted);transition:color var(--dur-fast) var(--ease)}.nav-links a:after{content:"";position:absolute;left:0;bottom:-5px;height:1px;width:100%;background:var(--acid);transform:scaleX(0);transform-origin:left;transition:transform var(--dur) var(--ease-out)}.nav-links a:hover,.nav-links a[aria-current]{color:var(--ink)}.nav-links a:hover:after,.nav-links a[aria-current]:after{transform:scaleX(1)}.brand-mark{transition:transform var(--dur-slow) var(--ease-spring)}.brand:hover .brand-mark{transform:rotate(135deg)}.status-dot{position:relative}.status-dot:after{content:"";position:absolute;inset:-4px;border-radius:50%;border:1px solid var(--acid);opacity:0;animation:ayr-ping 2.8s var(--ease-out) infinite}@keyframes ayr-ping{0%{transform:scale(.7);opacity:.8}70%,to{transform:scale(1.9);opacity:0}}.btn{position:relative;overflow:hidden;border-radius:var(--radius-sm);transition:transform var(--dur) var(--ease-spring),box-shadow var(--dur) var(--ease-out),border-color var(--dur) var(--ease),color var(--dur-fast) var(--ease);will-change:transform}.btn:before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 28%,rgba(255,255,255,.16) 48%,transparent 68%);transform:translate(-120%);transition:transform var(--dur-slow) var(--ease-out);pointer-events:none}.btn:hover:before{transform:translate(120%)}.btn-primary,.btn.primary{background:linear-gradient(180deg,var(--acid-bright),var(--acid));color:#081109;border:1px solid rgba(184,240,120,.5);font-weight:600}.btn-primary:hover,.btn.primary:hover{box-shadow:0 8px 26px #b8f0783d,0 0 0 1px #b8f07866}.btn:not(.btn-primary):not(.primary){background:var(--surface-2);border:1px solid var(--line);color:var(--ink)}.btn:not(.btn-primary):not(.primary):hover{border-color:var(--acid-line);background:var(--surface-3);box-shadow:var(--shadow-1)}.btn:active{transform:scale(.975)}.tool-btn{border-radius:var(--radius-sm);transition:transform var(--dur) var(--ease-spring),border-color var(--dur) var(--ease)}.tool-btn:hover{border-color:var(--acid-line)}.tool-field input,.tool-field select,.tool-form input,.tool-form select{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--ink);transition:border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease)}.tool-field input:focus,.tool-field select:focus,.tool-form input:focus,.tool-form select:focus{border-color:var(--acid-line);background:var(--surface-2);box-shadow:0 0 0 3px var(--acid-soft);outline:none}.tool-tags span,.skill-tags span,.tech-list li{border-radius:999px;border:1px solid var(--line);background:var(--surface);transition:border-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease-spring)}.tool-tags span:hover,.skill-tags span:hover,.tech-list li:hover{border-color:var(--acid-line);color:var(--acid);transform:translateY(-1px)}.section-head,.landing-section-head{position:relative}.section-head:after,.landing-section-head:after{content:"";display:block;height:1px;margin-top:1.5rem;background:linear-gradient(90deg,var(--acid-line),var(--line-strong) 22%,var(--line) 70%,transparent)}.detail-topology-shell,.detail-topology,.case-flow{background:linear-gradient(180deg,var(--surface) 0%,var(--bg-deep) 100%);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-2)}.site-footer{border-top:1px solid var(--line);background:linear-gradient(180deg,transparent,rgba(0,0,0,.35))}.site-footer a{transition:color var(--dur-fast) var(--ease)}.site-footer a:hover{color:var(--acid)}.ayr-progress{position:fixed;top:0;left:0;height:2px;width:100%;z-index:200;transform-origin:0 50%;transform:scaleX(var(--p, 0));background:linear-gradient(90deg,var(--acid-deep),var(--acid),var(--teal));box-shadow:0 0 12px var(--acid-glow);pointer-events:none}.reveal{opacity:0;transform:translate3d(0,26px,0);filter:blur(6px);transition:opacity var(--dur-slow) var(--ease-out),transform var(--dur-slow) var(--ease-out),filter var(--dur-slow) var(--ease-out);transition-delay:calc(var(--i, 0) * 65ms);will-change:transform,opacity}.reveal.visible{opacity:1;transform:translateZ(0);filter:blur(0)}.reveal.visible.ayr-settled{will-change:auto}.ayr-line{display:block;overflow:hidden}.ayr-line>span{display:block;transform:translate3d(0,112%,0);transition:transform .82s var(--ease-out);transition-delay:calc(var(--i, 0) * 85ms)}.ayr-in .ayr-line>span{transform:translateZ(0)}.ayr-magnetic{transform:translate3d(var(--tx, 0),var(--ty, 0),0);transition:transform .42s var(--ease-spring)}.ayr-magnetic.ayr-tracking{transition:transform .12s linear}.ayr-packet{fill:var(--acid);filter:drop-shadow(0 0 5px var(--acid-glow))}.ayr-counting{font-variant-numeric:tabular-nums}a:not(.btn):not(.nav-links a):not(.brand){background-image:linear-gradient(var(--acid),var(--acid)),linear-gradient(var(--line-strong),var(--line-strong));background-size:0% 1px,100% 1px;background-position:0 100%,0 100%;background-repeat:no-repeat;text-decoration:none;transition:background-size var(--dur) var(--ease-out),color var(--dur-fast) var(--ease)}a:not(.btn):not(.nav-links a):not(.brand):hover{background-size:100% 1px,100% 1px;color:var(--acid)}@view-transition{navigation:auto}::view-transition-old(root){animation:ayr-vt-out .22s var(--ease) both}::view-transition-new(root){animation:ayr-vt-in .36s var(--ease-out) both}@keyframes ayr-vt-out{to{opacity:0;transform:translateY(-8px)}}@keyframes ayr-vt-in{0%{opacity:0;transform:translateY(12px)}}@media(max-width:860px){html{scroll-padding-top:76px}h1{font-size:clamp(2.1rem,9vw,3.1rem)}.section-title{font-size:clamp(1.45rem,6vw,2rem)}.reference-card:hover,.category-card:hover,.project-card:hover,.ai-card:hover,.net-card:hover,.layer-card:hover,.service-card:hover,.proof-card:hover,.interest-card:hover,.principle-card:hover,.explore-card:hover,.case-study-card:hover,.tech-card:hover{transform:none}body:after{background-size:44px 44px}.reveal{transform:translate3d(0,18px,0);filter:blur(4px)}}@media(hover:none){.ayr-magnetic{transform:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none;filter:none}.ayr-line>span{transform:none}.ayr-magnetic{transform:none}.status-dot:after{animation:none;opacity:0}.ayr-packet{display:none}@view-transition{navigation:none}}.ayr-egg-panel{position:fixed;right:clamp(12px,3vw,32px);bottom:clamp(12px,3vw,32px);z-index:500;width:min(520px,calc(100vw - 24px));max-height:min(70vh,560px);display:flex;flex-direction:column;background:linear-gradient(180deg,var(--surface-2),var(--bg-deep));border:1px solid var(--acid-line);border-radius:var(--radius);box-shadow:var(--shadow-3),0 0 0 1px #b8f0781a;animation:ayr-egg-in .42s var(--ease-out) both;overflow:hidden}@keyframes ayr-egg-in{0%{opacity:0;transform:translateY(18px) scale(.98)}}.ayr-egg-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;border-bottom:1px solid var(--line);background:#b8f0780f;font:600 11px var(--mono);letter-spacing:.14em;color:var(--acid);flex:none}.ayr-egg-close{background:none;border:1px solid var(--line);border-radius:6px;color:var(--muted);cursor:pointer;width:26px;height:26px;line-height:1;transition:border-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.ayr-egg-close:hover{border-color:var(--acid-line);color:var(--acid)}.ayr-egg-body{margin:0;padding:14px;overflow:auto;font:12px/1.65 var(--mono);color:var(--muted);white-space:pre-wrap;word-break:break-word}.ayr-rain{position:fixed;inset:0;z-index:400;pointer-events:none;transition:opacity .4s linear}@media(prefers-reduced-motion:reduce){.ayr-egg-panel{animation:none}.ayr-rain{display:none}}.home-topology-base,.detail-topology-base{stroke:#6f8f79;stroke-width:1.6;opacity:1}.home-topology-active,.detail-topology-active{stroke:var(--acid-bright);stroke-width:2.2;filter:drop-shadow(0 0 6px var(--acid-glow))}.home-topology-node,.detail-node{border:1px solid var(--line-strong);background:linear-gradient(180deg,var(--surface-2),var(--surface));box-shadow:var(--shadow-1);transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease),box-shadow var(--dur) var(--ease-out),transform var(--dur) var(--ease-out)}.home-topology-node:hover,.detail-node:hover{transform:translateY(-2px);border-color:var(--acid-line)}.home-topology-node.route-active,.detail-node.route-active{border-color:var(--acid);background:linear-gradient(180deg,#16241b,var(--surface-2));box-shadow:inset 0 -2px 0 var(--acid),0 8px 22px #00000073,0 0 0 1px #b8f0782e}.home-topology-signal,.detail-topology-signal{fill:var(--acid-bright);filter:drop-shadow(0 0 7px var(--acid))}@media(max-width:834px){.case-study-card>a,.detail-actions a,.tools-card footer a,.category-card footer a,.project-card a.project-open,.explore-card a,.case-copy>a,.about-panel a,a[href^="mailto:"]{display:inline-flex;align-items:center;min-height:44px}main p a,main li a,main dd a{padding-block:6px}.footer-nav{display:flex;flex-wrap:wrap;gap:4px 14px}.home-topology-node,.detail-node{padding:12px 11px;gap:2px}.home-topology-node span,.detail-node small{display:block;padding-right:18px;line-height:1.2}.home-topology-node strong,.detail-node strong{display:block;line-height:1.25;margin-top:2px}.home-topology-node small,.detail-node span{display:block;line-height:1.35;margin-top:3px;text-wrap:balance}}@media(max-width:380px){:root{--gutter: 16px}.reference-card,.category-card,.project-card,.ai-card,.net-card,.layer-card,.service-card,.proof-card,.interest-card,.principle-card,.explore-card,.case-study-card,.tech-card{padding:17px}h1{font-size:clamp(1.9rem,8.6vw,2.5rem)}}@media(min-width:1800px){:root{--page-max: 1560px}}.osi-stack small,.net-label small{font-size:11px}.facts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:14px;margin:0}.facts-grid .fact{background:linear-gradient(180deg,var(--surface-2) 0%,var(--surface) 100%);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(18px,1.8vw,24px);box-shadow:var(--shadow-1);transition:border-color var(--dur) var(--ease),transform var(--dur) var(--ease-out)}.facts-grid .fact:hover{border-color:var(--acid-line);transform:translateY(-2px)}.facts-grid dt{font:600 13px var(--mono);letter-spacing:.06em;color:var(--acid);margin-bottom:8px}.facts-grid dd{margin:0;color:var(--text-secondary);line-height:1.65;max-width:none}.authorship{padding-block:clamp(28px,4vw,44px) clamp(40px,6vw,64px)}.authorship-note{max-width:var(--readable);margin:0;padding-top:20px;border-top:1px solid var(--line-soft);color:var(--muted);font-size:14.5px;line-height:1.65}.authorship-note a{color:var(--ink)}
/*# sourceMappingURL=system.css.map */