.life-embed{--paper: oklch(.955 .01 83);--bg-0: oklch(.992 .006 85);--bg-1: oklch(.942 .011 82);--border: oklch(.855 .014 78);--border-soft: oklch(.905 .011 80);--border-field: oklch(.62 .016 70);--text: oklch(.28 .022 55);--text-dim: oklch(.41 .02 58);--text-faint: oklch(.5 .018 60);--accent: oklch(.47 .13 24);--accent-bright: oklch(.41 .14 24);--accent-ink: oklch(.98 .012 85);--w: oklch(.9 .045 92);--u: oklch(.6 .13 245);--b: oklch(.42 .03 300);--r: oklch(.57 .19 26);--g: oklch(.58 .12 150);--radius-lg: 16px;--ease: cubic-bezier(.16, 1, .3, 1);--shadow: 0 14px 40px -16px oklch(.35 .05 45 / .4);height:min(78vh,680px);display:flex;flex-direction:column;overflow:hidden;margin:18px 0 8px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--paper);color:var(--text);line-height:1.5}.life-embed:fullscreen{height:100%;margin:0;border:0;border-radius:0}.life-embed :where(button){font:inherit;color:inherit;cursor:pointer;border:none;background:none}.life-embed :where(input,select){font:inherit}.life-embed .serif{font-family:Fraunces,Georgia,serif;font-weight:540}.life-embed .tbtn{height:38px;padding:0 14px;border-radius:999px;border:1px solid var(--border);color:var(--text-dim);display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.life-embed .tbtn:hover{border-color:var(--text-faint);color:var(--text);background:var(--bg-0)}.life-embed .tbtn.on,.life-embed .chip.on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}.life-embed .chip{padding:6px 11px;border-radius:8px;font-size:13px;border:1px solid var(--border);color:var(--text-dim)}.life-embed .chip:hover{color:var(--text);border-color:var(--text-faint);background:var(--bg-0)}.life-embed .btn{flex:1;height:38px;border-radius:9px;font-weight:600;font-size:14px;display:grid;place-items:center}.life-embed .btn.primary{background:var(--accent);color:var(--accent-ink)}.life-embed .btn.primary:hover{background:var(--accent-bright)}.life-embed .btn.ghost{border:1px solid var(--border);color:var(--text-dim);background:var(--bg-0)}.life-embed .life-setup{padding:24px 18px}#life-fullscreen{background:none;border:0;padding:0;font:inherit;font-weight:600;color:var(--accent);cursor:pointer}#life-fullscreen:hover{text-decoration:underline}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
