:root{--outer-bg: #ECEAE5;--app-bg: #F8F7F4;--near-black: #111111;--green: #21C47B;--green-soft: #E4F7EC;--blue: #3157E8;--amber: #FFC857;--amber-soft: #FFF4D9;--amber-text: #8a5a00;--neutral-pill: #F1F0EC;--border: rgba(17,17,17,.1);--muted: rgba(17,17,17,.5);--display-font: "Plus Jakarta Sans", sans-serif;--body-font: "Inter", sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;overscroll-behavior:none}html{-webkit-text-size-adjust:100%}body{font-family:var(--body-font);background:var(--outer-bg);color:var(--near-black);-webkit-font-smoothing:antialiased;position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;-webkit-tap-highlight-color:transparent}#root{height:100%}.life-scroll::-webkit-scrollbar{display:none}.life-scroll{-ms-overflow-style:none;scrollbar-width:none}@keyframes lifeFadeIn{0%{opacity:0}to{opacity:1}}@keyframes lifeSlideUp{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}a{color:var(--blue);text-decoration:none}a:hover{color:var(--green)}button{font-family:inherit;cursor:pointer;border:none;background:none}.app-shell{max-width:480px;margin:0 auto;height:100%;background:var(--app-bg);position:relative;overflow:hidden;display:flex;flex-direction:column}.page{height:100%;overflow-y:auto;box-sizing:border-box}.page-padded{padding:calc(64px + env(safe-area-inset-top)) 20px calc(110px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:20px;box-sizing:border-box}.h-display{font-family:var(--display-font);font-weight:800;font-size:28px;color:var(--near-black)}.btn-black{padding:14px;border-radius:999px;border:none;background:var(--near-black);color:#fff;font-family:var(--display-font);font-weight:700;font-size:14px}.btn-outline{padding:14px;border-radius:999px;border:1.5px solid rgba(0,0,0,.15);background:#fff;color:var(--near-black);font-family:var(--display-font);font-weight:700;font-size:14px}.btn-green{padding:15px;border-radius:999px;border:none;background:var(--green);color:#fff;font-family:var(--display-font);font-weight:700;font-size:15px}.input{width:100%;padding:12px 14px;border-radius:14px;border:1.5px solid rgba(0,0,0,.12);font-size:16px;font-family:var(--body-font);background:#fff}.pill{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;background:var(--neutral-pill);font-size:12.5px;font-weight:600;color:var(--near-black)}.bottom-nav{position:absolute;bottom:0;left:0;right:0;z-index:40;background:#f8f7f4eb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid rgba(0,0,0,.06);display:flex;justify-content:space-around;align-items:center;padding:12px 8px calc(30px + env(safe-area-inset-bottom))}.bottom-nav .nav-item{display:flex;flex-direction:column;align-items:center;gap:3px}.bottom-nav .nav-create{width:44px;height:44px;border-radius:50%;background:var(--near-black);display:flex;align-items:center;justify-content:center}.feed-scroll{height:100%;width:100%;overflow-y:scroll;scroll-snap-type:y mandatory}.feed-slide{height:100%;width:100%;flex-shrink:0;scroll-snap-align:start;position:relative;overflow:hidden;box-sizing:border-box}.feed-top-header{position:absolute;top:0;left:0;right:0;z-index:30;padding:calc(60px + env(safe-area-inset-top)) 20px 12px;display:flex;flex-direction:column;gap:14px;background:linear-gradient(180deg,#00000073,#0000)}.feed-actions{position:absolute;right:14px;bottom:calc(132px + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;gap:20px}.feed-actions .action-item{display:flex;flex-direction:column;align-items:center;gap:4px}.feed-actions .action-item span{font-size:11px;font-weight:600}.feed-caption{position:absolute;left:20px;right:86px;bottom:calc(130px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:10px}.source-pill{align-self:flex-start;display:flex;align-items:center;gap:6px;cursor:pointer;background:#21c47b29;border:1px solid rgba(33,196,123,.4);border-radius:999px;padding:6px 12px;font-family:var(--body-font);font-weight:600;font-size:11.5px;color:var(--green)}.sheet-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;background:#00000073;animation:lifeFadeIn .2s ease}.sheet-panel{position:absolute;left:0;right:0;bottom:0;z-index:51;background:#fff;border-radius:24px 24px 0 0;padding:22px 22px calc(40px + env(safe-area-inset-bottom));max-height:74%;overflow-y:auto;box-sizing:border-box;animation:lifeSlideUp .25s ease}.sheet-handle{width:36px;height:4px;background:#00000026;border-radius:99px;margin:0 auto 18px}