@layer components{.life-root{--life-bg:#f2f2f7;--life-wash:radial-gradient(70% 38% at 50% -8%, #007aff12, transparent 70%);--life-surface:#fff;--life-chrome:#f9f9fbcc;--life-ink:#1c1c1e;--life-muted:#3c3c439e;--life-faint:#3c3c4352;--life-line:#3c3c4324;--life-fill:#7878801a;--life-fill-strong:#7878802e;--life-hover:#78788024;--life-accent:#007aff;--life-accent-soft:#007aff1f;--life-green:#34c759;--life-orange:#ff9500;--life-red:#ff3b30;--life-indigo:#5856d6;--life-teal:#30b0c7;--life-pink:#ff2d55;--life-gray:#8e8e93;--life-shadow:0 0 0 .5px #0000000d, 0 1px 2px #0000000a, 0 10px 28px #0000000d;--life-font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Helvetica Neue", system-ui, sans-serif;--life-sidebar:264px;background:var(--life-wash), var(--life-bg);min-height:100dvh;color:var(--life-ink);font-family:var(--life-font);letter-spacing:-.011em;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background-repeat:no-repeat;font-size:16px;line-height:1.4;position:relative}@media (prefers-color-scheme:dark){.life-root{--life-bg:#000;--life-wash:radial-gradient(70% 38% at 50% -8%, #0a84ff24, transparent 70%);--life-surface:#1c1c1e;--life-chrome:#1c1c1ec7;--life-ink:#f5f5f7;--life-muted:#ebebf599;--life-faint:#ebebf54d;--life-line:#5454588c;--life-fill:#78788038;--life-fill-strong:#78788057;--life-hover:#7878804d;--life-accent:#0a84ff;--life-accent-soft:#0a84ff33;--life-green:#30d158;--life-orange:#ff9f0a;--life-red:#ff453a;--life-indigo:#5e5ce6;--life-teal:#40c8e0;--life-pink:#ff375f;--life-shadow:0 0 0 .5px #ffffff12;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}body:has(.life-root){background:#f2f2f7}@media (prefers-color-scheme:dark){body:has(.life-root){background:#000}}.life-title{letter-spacing:-.026em;font-size:34px;font-weight:700;line-height:1.1}.life-title-2{letter-spacing:-.02em;font-size:22px;font-weight:700;line-height:1.2}.life-h2{letter-spacing:-.015em;font-size:17px;font-weight:600;line-height:1.25}.life-caption{letter-spacing:0;color:var(--life-muted);font-size:13px;line-height:1.35}.life-num{font-variant-numeric:tabular-nums;letter-spacing:-.03em}.life-hero-num{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:64px;font-weight:300;line-height:1}.life-big-num{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:40px;font-weight:600;line-height:1.05}.life-panel{background:var(--life-surface);box-shadow:var(--life-shadow);border-radius:24px;padding:20px;position:relative}@media (max-width:639px){.life-panel{border-radius:22px;padding:18px}}.life-well{background:var(--life-fill);border-radius:16px;padding:12px 14px}.life-rise{animation:.36s cubic-bezier(.22,1,.36,1) both life-rise}@keyframes life-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.life-btn{background:var(--life-fill);min-height:36px;color:var(--life-accent);white-space:nowrap;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 16px;font-size:15px;font-weight:600;line-height:1;transition:background-color .18s,transform .12s,opacity .18s;display:inline-flex}.life-btn:hover:not(:disabled){background:var(--life-hover)}.life-btn:active:not(:disabled){transform:scale(.96)}.life-btn:disabled{opacity:.4;cursor:not-allowed}.life-btn-on{background:var(--life-accent);color:#fff}.life-btn-on:hover:not(:disabled){background:var(--life-accent);opacity:.88}.life-btn-danger{color:var(--life-red)}.life-btn-danger-fill{background:var(--life-red);color:#fff}.life-btn-danger-fill:hover:not(:disabled){background:var(--life-red);opacity:.88}@media (pointer:coarse){.life-btn{min-height:44px}}.life-round{background:var(--life-fill);width:52px;height:52px;color:var(--life-ink);cursor:pointer;border-radius:999px;flex:none;place-items:center;transition:background-color .2s,color .2s,transform .12s;display:grid}.life-round[data-on=true]{background:var(--tone,var(--life-accent));color:#fff}.life-round:active:not(:disabled){transform:scale(.93)}.life-round:disabled{opacity:.4}.life-step{background:var(--life-fill);width:44px;height:44px;color:var(--life-ink);cursor:pointer;border-radius:999px;flex:none;place-items:center;transition:transform .12s;display:grid}.life-step:active:not(:disabled){transform:scale(.92)}.life-step:disabled{opacity:.3}.life-switch{background:var(--life-fill-strong);cursor:pointer;border-radius:999px;flex:none;width:51px;height:31px;transition:background-color .25s;position:relative}.life-switch[aria-checked=true]{background:var(--tone,var(--life-green))}.life-switch:after{content:"";background:#fff;border-radius:999px;width:27px;height:27px;transition:transform .28s cubic-bezier(.3,.7,.4,1);position:absolute;top:2px;left:2px;box-shadow:0 3px 8px #00000026,0 3px 1px #0000000f}.life-switch[aria-checked=true]:after{transform:translate(20px)}.life-switch:disabled{opacity:.4;cursor:not-allowed}.life-seg{background:var(--life-fill);border-radius:10px;gap:2px;padding:2px;display:flex}.life-seg>button{min-width:0;min-height:32px;color:var(--life-ink);text-transform:capitalize;white-space:nowrap;cursor:pointer;border-radius:8px;flex:1 1 0;padding:0 10px;font-size:13px;font-weight:500;transition:background-color .2s,box-shadow .2s}.life-seg>button[aria-pressed=true]{background:var(--life-surface);font-weight:600;box-shadow:0 3px 8px #0000001f,0 3px 1px #0000000a}@media (prefers-color-scheme:dark){.life-seg>button[aria-pressed=true]{background:#636366}}.life-seg>button:disabled{opacity:.4;cursor:not-allowed}.life-bar{background:var(--life-fill);border-radius:999px;height:8px;overflow:hidden}.life-bar>span{background:var(--tone,var(--life-accent));border-radius:999px;height:100%;transition:width .6s cubic-bezier(.22,1,.36,1);display:block}.life-range{appearance:none;cursor:pointer;background:0 0;width:100%;height:28px}.life-range::-webkit-slider-runnable-track{background:var(--life-fill-strong);border-radius:999px;height:6px}.life-range::-moz-range-track{background:var(--life-fill-strong);border-radius:999px;height:6px}.life-range::-webkit-slider-thumb{appearance:none;background:#fff;border-radius:999px;width:26px;height:26px;margin-top:-10px;box-shadow:0 2px 8px #00000038,0 0 0 .5px #00000014}.life-range::-moz-range-thumb{background:#fff;border:0;border-radius:999px;width:26px;height:26px;box-shadow:0 2px 8px #00000038}.life-range:disabled{opacity:.4;cursor:not-allowed}.life-input{background:var(--life-fill);width:100%;min-height:44px;color:var(--life-ink);border-radius:12px;padding:0 14px;font-size:16px;transition:box-shadow .15s}.life-input::placeholder{color:var(--life-faint)}select.life-input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none' stroke='%238e8e93' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 1.5l5 5 5-5'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:36px}.life-btn:focus-visible,.life-round:focus-visible,.life-step:focus-visible,.life-switch:focus-visible,.life-seg>button:focus-visible,.life-input:focus-visible,.life-range:focus-visible,.life-google-btn:focus-visible,.life-password-toggle:focus-visible,.life-link:focus-visible,.life-navitem:focus-visible,.life-tab:focus-visible{outline:3px solid color-mix(in srgb, var(--life-accent) 55%, transparent);outline-offset:2px}.life-list>*+*{border-top:.5px solid var(--life-line)}.life-row{align-items:center;gap:12px;min-height:56px;padding:10px 0;display:flex}.life-icon{background:var(--tone,var(--life-gray));color:#fff;border-radius:8px;flex:none;place-items:center;width:30px;height:30px;display:grid}.life-link{color:var(--life-accent);border-radius:8px}.life-badge{background:var(--life-fill);color:var(--life-muted);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:2px 8px;font-size:12px;font-weight:500;line-height:1.4;display:inline-flex}.life-badge[data-tone=warn]{background:color-mix(in srgb, var(--life-orange) 16%, transparent);color:color-mix(in srgb, var(--life-orange) 70%, var(--life-ink))}.life-badge[data-tone=ok]{background:color-mix(in srgb, var(--life-green) 16%, transparent);color:color-mix(in srgb, var(--life-green) 65%, var(--life-ink))}.life-dot{background:var(--tone,var(--life-gray));border-radius:999px;flex:none;width:8px;height:8px}.life-sidebar{z-index:30;width:var(--life-sidebar);background:var(--life-chrome);border-right:.5px solid var(--life-line);-webkit-backdrop-filter:blur(30px)saturate(180%);backdrop-filter:blur(30px)saturate(180%);flex-direction:column;gap:4px;padding:28px 14px 18px;display:none;position:fixed;inset:0 auto 0 0;overflow-y:auto}.life-shell-body{padding-bottom:calc(112px + env(safe-area-inset-bottom,0px))}@media (min-width:1024px){.life-sidebar{display:flex}.life-shell-body{margin-left:var(--life-sidebar);padding-bottom:56px}}.life-navitem{min-height:40px;color:var(--life-ink);border-radius:10px;align-items:center;gap:12px;padding:5px 10px;font-size:15px;font-weight:500;transition:background-color .15s;display:flex}.life-navitem:hover{background:var(--life-fill)}.life-navitem[aria-current=page]{background:var(--life-fill-strong);font-weight:600}.life-navgroup{color:var(--life-faint);margin:14px 0 4px;padding:0 10px;font-size:12px;font-weight:600}.life-tabbar{z-index:40;padding:6px 8px calc(6px + env(safe-area-inset-bottom,0px));background:var(--life-chrome);border-top:.5px solid var(--life-line);-webkit-backdrop-filter:blur(30px)saturate(180%);backdrop-filter:blur(30px)saturate(180%);justify-content:space-around;display:flex;position:fixed;inset:auto 0 0}@media (min-width:640px){.life-tabbar{border:.5px solid var(--life-line);border-radius:26px;width:min(560px,100% - 48px);margin-inline:auto;padding:6px 10px;inset:auto 0 18px;box-shadow:0 10px 40px #00000024}}@media (min-width:1024px){.life-tabbar{display:none}}.life-tab{min-width:0;color:var(--life-gray);letter-spacing:0;border-radius:12px;flex-direction:column;flex:1 1 0;align-items:center;gap:2px;padding:5px 4px;font-size:11px;font-weight:500;display:flex}.life-tab[aria-current=page]{color:var(--life-accent)}.life-swatch{background:var(--sw);cursor:pointer;border-radius:999px;width:32px;height:32px;transition:transform .12s;box-shadow:inset 0 0 0 1px #0000001a}.life-swatch:active:not(:disabled){transform:scale(.9)}.life-swatch:disabled{opacity:.4;cursor:not-allowed}.life-swatch[aria-pressed=true]{outline:3px solid var(--life-accent);outline-offset:2px}.life-swatch:focus-visible{outline:3px solid color-mix(in srgb, var(--life-accent) 55%, transparent);outline-offset:2px}.life-map{background:var(--life-fill);isolation:isolate;height:230px;position:relative;overflow:hidden}@media (min-width:768px){.life-map{height:300px}}.life-map-grid{grid-template-columns:repeat(5,256px);grid-auto-rows:256px;display:grid;position:absolute}@media (prefers-color-scheme:dark){.life-map-grid{filter:invert()hue-rotate(180deg)brightness(.9)contrast(.92)}}.life-map-grid img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:256px;height:256px;display:block}.life-pin{background:var(--life-red);color:#fff;border:3px solid #fff;border-radius:999px;place-items:center;width:32px;height:32px;margin:-16px 0 0 -16px;display:grid;position:absolute;top:50%;left:50%;box-shadow:0 4px 14px #00000059}.life-pin[data-moving=true]:after{content:"";border:2px solid var(--life-red);border-radius:999px;animation:1.8s ease-out infinite life-ping;position:absolute;inset:-8px}@keyframes life-ping{0%{opacity:.7;transform:scale(.6)}to{opacity:0;transform:scale(1.6)}}.life-heading{transform-origin:7px 36px;border-inline:7px solid #0000;border-bottom:12px solid var(--life-red);filter:drop-shadow(0 1px 2px #0000004d);width:0;height:0;margin:-36px 0 0 -7px;position:absolute;top:50%;left:50%}.life-map-attr{background:var(--life-chrome);color:var(--life-muted);border-radius:6px;padding:1px 6px;font-size:11px;position:absolute;bottom:6px;right:8px}.life-map-chip{background:var(--life-chrome);max-width:calc(100% - 24px);box-shadow:var(--life-shadow);-webkit-backdrop-filter:blur(30px)saturate(180%);backdrop-filter:blur(30px)saturate(180%);border-radius:16px;padding:9px 14px;position:absolute;bottom:28px;left:12px}.life-map-open{background:var(--life-chrome);-webkit-backdrop-filter:blur(30px)saturate(180%);backdrop-filter:blur(30px)saturate(180%);position:absolute;top:12px;right:12px}.life-toast{left:50%;bottom:calc(104px + env(safe-area-inset-bottom,0px));z-index:60;color:#fff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e1e20f0;border-radius:18px;max-width:min(92vw,420px);padding:12px 18px;font-size:15px;animation:.25s ease-out life-toast-in;position:fixed;transform:translate(-50%);box-shadow:0 12px 32px #00000040}@media (min-width:1024px){.life-toast{bottom:32px}}@keyframes life-toast-in{0%{opacity:0;transform:translate(-50%,8px)}}.life-spin{animation:.9s linear infinite life-spin}@keyframes life-spin{to{transform:rotate(360deg)}}.life-google-btn{background:var(--life-surface);width:100%;min-height:50px;box-shadow:var(--life-shadow);color:var(--life-ink);border-radius:14px;justify-content:center;align-items:center;gap:12px;margin-top:28px;font-size:17px;font-weight:600;text-decoration:none;transition:transform .12s;display:flex}.life-google-btn:active{transform:scale(.985)}.life-password-toggle{cursor:pointer;color:var(--life-accent);font-size:15px;display:inline-block}@media (prefers-reduced-motion:reduce){.life-root *,.life-root :after{transition:none!important;animation:none!important}}}
