:root{--bg-primary: #0b0d13;--bg-secondary: #13151d;--bg-card: #181b25;--bg-card-hover: #1f2231;--bg-input: #1f2231;--border: #262938;--border-focus: #6c63ff;--text-primary: #eaeaf0;--text-secondary: #8b8fa4;--text-muted: #5c6078;--accent: #6c63ff;--accent-light: #8b83ff;--accent-glow: rgba(108, 99, 255, .25);--success: #34d399;--success-glow: rgba(52, 211, 153, .2);--danger: #f87171;--danger-glow: rgba(248, 113, 113, .2);--warning: #fbbf24;--streak: #f59e0b;--streak-glow: rgba(245, 158, 11, .2);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--transition: .2s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .4s cubic-bezier(.34, 1.56, .64, 1);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .35);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .45);--shadow-accent: 0 4px 20px var(--accent-glow)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:Inter,Segoe UI,SF Pro Display,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}#root{min-height:100vh}input,button{font-family:inherit;font-size:inherit;border:none;outline:none;background:none;color:inherit}button{cursor:pointer}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.app-header{position:sticky;top:0;z-index:100;background:#0b0d13e0;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--border);padding:0 1.5rem}.header-content{max-width:1060px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:60px;gap:1rem}.header-left,.header-right{display:flex;align-items:center;gap:.75rem}.logo{font-size:1.15rem;font-weight:700;display:flex;align-items:center;gap:.45rem;white-space:nowrap;letter-spacing:-.02em}.logo-icon{font-size:1.35rem}.date-badge{font-size:.75rem;color:var(--text-muted);background:var(--bg-secondary);padding:.2rem .65rem;border-radius:20px;white-space:nowrap;border:1px solid var(--border)}.tab-nav{display:flex;gap:4px;background:var(--bg-secondary);padding:3px;border-radius:var(--radius-md);border:1px solid var(--border)}.tab-btn{padding:.35rem .9rem;border-radius:var(--radius-sm);font-size:.82rem;font-weight:500;color:var(--text-muted);transition:var(--transition);white-space:nowrap}.tab-btn:hover{color:var(--text-primary);background:#ffffff0a}.tab-btn.active{background:var(--accent);color:#fff;box-shadow:var(--shadow-accent)}.btn-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--text-muted);transition:var(--transition)}.btn-icon:hover{background:var(--bg-card);color:var(--text-primary)}.app-main{max-width:1060px;margin:0 auto;padding:1.5rem}.tabs-viewport,.tabs-track{width:100%}.tab-content{display:none;animation:fadeUp .3s ease}.tab-content.active{display:block}@media (max-width: 900px){body{height:100dvh;height:100vh;overflow-x:hidden;overflow-y:hidden}#root{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden}.app-header{flex-shrink:0}.app-main{flex:1;min-height:0;overflow:hidden;padding:0!important;margin:0;max-width:100%}.tabs-viewport{overflow:hidden;height:100%;touch-action:pan-y}.tabs-track{display:flex;flex-direction:row;align-items:stretch;height:100%;will-change:transform;transition:transform .26s cubic-bezier(.4,0,.2,1)}.tabs-track.dragging{transition:none}.tab-content{display:block!important;flex:0 0 100%;width:100%;height:100%;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;animation:none;padding:1rem;box-sizing:border-box}}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:1.25rem}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:1rem 1.1rem;display:flex;align-items:center;gap:.75rem;transition:var(--transition)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:#ffffff0f}.stat-icon{font-size:1.5rem;flex-shrink:0}.stat-body{min-width:0}.stat-value{font-size:1.5rem;font-weight:800;line-height:1.2;letter-spacing:-.02em}.stat-card.accent .stat-value{color:var(--accent-light)}.stat-card.success .stat-value{color:var(--success)}.stat-card.streak .stat-value{color:var(--streak)}.stat-label{font-size:.72rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-weight:500}.add-habit-bar{display:flex;gap:.6rem;margin-bottom:1.25rem}.add-habit-bar input{flex:1;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);padding:.7rem 1rem;font-size:.9rem;transition:var(--transition)}.add-habit-bar input::placeholder{color:var(--text-muted)}.add-habit-bar input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.btn-add{display:flex;align-items:center;gap:.4rem;background:var(--accent);color:#fff;padding:.7rem 1.15rem;border-radius:var(--radius-md);font-weight:600;font-size:.88rem;transition:var(--transition);white-space:nowrap}.btn-add:hover{background:var(--accent-light);box-shadow:var(--shadow-accent);transform:translateY(-1px)}.btn-add:active{transform:scale(.97)}.habits-list{display:flex;flex-direction:column;gap:.4rem}.habit-item{display:flex;align-items:center;gap:.75rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:.8rem 1rem;transition:var(--transition);animation:slideIn .25s ease;transform-origin:center}@keyframes slideIn{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.habit-item:hover{background:var(--bg-card-hover);border-color:#ffffff0f}.habit-item.done{border-color:#34d39940}.habit-item.reorder-ready{border-color:#6c63ff80;box-shadow:0 0 0 2px #6c63ff2e,0 10px 24px #00000047;transform:scale(1.01)}.habits-list.reorder-active{user-select:none;-webkit-user-select:none}.habits-list.reorder-active .habit-item:not(.dragging){transition:transform .17s cubic-bezier(.22,1,.36,1),background var(--transition),border-color var(--transition),box-shadow var(--transition)}body.habit-reorder-active{user-select:none;-webkit-user-select:none}.habit-item.dragging{position:fixed;z-index:1200;pointer-events:none;opacity:.96;box-shadow:var(--shadow-lg);border-color:#6c63ff73;will-change:transform;transition:box-shadow .18s ease,border-color .18s ease,opacity .18s ease}.habit-placeholder{border:1px dashed rgba(108,99,255,.48);border-radius:var(--radius-md);background:#6c63ff14;transition:height .15s ease,background-color .17s ease,border-color .17s ease;animation:placeholderPulse 1.1s ease-in-out infinite}@keyframes placeholderPulse{0%,to{background:#6c63ff14;border-color:#6c63ff73}50%{background:#6c63ff24;border-color:#8b83ffa6}}.habit-check{position:relative;width:26px;height:26px;flex-shrink:0}.habit-check input{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer;z-index:2}.habit-check .checkmark{position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid var(--border);border-radius:7px;background:var(--bg-input);transition:var(--transition-bounce);display:flex;align-items:center;justify-content:center}.habit-check .checkmark svg{opacity:0;transform:scale(0);transition:var(--transition-bounce);color:#fff}.habit-check input:checked+.checkmark{background:var(--success);border-color:var(--success);box-shadow:0 0 12px var(--success-glow)}.habit-check input:checked+.checkmark svg{opacity:1;transform:scale(1)}.habit-info{flex:1;min-width:0;border-radius:var(--radius-sm);padding:.18rem .3rem;margin:-.18rem -.3rem;cursor:pointer;transition:background-color var(--transition),box-shadow var(--transition)}.habit-info:hover{background:#ffffff08}.habit-info:focus-visible{outline:none;box-shadow:0 0 0 2px #6c63ff66}.habit-name{font-size:.92rem;font-weight:500}.habit-item.done .habit-name{color:var(--success)}.habit-meta{font-size:.72rem;color:var(--text-muted);display:flex;gap:.75rem;margin-top:.1rem}.habit-streak{color:var(--streak);font-weight:600}.habit-actions{display:flex;gap:4px;opacity:0;transition:var(--transition)}.habit-item:hover .habit-actions{opacity:1}.habit-actions button{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--text-muted);transition:var(--transition)}.habit-actions .btn-edit:hover{background:var(--accent-glow);color:var(--accent-light)}.habit-actions .btn-delete:hover{background:var(--danger-glow);color:var(--danger)}.empty-state{text-align:center;padding:3rem 1rem;color:var(--text-secondary)}.empty-state.hidden{display:none}.empty-icon{font-size:2.5rem;margin-bottom:.6rem}.empty-state p{font-size:1.05rem;font-weight:600;color:var(--text-primary);margin-bottom:.2rem}.empty-state span{font-size:.82rem}.dash-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1rem}.dash-summary-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:1rem 1.15rem;display:flex;align-items:center;gap:.85rem;transition:var(--transition)}.dash-summary-card:hover{border-color:#ffffff0f;transform:translateY(-1px)}.dash-summary-icon{width:42px;height:42px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.dash-summary-icon.blue{background:#6c63ff1f;color:#8b83ff}.dash-summary-icon.green{background:#34d3991f;color:#34d399}.dash-summary-icon.amber{background:#f59e0b1f;color:#f59e0b}.dash-summary-value{font-size:1.35rem;font-weight:800;letter-spacing:-.02em;line-height:1.2}.dash-summary-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-weight:500}.dashboard-grid{display:grid;grid-template-columns:240px 1fr;grid-template-rows:auto auto;gap:.75rem}.chart-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding-top:1.25rem;padding-bottom:1.25rem;transition:var(--transition)}.chart-card:hover{border-color:#ffffff0f}.chart-card h3{font-size:.88rem;font-weight:600;margin-bottom:.85rem;margin-left:.85rem;color:var(--text-primary);letter-spacing:-.01em}.chart-card h3 small{font-weight:400;color:var(--text-muted);font-size:.78rem;margin-left:.35rem}.ring-card{grid-row:1 / 2;grid-column:1 / 2;display:flex;flex-direction:column;align-items:center}.ring-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none}.ring-container{position:relative;width:200px;height:200px;margin:0 auto;display:flex;align-items:center;justify-content:center}#ring-chart{display:block;margin:0 auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px!important;height:200px!important}.ring-value{font-size:2.25rem;font-weight:800;color:var(--accent-light);letter-spacing:-.03em}.ring-label{font-size:.72rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.ring-detail{font-size:.78rem;color:var(--text-secondary);margin-top:1rem;font-weight:500}.line-card{grid-row:1 / 2;grid-column:2 / 3}.bar-card{grid-row:2 / 3;grid-column:1 / -1}.chart-wrapper{position:relative;width:100%}.line-card .chart-wrapper{height:220px}.bar-wrapper{height:260px}.calendar-header{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-bottom:1.25rem}.calendar-header h3{font-size:1.1rem;font-weight:700;min-width:160px;text-align:center}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.day-header{text-align:center;font-size:.72rem;font-weight:600;color:var(--text-muted);padding:.4rem 0;text-transform:uppercase}.day-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;position:relative;border-radius:var(--radius-sm);font-size:.82rem;font-weight:500;color:var(--text-secondary);transition:var(--transition);cursor:pointer}.day-cell:hover{background:#ffffff0a}.day-cell:focus-visible{outline:2px solid rgba(108,99,255,.55);outline-offset:-2px}.day-number{line-height:1}.day-note-dot{width:6px;height:6px;border-radius:50%;background:var(--warning);position:absolute;bottom:5px;left:50%;transform:translate(-50%);box-shadow:0 0 8px #fbbf2459}.day-cell.has-notes{box-shadow:inset 0 0 0 1px #fbbf2438}.day-cell.today{outline:2px solid var(--accent);outline-offset:-2px;color:var(--text-primary);font-weight:700}.day-cell.full{background:var(--success);color:#fff;font-weight:700;box-shadow:0 0 8px var(--success-glow)}.day-cell.partial{background:#6c63ff40;color:var(--accent-light)}.day-cell.none{background:#f871711f;color:var(--danger)}.day-cell.empty{background:none;cursor:default}.day-cell.empty:hover{background:none}.calendar-legend{display:flex;justify-content:center;gap:1.5rem;margin-top:1.15rem;font-size:.78rem;color:var(--text-secondary)}.legend-item{display:flex;align-items:center;gap:.35rem}.legend-dot{width:10px;height:10px;border-radius:3px}.legend-dot.full{background:var(--success)}.legend-dot.partial{background:#6c63ff73}.legend-dot.none{background:#f871714d}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .15s ease}.modal-overlay.hidden{display:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;min-width:320px;max-width:400px;width:90%;animation:scaleIn .2s cubic-bezier(.34,1.56,.64,1)}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.modal h3{font-size:1.05rem;font-weight:700;margin-bottom:.4rem}.modal p{color:var(--text-secondary);font-size:.88rem;margin-bottom:1.15rem}.modal input{width:100%;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.65rem .85rem;font-size:.92rem;margin-bottom:1.15rem;transition:var(--transition)}.modal input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.modal textarea{width:100%;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.65rem .85rem;font-size:.92rem;margin-bottom:1.15rem;transition:var(--transition);color:var(--text-primary);resize:vertical;min-height:110px}.modal textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.modal-actions{display:flex;gap:.4rem}.btn-primary{background:var(--accent);color:#fff;padding:.55rem 1.15rem;border-radius:var(--radius-sm);font-weight:600;font-size:.85rem;transition:var(--transition)}.btn-primary:hover{background:var(--accent-light)}.btn-secondary{background:var(--bg-input);border:1px solid var(--border);color:var(--text-primary);padding:.55rem 1.15rem;border-radius:var(--radius-sm);font-weight:600;font-size:.85rem;transition:var(--transition)}.btn-secondary:hover{background:var(--bg-card-hover)}.btn-danger{background:var(--danger);color:#fff;padding:.55rem 1.15rem;border-radius:var(--radius-sm);font-weight:600;font-size:.85rem;transition:var(--transition)}.btn-danger:hover{opacity:.85}.btn-ghost{color:var(--text-secondary);padding:.55rem 1.15rem;border-radius:var(--radius-sm);font-weight:500;font-size:.85rem;transition:var(--transition)}.btn-ghost:hover{background:var(--bg-secondary);color:var(--text-primary)}.install-modal{text-align:center;padding:2rem 1.5rem}.install-header{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:1rem}.install-icon{font-size:3rem}.install-modal h3{font-size:1.25rem;font-weight:800;color:var(--accent-light);margin-bottom:.25rem}.install-modal p{font-size:.95rem;margin-bottom:1.5rem}.install-modal .modal-actions{justify-content:center}.habit-detail-modal{width:min(920px,94vw);max-width:920px;padding:1.25rem}.habit-detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.9rem}.habit-detail-header h3{margin-bottom:.2rem;font-size:1.12rem}.habit-detail-header p{margin-bottom:0;font-size:.8rem}.habit-detail-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;margin-bottom:.85rem}.habit-detail-stat-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.7rem .8rem;display:flex;flex-direction:column;gap:.1rem}.habit-detail-stat-label{font-size:.68rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.habit-detail-stat-card strong{font-size:1rem;line-height:1.3;letter-spacing:-.01em}.habit-detail-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:.7rem}.habit-detail-chart-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:.85rem}.habit-detail-chart-card h4{font-size:.85rem;margin-bottom:.65rem}.habit-detail-chart-wrap{position:relative;width:100%}.trend-card{grid-column:1 / -1}.trend-wrap,.weekday-wrap,.donut-wrap{height:220px}.habit-detail-breakdown-note{margin-top:.6rem;font-size:.78rem;color:var(--text-secondary)}.habit-detail-empty{text-align:center}.habit-detail-empty .modal-actions{justify-content:center;margin-top:1rem}.day-notes-modal{width:min(1080px,96vw);max-width:1080px;max-height:90vh;overflow-y:auto;padding:1rem 1rem 4.2rem;position:relative;border:1px solid var(--border);background:radial-gradient(circle at 100% -20%,rgba(108,99,255,.13),transparent 40%),radial-gradient(circle at -10% 120%,rgba(52,211,153,.08),transparent 32%),var(--bg-primary)}.day-notes-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.7rem}.day-notes-header h3{font-size:1.15rem;margin-bottom:.1rem}.day-notes-header p{margin-bottom:0;font-size:.82rem;color:var(--text-secondary)}.day-notes-filter-row{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.55rem}.day-notes-filter-btn{border:1px solid var(--border);border-radius:999px;padding:.28rem .7rem;font-size:.74rem;color:var(--text-secondary);background:var(--bg-card);transition:var(--transition)}.day-notes-filter-btn.active{color:var(--text-primary);border-color:#6c63ff80;background:#6c63ff29}.day-notes-filter-btn:focus-visible{outline:2px solid rgba(108,99,255,.55);outline-offset:1px}.day-notes-search{display:flex;align-items:center;gap:.45rem;margin-bottom:.7rem}.day-notes-search-clear{padding:.34rem .7rem;white-space:nowrap}.day-notes-month-results{border:1px solid var(--border);border-radius:var(--radius-md);padding:.75rem;margin-bottom:.7rem;background:var(--bg-secondary)}.day-notes-month-results h4{margin-bottom:.5rem;font-size:.82rem}.day-notes-month-list{display:flex;flex-direction:column;gap:.35rem}.month-note-item{display:flex;align-items:center;justify-content:space-between;gap:.6rem;border:1px solid var(--border);border-radius:var(--radius-sm);padding:.5rem .6rem;background:#ffffff03}.month-note-main{display:flex;flex-direction:column;gap:.15rem;min-width:0}.month-note-main strong{font-size:.84rem}.month-note-main span{color:var(--text-muted);font-size:.75rem}.month-note-snippet{margin:.12rem 0 0;font-size:.75rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:50ch}.day-notes-grid{display:grid;grid-template-columns:minmax(320px,420px) 1fr;gap:.75rem}.day-notes-content{display:block}.day-notes-form-card,.day-notes-list-card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-secondary);padding:.85rem}.day-notes-form-card h4,.day-notes-list-card h4{font-size:.87rem;margin-bottom:.6rem}.day-notes-list-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.7rem}.day-notes-summary{display:flex;flex-wrap:wrap;gap:.32rem}.day-notes-summary span{border-radius:999px;border:1px solid var(--border);background:#ffffff05;color:var(--text-secondary);font-size:.7rem;padding:.14rem .45rem}.day-note-section-title{margin:.1rem 0 .15rem;font-size:.73rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.day-note-keyboard-hint{margin:.75rem 0 0;font-size:.72rem;color:var(--text-muted)}.note-body-input{min-height:220px;max-height:48vh;overflow:auto;resize:none}.note-field-counter{margin:-.72rem 0 .68rem;font-size:.72rem;color:var(--text-muted);text-align:right}.tag-pill-row{display:flex;flex-wrap:wrap;gap:.32rem;margin:.1rem 0 .55rem}.tag-pill{display:inline-flex;align-items:center;gap:.25rem;border-radius:999px;border:1px solid rgba(108,99,255,.35);background:#6c63ff24;color:var(--accent-light);font-size:.71rem;padding:.16rem .45rem}.tag-pill-remove{border:none;background:transparent;color:inherit;font-size:.82rem;line-height:1;padding:0;cursor:pointer}.tag-pill-remove:focus-visible{outline:2px solid rgba(108,99,255,.55);outline-offset:1px}.tag-input-help{margin:-.3rem 0 .62rem;font-size:.72rem;color:var(--text-muted)}.note-templates-row{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.7rem}.note-template-btn{border:1px solid var(--border);background:#6c63ff1a;color:var(--accent-light);border-radius:999px;padding:.25rem .6rem;font-size:.74rem;font-weight:600;transition:var(--transition)}.note-template-btn:hover{background:#6c63ff33}.tag-suggestions-row{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:-.6rem;margin-bottom:.75rem}.tag-suggestion-btn{border:1px solid var(--border);border-radius:999px;padding:.2rem .55rem;font-size:.72rem;color:var(--text-secondary);background:var(--bg-card);transition:var(--transition)}.tag-suggestion-btn:hover{color:var(--text-primary);border-color:#ffffff1a}.mood-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem;margin-bottom:.75rem}.mood-btn{border:1px solid var(--border);border-radius:var(--radius-sm);padding:.35rem .4rem;display:flex;align-items:center;justify-content:center;gap:.3rem;color:var(--text-secondary);font-size:.74rem;background:var(--bg-card);transition:var(--transition)}.mood-btn.active{color:var(--text-primary);border-color:#6c63ff80;background:#6c63ff24}.pin-toggle{display:flex;align-items:center;gap:.5rem;margin-bottom:.65rem;color:var(--text-secondary);font-size:.82rem}.pin-toggle input{width:16px;height:16px;margin:0;flex-shrink:0;accent-color:var(--accent)}.pin-toggle span{display:inline-flex;align-items:center;min-height:16px;line-height:1.2}.day-notes-error{color:var(--danger);font-size:.78rem;margin-bottom:.6rem}.day-notes-muted{color:var(--text-muted);font-size:.8rem}.day-notes-list{display:flex;flex-direction:column;gap:.6rem}.day-note-item{border:1px solid var(--border);border-radius:var(--radius-sm);padding:.76rem;background:var(--bg-card);cursor:pointer;transition:var(--transition)}.day-note-item:hover{border-color:#ffffff1f;transform:translateY(-1px)}.day-note-item:focus-visible{outline:2px solid rgba(108,99,255,.55);outline-offset:1px}.day-note-item.pinned{border-color:#fbbf2473;box-shadow:0 0 0 1px #fbbf2426}.day-note-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.6rem}.day-note-title-wrap{min-width:0}.day-note-title-wrap strong{display:block;font-size:.9rem;margin-bottom:.15rem}.day-note-meta{color:var(--text-muted);font-size:.75rem}.day-note-pin{color:var(--warning);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.day-note-body{font-size:.82rem;color:var(--text-secondary);margin-top:.45rem;white-space:pre-wrap}.day-note-snippet{font-size:.81rem;color:var(--text-secondary);margin-top:.45rem;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.day-note-tags{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.5rem}.day-note-tags span{border-radius:999px;border:1px solid rgba(108,99,255,.3);background:#6c63ff1f;color:var(--accent-light);font-size:.72rem;padding:.15rem .45rem}.day-note-actions{display:flex;gap:.4rem;margin-top:.6rem}.day-note-compose-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.6rem;margin-bottom:.5rem}.day-note-compose-title-wrap{margin-right:auto;text-align:left}.day-note-edit-hint{margin:.1rem 0 0;font-size:.74rem;color:var(--text-muted)}.day-note-reader-card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-secondary);padding:.95rem}.day-note-reader-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.7rem;margin-bottom:.75rem}.day-note-reader-actions{display:flex;gap:.4rem;flex-wrap:wrap;justify-content:flex-end}.day-note-reader-actions-bottom{margin-top:.75rem;padding-top:.7rem;border-top:1px solid var(--border);justify-content:flex-start}.day-note-reader-actions button{min-height:36px}.day-note-reader-title-wrap h4{font-size:1.02rem;margin-bottom:.3rem}.day-note-reader-meta{display:flex;flex-wrap:wrap;gap:.5rem;color:var(--text-muted);font-size:.78rem;margin-bottom:.6rem}.day-note-reader-tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.7rem}.day-note-reader-tags span{border-radius:999px;border:1px solid rgba(108,99,255,.3);background:#6c63ff1f;color:var(--accent-light);font-size:.72rem;padding:.15rem .45rem}.day-note-reader-body{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);padding:.75rem;font-size:.88rem;color:var(--text-primary);line-height:1.7;white-space:pre-wrap;min-height:180px;max-height:54vh;overflow:auto}.day-notes-fab{width:56px;height:56px;border-radius:50%;border:none;background:var(--accent);color:#fff;font-size:2rem;line-height:1;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px #6c63ff59;position:sticky;bottom:.8rem;margin-left:auto;transition:var(--transition)}.day-notes-fab:hover{transform:translateY(-1px);background:var(--accent-light)}.day-notes-fab:focus-visible{outline:2px solid rgba(108,99,255,.65);outline-offset:2px}.toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%) translateY(100px);background:var(--bg-card);border:1px solid var(--success);border-radius:var(--radius-md);padding:.75rem 1.35rem;display:flex;align-items:center;gap:.5rem;z-index:2000;box-shadow:0 8px 30px #34d3992e;transition:transform .4s cubic-bezier(.34,1.56,.64,1);font-weight:500;font-size:.9rem}.toast.show{transform:translate(-50%) translateY(0)}.toast.hidden{display:none}.toast-icon{font-size:1.2rem}@keyframes celebrate{0%{transform:scale(1)}50%{transform:scale(1.12)}to{transform:scale(1)}}.habit-item.celebrate{animation:celebrate .4s ease}.habit-item.celebrate .checkmark{animation:celebrate .5s ease}@media (max-width: 768px){.header-content{flex-direction:column;height:auto;padding:.6rem 0;gap:.6rem}.header-left,.header-right{width:100%;justify-content:space-between}.tab-nav{flex:1}.tab-btn{flex:1;text-align:center;font-size:.78rem;padding:.3rem .4rem}.stats-row{grid-template-columns:repeat(2,1fr)}.stat-value{font-size:1.25rem}.dash-summary,.dashboard-grid{grid-template-columns:1fr}.ring-card,.line-card,.bar-card{grid-row:auto;grid-column:auto}.ring-container{width:170px;height:170px}.ring-value{font-size:1.85rem}.habit-actions{opacity:1}.app-main{padding:1rem}.calendar-grid{gap:3px}.habit-item{-webkit-touch-callout:none}.habit-detail-modal{width:min(94vw,740px);max-height:88vh;overflow-y:auto}.habit-detail-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.habit-detail-grid{grid-template-columns:1fr}.day-notes-modal{width:min(96vw,900px);max-height:88vh}.day-notes-search{flex-direction:column;align-items:stretch}.day-notes-search-clear{align-self:flex-end}.day-notes-filter-row{gap:.3rem}.day-notes-filter-btn{font-size:.72rem;padding:.25rem .62rem}.day-notes-grid{grid-template-columns:1fr}.day-note-reader-header{flex-direction:column;align-items:stretch}.day-note-reader-actions{justify-content:flex-start}.day-note-reader-actions button{min-height:40px}.day-notes-list-head{flex-direction:column;align-items:flex-start}.note-body-input{min-height:190px}.mood-row{grid-template-columns:repeat(2,minmax(0,1fr))}.day-note-actions{flex-wrap:wrap}.trend-wrap,.weekday-wrap,.donut-wrap{height:205px}}@media (max-width: 480px){.logo{font-size:1rem}.date-badge{font-size:.68rem}.stats-row{grid-template-columns:repeat(2,1fr)}.add-habit-bar{flex-direction:column}.btn-add{justify-content:center}.calendar-legend{flex-wrap:wrap;gap:.75rem}.habit-detail-stats,.mood-row{grid-template-columns:1fr}.day-notes-modal{width:min(95vw,900px);padding:.82rem .82rem 4rem}.day-note-reader-actions{width:100%;flex-direction:column;align-items:stretch}.day-note-reader-actions button{width:100%}.day-note-compose-head{flex-direction:row;align-items:flex-start}.day-note-compose-title-wrap{margin-right:auto}.day-notes-fab{width:52px;height:52px;font-size:1.8rem}.month-note-item{flex-direction:column;align-items:stretch}.month-note-main{width:100%}.month-note-snippet{max-width:100%;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}}