:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f1ea;--bg-elevated:#fffcf6;--ink:#1c2a22;--muted:#5c6b62;--line:#d8d2c4;--accent:#2d5a3d;--accent-soft:#e4efe7;--accent-strong:#1f3f2b;--danger:#8b3a2f;--warning:#8a6a28;--radius:14px;--shadow:0 10px 30px #1c2a220f;--font:"Segoe UI", system-ui, -apple-system, sans-serif;--mono:ui-monospace, "SF Mono", Menlo, monospace;--max:720px}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{min-height:100vh;font-family:var(--font);color:var(--ink);background:radial-gradient(ellipse at top, #ebe6d9 0%, transparent 55%), var(--bg);margin:0;line-height:1.5}a{color:var(--accent)}a:hover{color:var(--accent-strong)}button,input,textarea{font:inherit;color:inherit}.skip-link{background:var(--accent);color:#fff;z-index:20;border-radius:8px;padding:.5rem .75rem;text-decoration:none;position:absolute;top:-3rem;left:1rem}.skip-link:focus{top:1rem}.app-shell{max-width:var(--max);margin:0 auto;padding:1rem 1rem 5.5rem}.topbar{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem;display:flex}.brand{align-items:center;gap:.75rem;display:flex}.brand-mark{background:linear-gradient(145deg, #3d7a52, var(--accent));border-radius:10px;width:2.25rem;height:2.25rem;box-shadow:inset 0 0 0 1px #ffffff26}.brand-name{letter-spacing:.01em;font-size:1.05rem;display:block}.brand-tag{color:var(--muted);font-size:.78rem;display:block}.nav{border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-overflow-scrolling:touch;background:#fffcf6b3;border-radius:999px;gap:.35rem;margin-bottom:1.25rem;padding:.25rem;display:flex;overflow-x:auto}.nav-link{text-align:center;color:var(--muted);white-space:nowrap;border-radius:999px;flex:1 0 auto;padding:.55rem .85rem;font-size:.92rem;font-weight:600;text-decoration:none}.nav-link:hover{color:var(--ink);background:#2d5a3d0f}.nav-link.is-active{color:#fff;background:var(--accent)}.main:focus{outline:none}.panel{background:var(--bg-elevated);border:1px solid var(--line);border-radius:calc(var(--radius) + 4px);box-shadow:var(--shadow);padding:1.25rem 1.25rem 1.5rem}.panel-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.75rem;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0;font-size:.75rem;font-weight:700}h1{margin:.15rem 0 0;font-size:1.55rem;font-weight:720;line-height:1.2}h2{margin:0 0 .75rem;font-size:1.05rem}.lede{color:var(--muted);margin:0 0 1.25rem}.muted{color:var(--muted)}.small{font-size:.85rem}.center{text-align:center}.ring{text-align:center;background:radial-gradient(circle at center, var(--bg-elevated) 58%, transparent 59%), conic-gradient(var(--accent) calc(var(--pct,0) * 1%), var(--accent-soft) 0);border:1px solid var(--line);border-radius:50%;place-content:center;min-width:4.5rem;height:4.5rem;display:grid}.ring-value{font-size:1.05rem;font-weight:700;line-height:1}.ring-label{color:var(--muted);font-size:.7rem}.bhag-chip{background:var(--accent-soft);border:1px solid #c9dbcf;border-radius:12px;margin:0 0 1rem;padding:.7rem .85rem;font-size:.95rem}.bhag-chip .label{letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin-right:.4rem;font-size:.7rem;font-weight:700;display:inline-block}.progress-bar{background:var(--accent-soft);border-radius:999px;height:.45rem;margin-bottom:1.1rem;overflow:hidden}.progress-fill{background:var(--accent);border-radius:inherit;height:100%;transition:width .2s}.checklist{gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.check-row{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:12px;align-items:flex-start;gap:.75rem;padding:.85rem .9rem;display:flex}.check-row:hover{border-color:#b9cbbf}.check-row.is-done{background:#f3f8f4}.check-row input{width:1.2rem;height:1.2rem;accent-color:var(--accent);margin-top:.15rem}.check-body{gap:.15rem;display:grid}.check-name{font-weight:600}.check-cat{color:var(--muted);font-size:.8rem}.sample-tag{text-transform:uppercase;letter-spacing:.04em;color:var(--warning);vertical-align:middle;background:#f7efd5;border-radius:999px;padding:.1rem .35rem;font-size:.68rem;font-style:normal;font-weight:700}.card{border:1px solid var(--line);border-radius:var(--radius);background:#fffdf8;margin-top:1.25rem;padding:1rem 1.05rem}.reflect-teaser .teaser-list{margin:0 0 .9rem;padding-left:1.1rem}.reflect-teaser .teaser-list li{margin-bottom:.35rem}.empty-hint{color:var(--muted);padding:.75rem 0}.stack{gap:.9rem;display:grid}.field{border:0;gap:.4rem;margin:0;padding:0;display:grid}.field-label{font-size:.92rem;font-weight:650}.optional{color:var(--muted);font-size:.85rem;font-weight:500}.hint{color:var(--muted);margin:0;font-size:.85rem}input[type=text],input[type=date],textarea{border:1px solid var(--line);background:#fff;border-radius:10px;width:100%;padding:.7rem .8rem}input:focus,textarea:focus,button:focus-visible,.nav-link:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}textarea{resize:vertical;min-height:4.5rem}.btn{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.35rem;padding:.6rem 1rem;font-weight:650;text-decoration:none;display:inline-flex}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-strong);color:#fff}.btn-ghost{border-color:var(--line);color:var(--ink);background:#fff}.btn-ghost:hover{background:var(--accent-soft);color:var(--ink);border-color:#b9cbbf}.btn-sm{padding:.35rem .7rem;font-size:.85rem}.btn.danger{color:var(--danger)}.row-actions{align-items:center;gap:.75rem;display:flex}.row-actions.wrap{flex-wrap:wrap}.status{color:var(--accent);font-size:.85rem;font-weight:600}.habit-list{gap:.55rem;margin:0 0 1.25rem;padding:0;list-style:none;display:grid}.habit-card{border:1px solid var(--line);background:#fff;border-radius:12px;padding:.7rem .8rem}.habit-card.dragging{opacity:.55}.habit-card-top{align-items:flex-start;gap:.5rem;display:flex}.drag-handle{color:var(--muted);cursor:grab;background:0 0;border:0;padding:.2rem .25rem;line-height:1}.habit-card-main{flex:1;gap:.15rem;min-width:0;display:grid}.habit-card-actions{flex-shrink:0;gap:.25rem;display:flex}.dow-grid{flex-wrap:wrap;gap:.4rem;display:flex}.dow-chip{cursor:pointer}.dow-chip input{opacity:0;pointer-events:none;position:absolute}.dow-chip span{text-align:center;border:1px solid var(--line);min-width:2.5rem;color:var(--muted);background:#fff;border-radius:999px;padding:.4rem .55rem;font-size:.85rem;font-weight:600;display:inline-block}.dow-chip input:checked+span{background:var(--accent);border-color:var(--accent);color:#fff}.dow-chip input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}.modal[hidden]{display:none}.modal{z-index:30;place-items:end center;padding:1rem;display:grid;position:fixed;inset:0}.modal-backdrop{background:#1c2a2259;position:absolute;inset:0}.modal-panel{background:var(--bg-elevated);border:1px solid var(--line);width:min(100%,520px);max-height:90vh;box-shadow:var(--shadow);border-radius:18px 18px 14px 14px;padding:1.25rem;position:relative;overflow:auto}.date-nav{justify-content:center;align-items:center;gap:.5rem;margin-bottom:.35rem;display:flex}.date-field{width:auto}.history-list{gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.history-list a{color:inherit;border:1px solid var(--line);background:#fff;border-radius:10px;gap:.1rem;padding:.65rem .75rem;text-decoration:none;display:grid}.history-list a:hover{background:var(--accent-soft);border-color:#b9cbbf}.stat-grid{grid-template-columns:repeat(3,1fr);gap:.65rem;margin-bottom:1.1rem;display:grid}.stat-card{border:1px solid var(--line);text-align:center;background:#fff;border-radius:12px;padding:.85rem .7rem}.stat-value{color:var(--accent);font-size:1.35rem;font-weight:720;display:block}.stat-label{color:var(--muted);font-size:.75rem}.bar-chart{align-items:flex-end;gap:.35rem;height:120px;margin-bottom:1rem;padding:.5rem .25rem 0;display:flex}.bar-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:.3rem;height:100%;display:flex}.bar{background:var(--accent);border-radius:6px 6px 3px 3px;width:100%;max-width:1.4rem;min-height:2px}.bar[data-empty=true]{background:var(--line);min-height:2px;height:2px!important}.bar-label{color:var(--muted);font-size:.65rem}.day-list{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.day-list li{border-bottom:1px solid #eee7da;justify-content:space-between;gap:1rem;padding:.45rem .2rem;font-size:.92rem;display:flex}.day-list li.is-today{font-weight:650}.file-btn{cursor:pointer}.footer{text-align:center;color:var(--muted);margin-top:1.5rem;font-size:.8rem}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=560px){.app-shell{padding:.75rem .75rem 5.5rem}.panel{padding:1rem}.habit-card-top{flex-wrap:wrap}.habit-card-actions{justify-content:flex-end;width:100%;padding-left:1.75rem}.stat-value{font-size:1.15rem}.nav{border-radius:16px}}@media (prefers-reduced-motion:reduce){.progress-fill{transition:none}}