@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@500;700&family=Space+Grotesk:wght@400;500;700&display=swap";:root{--life-bg-top: #03131d;--life-bg-mid: #0a3745;--life-bg-bottom: #165f64;--life-panel: rgba(3, 20, 31, .7);--life-panel-strong: rgba(4, 21, 31, .84);--life-stroke: rgba(141, 234, 215, .24);--life-ink: #f2fffb;--life-muted: #bde5da;--life-accent: #5ff0b8;--life-accent-strong: #4de6d9;--life-soft: rgba(114, 202, 205, .18);--life-shadow: 0 20px 48px rgba(0, 8, 14, .45)}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Space Grotesk,Segoe UI,sans-serif;color:var(--life-ink);background:radial-gradient(96% 80% at 8% 5%,rgba(114,255,211,.22),transparent 52%),radial-gradient(84% 92% at 92% 12%,rgba(83,213,255,.17),transparent 48%),linear-gradient(165deg,var(--life-bg-top),var(--life-bg-mid) 52%,var(--life-bg-bottom))}.life{width:min(100%,1080px);margin:0 auto;padding:clamp(12px,2.2vw,28px);display:grid;gap:14px}.life__hero,.life__stage-card,.life__seo{border:1px solid var(--life-stroke);border-radius:22px;background:linear-gradient(150deg,#092231d1,#0b293594);box-shadow:var(--life-shadow)}.life__hero{padding:clamp(14px,2.8vw,24px)}.life__eyebrow{margin:0;color:#93f6d5;font-size:.76rem;letter-spacing:.18em;text-transform:uppercase}.life__hero h1{margin:10px 0 0;font-size:clamp(1.75rem,6.2vw,3.1rem);line-height:1.1}.life__subtitle{margin:10px 0 0;max-width:64ch;color:var(--life-muted);line-height:1.45}.life__stage-card{padding:clamp(12px,2.4vw,20px);display:grid;gap:12px}.life__metrics{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.life__metric{margin:0;border-radius:14px;border:1px solid rgba(137,233,213,.2);background:linear-gradient(165deg,#071c26c7,#071b276b);padding:10px 11px}.life__metric p{margin:0;color:#b9e6d9e6;font-size:.76rem;letter-spacing:.06em;text-transform:uppercase}.life__metric strong{margin-top:4px;display:block;font-family:JetBrains Mono,monospace;font-size:clamp(1rem,4vw,1.18rem)}.life__canvas-shell{position:relative;border-radius:18px;overflow:hidden;border:1px solid rgba(142,234,214,.35);background:linear-gradient(180deg,#082030,#04131f);min-height:min(70vw,540px)}#life-canvas{display:block;width:100%;aspect-ratio:1 / 1;touch-action:none}.life__overlay{position:absolute;inset:0;display:grid;place-items:start end;padding:8px;background:#021018a3;backdrop-filter:blur(2px);pointer-events:none}.life__overlay.hidden{display:none}.life__overlay-card{width:min(100%,280px);margin-top:0;border-radius:12px;border:1px solid rgba(132,232,209,.34);background:linear-gradient(140deg,#092535e6,#0a1e2deb);padding:10px 12px;text-align:left;pointer-events:auto}.life__overlay-card h2{margin:0;font-size:clamp(1rem,4.2vw,1.2rem)}.life__overlay-card p{margin:6px 0 0;font-size:.88rem;color:#c2e9e0eb;line-height:1.32}.life__overlay-card .life__btn{margin-top:8px;width:100%}.life__toolbar,.life__controls{display:grid;gap:8px}.life__toolbar{grid-template-columns:repeat(auto-fit,minmax(136px,1fr))}.life__controls{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:end}.life__control{display:grid;gap:6px;padding:10px;border-radius:13px;border:1px solid rgba(141,233,213,.2);background:#05182399}.life__control span{font-weight:600}.life__control input,.life__control select{width:100%}.life__control input[type=range]{accent-color:var(--life-accent)}.life__control select{border-radius:9px;border:1px solid rgba(154,234,216,.32);background:#061723d9;color:#e8fff8;padding:8px;font-family:Space Grotesk,Segoe UI,sans-serif}.life__btn{border:0;border-radius:12px;padding:10px 13px;font-family:Space Grotesk,Segoe UI,sans-serif;font-weight:700;font-size:.95rem;cursor:pointer;transition:transform .12s ease,filter .12s ease}.life__btn:hover{filter:brightness(1.04)}.life__btn:active{transform:translateY(1px)}.life__btn:focus-visible,.life__control input:focus-visible,.life__control select:focus-visible{outline:2px solid #8ff8d6;outline-offset:2px}.life__btn--primary{color:#06211f;background:linear-gradient(135deg,var(--life-accent),var(--life-accent-strong));box-shadow:0 10px 24px #47d3b54d}.life__btn--soft{color:#e8fff8;background:linear-gradient(145deg,#2b7a828c,#2467727a);border:1px solid rgba(132,232,208,.28)}.life__btn.is-active{color:#06221d;background:linear-gradient(135deg,#79ffd5,#5ce7ba);border-color:#a2ffdbad;box-shadow:0 8px 20px #4bdcb34d}.life__btn--ghost{color:#dbfff6;background:#061824db;border:1px solid rgba(132,232,208,.34)}.life__status{margin:0;min-height:1.4em;font-weight:600;color:#dcfff5}.life__hint{margin:0;color:#c3e8dfe0;line-height:1.4}kbd{border:1px solid rgba(150,236,214,.35);border-radius:6px;padding:1px 5px;font-family:JetBrains Mono,monospace;background:#051925e6;font-size:.82rem}.life__seo{padding:clamp(12px,2.3vw,20px)}.life__seo h2{margin:0;font-size:clamp(1.2rem,4vw,1.55rem)}.life__seo p{margin:10px 0 0;color:var(--life-muted);line-height:1.45}@media(min-width:860px){.life__stage-card{gap:14px}.life__metrics{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:560px){.life{padding:10px;gap:10px}.life__hero,.life__stage-card,.life__seo{border-radius:16px}.life__canvas-shell{border-radius:14px}.life__toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.life__btn{font-size:.92rem}}