:root{--bg: #FDF6F0;--bg-card: #FFFFFF;--text: #2C2420;--text-muted:#9A8880;--text-light:#C4B5AF;--border: rgba(44,36,32,.07);--cat-body: #F2C4B0;--cat-mind: #B8D4C8;--cat-skin: #E4C5D3;--cat-anti: #C5CAE9;--done: #7BAF8E;--accent: #C9907C;--radius: 16px;--shadow: 0 2px 12px rgba(44,36,32,.06);--shadow-sm: 0 1px 8px rgba(44,36,32,.06);--nav-h: 84px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}::-webkit-scrollbar{width:0}html,body{height:100%;font-family:DM Sans,sans-serif;background:#f0ebe3;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased}#app{width:100%;max-width:430px;margin:0 auto;height:100dvh;display:flex;flex-direction:column;position:relative;background:var(--bg);box-shadow:0 0 60px #2c24201f}#view-container{flex:1;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain}#bottom-nav{position:sticky;bottom:0;z-index:100;display:flex;justify-content:space-around;background:#fdf6f0eb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--border);padding:10px 0 calc(18px + env(safe-area-inset-bottom,0px))}.nav-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:none;cursor:pointer;padding:4px 0;color:var(--text-light);transition:color .2s ease;min-height:44px}.nav-btn span{font-family:DM Sans,sans-serif;font-size:10px;font-weight:400;letter-spacing:.4px}.nav-btn.active{color:var(--accent)}.nav-btn.active span{font-weight:500}.nav-dot{opacity:0;transition:opacity .2s ease}.nav-btn.active .nav-dot{opacity:1}.view{background:var(--bg);min-height:100%;padding:8px 18px 32px}.view-header{padding-top:52px;padding-bottom:20px}.view-eyebrow{font-family:DM Sans,sans-serif;font-size:12px;font-weight:400;color:var(--text-muted);letter-spacing:.8px;text-transform:uppercase;margin-bottom:4px}.view-title{font-family:Playfair Display,serif;font-size:26px;font-weight:500;color:var(--text);line-height:1.2;letter-spacing:.2px}.card{background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow)}.progress-card{padding:16px 18px;margin-bottom:20px}.progress-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}.progress-label{font-size:13px;color:var(--text-muted)}.progress-count{font-family:Playfair Display,serif;font-style:italic;font-size:16px;color:var(--accent)}.progress-track{height:6px;background:#f0e8e4;border-radius:99px;overflow:hidden}.progress-fill{height:100%;background:var(--accent);border-radius:99px;transition:width .4s ease;width:0%}.progress-complete{font-family:Playfair Display,serif;font-style:italic;font-size:13px;color:var(--done);margin-top:8px;text-align:center}.accordion{margin-bottom:10px}.accordion-header{display:flex;align-items:center;gap:10px;padding:10px 4px;cursor:pointer;-webkit-user-select:none;user-select:none;min-height:44px}.cat-bar{width:3px;height:18px;border-radius:2px;flex-shrink:0}.cat-name{font-family:Playfair Display,serif;font-size:15px;font-weight:500;color:var(--text);flex:1;letter-spacing:.2px}.cat-count{font-size:12px;color:var(--text-muted);font-weight:400}.chevron{flex-shrink:0;transition:transform .2s ease}.accordion.open .chevron{transform:rotate(180deg)}.accordion-body{display:flex;flex-direction:column;gap:7px;padding-bottom:6px;overflow:hidden}.accordion-body.collapsed{display:none}.task-card{background:var(--bg-card);border-radius:12px;padding:13px 14px;display:flex;align-items:center;gap:12px;box-shadow:var(--shadow-sm);border:1px solid transparent;transition:all .25s ease;cursor:pointer;min-height:44px}.task-card.done{background:#7baf8e0f;box-shadow:none;border-color:#7baf8e2e}.task-label{font-size:14px;font-weight:400;color:var(--text);flex:1;line-height:1.4;letter-spacing:.1px;transition:all .25s ease}.task-card.done .task-label{color:var(--text-muted);text-decoration:line-through;text-decoration-color:var(--text-light)}.checkbox{width:22px;height:22px;border-radius:6px;flex-shrink:0;border:1.5px solid var(--text-light);background:transparent;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.checkbox.checked{background:var(--done);border-color:var(--done)}.share-btn{width:100%;padding:15px 0;background:var(--accent);border:none;border-radius:14px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;color:var(--bg);letter-spacing:.6px;cursor:pointer;box-shadow:0 4px 16px #c9907c47;transition:opacity .2s ease,transform .1s ease;margin-top:20px}.share-btn:active{opacity:.85;transform:scale(.98)}.heatmap-grid{display:flex;gap:8px;justify-content:space-between}.heat-cell{display:flex;flex-direction:column;align-items:center;gap:7px;flex:1}.heat-block{width:100%;aspect-ratio:1;border-radius:10px;background:#f0e8e4;display:flex;align-items:center;justify-content:center}.heat-pct{font-size:11px;font-weight:500;color:var(--text-muted)}.heat-pct.bright{color:#fff}.heat-day{font-size:11px;color:var(--text-muted)}.stat-blocks{display:flex;gap:10px;margin-bottom:16px}.stat-block{flex:1;background:var(--bg-card);border-radius:14px;padding:14px 12px;box-shadow:0 2px 10px #2c24200d;display:flex;flex-direction:column;gap:2px;align-items:center}.stat-value-row{display:flex;align-items:baseline;gap:2px}.stat-value{font-family:Playfair Display,serif;font-size:26px;font-weight:500;color:var(--accent)}.stat-unit{font-size:12px;color:var(--text-muted)}.stat-label{font-size:11px;color:var(--text-muted);text-align:center;line-height:1.3}.task-list-card{padding:16px 18px;margin-bottom:12px}.task-list-title{font-family:Playfair Display,serif;font-style:italic;font-size:14px;color:var(--text);margin-bottom:12px}.task-list-item{display:flex;align-items:center;gap:10px;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid var(--border)}.task-list-item:last-child{padding-bottom:0;margin-bottom:0;border-bottom:none}.task-list-icon{width:24px;height:24px;border-radius:99px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.task-list-icon.done-icon{background:#7baf8e26}.task-list-icon.skip-icon{background:#c9907c1a}.task-list-name{font-size:13px;color:var(--text);flex:1}.cat-chips{display:flex;gap:8px;flex-wrap:wrap}.cat-chip{display:flex;align-items:center;gap:7px;padding:7px 12px;border-radius:99px;cursor:pointer;transition:opacity .2s ease}.cat-chip-dot{width:10px;height:10px;border-radius:99px}.cat-chip-label{font-size:12px;font-weight:500;color:var(--text)}.settings-task-list{border-radius:var(--radius);background:var(--bg-card);box-shadow:var(--shadow);overflow:hidden;margin-bottom:16px}.settings-task-row{display:flex;align-items:center;gap:12px;padding:13px 16px;border-bottom:1px solid var(--border);transition:background .15s ease;min-height:44px}.settings-task-row:last-child{border-bottom:none}.drag-handle{display:flex;flex-direction:column;gap:3.5px;cursor:grab;padding:2px 4px;flex-shrink:0}.drag-handle-row{display:flex;gap:3px}.drag-dot{width:3px;height:3px;border-radius:99px;background:var(--text-light)}.cat-dot{width:8px;height:8px;border-radius:99px;flex-shrink:0}.settings-task-label{font-size:13px;color:var(--text);flex:1;outline:none}.settings-task-label[contenteditable=true]{background:#c9907c0f;border-radius:4px;padding:2px 4px}.settings-task-actions{display:flex;gap:8px;align-items:center}.icon-btn{background:none;border:none;cursor:pointer;padding:4px;color:var(--text-light);transition:color .2s ease;border-radius:6px;display:flex;align-items:center;justify-content:center;min-width:32px;min-height:32px}.icon-btn:hover,.icon-btn:active{color:var(--text-muted)}.icon-btn.delete-btn:hover,.icon-btn.delete-btn:active{color:#e57373}.add-ritual-btn{width:100%;padding:14px 0;background:transparent;border:1.5px dashed rgba(201,144,124,.4);border-radius:14px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:400;color:var(--accent);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:border-color .2s ease,background .2s ease;min-height:44px}.add-ritual-btn:active{background:#c9907c0d}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#2c242066;z-index:200;display:flex;align-items:flex-end;justify-content:center;animation:fadeIn .2s ease}.modal-sheet{background:var(--bg-card);border-radius:20px 20px 0 0;padding:24px 20px calc(24px + env(safe-area-inset-bottom,0px));width:100%;max-width:430px;animation:slideUp .25s ease}.modal-title{font-family:Playfair Display,serif;font-size:20px;font-weight:500;color:var(--text);margin-bottom:20px}.modal-field{margin-bottom:14px}.modal-label{font-size:12px;color:var(--text-muted);letter-spacing:.6px;text-transform:uppercase;margin-bottom:6px;display:block}.modal-input{width:100%;padding:12px 14px;border:1.5px solid var(--border);border-radius:10px;font-family:DM Sans,sans-serif;font-size:14px;color:var(--text);background:var(--bg);outline:none;transition:border-color .2s ease}.modal-input:focus{border-color:var(--accent)}.modal-select{width:100%;padding:12px 14px;border:1.5px solid var(--border);border-radius:10px;font-family:DM Sans,sans-serif;font-size:14px;color:var(--text);background:var(--bg);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.modal-actions{display:flex;gap:10px;margin-top:20px}.btn-cancel{flex:1;padding:13px;background:transparent;border:1.5px solid var(--border);border-radius:12px;font-family:DM Sans,sans-serif;font-size:14px;color:var(--text-muted);cursor:pointer;transition:background .2s ease}.btn-save{flex:2;padding:13px;background:var(--accent);border:none;border-radius:12px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;color:var(--bg);cursor:pointer;transition:opacity .2s ease}.btn-save:active{opacity:.85}.btn-cancel:active{background:var(--border)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media(min-width:431px){body{display:flex;justify-content:center;align-items:stretch;min-height:100vh;padding:20px 0}#app{height:calc(100dvh - 40px);border-radius:40px;overflow:hidden}}