*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0f1117;--bg2:#1a1d27;--bg3:#22263a;--card:#1e2135;--border:#2e3354;--text:#e8eaf6;--muted:#8890b0;--accent:#6c8aff;--accent2:#4ade80;--accent3:#f472b6;--warn:#facc15;--danger:#f87171;--radius:12px;--radius-sm:8px}body{font-family:Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;font-size:14px}h1,h2,h3{font-weight:600}.app{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.sidebar{background:var(--bg2);border-right:1px solid var(--border);padding:1.5rem 1rem;display:flex;flex-direction:column;gap:.25rem}.sidebar-logo{font-size:1.1rem;font-weight:700;color:var(--accent);margin-bottom:1rem;padding:0 .5rem}.nav-btn{display:flex;align-items:center;gap:.6rem;padding:.6rem .75rem;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--muted);cursor:pointer;width:100%;text-align:left;font-size:13px;transition:all .15s}.nav-btn:hover{background:var(--bg3);color:var(--text)}.nav-btn.active{background:#6c8aff26;color:var(--accent);font-weight:500}.nav-icon{font-size:16px;width:18px;text-align:center}.nav-sep{height:1px;background:var(--border);margin:.75rem 0}.nav-label{font-size:11px;color:var(--muted);padding:0 .75rem;margin:.5rem 0 .25rem;text-transform:uppercase;letter-spacing:.06em}.sidebar-backdrop,.mobile-header{display:none}.hamburger{background:none;border:none;color:var(--text);font-size:1.3rem;cursor:pointer;padding:.25rem .5rem;line-height:1}.main{padding:1.5rem 2rem;overflow-y:auto}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.page-title{font-size:1.3rem;font-weight:700}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg3);color:var(--text);cursor:pointer;font-size:13px;font-weight:500;transition:all .15s}.btn:hover{background:var(--border)}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background:#5a78ff;border-color:#5a78ff}.btn-sm{padding:.35rem .7rem;font-size:12px}.btn-danger{background:transparent;border-color:#f87171;color:var(--danger)}.btn-danger:hover{background:#f871711a}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;margin-bottom:1.5rem}.stat-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.25rem}.stat-label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.4rem}.stat-value{font-size:1.6rem;font-weight:700;color:var(--text)}.stat-sub{font-size:11px;color:var(--muted);margin-top:.2rem}.chart-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;margin-bottom:1rem}.chart-card h3{font-size:13px;color:var(--muted);margin-bottom:1rem;font-weight:500}.goals-list{display:flex;flex-direction:column;gap:.75rem}.goals-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;align-items:start}@media (max-width:1100px){.goals-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.goals-grid{grid-template-columns:1fr}}.goal-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.25rem;cursor:pointer;transition:border-color .15s}.goal-card:hover{border-color:var(--accent)}.goal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.goal-name{font-weight:600;font-size:14px;margin-bottom:.3rem}.goal-meta{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.badge{display:inline-flex;padding:.2rem .55rem;border-radius:20px;font-size:11px;font-weight:500}.badge-weekly{background:#6c8aff26;color:#6c8aff}.badge-monthly{background:#facc1526;color:#facc15}.badge-yearly{background:#f472b626;color:#f472b6}.badge-cat{background:var(--bg3);color:var(--muted)}.badge-cat-fitness{background:#6c8aff26;color:#6c8aff}.badge-cat-health{background:#f472b626;color:#f472b6}.badge-cat-work{background:#facc1526;color:#facc15}.badge-cat-learning{background:#4ade8026;color:#4ade80}.badge-cat-personal{background:#34d39926;color:#34d399}.badge-cat-finance{background:#fb923c26;color:#fb923c}.badge-cat-family{background:#a78bfa26;color:#a78bfa}.badge-cat-other{background:var(--bg3);color:var(--muted)}.progress-bar{height:6px;background:var(--bg3);border-radius:3px;overflow:hidden;margin-top:.75rem}.progress-fill{height:100%;border-radius:3px;transition:width .3s;background:var(--accent)}.progress-fill.done{background:var(--accent2)}.progress-text{display:flex;justify-content:space-between;margin-top:.4rem;font-size:11px;color:var(--muted)}.pace-row{display:flex;justify-content:space-between;align-items:center;margin-top:.35rem;font-size:11px;gap:.5rem}.pace-required{color:var(--muted)}.pace-ahead{color:var(--accent2);font-weight:500}.pace-behind{color:var(--warn);font-weight:500}.goal-actions{display:flex;gap:.4rem;opacity:0;transition:opacity .15s;flex-shrink:0}.goal-card:hover .goal-actions{opacity:1}@media (hover:none){.goal-actions{opacity:1}}.modal-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:100;align-items:center;justify-content:center;padding:1rem}.modal-overlay.open{display:flex}.modal{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:1.75rem;width:100%;max-width:480px;max-height:90vh;overflow-y:auto}.modal h2{margin-bottom:1.25rem;font-size:1.1rem}.form-group{margin-bottom:1rem}.form-label{display:block;font-size:12px;color:var(--muted);margin-bottom:.4rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.form-control{width:100%;background:var(--bg3);border:1px solid var(--border);color:var(--text);padding:.6rem .75rem;border-radius:var(--radius-sm);font-size:13px;outline:none;transition:border-color .15s}.form-control:focus{border-color:var(--accent)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.modal-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1.25rem}.icon-picker-wrap{display:flex;flex-direction:column;gap:.5rem}.icon-picker-row{display:flex;align-items:center;gap:.5rem}.icon-picker-trigger{display:flex;align-items:center;background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.5rem .75rem;cursor:pointer}.icon-picker-preview{font-size:22px;line-height:1}.emoji-picker{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.75rem}.emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:4px}.emoji-btn{background:none;border:none;padding:4px;font-size:20px;cursor:pointer;border-radius:4px;line-height:1;transition:background .1s;text-align:center}.emoji-btn:hover{background:var(--bg2)}.emoji-btn--active{background:#6366f159}.log-modal-list{display:flex;flex-direction:column;gap:.5rem;margin:.75rem 0}.log-entry{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.6rem .75rem;background:var(--bg3);border-radius:var(--radius-sm);font-size:12px}.log-date{color:var(--muted)}.log-val{font-weight:600;color:var(--accent)}.stars{display:flex;gap:4px;cursor:pointer}.star{font-size:20px;color:var(--border);transition:color .1s;cursor:pointer;background:none;border:none;padding:0;line-height:1}.star.filled{color:var(--warn)}.rings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:1rem;margin-bottom:1.5rem}.ring-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;text-align:center}.ring-label{font-size:12px;color:var(--muted);margin-top:.75rem}.ring-pct{font-size:1.2rem;font-weight:700}.filter-row{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.filter-btn{padding:.3rem .75rem;border-radius:20px;border:1px solid var(--border);background:transparent;color:var(--muted);cursor:pointer;font-size:12px;transition:all .15s}.filter-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.period-dots{display:flex;gap:4px;margin-top:.45rem;justify-content:flex-end}.period-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.dot-hit{background:var(--accent2)}.dot-miss{background:var(--danger);opacity:.55}.dot-empty{background:var(--border)}.goal-card--pinned{border-color:var(--accent);border-top:2px solid var(--accent)}.btn-pinned{background:#6c8aff26;border-color:var(--accent);color:var(--accent)}.drag-handle{text-align:center;font-size:14px;color:var(--border);cursor:grab;padding:0 0 .35rem;line-height:1;-webkit-user-select:none;user-select:none;transition:color .15s}.drag-handle:hover{color:var(--muted)}.drag-item{cursor:default}.drag-item:hover .drag-handle{color:var(--muted)}.is-dragging{opacity:.35}.drag-over-item>.goal-card{border-top:2px solid var(--accent)}.section-label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.6rem;font-weight:500}.review-container{max-width:540px}.review-type-grid{display:flex;flex-direction:column;gap:.75rem}.review-type-btn{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem 1.25rem;cursor:pointer;text-align:left;transition:border-color .15s;width:100%}.review-type-btn:not(:disabled):hover{border-color:var(--accent)}.review-type-btn:disabled{opacity:.4;cursor:not-allowed}.review-type-icon{font-size:1.4rem;margin-bottom:.4rem}.review-type-label{font-weight:600;font-size:14px;margin-bottom:.2rem;color:var(--text)}.review-type-desc{font-size:12px;color:var(--muted)}.review-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem}.review-result{text-align:center;padding:1rem;border-radius:var(--radius-sm);margin:.75rem 0}.review-result.hit{background:#4ade8014;border:1px solid rgba(74,222,128,.25)}.review-result.miss{background:#f8717114;border:1px solid rgba(248,113,113,.2)}.review-result-icon{font-size:1.6rem;margin-bottom:.2rem}.review-result-label{font-size:1rem;font-weight:700}.review-result.hit .review-result-label{color:var(--accent2)}.review-result.miss .review-result-label{color:var(--danger)}.review-result-detail{font-size:12px;color:var(--muted);margin-top:.25rem}.review-prev-reflection{margin-top:.75rem;padding:.6rem .75rem;background:var(--bg3);border-radius:var(--radius-sm);font-size:12px;color:var(--muted);border-left:2px solid var(--border)}.review-prev-label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.2rem;color:var(--border)}.review-nav{display:flex;justify-content:space-between;gap:.75rem;margin-top:1.25rem}.review-summary-item{display:flex;align-items:flex-start;gap:.75rem;padding:.65rem .75rem;background:var(--bg3);border-radius:var(--radius-sm);margin-bottom:.5rem;font-size:13px}.review-summary-hit{color:var(--accent2);font-weight:700;flex-shrink:0}.review-summary-miss{color:var(--danger);font-weight:700;flex-shrink:0}.archived-toggle{display:inline-flex;align-items:center;gap:.5rem;background:none;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--muted);cursor:pointer;font-size:12px;padding:.35rem .75rem;transition:all .15s}.archived-toggle:hover{background:var(--bg3);color:var(--text)}.empty-state{text-align:center;padding:3rem 1rem;color:var(--muted)}.empty-state .icon{font-size:2.5rem;margin-bottom:.75rem}.empty-state p{font-size:13px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width:900px){.two-col{grid-template-columns:1fr}}.habit-check{display:flex;align-items:center;gap:.6rem;cursor:pointer;padding:.5rem 0}.habit-check input{width:18px;height:18px;accent-color:var(--accent2);cursor:pointer}.toggle-row{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:.25rem 0}.toggle-row input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);cursor:pointer;flex-shrink:0}select.form-control option{background:#1a1d27}@media (max-width:640px){.app{grid-template-columns:1fr}.sidebar{position:fixed;top:0;left:0;bottom:0;z-index:300;width:240px;transform:translate(-100%);transition:transform .22s ease;padding-top:1rem}.sidebar.mobile-open{transform:translate(0)}.sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:299;background:#0000008c;opacity:0;pointer-events:none;transition:opacity .22s ease}.sidebar-backdrop.mobile-open{opacity:1;pointer-events:auto}.mobile-header{display:flex;align-items:center;gap:.75rem;position:sticky;top:0;z-index:200;background:var(--bg2);border-bottom:1px solid var(--border);padding:.75rem 1rem}.mobile-logo{font-size:1rem;font-weight:700;color:var(--accent)}.main{padding:1rem}.modal-overlay{padding:0;align-items:flex-end}.modal{max-width:100%;max-height:92vh;border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:none}.form-row{grid-template-columns:1fr}.goal-header{flex-wrap:wrap}.goal-actions{opacity:1;flex-wrap:wrap;width:100%}.stat-value{font-size:1.3rem}}