@import"https://fonts.googleapis.com/css2?family=Literata:opsz,wght@7..72,500;7..72,700&family=Manrope:wght@400;500;700&family=Patrick+Hand&display=swap";:root{--bg-cream: #faf7f2;--bg-sand: #e9ded4;--surface: #fdfaf6;--surface-strong: #f4ece2;--line: #d8c8b9;--text-main: #2e2a26;--text-subtle: #6c6259;--rose: #c7b6a4;--sage: #a6b8a6;--sky: #b8a99a;--danger: #a35c56;--font-heading: "Literata", Georgia, serif;--font-body: "Manrope", "Segoe UI", sans-serif;--font-hand: "Patrick Hand", cursive;--radius-lg: 22px;--radius-md: 14px;--shadow-soft: 0 20px 40px rgba(60, 44, 30, .06)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font-body);line-height:1.5;background:radial-gradient(circle at 12% 10%,rgba(199,182,164,.2) 0,transparent 44%),radial-gradient(circle at 85% 9%,rgba(166,184,166,.2) 0,transparent 36%),linear-gradient(180deg,var(--bg-cream),var(--bg-sand));color:var(--text-main)}a{color:inherit}h1,h2,h3{font-family:var(--font-heading);margin:0;color:var(--text-main);letter-spacing:-.01em}h1{font-size:clamp(1.8rem,2.8vw,2.35rem);font-weight:700}h2{font-size:clamp(1.25rem,1.7vw,1.55rem);font-weight:600}h3{font-size:clamp(1.05rem,1.25vw,1.2rem);font-weight:600}p{margin:0}code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:1.25rem}.auth-card{width:min(680px,100%);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);padding:clamp(1.25rem,2.7vw,2.4rem);display:grid;gap:1rem}.setup-block{background:#2b241d;color:#f9efe4;border-radius:12px;padding:.9rem;margin:0;overflow:auto;font-size:.84rem}.app-shell{width:min(1140px,calc(100% - 2rem));margin:1.2rem auto 2.6rem;display:grid;gap:1rem}.hero{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;background:linear-gradient(130deg,#fdfaf6f5,#f2e8dcfa);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);padding:clamp(1.2rem,2.6vw,2rem);animation:rise .6s ease both}.hero-copy{margin-top:.45rem;max-width:58ch;color:var(--text-subtle)}.hero-actions{display:flex;gap:.75rem;flex-wrap:wrap}.eyebrow{color:var(--sage);letter-spacing:.08em;text-transform:uppercase;font-size:.74rem;font-weight:700}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.stat-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);padding:1rem;display:grid;gap:.3rem;animation:rise .6s ease both}.stat-card p{color:var(--text-subtle);font-size:.86rem}.stat-card strong{font-size:1.7rem;line-height:1}.flash-text,.error-text{border-radius:12px;padding:.75rem .9rem;font-size:.9rem}.flash-text{background:#7e9a7529;border:1px solid rgba(126,154,117,.4)}.error-text{color:var(--danger);background:#b243431c;border:1px solid rgba(178,67,67,.32)}.panel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.panel-grid.single-column{grid-template-columns:minmax(0,1fr)}.home-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:0 14px 28px #3d28150d;padding:1rem;display:grid;gap:.9rem;animation:rise .6s ease both}.onboarding-panel{background:linear-gradient(140deg,#fdfaf6fa,#eee3d5e6)}.onboarding-panel .form-stack{margin-top:.2rem}.panel-head{display:grid;gap:.25rem}.panel-head p{color:var(--text-subtle);font-size:.88rem}.panel-head.inline{display:flex;align-items:baseline;justify-content:space-between;gap:.6rem}.form-stack{display:grid;gap:.7rem}.form-stack label,.action-grid,.sticky-grid{display:grid;gap:.35rem;font-size:.88rem;color:var(--text-subtle)}input,select,textarea,button{font:inherit}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:12px;background:#fffdf9;color:var(--text-main);padding:.64rem .7rem}textarea{resize:vertical}input:focus,select:focus,textarea:focus,button:focus{outline:2px solid rgba(127,159,183,.34);outline-offset:2px}.btn{border-radius:12px;border:1px solid transparent;padding:.62rem .9rem;cursor:pointer;transition:transform .2s ease,border-color .2s ease,background .2s ease}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.66;cursor:not-allowed;transform:none}.btn.primary{background:var(--sky);color:var(--text-main);border-color:#78665633}.btn.secondary{background:var(--surface-strong);border-color:var(--line)}.btn.ghost{background:#ffffff40;border-color:var(--line)}.button-stack,.button-row{display:flex;gap:.55rem;flex-wrap:wrap}.compact-form{border-top:1px dashed var(--line);padding-top:.7rem}.tabbar{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.1rem}.tabbtn{border:1px solid var(--line);border-radius:999px;background:#fffaf4;color:var(--text-main);padding:.45rem .8rem;white-space:nowrap}.tabbtn.active{border-color:#b8a99abf;background:#b8a99a3d}.tabbtn.mini{font-size:.82rem;padding:.38rem .68rem}.reminder-list,.card-list,.journal-list{display:grid;gap:.7rem}.reminder-item,.person-card,.group-card{background:#fffbf6;border:1px solid var(--line);border-radius:14px;padding:.8rem}.reminder-item{display:flex;justify-content:space-between;gap:.7rem;align-items:flex-start}.reminder-item h3,.person-card h3,.group-card h3{font-size:1.1rem}.reminder-item p,.person-card p,.group-card p{color:var(--text-subtle);font-size:.88rem}.reminder-meta{display:grid;justify-items:end;gap:.45rem}.badge{border:1px solid rgba(184,169,154,.55);background:#b8a99a29;border-radius:999px;padding:.22rem .58rem;font-size:.77rem}.badge.due{border-color:#a6b8a6e6;background:#a6b8a647}.chips{display:flex;gap:.35rem;flex-wrap:wrap;margin:.2rem 0}.invite-row{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.chip{font-size:.75rem;border-radius:999px;border:1px solid rgba(126,154,117,.35);background:#7e9a751f;padding:.14rem .52rem}.chip.neutral{border-color:#b8a99a8c;background:#b8a99a24}.leader-list{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}.leader-list li{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--line);border-radius:12px;padding:.58rem .7rem;background:#fffcf7}.empty-state{border:1px dashed var(--line);border-radius:14px;background:var(--surface-strong);padding:1rem;display:grid;justify-items:center;text-align:center;gap:.5rem}.empty-state.small{justify-items:start;text-align:left;background:#fffaf4}.empty-state-icon{font-size:1.35rem;line-height:1}.empty-state p{color:var(--text-subtle);max-width:54ch}.nudged-copy,.commitment-line{border:1px dashed var(--line);border-radius:12px;background:#ffffff80;padding:.55rem .7rem;color:var(--text-subtle);font-size:.88rem}.commitment-line{border-style:solid}.action-grid,.sticky-grid{margin:0;border:1px solid var(--line);border-radius:12px;padding:.65rem}.action-grid legend,.sticky-grid legend{padding:0 .3rem;color:var(--text-main)}.action-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.45rem}.inline-option{display:flex;align-items:center;gap:.4rem;font-size:.84rem}.sticky-grid>div{display:flex;gap:.45rem;flex-wrap:wrap}.color-dot{width:28px;height:28px;border-radius:999px;border:2px solid transparent;cursor:pointer}.color-dot.active{border-color:#2f251ccc}.group-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.7rem}.group-card ul{list-style:none;margin:.45rem 0 0;padding:0;display:grid;gap:.35rem}.group-card li{display:flex;justify-content:space-between;gap:.5rem;font-size:.83rem}.group-meta{font-size:.82rem;color:var(--text-subtle)}.group-activity-line{border-top:1px dashed rgba(216,200,185,.8);padding-top:.5rem}.checked-on-me-grid{grid-template-columns:1.2fr .95fr}.checked-on-me-feed,.checked-on-me-compose{align-content:start}.compose-block{border:1px solid rgba(216,200,185,.8);border-radius:14px;background:linear-gradient(140deg,#fffdf9,#f8f1e8);padding:.75rem;display:grid;gap:.6rem}.compose-block h3{font-size:1rem;font-weight:600}.checked-on-me-row{display:grid;grid-template-columns:1fr 170px;gap:.55rem}.checked-on-me-reflection.compact-form{border-top:0;padding-top:0}.journal-entry{border:1px solid;border-radius:14px;padding:.8rem;box-shadow:0 8px 20px #3d281517,0 1px #ffffffb3 inset;transform:rotate(-.5deg)}.journal-entry:nth-child(2n){transform:rotate(.6deg)}.journal-entry header{display:flex;justify-content:space-between;gap:.5rem;align-items:baseline}.journal-entry header span{color:var(--text-subtle);font-size:.8rem}.note-body{font-family:var(--font-hand);font-size:1.16rem;line-height:1.3;white-space:pre-wrap}.checkin-type{display:inline-block;border-radius:999px;border:1px solid rgba(46,42,38,.2);padding:.05rem .44rem;font-size:.72rem;font-weight:700;letter-spacing:.02em;margin-right:.2rem}.checkin-type.personal{background:#e9ded4d9}.checkin-type.shared{background:#a6b8a647}.checked-on-me-item{align-items:flex-start;gap:.75rem}.checked-on-me-item strong{display:block}.leader-list.soft-cards{gap:.65rem}.leader-list.soft-cards li{align-items:flex-start;padding:.72rem .82rem;background:linear-gradient(160deg,#ffffffeb,#f7f0e8f5);border-color:#d8c8b9e6;box-shadow:0 8px 18px #3d28150f}.settings-subtle{padding-top:.2rem;border-top:1px dashed var(--line)}.settings-section{border:1px solid var(--line);border-radius:14px;background:#fffaf4;padding:.85rem;display:grid;gap:.65rem}.settings-section .settings-subtle{border-top:0;padding-top:0}.export-scope{display:grid;gap:.35rem;max-width:260px}.export-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.export-btn{width:100%;min-height:42px;display:inline-flex;justify-content:center;align-items:center;text-align:center}.export-btn-primary{grid-column:1 / -1}.subtle-actions,.legal-links{margin-top:-.2rem}.legal-links a{text-decoration:none;border-bottom:1px dashed rgba(108,98,89,.45)}.legal-links a:hover{border-bottom-color:#6c6259cc}.btn.quiet{padding:.48rem .72rem;font-size:.84rem}.btn.subtle{background:#ffffff6b;border-color:#d8c8b9e6;color:var(--text-subtle)}.muted{color:var(--text-subtle);font-size:.86rem}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:980px){.stats-grid,.panel-grid,.checked-on-me-grid,.checked-on-me-row{grid-template-columns:1fr}.hero{flex-direction:column}}@media(max-width:680px){.app-shell{width:calc(100% - 1rem)}.reminder-item{flex-direction:column}.reminder-meta{justify-items:start}.button-row{flex-direction:column}.export-actions{grid-template-columns:1fr}.export-btn-primary{grid-column:auto}}