:root{--soft-shadow:12px 12px 30px rgba(80,100,87,.10),-10px -10px 28px rgba(252,252,250,.82);--soft-shadow-small:5px 6px 16px rgba(80,100,87,.09),-5px -5px 14px rgba(252,252,250,.88);--soft-inset:inset 2px 2px 7px rgba(80,100,87,.08),inset -3px -3px 8px rgba(252,252,250,.9);--radius:18px}
.nav{top:1rem;left:var(--gutter);right:var(--gutter);height:4.25rem;padding:.45rem .55rem .45rem .7rem;grid-template-columns:1fr auto;background:rgba(243,246,242,.91);border:1px solid rgba(252,252,250,.86);border-radius:1.15rem;box-shadow:var(--soft-shadow-small);backdrop-filter:blur(18px) saturate(.8)}.nav .brand{padding:.25rem .7rem .25rem .3rem;border-radius:.8rem;background:rgba(252,252,250,.68);box-shadow:var(--soft-inset)}.brand img{padding:.16rem;border-radius:.55rem;background:var(--elevated);box-shadow:2px 3px 8px rgba(80,100,87,.12)}.nav-links{justify-self:end;background:rgba(232,237,232,.72);border-color:rgba(252,252,250,.75);box-shadow:var(--soft-inset)}.nav-links a{color:var(--ink);font-weight:500}.nav-links a:hover,.nav-links a[aria-current=page]{background:var(--elevated);box-shadow:3px 4px 10px rgba(80,100,87,.09);color:var(--accent-active)}.nav-links a:after{display:none}.nav-meta{display:none!important}
.line-link{min-height:2.9rem;padding:.72rem 1rem .72rem 1.15rem;border:1px solid rgba(252,252,250,.82);border-radius:.9rem;background:var(--nav);box-shadow:var(--soft-shadow-small);font-weight:520;text-decoration:none;transition:transform .3s var(--ease),box-shadow .3s,color .3s}.line-link i{order:2;width:1.65rem;height:1.65rem;margin-left:.35rem;border-radius:50%;background:var(--elevated);box-shadow:var(--soft-inset);display:grid;place-items:center}.line-link i:after{content:"↗";font-style:normal;font-size:.75rem}.line-link:hover{transform:translateY(-2px);box-shadow:8px 10px 22px rgba(80,100,87,.13);color:var(--accent-active)}.boundary-section .line-link{background:rgba(232,237,232,.14);border-color:rgba(252,252,250,.15);box-shadow:none;color:var(--surface)}
.page-wash{background:radial-gradient(circle at 50% 40%,rgba(248,249,246,.9),var(--canvas));transform:none;opacity:1;animation:fogReveal 1.15s .05s var(--ease) forwards;backdrop-filter:blur(18px)}.page-wash:after{display:none}@keyframes fogReveal{to{opacity:0;visibility:hidden}}
.home-prologue,.detail-band,.philosophy-summary,.portal-section{background:var(--canvas)}.feature-rail{gap:1.2rem;border:0}.feature-rail article,.feature-rail article+article{padding:2.5rem;border:1px solid rgba(252,252,250,.86);border-radius:var(--radius);background:var(--nav);box-shadow:var(--soft-shadow)}.principle-list{border:0;display:grid;gap:1rem}.principle-row{padding:2.2rem 2.4rem;border:1px solid rgba(252,252,250,.82);border-radius:var(--radius);background:var(--nav);box-shadow:var(--soft-shadow-small)}.portal{border-radius:var(--radius);border-color:rgba(252,252,250,.84);box-shadow:var(--soft-shadow);background:var(--nav)}.milestone-card{border-radius:var(--radius);border-color:rgba(252,252,250,.82);background:rgba(243,246,242,.88);box-shadow:var(--soft-shadow)}.milestone.is-current .milestone-card{box-shadow:14px 18px 48px rgba(80,100,87,.15),-8px -8px 24px rgba(252,252,250,.7)}
.editor-demo{border:1px solid rgba(252,252,250,.9);border-radius:1.35rem;background:var(--nav);box-shadow:18px 22px 55px rgba(80,100,87,.14),-12px -12px 35px rgba(252,252,250,.82)}.editor-top{background:var(--nav);padding-inline:1.3rem}.editor-grid{position:relative}.editor-sidebar,.editor-notes{background:var(--nav)}.editor-paper{background:var(--elevated);margin:.75rem;border-radius:1rem;box-shadow:var(--soft-inset);overflow:auto}.editor-paper h3{margin-bottom:1.2rem}.editor-paper .manuscript-text{height:auto;background:none;border-radius:0;color:var(--secondary);font-size:clamp(.68rem,.9vw,.88rem);line-height:1.75;margin:0}.editor-paper .manuscript-text+p{margin-top:1rem}.editor-export{position:absolute;right:1.2rem;bottom:1.2rem;width:min(15rem,42%);padding:1rem;border-radius:1rem;background:rgba(248,249,246,.96);box-shadow:var(--soft-shadow);opacity:0;transform:translateY(16px) scale(.96);transition:opacity .55s,transform .65s var(--ease)}.complexity-section[data-phase="3"] .editor-export{opacity:1;transform:none}.editor-export>span{display:block;font-size:.6rem;color:var(--muted);text-transform:uppercase;letter-spacing:.12em}.editor-export strong{display:block;margin:.25rem 0 .8rem;font-size:.85rem}.export-options{display:flex;gap:.35rem}.export-options i{font-style:normal;padding:.36rem .48rem;border-radius:.45rem;background:var(--nav);font-size:.58rem;color:var(--secondary)}.export-options i:first-child{background:var(--accent);color:var(--elevated)}
.about-main{grid-template-columns:1.08fr .92fr}.creator-name{margin:0;font-size:clamp(4.2rem,9vw,9.8rem);line-height:.82;letter-spacing:-.075em;font-weight:320}.creator-name span{display:block;color:transparent;-webkit-text-stroke:1px rgba(32,37,34,.48)}.creator-role{margin:2rem 0 0;font-size:.72rem;letter-spacing:.13em;text-transform:uppercase;color:var(--accent-active)}
.site-footer{display:none!important}.article{border-radius:1.4rem;box-shadow:var(--soft-shadow)}.post-card{margin:.8rem 0;padding:2.2rem 1.4rem;border:1px solid rgba(252,252,250,.8);border-radius:1.15rem;background:var(--nav);box-shadow:var(--soft-shadow-small)}.post-card:hover{padding-left:2rem}.post-list{border:0}.post-card:before{display:none}
body[data-page=home] .webgl:after{background:radial-gradient(circle at 72% 45%,transparent 10%,rgba(241,244,240,.15) 48%,rgba(241,244,240,.62) 100%)}body[data-page=philosophy] .webgl:after{background:linear-gradient(90deg,rgba(241,244,240,.7),transparent 55%),radial-gradient(circle at 55% 45%,transparent,rgba(216,222,216,.35))}body[data-page=about] .webgl:after{background:radial-gradient(circle at 68% 48%,transparent 12%,rgba(241,244,240,.68) 72%)}body[data-page=blog] .webgl:after{background:linear-gradient(180deg,rgba(241,244,240,.05),rgba(241,244,240,.78)),radial-gradient(circle at 50% 45%,transparent,rgba(216,222,216,.3))}body[data-page=article] .webgl:after{background:radial-gradient(circle at center,transparent,rgba(241,244,240,.78))}
@media(max-width:800px){.nav{left:.75rem;right:.75rem;top:.65rem}.nav-links{top:5.2rem;left:.75rem;right:.75rem;padding:.7rem;background:rgba(243,246,242,.97);box-shadow:var(--soft-shadow)}.feature-rail{gap:.8rem}.principle-row{grid-template-columns:2rem 1fr;padding:1.5rem}.about-main{grid-template-columns:1fr}.editor-export{width:48%}}
@media(prefers-reduced-motion:reduce){.page-wash{display:none}.editor-export{transition:none}}