:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;--surface:#010202;--text:#edf4f1;--muted:#dbebe657;--accent:#9bd9cc;--line:#bbd9d024;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html,body,#experience{background:var(--surface);width:100%;min-height:100%;margin:0}html,body{min-width:320px}body{min-height:100dvh;color:var(--text);overflow:hidden}button,a{font:inherit}button{color:inherit}#experience{isolation:isolate;min-height:100svh;position:relative;overflow:hidden}#experience:before{z-index:0;content:"";opacity:.025;pointer-events:none;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='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.16'/%3E%3C/svg%3E");position:absolute;inset:0}#life-canvas{z-index:1;cursor:crosshair;touch-action:none;transform-origin:50%;width:100%;height:100%;transition:filter .42s,opacity .42s;animation:1.8s cubic-bezier(.2,.7,.2,1) both life-arrive;position:absolute;inset:0}.atmosphere{z-index:0;pointer-events:none;background:radial-gradient(#5b978a0b,#192a2703 42%,#0000 72%);animation:14s ease-in-out infinite alternate ambient-drift;position:absolute;inset:18% 22%}.brand-mark{z-index:3;color:#edf4f1d6;letter-spacing:.28em;gap:7px;margin:0;font-size:13px;font-weight:500;line-height:1;animation:.9s ease-out both interface-arrive;display:grid;position:absolute;top:40px;left:40px}.brand-mark small{color:var(--muted);letter-spacing:.18em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:8px;font-weight:400}.controls{z-index:4;align-items:center;gap:18px;animation:.9s ease-out .1s both interface-arrive;display:flex;position:absolute;top:31px;right:32px}.controls button{color:#dbebe67a;letter-spacing:.14em;cursor:pointer;background:0 0;border:0;border-radius:0;align-items:center;gap:9px;min-height:44px;padding:0 8px;font-size:10px;transition:color .18s;display:inline-flex}.controls button:hover,.controls button[aria-pressed=true],.controls button[aria-expanded=true]{color:var(--text)}.control-signal{background:#dbebe642;border-radius:50%;flex:none;width:5px;height:5px;transition:background .18s,box-shadow .18s}[aria-pressed=true] .control-signal,[aria-expanded=true] .control-signal{background:var(--accent);box-shadow:0 0 9px #9bd9cc57}#presence-hint{z-index:3;color:#dbebe661;letter-spacing:.18em;text-align:center;margin:0;font-size:10px;transition:opacity .7s,transform .7s,visibility .7s;animation:1.2s ease-out .5s both interface-arrive;position:absolute;bottom:clamp(76px,11vh,112px);left:50%;transform:translate(-50%)}#presence-hint.is-dismissed{opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,8px)}.life-meta{z-index:4;color:var(--muted);letter-spacing:.13em;gap:15px;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:8px;animation:.9s ease-out .18s both interface-arrive;display:flex;position:fixed;bottom:36px;left:40px}#life-status{z-index:10;box-shadow:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#010202d1;border:0;border-radius:0;padding:40px;animation:.36s cubic-bezier(.22,.7,.25,1) both observation-arrive;position:fixed;inset:0;overflow:auto}#experience:has(#life-status[data-open]) #life-canvas{filter:blur(3px)brightness(.72)}#status-close{color:#dbebe680;letter-spacing:.14em;cursor:pointer;background:0 0;border:0;border-radius:0;min-height:44px;padding:0 8px;font-size:10px;position:absolute;top:29px;right:32px}#status-close:hover{color:var(--text)}#life-status header{border-bottom:1px solid var(--line);gap:18px;padding:min(16vh,150px) 0 28px;display:grid}#life-status header p,#life-updated{color:var(--muted);letter-spacing:.14em;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:9px}#life-status h2{color:#edf4f1e6;letter-spacing:.12em;margin:0;font-size:clamp(25px,3vw,42px);font-weight:300}#life-summary{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;min-height:82px;display:flex}#life-summary strong{color:var(--accent);letter-spacing:.16em;font-size:15px;font-weight:400}#life-summary span{color:var(--muted);letter-spacing:.12em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:9px}#life-status[data-signal=waiting] #life-summary{color:var(--muted);letter-spacing:.12em;font-size:11px}#life-dimensions{margin:0}.observation-row{border-bottom:1px solid var(--line);grid-template-columns:minmax(70px,1fr) 4ch minmax(120px,2fr);align-items:center;gap:20px;min-height:56px;display:grid}.observation-row>span,.observation-row output{color:#dbebe694;letter-spacing:.1em;font-size:10px}.observation-row output{text-align:right;font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.observation-row meter{background:#bbd9d01a;border:0;border-radius:0;width:100%;height:1px}.observation-row meter::-webkit-meter-bar{background:#bbd9d01a;border:0;border-radius:0;height:1px}.observation-row meter::-webkit-meter-optimum-value{background:var(--accent)}.observation-row meter::-moz-meter-bar{background:var(--accent)}#life-updated{text-align:right;padding-top:24px;line-height:1.6}footer{z-index:4;color:var(--muted);letter-spacing:.1em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:8px;animation:.9s ease-out .22s both interface-arrive;position:fixed;bottom:28px;right:40px}footer a{min-height:44px;color:inherit;align-items:center;text-decoration:none;display:inline-flex}footer a:hover{color:#edf4f1b8}button:focus-visible,a:focus-visible,#life-status:focus-visible{outline:1px solid var(--accent);outline-offset:4px}@keyframes life-arrive{0%{opacity:0;transform:scale(.86)}to{opacity:1;transform:scale(1)}}@keyframes interface-arrive{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes ambient-drift{0%{opacity:.55;transform:translate(-.8%,.4%)scale(.98)}to{opacity:1;transform:translate(.8%,-.4%)scale(1.02)}}@keyframes observation-arrive{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width<=640px){.brand-mark{top:24px;left:22px}.controls{gap:2px;top:13px;right:12px}.controls button{justify-content:center;min-width:44px;min-height:44px;padding:0 12px}.controls button>span:last-child{opacity:0;white-space:nowrap;max-width:0;transition:max-width .18s,opacity .18s;overflow:hidden}.controls button:hover>span:last-child,.controls button:focus-visible>span:last-child,.controls button[aria-pressed=true]>span:last-child,.controls button[aria-expanded=true]>span:last-child{opacity:1;max-width:4em}#presence-hint{bottom:calc(84px + env(safe-area-inset-bottom));width:calc(100% - 64px)}.life-meta{bottom:calc(22px + env(safe-area-inset-bottom));gap:4px;display:grid;left:22px}footer{right:22px;bottom:calc(12px + env(safe-area-inset-bottom))}#life-status{padding:24px 22px calc(24px + env(safe-area-inset-bottom))}#status-close{top:13px;right:14px}#life-status header{padding-top:min(15vh,112px)}.observation-row{grid-template-columns:minmax(58px,.7fr) 3ch minmax(88px,1.3fr);gap:12px}}@media (prefers-reduced-motion:reduce){#life-canvas,.atmosphere,.brand-mark,.controls,#presence-hint,.life-meta,#life-status,footer{animation:none}#life-canvas,#life-status,#presence-hint,.controls button>span:last-child{transition:none}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}