:root{--ink:#f1f0e8;--muted:#aab8aa;--deep:#0c1d18;--deep2:#10271f;--deep3:#18372b;--moss:#315441;--sage:#899c7c;--line:rgba(224,235,224,.12);--fire:#c98863}
*{box-sizing:border-box}html{background:var(--deep)}body{margin:0;color:var(--ink);font:16px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 20% 5%,#1c3a2e 0,transparent 34%),radial-gradient(circle at 90% 32%,#15372c 0,transparent 30%),linear-gradient(155deg,#0b1b16,#112a21 60%,#0b2019);min-height:100vh}
#app{max-width:760px;margin:auto;padding:calc(18px + env(safe-area-inset-top)) 18px calc(94px + env(safe-area-inset-bottom));min-height:100vh}
header{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.brand{display:flex;align-items:center;gap:11px;background:none;border:0;color:var(--ink);text-align:left;padding:0}.brand b{display:block;font-family:Georgia,serif;font-size:17px}.brand small{display:block;color:var(--muted);margin-top:2px}.mark{width:42px;height:42px;border:1px solid rgba(241,240,232,.35);border-radius:50%;display:grid;place-items:center;font:italic 26px Georgia,serif;background:linear-gradient(135deg,rgba(255,255,255,.02),rgba(137,156,124,.16))}
.iconBtn{background:rgba(255,255,255,.06);color:var(--ink);border:1px solid var(--line);width:44px;height:44px;border-radius:50%;font-size:20px}.hidden{display:none!important}
.hero{padding:24px 3px 20px}.eyebrow{font-size:11px;letter-spacing:.18em;color:#9bb39e;font-weight:800;margin:0 0 10px}.fire{color:#dda17e}.hero h1,.formPage h2,#moments h2,#noticing h2,#carry h2,#data h2{font:400 38px/1.05 Georgia,serif;margin:0;letter-spacing:-.02em}.hero p:not(.eyebrow),.intro{color:var(--muted);line-height:1.5;max-width:520px}
.homeActions{display:grid;gap:11px}.journey{display:flex;align-items:center;gap:14px;width:100%;text-align:left;border:1px solid var(--line);background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.018));color:var(--ink);padding:16px;border-radius:20px;min-height:78px}.journey>span{font-size:26px;width:38px;text-align:center;color:#b6c8b4}.journey b{font:400 20px Georgia,serif;display:block}.journey small{color:var(--muted);display:block;margin-top:4px;line-height:1.3}.journey.hot{background:linear-gradient(135deg,rgba(201,136,99,.14),rgba(255,255,255,.02));border-color:rgba(201,136,99,.25)}.journey.hot>span{color:#dfa17e}
.softPanel{margin-top:18px;border:1px solid var(--line);border-radius:20px;padding:17px;background:rgba(255,255,255,.035);color:var(--muted);line-height:1.5}.formPage,#moments,#noticing,#carry,#data{padding-top:10px}.formPage h2,#moments h2,#noticing h2,#carry h2,#data h2{font-size:31px;margin-bottom:12px}
label{display:block;color:#c3cec2;font-size:13px;margin:24px 0 9px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1px solid var(--line);background:rgba(255,255,255,.045);color:#d9e0d7;border-radius:999px;padding:10px 13px;min-height:42px}.chip.on{background:#d9e2d2;color:#13241c;border-color:#d9e2d2}.emotions .chip{font-family:Georgia,serif;font-size:16px}
textarea,select,input[type=file]{width:100%;background:rgba(255,255,255,.055);color:var(--ink);border:1px solid var(--line);border-radius:16px;padding:14px;font:16px inherit}textarea{min-height:100px;resize:vertical}.bigText{min-height:180px}.journalPaper{min-height:390px;font:18px/1.65 Georgia,serif;background:rgba(255,255,255,.025)}select option{color:#111}.cta,.subtle,.danger{width:100%;border:0;border-radius:16px;padding:15px;margin-top:18px;font-weight:800;min-height:50px}.cta{background:#dce5d5;color:#10231a}.hotCta{background:#d4a083;color:#241711}.subtle{background:rgba(255,255,255,.08);color:var(--ink);border:1px solid var(--line)}.danger{background:transparent;color:#e0a092;border:1px solid rgba(224,160,146,.25)}
.moment{border-left:1px solid rgba(213,226,211,.32);padding:4px 0 20px 18px;margin-left:8px;position:relative}.moment:before{content:"";width:9px;height:9px;border-radius:50%;background:#a7b99f;position:absolute;left:-5px;top:8px}.moment h3{font:400 20px Georgia,serif;margin:0 0 5px}.moment p{color:var(--muted);margin:5px 0;line-height:1.45}.momentCard,.noticeCard{border:1px solid var(--line);border-radius:20px;padding:17px;margin:13px 0;background:rgba(255,255,255,.035)}.tags{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}.tag{font-size:11px;padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.07);color:#c8d4c6}.followBtn{background:none;border:1px solid var(--line);color:var(--ink);padding:10px 12px;border-radius:13px;margin-top:9px}.summary{min-height:380px;margin-top:16px}
nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(760px,100%);display:grid;grid-template-columns:repeat(5,1fr);background:rgba(9,24,19,.95);backdrop-filter:blur(16px);border-top:1px solid var(--line);padding:7px 5px calc(7px + env(safe-area-inset-bottom));z-index:20}nav button{background:none;border:0;color:#aebcaf;font-size:11px;min-height:44px}#toast{position:sticky;bottom:76px;background:#e1e6da;color:#14251d;padding:11px;border-radius:14px;display:none;font-size:13px}
@media(max-width:480px){.hero h1{font-size:36px}.formPage h2,#moments h2,#noticing h2,#carry h2,#data h2{font-size:29px}}