:root{--ink: #0f2a2e;--ink-soft: #3d5a5f;--paper: #e8f2f0;--paper-2: #f7fbfa;--mist: #c5ddd8;--teal: #1f6f66;--teal-bright: #2a9d8f;--coral: #e76f51;--sand: #f4a261;--ok: #2a9d8f;--line: rgba(15, 42, 46, .12);--shadow: 0 18px 40px rgba(15, 42, 46, .12);--radius: 18px;--font-display: "Fraunces", Georgia, serif;--font-body: "Plus Jakarta Sans", system-ui, sans-serif;--nav-h: 68px;color:var(--ink);background:var(--paper);font-family:var(--font-body);line-height:1.45;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:radial-gradient(1200px 600px at 10% -10%,rgba(42,157,143,.28),transparent 55%),radial-gradient(900px 500px at 100% 0%,rgba(244,162,97,.22),transparent 50%),linear-gradient(180deg,#d9ebe7 0%,var(--paper) 38%,#eef6f4 100%);background-attachment:fixed}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--teal)}:focus-visible{outline:3px solid var(--sand);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.app-shell{width:min(560px,100%);margin:0 auto;min-height:100dvh;padding:0 1rem calc(var(--nav-h) + 1.25rem)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:1rem 0 .75rem;position:sticky;top:0;z-index:5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(180deg,#e8f2f0eb,#e8f2f0b3)}.brand{font-family:var(--font-display);font-weight:700;font-size:1.35rem;letter-spacing:-.02em;margin:0}.group-switcher{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);background:var(--paper-2);border-radius:999px;padding:.45rem .9rem;max-width:55%;font-weight:600;font-size:.9rem}.bottom-nav{position:fixed;left:50%;transform:translate(-50%);bottom:0;width:min(560px,100%);display:grid;grid-template-columns:repeat(4,1fr);gap:.25rem;padding:.55rem .75rem calc(.55rem + env(safe-area-inset-bottom));background:#f7fbfaeb;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10}.bottom-nav a{text-decoration:none;color:var(--ink-soft);text-align:center;padding:.55rem .25rem;border-radius:12px;font-size:.78rem;font-weight:600;min-height:48px;display:grid;align-content:center;gap:.15rem}.bottom-nav a.active{color:var(--ink);background:#1f6f661f}.bottom-nav .nav-icon{font-size:1.05rem;line-height:1}.hero-landing{min-height:100dvh;display:grid;align-content:center;gap:1.25rem;padding:2rem 1.25rem 3rem;position:relative;overflow:hidden}.hero-landing:before{content:"";position:absolute;inset:auto -20% -30% -20%;height:55%;background:radial-gradient(circle at 30% 40%,rgba(42,157,143,.45),transparent 45%),radial-gradient(circle at 70% 60%,rgba(231,111,81,.28),transparent 40%);filter:blur(8px);pointer-events:none;animation:drift 14s ease-in-out infinite alternate}@keyframes drift{0%{transform:translateY(0) scale(1)}to{transform:translateY(-18px) scale(1.04)}}.hero-landing>*{position:relative}.hero-brand{font-family:var(--font-display);font-size:clamp(2.4rem,9vw,3.4rem);line-height:.95;margin:0;letter-spacing:-.03em}.hero-copy{margin:0;max-width:28ch;color:var(--ink-soft);font-size:1.05rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px;padding:.75rem 1.2rem;border-radius:999px;border:none;cursor:pointer;font-weight:700;text-decoration:none;transition:transform .15s ease,background .15s ease}.btn:active{transform:scale(.98)}.btn-primary{background:var(--ink);color:#f7fbfa}.btn-secondary{background:transparent;border:1.5px solid var(--ink);color:var(--ink)}.btn-coral{background:var(--coral);color:#fff}.panel{background:#f7fbfad1;border:1px solid var(--line);border-radius:var(--radius);padding:1rem}.muted{color:var(--ink-soft)}.progress-row{display:flex;justify-content:space-between;align-items:baseline;gap:.75rem;margin-bottom:.55rem}.progress-track{height:10px;border-radius:999px;background:#0f2a2e14;overflow:hidden}.progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--teal),var(--teal-bright));transition:width .25s ease}.progress-fill.over{background:linear-gradient(90deg,var(--sand),var(--coral))}.week-strip{display:grid;grid-template-columns:repeat(7,1fr);gap:.35rem;margin:1rem 0}.week-strip button{border:1px solid var(--line);background:var(--paper-2);border-radius:14px;min-height:56px;padding:.35rem .15rem;display:grid;gap:.1rem;cursor:pointer}.week-strip button[aria-pressed=true]{background:var(--ink);color:#f7fbfa;border-color:var(--ink)}.week-strip .dow{font-size:.68rem;font-weight:700;opacity:.75}.week-strip .dom{font-weight:700}.goal-list{display:grid;gap:.65rem}.goal-row{width:100%;min-height:56px;border-radius:16px;border:1.5px solid var(--line);background:var(--paper-2);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;padding:.75rem .9rem;text-align:left;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .12s ease}.goal-row:active{transform:scale(.99)}.goal-row.checked{border-color:#2a9d8f8c;background:#2a9d8f1f}.check{width:28px;height:28px;border-radius:999px;border:2px solid var(--ink-soft);display:grid;place-items:center;font-size:.85rem;font-weight:800}.goal-row.checked .check{background:var(--ok);border-color:var(--ok);color:#fff}.goal-meta{font-size:.82rem;color:var(--ink-soft)}.member-row{display:grid;gap:.35rem;padding:.85rem 0;border-bottom:1px solid var(--line);text-decoration:none;color:inherit}.member-row:last-child{border-bottom:none}.toast{position:fixed;left:50%;bottom:calc(var(--nav-h) + 1rem);transform:translate(-50%);background:var(--ink);color:#fff;padding:.7rem 1rem;border-radius:999px;font-size:.9rem;font-weight:600;z-index:20;animation:rise .25s ease}@keyframes rise{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.form-stack{display:grid;gap:.85rem}.form-stack label{display:grid;gap:.35rem;font-weight:600;font-size:.92rem}.form-stack input,.form-stack select,.form-stack textarea{min-height:48px;border-radius:12px;border:1px solid var(--line);background:#fff;padding:.65rem .8rem}.heat-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.35rem}.heat-cell{aspect-ratio:1;border-radius:8px;border:none;background:#0f2a2e14;cursor:pointer}.heat-cell.level-1{background:#2a9d8f40}.heat-cell.level-2{background:#2a9d8f73}.heat-cell.level-3{background:#2a9d8fb3}.heat-cell.level-4{background:var(--teal)}.heat-cell.selected{outline:2px solid var(--ink);outline-offset:1px}.empty{padding:1.5rem .5rem;text-align:center;color:var(--ink-soft)}.stack-gap{display:grid;gap:1rem}.section-title{font-family:var(--font-display);font-size:1.55rem;margin:.25rem 0 .35rem;letter-spacing:-.02em}.pill{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .65rem;border-radius:999px;background:#1f6f661f;font-size:.8rem;font-weight:700}.error-banner{background:#e76f511f;border:1px solid rgba(231,111,81,.35);color:#8a2f1c;border-radius:12px;padding:.75rem .9rem}