@import "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600;9..144,700&family=Manrope:wght@400;500;600;700&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg:#121412;--bg-elevated:#191e19e6;--bg-soft:#222822b8;--panel:#121814d6;--panel-strong:#19201bf0;--border:#b0c1ac29;--border-strong:#c4dbbf40;--text:#ecf1e7;--text-muted:#aeb8a8;--accent:#89c67d;--accent-strong:#c8efb8;--rose:#f0a7ae;--amber:#f3ca79;--shadow:0 24px 80px #00000059;--radius-xl:28px;--radius-lg:20px;--radius-md:16px;--radius-sm:12px;font-family:Manrope,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{background:radial-gradient(circle at top,#89c67d26,#0000 30%),radial-gradient(circle at 100% 100%,#f0a7ae1f,#0000 35%),linear-gradient(#171b17 0%,#0d0f0d 100%);min-height:100%}body{min-width:320px;min-height:100vh;color:var(--text);margin:0}body:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:32px 32px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#0000008c,#0000 85%);mask-image:linear-gradient(#0000008c,#0000 85%)}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}#root{min-height:100vh}.shell{width:min(1180px,100% - 32px);margin:0 auto;padding:32px 0 56px}.hero-panel{border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow);background:linear-gradient(135deg,#222a24eb,#111512f5),radial-gradient(circle at 0 0,#c8efb81f,#0000 30%);grid-template-columns:1.8fr 1fr;gap:24px;padding:32px;display:grid;position:relative;overflow:hidden}.hero-panel:after{content:"";background:radial-gradient(circle,#89c67d3d,#0000 68%);border-radius:50%;width:320px;height:320px;position:absolute;inset:auto -5% -40% auto}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:var(--accent-strong);margin:0 0 16px;font-size:.78rem}.hero-panel h1{letter-spacing:-.04em;max-width:12ch;margin:0;font-family:Fraunces,serif;font-size:clamp(2.4rem,6vw,4.8rem);line-height:.96}.hero-copy{max-width:52ch;color:var(--text-muted);margin:20px 0 0;font-size:1.03rem}.ownership-card{border-radius:var(--radius-lg);border:1px solid var(--border-strong);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f4f7f10f;align-self:end;padding:20px}.ownership-badge{color:var(--accent-strong);background:#89c67d29;border-radius:999px;margin-bottom:16px;padding:6px 12px;font-size:.85rem;display:inline-flex}.install-status-row{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.install-pill{border:1px solid #ffffff14}.install-note{margin:14px 0 0}.reminder-banner{border-radius:var(--radius-lg);background:linear-gradient(135deg,#f3ca7924,#f0a7ae14);border:1px solid #f3ca794d;justify-content:space-between;gap:16px;margin:18px 0 0;padding:16px 18px;display:flex}.reminder-banner p{color:var(--text-muted);margin:6px 0 0}.nav-row{flex-wrap:wrap;gap:12px;margin:20px 0 24px;display:flex}.nav-link{border:1px solid var(--border);color:var(--text-muted);background:#141815d1;border-radius:999px;padding:12px 18px;transition:transform .18s,border-color .18s,color .18s,background .18s}.nav-link:hover,.nav-link:focus-visible{border-color:var(--border-strong);color:var(--text);transform:translateY(-1px)}.nav-link.active{color:var(--text);background:#89c67d24;border-color:#89c67d59}.content-grid,.page-grid{gap:24px;display:grid}.page-header{justify-content:space-between;align-items:end;gap:16px;display:flex}.page-header h2{letter-spacing:-.03em;margin:0;font-family:Fraunces,serif;font-size:clamp(1.8rem,3vw,2.6rem)}.page-header p{color:var(--text-muted);margin:8px 0 0}.card-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;display:grid}.card,.form-card,.list-card{border:1px solid var(--border);background:var(--panel);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:22px}.metric{gap:8px;display:grid}.metric-label{color:var(--text-muted);font-size:.92rem}.metric-value{font-family:Fraunces,serif;font-size:2.2rem}.metric-value.small{font-size:1.8rem}.split{grid-template-columns:minmax(0,360px) minmax(0,1fr);gap:24px;display:grid}.form-card form,.form-stack{gap:14px;display:grid}label{color:var(--text-muted);gap:8px;font-size:.94rem;display:grid}input,textarea,select{border-radius:var(--radius-sm);border:1px solid var(--border);width:100%;color:var(--text);background:#080c096b;padding:13px 14px}textarea{resize:vertical;min-height:120px}.button-row{flex-wrap:wrap;gap:12px;display:flex}.primary-button,.secondary-button,.inline-button{border:0;border-radius:999px;padding:12px 18px}.compact{padding:8px 12px}.primary-button{background:linear-gradient(135deg, var(--accent), var(--accent-strong));color:#10200d;font-weight:700}.secondary-button,.inline-button{color:var(--text);border:1px solid var(--border);background:#ffffff0f}.list-card ul{gap:14px;margin:0;padding:0;list-style:none;display:grid}.entry-row{border-radius:var(--radius-md);background:#ffffff08;border:1px solid #ffffff0d;padding:16px}.entry-row strong{margin-bottom:4px;display:block}.entry-meta{color:var(--text-muted);flex-wrap:wrap;gap:10px;margin-top:10px;font-size:.88rem;display:flex}.pill{background:#ffffff14;border-radius:999px;padding:5px 10px;display:inline-flex}.habit-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.habit-title{align-items:center;gap:12px;display:flex}.color-dot{border-radius:50%;width:14px;height:14px}.status-note{color:var(--text-muted);font-size:.92rem}.chart-card{gap:16px;display:grid}.chart-header h3,.card h3,.form-card h3,.list-card h3{margin:0}.sparkline{grid-template-columns:repeat(auto-fit,minmax(32px,1fr));align-items:end;gap:10px;display:grid}.sparkline.small{grid-template-columns:repeat(5,minmax(32px,1fr))}.spark-column{justify-items:center;gap:8px;display:grid}.spark-track{background:#ffffff0d;border-radius:999px;align-items:end;width:100%;min-height:96px;display:flex;overflow:hidden}.spark-bar{border-radius:999px;width:100%;min-height:10px}.spark-bar.mood{background:linear-gradient(#f0a7aee6,#f3ca79e6)}.spark-bar.habit{background:linear-gradient(#89c67df2,#c8efb8eb)}.distribution-grid{gap:12px;display:grid}.distribution-row{grid-template-columns:28px minmax(0,1fr) 32px;align-items:center;gap:12px;display:grid}.distribution-track{background:#ffffff0d;border-radius:999px;height:12px;overflow:hidden}.distribution-fill{background:linear-gradient(90deg,#f0a7aeeb,#f3ca79eb);border-radius:999px;height:100%}.compact-actions{justify-content:end}.today-card{gap:16px;display:grid}.accent-card{background:linear-gradient(135deg, #89c67d14, #ffffff05), var(--panel)}.status-stack,.history-list{gap:14px;display:grid}.status-line,.history-row{justify-content:space-between;align-items:start;gap:14px;display:flex}.status-dot{background:#f0a7aeb8;border-radius:50%;width:12px;height:12px;margin-top:4px;box-shadow:0 0 0 6px #f0a7ae14}.status-dot.done{background:#89c67df2;box-shadow:0 0 0 6px #89c67d14}.metric-pair-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.history-filters{min-width:min(100%,340px)}.history-row{border-top:1px solid #ffffff0f;padding:14px 0}.history-row:first-child{border-top:0;padding-top:0}.compact-chart-card{min-height:0}.onboarding-header{align-items:start}.onboarding-card{background:linear-gradient(180deg, #ffffff0a, #ffffff05), var(--panel);padding:28px}.onboarding-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:24px;display:grid}.plain-list{margin:0;padding:0;list-style:none}.plain-list li{color:var(--text-muted);padding-left:18px;position:relative}.plain-list li:before{content:"";background:#89c67de6;border-radius:50%;width:7px;height:7px;position:absolute;top:.72em;left:0;box-shadow:0 0 0 5px #89c67d14}.onboarding-actions{margin-top:8px}.checkin-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.entry-detail-grid{flex-wrap:wrap;gap:10px;margin:10px 0 12px;display:flex}.backup-card{gap:16px;display:grid}.backup-summary{flex-wrap:wrap;gap:10px;display:flex}.recovery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.compact-panel{gap:8px;min-height:100%;display:grid}.compact-panel p{margin:0}@media (width<=860px){.shell{width:min(100% - 24px,1180px);padding-top:20px}.hero-panel,.split{grid-template-columns:1fr}.page-header,.reminder-banner,.habit-row,.history-row,.status-line{flex-direction:column;align-items:start}.compact-actions{justify-content:start}.metric-pair-grid{grid-template-columns:1fr}}