*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #0d1410;--color-fg: #c8d5c0;--color-accent: #4a7c59;--color-muted: #3a4a3e;--font-mono: "Courier New", Courier, "Lucida Console", monospace;--font-sans: system-ui, -apple-system, sans-serif}html{font-size:16px;-webkit-text-size-adjust:100%}body{background-color:var(--color-bg);color:var(--color-fg);font-family:var(--font-mono);line-height:1.6;min-height:100dvh}img,video,canvas,svg{display:block;max-width:100%}a{color:inherit}button,input,select,textarea{font:inherit}.frame-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;background:#0d1410d9;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}.frame-overlay--visible{opacity:1}.frame-modal{width:min(1200px,calc(100vw - 2rem));height:min(800px,calc(100dvh - 4rem));display:flex;flex-direction:column;background:#0d1410;border:.5px solid rgba(159,225,203,.2);border-radius:3px;overflow:hidden;transform:scale(.98);transition:transform .2s ease}.frame-overlay--visible .frame-modal{transform:scale(1)}.frame-drawer-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;justify-content:flex-end;background:#0d141080;opacity:0;transition:opacity .22s ease}.frame-drawer-overlay--visible{opacity:1}.frame-drawer-panel{width:450px;max-width:100vw;height:100%;display:flex;flex-direction:column;background:#0d1410;border-left:.5px solid rgba(159,225,203,.2);transform:translate(100%);transition:transform .22s ease}.frame-drawer-overlay--visible .frame-drawer-panel{transform:translate(0)}.frame-header{display:flex;align-items:center;gap:.75rem;padding:.55rem 1rem;border-bottom:.5px solid rgba(159,225,203,.1);font-family:ui-monospace,Courier New,Courier,monospace;font-size:12px;flex-shrink:0}.frame-title{color:var(--color-fg, #c8d5c0);letter-spacing:.04em}.frame-header-actions{margin-left:auto;display:flex;align-items:center;gap:.5rem}.frame-action-link{color:var(--color-muted, #5a7060);text-decoration:none;font-size:14px;line-height:1;padding:2px 5px;transition:color .1s}.frame-action-link:hover{color:var(--color-fg, #c8d5c0)}.frame-close-btn{background:none;border:none;color:var(--color-muted, #5a7060);font-size:20px;line-height:1;cursor:pointer;padding:2px 5px;font-family:inherit;transition:color .1s}.frame-close-btn:hover{color:var(--color-fg, #c8d5c0)}.frame-status{font-size:9px;letter-spacing:.08em;text-transform:uppercase;padding:2px 5px;border-radius:2px}.frame-status--active{color:#4fc896;background:#4fc8961a;border:.5px solid rgba(79,200,150,.28)}.frame-status--paused{color:#7a9080;background:#7a90801a;border:.5px solid rgba(122,144,128,.26)}.frame-status--archival{color:#8a8070;background:#8a807014;border:.5px solid rgba(138,128,112,.2)}.frame-body{flex:1;overflow:hidden;position:relative}.frame-body iframe{width:100%;height:100%;border:none;display:block}.frame-archived-notice{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;height:100%;font-family:ui-monospace,Courier New,Courier,monospace;color:var(--color-muted, #5a7060)}.frame-archived-notice span:first-child{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:#8a8070}.frame-archived-notice span:last-child{font-size:11px;color:#5a706099}.frame-placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;color:var(--color-muted, #5a7060);font-family:ui-monospace,Courier New,Courier,monospace;font-size:12px}.frame-placeholder-route{color:#9fe1cb59;font-size:11px;letter-spacing:.04em}@keyframes pond-fadein{0%{opacity:0}to{opacity:1}}.pond-root{position:relative;width:100vw;height:100dvh;overflow:hidden;background:#0d1410;cursor:grab;user-select:none;-webkit-user-select:none;animation:pond-fadein .55s ease-out both}.pond-root.dragging{cursor:grabbing}.glass{background:#0d1410b8;border:.5px solid rgba(159,225,203,.18);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:2px}.zoom-readout{position:absolute;bottom:max(1.25rem,calc(env(safe-area-inset-bottom,0px) + .5rem));right:max(var(--pond-right, 1rem),1.5rem,calc(env(safe-area-inset-right,0px) + .75rem));font-family:ui-monospace,Courier New,Courier,monospace;font-size:11px;color:var(--color-muted, #5a7060);letter-spacing:.06em;pointer-events:none;white-space:nowrap}.dev-bake-btn{position:absolute;top:calc(.75rem + env(safe-area-inset-top,0px));left:calc(.75rem + env(safe-area-inset-left,0px));font-family:ui-monospace,Courier New,Courier,monospace;font-size:10px;color:#9fe1cb80;text-decoration:none;letter-spacing:.1em;padding:3px 7px;border:.5px solid rgba(159,225,203,.18);border-radius:2px;background:#0d14108c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);transition:color .15s,border-color .15s;pointer-events:all;z-index:10}.dev-bake-btn:hover{color:#9fe1cb;border-color:#9fe1cb66}.pond-greeting{position:absolute;bottom:max(1.25rem,calc(env(safe-area-inset-bottom,0px) + .5rem));left:max(var(--pond-left, 1rem),1.5rem,calc(env(safe-area-inset-left,0px) + .75rem));margin:0;font-family:ui-monospace,Courier New,Courier,monospace;font-size:10px;line-height:1.5;color:#c8d5c047;letter-spacing:.06em;pointer-events:none}.page-root{width:100vw;min-height:100dvh;background:var(--color-bg, #0d1410);display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:ui-monospace,Courier New,Courier,monospace;padding:2rem 1.5rem;gap:1rem;text-align:center}.page-breadcrumb{position:absolute;top:calc(1rem + env(safe-area-inset-top,0px));left:calc(1rem + env(safe-area-inset-left,0px));font-size:11px;letter-spacing:.06em;color:#c8d5c047;display:flex;align-items:center}.page-breadcrumb-link{color:#c8d5c061;text-decoration:none;transition:color .15s}.page-breadcrumb-link:hover{color:#c8d5c0b8}.page-breadcrumb-sep{margin:0 .25rem;color:#c8d5c02e}.page-breadcrumb-current{color:#c8d5c08c}.page-title{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#c8d5c073}.page-body{font-size:11px;letter-spacing:.06em;color:#c8d5c033}.page-prose{max-width:34em;display:flex;flex-direction:column;gap:1rem;font-size:11px;letter-spacing:.04em;line-height:1.78;color:#c8d5c085}.page-prose p{margin:0}.page-prose-aside{color:#c8d5c04d}.page-link{font-size:11px;letter-spacing:.06em;color:#9fe1cb59;text-decoration:none;transition:color .15s}.page-link:hover{color:#9fe1cbb3}.bio-root{width:100vw;min-height:100dvh;background:#0d1410;font-family:ui-monospace,Courier New,Courier,monospace;position:relative}.bio-nav{position:fixed;top:1rem;left:1rem;font-size:11px;letter-spacing:.06em;color:#c8d5c047;display:flex;align-items:center;z-index:10;background:#0d1410b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:.2rem .5rem}.bio-close{position:fixed;top:calc(.75rem + env(safe-area-inset-top,0px));right:calc(.75rem + env(safe-area-inset-right,0px));z-index:10;width:28px;height:28px;background:transparent;border:.5px solid rgba(200,213,192,.18);border-radius:4px;color:#c8d5c059;font-family:ui-monospace,Courier New,Courier,monospace;font-size:16px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background .15s,border-color .15s,color .15s}.bio-close:hover{background:#ffffff0f;border-color:#c8d5c066;color:#c8d5c0a6}.bio-feed{max-width:720px;margin:0 auto;padding:4.5rem 1.5rem 4rem;display:flex;flex-direction:column;gap:3rem}.bio-status{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#c8d5c038;text-align:center;padding:4rem 0;margin:0}.bio-status--error{color:#e0a0a080}.bio-header{padding-bottom:1.5rem;border-bottom:.5px solid rgba(200,213,192,.07)}.bio-header-title{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#c8d5c0a6;margin:0 0 .65rem}.bio-header-line{font-size:10px;letter-spacing:.06em;line-height:1.6;color:#c8d5c059;margin:.18rem 0 0}.bio-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem}.bio-gallery-img{width:100%;aspect-ratio:1;object-fit:cover;display:block;filter:contrast(1.03)}.bio-highlight{display:flex;flex-direction:column;gap:.6rem}.bio-img{width:100%;display:block;filter:contrast(1.03)}.bio-caption{font-size:10px;letter-spacing:.05em;line-height:1.65;color:#c8d5c061;margin:0}.bio-expand{display:block;padding:0;border:0;background:none;cursor:zoom-in}.bio-expand:focus-visible{outline:.5px solid rgba(159,225,203,.6);outline-offset:2px}.bio-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#0d1410f0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8rem;padding:calc(1.5rem + env(safe-area-inset-top,0px)) calc(3rem + env(safe-area-inset-right,0px)) calc(1.5rem + env(safe-area-inset-bottom,0px)) calc(3rem + env(safe-area-inset-left,0px));cursor:zoom-out;animation:bio-fade .2s ease-out}.bio-lightbox-img{max-width:100%;max-height:calc(100% - 2rem);object-fit:contain;display:block}.bio-lightbox-caption{text-align:center}.bio-lightbox-step{position:absolute;top:50%;transform:translateY(-50%);width:2.5rem;height:4rem;background:none;border:0;color:#c8d5c059;font-family:ui-monospace,Courier New,Courier,monospace;font-size:24px;cursor:pointer;transition:color .15s}.bio-lightbox-step:hover{color:#c8d5c0bf}.bio-lightbox-step--prev{left:calc(.25rem + env(safe-area-inset-left,0px))}.bio-lightbox-step--next{right:calc(.25rem + env(safe-area-inset-right,0px))}@keyframes bio-fade{0%{opacity:0}}@media(prefers-reduced-motion:reduce){.bio-lightbox{animation:none}}.bio-text-block{display:flex;flex-direction:column;gap:.8rem}.bio-text{font-size:11px;letter-spacing:.04em;line-height:1.78;color:#c8d5c085;margin:0}.bio-tree{height:calc(11px * 1.78 * 3);aspect-ratio:964 / 678;margin:.8rem auto -1.4rem;background:#c8d5c085;-webkit-mask:url(/biointranet/treeoflife.svg) center / contain no-repeat;mask:url(/biointranet/treeoflife.svg) center / contain no-repeat}@media(max-width:639px){.bio-feed{padding:4rem 1rem 3rem;gap:2.5rem}.bio-gallery{gap:.25rem}.bio-tree{margin-bottom:calc(1.6rem - 2.5rem)}}.mi-root{width:100%;min-height:100dvh;background:#0d1410;font-family:ui-monospace,Courier New,Courier,monospace;display:flex;flex-direction:column;align-items:center;padding:5rem 1.5rem 4rem;box-sizing:border-box}.mi-content{width:100%;max-width:640px;display:flex;flex-direction:column;gap:3rem}.mi-header{display:flex;flex-direction:column;gap:.4rem}.mi-title{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#b9a0e0a6;margin:0}.mi-subtitle{font-size:11px;letter-spacing:.08em;color:#c8d5c038;margin:0}.mi-section{display:flex;flex-direction:column;gap:1rem}.mi-heading{font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:#c8d5c047;font-weight:400;margin:0;padding-bottom:.6rem;border-bottom:.5px solid rgba(200,213,192,.1)}.mi-body{font-size:11px;line-height:1.75;letter-spacing:.03em;color:#c8d5c094;margin:0}.mi-body em{color:#c8d5c0cc;font-style:normal}.mi-body--dim{color:#c8d5c059}.mi-mode-block{display:flex;flex-direction:column;gap:.6rem}.mi-mode-name{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:#b9a0e099;margin:0}.mi-steps{margin:0;padding-left:1.2rem;display:flex;flex-direction:column;gap:.45rem;list-style:decimal}.mi-steps li{font-size:11px;line-height:1.65;letter-spacing:.03em;color:#c8d5c085}.mi-steps li strong{color:#c8d5c0b8;font-weight:400}.mi-note{font-size:10px;letter-spacing:.05em;color:#c8d5c040;margin:0;padding-top:.4rem}.mi-key{display:inline-block;background:#c8d5c00f;border:.5px solid rgba(200,213,192,.2);color:#c8d5c073;font-family:ui-monospace,Courier New,Courier,monospace;font-size:8px;letter-spacing:.06em;padding:.08rem .3rem;border-radius:2px;font-style:normal}.mi-track-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.55rem}.mi-track{display:flex;gap:.9rem;align-items:baseline}.mi-track-num{font-size:9px;letter-spacing:.08em;color:#c8d5c033;min-width:1.6rem;flex-shrink:0}.mi-track-name{font-size:11px;letter-spacing:.06em;color:#c8d5c08c}.mi-cloud-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1.4rem}.mi-cloud{display:flex;flex-direction:column;gap:.4rem;padding-bottom:1.4rem;border-bottom:.5px solid rgba(200,213,192,.08)}.mi-cloud:last-child{border-bottom:none;padding-bottom:0}.mi-cloud-header{display:flex;flex-direction:column;gap:.15rem}.mi-cloud-name{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#b9a0e0b3}.mi-cloud-meta{font-size:9px;letter-spacing:.06em;color:#c8d5c040}.mi-cloud-desc{font-size:11px;line-height:1.7;letter-spacing:.03em;color:#c8d5c080;margin:0}.mi-footer{display:flex;gap:1.5rem;align-items:center;padding-top:.5rem}.mi-back{font-size:10px;letter-spacing:.1em;color:#c8d5c061;text-decoration:none;transition:color .15s}.mi-back:hover{color:#c8d5c0bf}.mi-back--dim{color:#c8d5c02e}.mi-back--dim:hover{color:#c8d5c073}@media(max-width:639px){.mi-root{padding:4rem 1rem 3rem}.mi-steps{padding-left:1rem}}
