:root{color:#1d211f;background:#f7f4ee;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px;overflow:hidden}button,input,textarea,select{font:inherit}.app-frame{height:100svh;display:grid;grid-template-rows:minmax(0,1fr) auto;overflow:hidden;background:linear-gradient(180deg,#f7f4eef5,#eef1ebf5),radial-gradient(circle at top left,rgba(68,112,91,.18),transparent 34%)}.app-content{min-height:0;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}.page-shell{display:grid;align-items:center;min-height:100%;padding:max(24px,env(safe-area-inset-top)) 20px 32px}.page-shell--stacked{align-items:start}.auth-shell,.access-block{display:grid;align-items:center;min-height:100svh;padding:max(24px,env(safe-area-inset-top)) 20px max(24px,env(safe-area-inset-bottom));background:linear-gradient(180deg,#f7f4eef7,#eef1ebf7),radial-gradient(circle at top left,rgba(68,112,91,.18),transparent 34%)}.placeholder,.auth-panel{width:min(100%,420px);margin:0 auto}.eyebrow{margin:0 0 12px;color:#53645b;font-size:.78rem;font-weight:700;letter-spacing:0;text-transform:uppercase}h1{margin:0;color:#17201b;font-size:clamp(2.8rem,18vw,5.6rem);line-height:.9;letter-spacing:0}.summary{margin:22px 0 0;color:#48534d;font-size:1rem;line-height:1.6}.status-row{display:inline-flex;align-items:center;gap:10px;min-height:44px;margin-top:28px;padding:0 14px;border:1px solid rgba(29,33,31,.14);border-radius:8px;background:#ffffff8f;color:#29342f;font-weight:650}.status-dot{width:9px;height:9px;border-radius:999px;background:#b96d4b}.status-dot--ok{background:#3f7f5f}.icon-text-button,.primary-button,.secondary-button,.destructive-button,.segmented-control button,.segmented-control a{min-height:44px;border:0;border-radius:8px;font-weight:750;letter-spacing:0}.icon-text-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:18px;padding:0 14px;background:#1d211f14;color:#27342f}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:4px;padding:0 16px;background:#1f5f43;color:#fff;text-decoration:none}.primary-button:disabled{background:#91a196}.secondary-button,.destructive-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:0 16px;text-decoration:none}.secondary-button{background:#1d211f14;color:#27342f}.destructive-button{background:#8e4228;color:#fff}.destructive-button:disabled{background:#bb8d7c}.segmented-control{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;margin-top:28px;padding:4px;border-radius:8px;background:#1d211f14}.segmented-control button{background:transparent;color:#526159}.segmented-control a{display:grid;place-items:center;background:transparent;color:#526159;text-decoration:none}.segmented-control button.selected,.segmented-control a.selected{background:#fff;color:#1f5f43;box-shadow:0 1px 2px #1d211f1f}.auth-form{display:grid;gap:16px;margin-top:22px}.auth-form label{display:grid;gap:8px;color:#334039;font-size:.9rem;font-weight:700}.auth-form input{width:100%;min-height:48px;padding:0 13px;border:1px solid rgba(29,33,31,.16);border-radius:8px;background:#ffffffb8;color:#17201b;outline:none}.auth-form input:focus{border-color:#3f7f5f;box-shadow:0 0 0 3px #3f7f5f24}.form-error{margin:0;padding:11px 12px;border-radius:8px;background:#b96d4b1f;color:#7a3d24;font-size:.92rem;line-height:1.4}.access-block{justify-items:center;text-align:center}.access-block__icon{display:inline-grid;place-items:center;width:52px;height:52px;margin:0 auto 18px;border-radius:999px;background:#e3ede6;color:#1f5f43}.access-block h1{font-size:clamp(2.4rem,13vw,4.8rem)}.access-block p{max-width:330px;margin:18px auto 0;color:#48534d;line-height:1.55}.tabbar{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;min-height:calc(64px + env(safe-area-inset-bottom));padding:8px 10px max(8px,env(safe-area-inset-bottom));border-top:1px solid rgba(29,33,31,.12);background:#faf8f4f0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.tab{display:grid;place-items:center;min-width:0;min-height:48px;border-radius:8px;color:#69756f;text-decoration:none;font-size:.86rem;font-weight:750;letter-spacing:0}.tab.active{background:#e3ede6;color:#1f5f43}.life-panel{width:min(100%,460px);margin:0 auto}.life-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.life-header h1{font-size:clamp(2.6rem,14vw,4.2rem)}.life-summary,.life-toolbar{margin-top:18px}.life-toolbar__back{margin-top:0}.life-header__button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 14px;border:0;border-radius:999px;background:#1f5f43;color:#fff;font-weight:750;white-space:nowrap}.life-category-toggle{margin-top:12px}.life-section-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-top:22px}.life-section-header__eyebrow,.life-sheet__eyebrow,.life-preview__label{margin:0;color:#53645b;font-size:.78rem;font-weight:700;text-transform:uppercase}.life-section-header h2,.sheet-panel h2{margin:8px 0 0;color:#17201b;font-size:1.55rem;line-height:1.1}.life-count{display:inline-flex;align-items:center;justify-content:center;min-width:38px;min-height:38px;padding:0 12px;border-radius:999px;background:#1f5f431f;color:#1f5f43;font-weight:750}.life-page-error{margin-top:16px}.life-state-card{margin-top:16px;padding:20px 18px;border:1px solid rgba(29,33,31,.1);border-radius:18px;background:#ffffffbd;color:#334039;line-height:1.5}.life-state-card--empty{text-align:left}.life-empty-title,.life-empty-copy{margin:0}.life-empty-title{color:#17201b;font-weight:750}.life-empty-copy{margin-top:10px}.life-empty-action{margin-top:16px}.life-list{display:grid;gap:12px;margin:16px 0 0;padding:0;list-style:none}.life-list-item.is-dragging{z-index:2}.life-card{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;border:1px solid rgba(29,33,31,.08);border-radius:18px;background:#ffffffd6;box-shadow:0 10px 28px #1d211f0f}.life-card__handle,.life-card__action{display:inline-grid;place-items:center;width:40px;height:40px;border:0;border-radius:12px;background:#1d211f0f;color:#526159}.life-card__handle{touch-action:none}.life-card__action--danger{color:#8e4228}.life-card__content{min-width:0}.life-card__name,.life-card__meta,.life-preview__value,.life-delete-copy{margin:0}.life-card__name,.life-preview__value{color:#17201b;font-weight:750}.life-card__meta,.life-delete-copy{margin-top:4px;color:#53645b;font-size:.92rem}.life-card__actions{display:inline-flex;gap:8px}.life-avatar{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:14px;color:#fff;font-size:1.2rem;font-weight:750;box-shadow:inset 0 -1px #00000014}.life-avatar--large{width:58px;height:58px;border-radius:18px;font-size:1.5rem}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;align-items:end;padding:20px 16px max(16px,env(safe-area-inset-bottom));background:#13181661;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:30}.sheet-panel{width:min(100%,460px);margin:0 auto;padding:20px 18px 18px;border-radius:24px;background:#f7f4ee;box-shadow:0 24px 64px #1318163d}.sheet-panel--compact{padding-bottom:max(18px,env(safe-area-inset-bottom))}.sheet-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.life-form,.life-record-form{display:grid;gap:16px;margin-top:18px}.life-form label,.life-form__group,.life-record-form label,.life-record-form__group{display:grid;gap:8px;color:#334039;font-size:.9rem;font-weight:700}.life-form input,.life-form select,.life-form textarea,.life-record-form input,.life-record-form select,.life-record-form textarea{width:100%;min-height:48px;padding:0 13px;border:1px solid rgba(29,33,31,.16);border-radius:12px;background:#ffffffc7;color:#17201b;outline:none}.life-form textarea,.life-record-form textarea{min-height:132px;padding:12px 13px;resize:vertical}.life-form input:focus,.life-form select:focus,.life-form textarea:focus,.life-record-form input:focus,.life-record-form select:focus,.life-record-form textarea:focus{border-color:#3f7f5f;box-shadow:0 0 0 3px #3f7f5f24}.life-form__label{color:#334039}.life-avatar-toggle{margin-top:0}.life-color-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.life-color-swatch{display:inline-grid;place-items:center;min-height:44px;border:0;border-radius:12px;color:#fff}.life-color-swatch.selected{box-shadow:0 0 0 3px #1d211f29}.life-color-picker{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:4px;padding:12px 14px;border:1px solid rgba(29,33,31,.12);border-radius:14px;background:#ffffffad}.life-color-picker span{font-size:.9rem;font-weight:700}.life-color-picker input{width:52px;min-height:40px;padding:0;border:0;background:transparent}.life-preview{display:flex;align-items:center;gap:14px;padding:14px;border-radius:18px;background:#1f5f4314}.life-editor-panel{width:min(100%,520px)}.life-inline-label{display:flex;align-items:center;justify-content:space-between;gap:12px}.life-inline-label__title,.life-inline-meta{color:#334039}.life-inline-meta{font-size:.82rem;font-weight:650}.life-inline-action{display:inline-flex;align-items:center;gap:6px;color:#1f5f43;font-size:.82rem;font-weight:750;text-decoration:none}.life-inline-callout{padding:12px 14px;border:1px dashed rgba(31,95,67,.28);border-radius:14px;background:#1f5f4314;color:#334039;font-size:.92rem;line-height:1.45}.duration-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.duration-wheel{display:grid;gap:8px}.duration-wheel__label{margin:0;color:#53645b;font-size:.8rem;font-weight:700;text-transform:uppercase}.duration-wheel__viewport{display:grid;gap:8px;max-height:220px;overflow-y:auto;padding:14px 12px;border:1px solid rgba(29,33,31,.12);border-radius:18px;background:#ffffffb8;scroll-snap-type:y proximity}.duration-wheel__item{min-height:44px;border:0;border-radius:12px;background:#1d211f0d;color:#526159;font-weight:750;scroll-snap-align:center}.duration-wheel__item.selected{background:#e3ede6;color:#1f5f43}.life-image-card{display:grid;gap:12px}.life-image-preview,.life-image-placeholder{width:100%;min-height:220px;border-radius:20px}.life-image-preview{object-fit:cover;border:1px solid rgba(29,33,31,.1)}.life-image-placeholder{display:grid;place-items:center;gap:8px;padding:18px;border:1px dashed rgba(29,33,31,.18);background:#ffffff85;color:#53645b;text-align:center}.life-image-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.life-image-picker{position:relative;overflow:hidden;cursor:pointer}.life-image-picker input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.life-secondary-link{margin-top:4px}.sheet-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}@media (max-width: 420px){.life-header{flex-direction:column}.life-header__button{width:100%}.life-inline-label{align-items:flex-start;flex-direction:column}.duration-picker,.life-image-actions{grid-template-columns:minmax(0,1fr)}}