:root{--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg-main: #0b0f19;--bg-surface: #111827;--bg-surface-elevated: #1f293d;--bg-surface-hover: #26334d;--bg-surface-subtle: #162032;--border-subtle: #1e293b;--border-strong: #334155;--border-highlight: #475569;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--text-inverse: #0b0f19;--primary: #10b981;--primary-hover: #059669;--primary-subtle: rgba(16, 185, 129, .12);--primary-glow: rgba(16, 185, 129, .35);--accent-gold: #f59e0b;--accent-gold-subtle: rgba(245, 158, 11, .14);--accent-danger: #f43f5e;--accent-danger-subtle: rgba(244, 63, 94, .12);--accent-blue: #0284c7;--accent-purple: #8b5cf6;--grid-cell-size: 34px;--habit-col-width: 250px;--today-col-bg: rgba(16, 185, 129, .08);--weekend-col-bg: rgba(255, 255, 255, .02);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px -1px rgba(0, 0, 0, .4);--shadow-lg: 0 12px 24px -4px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px rgba(16, 185, 129, .25);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--scrollbar-thumb: rgba(255, 255, 255, .18);--scrollbar-thumb-hover: rgba(255, 255, 255, .35);--scrollbar-track: transparent}[data-theme=light]{--bg-main: #f8fafc;--bg-surface: #ffffff;--bg-surface-elevated: #f1f5f9;--bg-surface-hover: #e2e8f0;--bg-surface-subtle: #f8fafc;--border-subtle: #e2e8f0;--border-strong: #cbd5e1;--border-highlight: #94a3b8;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--text-inverse: #ffffff;--today-col-bg: rgba(16, 185, 129, .09);--weekend-col-bg: rgba(0, 0, 0, .015);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .1);--shadow-glow: 0 0 15px rgba(16, 185, 129, .2);--scrollbar-thumb: rgba(0, 0, 0, .18);--scrollbar-thumb-hover: rgba(0, 0, 0, .35);--scrollbar-track: transparent}[data-theme=oled]{--bg-main: #000000;--bg-surface: #0a0a0a;--bg-surface-elevated: #141414;--bg-surface-hover: #202020;--bg-surface-subtle: #080808;--border-subtle: #1e1e1e;--border-strong: #333333;--border-highlight: #4a4a4a;--text-primary: #ffffff;--text-secondary: #a3a3a3;--text-muted: #666666;--text-inverse: #000000;--primary: #10b981;--primary-hover: #059669;--primary-subtle: rgba(16, 185, 129, .15);--primary-glow: rgba(16, 185, 129, .45);--today-col-bg: rgba(16, 185, 129, .12);--weekend-col-bg: rgba(255, 255, 255, .015);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .85);--shadow-md: 0 4px 14px -1px rgba(0, 0, 0, .95);--shadow-lg: 0 14px 28px -4px rgba(0, 0, 0, 1);--shadow-glow: 0 0 20px rgba(16, 185, 129, .3);--scrollbar-thumb: rgba(255, 255, 255, .2);--scrollbar-thumb-hover: rgba(255, 255, 255, .4);--scrollbar-track: transparent}[data-theme=forest]{--bg-main: #06110a;--bg-surface: #0c1b12;--bg-surface-elevated: #142b1d;--bg-surface-hover: #1c3b28;--bg-surface-subtle: #09170e;--border-subtle: #193826;--border-strong: #27563b;--border-highlight: #3b7e57;--text-primary: #ecfdf5;--text-secondary: #a7f3d0;--text-muted: #6ee7b7;--text-inverse: #06110a;--primary: #10b981;--primary-hover: #059669;--primary-subtle: rgba(16, 185, 129, .18);--primary-glow: rgba(16, 185, 129, .4);--today-col-bg: rgba(52, 211, 153, .12);--weekend-col-bg: rgba(255, 255, 255, .02);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .35);--shadow-md: 0 4px 12px -1px rgba(0, 0, 0, .45);--shadow-glow: 0 0 20px rgba(16, 185, 129, .3);--scrollbar-thumb: rgba(52, 211, 153, .25);--scrollbar-thumb-hover: rgba(52, 211, 153, .45);--scrollbar-track: transparent}[data-theme=ocean]{--bg-main: #060d17;--bg-surface: #0a1829;--bg-surface-elevated: #11263f;--bg-surface-hover: #193556;--bg-surface-subtle: #081321;--border-subtle: #173252;--border-strong: #234c7c;--border-highlight: #3b6ea8;--text-primary: #f0f9ff;--text-secondary: #bae6fd;--text-muted: #7dd3fc;--text-inverse: #060d17;--primary: #38bdf8;--primary-hover: #0284c7;--primary-subtle: rgba(56, 189, 248, .18);--primary-glow: rgba(56, 189, 248, .4);--today-col-bg: rgba(56, 189, 248, .12);--weekend-col-bg: rgba(255, 255, 255, .02);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .35);--shadow-md: 0 4px 12px -1px rgba(0, 0, 0, .45);--shadow-glow: 0 0 20px rgba(56, 189, 248, .3);--scrollbar-thumb: rgba(56, 189, 248, .25);--scrollbar-thumb-hover: rgba(56, 189, 248, .45);--scrollbar-track: transparent}[data-theme=sunset]{--bg-main: #140b10;--bg-surface: #1e1118;--bg-surface-elevated: #2f1924;--bg-surface-hover: #422132;--bg-surface-subtle: #180d13;--border-subtle: #3a1c2b;--border-strong: #592942;--border-highlight: #81395f;--text-primary: #fff1f2;--text-secondary: #fecdd3;--text-muted: #fda4af;--text-inverse: #140b10;--primary: #f43f5e;--primary-hover: #e11d48;--primary-subtle: rgba(244, 63, 94, .18);--primary-glow: rgba(244, 63, 94, .4);--today-col-bg: rgba(244, 63, 94, .12);--weekend-col-bg: rgba(255, 255, 255, .02);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .35);--shadow-md: 0 4px 12px -1px rgba(0, 0, 0, .45);--shadow-glow: 0 0 20px rgba(244, 63, 94, .3);--scrollbar-thumb: rgba(244, 63, 94, .25);--scrollbar-thumb-hover: rgba(244, 63, 94, .45);--scrollbar-track: transparent}[data-theme=latte]{--bg-main: #fbf8f3;--bg-surface: #ffffff;--bg-surface-elevated: #f5efe6;--bg-surface-hover: #ebe2d5;--bg-surface-subtle: #f8f3ec;--border-subtle: #e8ded2;--border-strong: #d4c5b3;--border-highlight: #a3907c;--text-primary: #2c2017;--text-secondary: #635041;--text-muted: #968272;--text-inverse: #ffffff;--primary: #d97706;--primary-hover: #b45309;--primary-subtle: rgba(217, 119, 6, .12);--primary-glow: rgba(217, 119, 6, .3);--today-col-bg: rgba(217, 119, 6, .09);--weekend-col-bg: rgba(0, 0, 0, .018);--shadow-sm: 0 1px 3px rgba(44, 32, 23, .05);--shadow-md: 0 4px 12px rgba(44, 32, 23, .08);--shadow-lg: 0 10px 25px rgba(44, 32, 23, .12);--shadow-glow: 0 0 15px rgba(217, 119, 6, .2);--scrollbar-thumb: rgba(99, 80, 65, .2);--scrollbar-thumb-hover: rgba(99, 80, 65, .4);--scrollbar-track: transparent}[data-theme=meadow]{--bg-main: #f3f8f4;--bg-surface: #ffffff;--bg-surface-elevated: #e7f2e8;--bg-surface-hover: #d7e8d8;--bg-surface-subtle: #ecf5ed;--border-subtle: #d0e4d2;--border-strong: #b2d2b5;--border-highlight: #70a775;--text-primary: #112918;--text-secondary: #2f5638;--text-muted: #5e8467;--text-inverse: #ffffff;--primary: #16a34a;--primary-hover: #15803d;--primary-subtle: rgba(22, 163, 74, .12);--primary-glow: rgba(22, 163, 74, .3);--today-col-bg: rgba(22, 163, 74, .09);--weekend-col-bg: rgba(0, 0, 0, .018);--shadow-sm: 0 1px 3px rgba(17, 41, 24, .05);--shadow-md: 0 4px 12px rgba(17, 41, 24, .08);--shadow-lg: 0 10px 25px rgba(17, 41, 24, .12);--shadow-glow: 0 0 15px rgba(22, 163, 74, .2);--scrollbar-thumb: rgba(47, 86, 56, .2);--scrollbar-thumb-hover: rgba(47, 86, 56, .4);--scrollbar-track: transparent}[data-theme=arctic]{--bg-main: #f1f6fc;--bg-surface: #ffffff;--bg-surface-elevated: #e2effb;--bg-surface-hover: #d2e4f7;--bg-surface-subtle: #ebf3fb;--border-subtle: #cde0f3;--border-strong: #a7ccef;--border-highlight: #649ed8;--text-primary: #0a213e;--text-secondary: #235180;--text-muted: #5a84af;--text-inverse: #ffffff;--primary: #0284c7;--primary-hover: #0369a1;--primary-subtle: rgba(2, 132, 199, .12);--primary-glow: rgba(2, 132, 199, .3);--today-col-bg: rgba(2, 132, 199, .09);--weekend-col-bg: rgba(0, 0, 0, .018);--shadow-sm: 0 1px 3px rgba(10, 33, 62, .05);--shadow-md: 0 4px 12px rgba(10, 33, 62, .08);--shadow-lg: 0 10px 25px rgba(10, 33, 62, .12);--shadow-glow: 0 0 15px rgba(2, 132, 199, .2);--scrollbar-thumb: rgba(35, 81, 128, .2);--scrollbar-thumb-hover: rgba(35, 81, 128, .4);--scrollbar-track: transparent}[data-theme=blossom]{--bg-main: #fff5f7;--bg-surface: #ffffff;--bg-surface-elevated: #fae6ec;--bg-surface-hover: #f5d4de;--bg-surface-subtle: #fef0f4;--border-subtle: #f4ccd7;--border-strong: #ebb1c0;--border-highlight: #d67891;--text-primary: #38121f;--text-secondary: #742e44;--text-muted: #a35970;--text-inverse: #ffffff;--primary: #e11d48;--primary-hover: #be123c;--primary-subtle: rgba(225, 29, 72, .12);--primary-glow: rgba(225, 29, 72, .3);--today-col-bg: rgba(225, 29, 72, .09);--weekend-col-bg: rgba(0, 0, 0, .018);--shadow-sm: 0 1px 3px rgba(56, 18, 31, .05);--shadow-md: 0 4px 12px rgba(56, 18, 31, .08);--shadow-lg: 0 10px 25px rgba(56, 18, 31, .12);--shadow-glow: 0 0 15px rgba(225, 29, 72, .2);--scrollbar-thumb: rgba(116, 46, 68, .2);--scrollbar-thumb-hover: rgba(116, 46, 68, .4);--scrollbar-track: transparent}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover)}body{font-family:var(--font-sans);background-color:var(--bg-main);color:var(--text-primary);line-height:1.5;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}button,input,select,textarea{font-family:inherit;color:inherit}button{cursor:pointer;border:none;background:transparent}.hidden{display:none!important}.app-container{display:flex;flex-direction:column;min-height:100vh;max-width:100vw}.app-header{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background-color:var(--bg-surface);border-bottom:1px solid var(--border-subtle);position:sticky;top:0;z-index:40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);gap:16px}.header-left{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:10px}.brand-icon{width:36px;height:36px;border-radius:var(--radius-md);background:linear-gradient(135deg,#10b981,#059669);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px #10b98159}.brand-text{display:flex;align-items:center;gap:8px}.brand-title{font-family:var(--font-display);font-weight:700;font-size:1.25rem;letter-spacing:-.02em}.pro-badge{font-size:.65rem;font-weight:700;letter-spacing:.05em;padding:2px 6px;border-radius:var(--radius-full);background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;box-shadow:0 1px 6px #8b5cf64d}.date-navigator{display:flex;align-items:center;gap:8px;background-color:var(--bg-surface-elevated);padding:4px 8px;border-radius:var(--radius-full);border:1px solid var(--border-subtle)}.nav-arrow-btn{width:28px;height:28px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:var(--transition-fast)}.nav-arrow-btn:hover{background-color:var(--bg-surface-hover);color:var(--text-primary)}.current-month-label{font-family:var(--font-display);font-size:.95rem;font-weight:600;padding:0 8px;white-space:nowrap}.btn-today-pill{font-size:.75rem;font-weight:600;padding:3px 8px;border-radius:var(--radius-full);background-color:var(--bg-surface-hover);color:var(--text-secondary);transition:var(--transition-fast)}.btn-today-pill:hover{color:var(--primary);background-color:var(--primary-subtle)}.view-tabs{display:flex;align-items:center;background-color:var(--bg-surface-elevated);padding:3px;border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.tab-btn{display:flex;align-items:center;gap:6px;padding:6px 14px;font-size:.85rem;font-weight:500;color:var(--text-secondary);border-radius:var(--radius-sm);transition:var(--transition-fast)}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{background-color:var(--bg-surface);color:var(--text-primary);font-weight:600;box-shadow:var(--shadow-sm)}.header-right{display:flex;align-items:center;gap:12px}.btn-primary-action{display:flex;align-items:center;justify-content:center;gap:6px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-weight:600;font-size:.875rem;padding:8px 16px;border-radius:var(--radius-md);box-shadow:0 2px 10px #10b9814d;transition:var(--transition-fast)}.btn-primary-action:hover{transform:translateY(-1px);box-shadow:0 4px 14px #10b98166}.icon-actions-group{display:flex;align-items:center;gap:4px}.btn-icon-ghost{width:36px;height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:var(--transition-fast)}.btn-icon-ghost:hover{background-color:var(--bg-surface-elevated);color:var(--text-primary)}.dropdown-wrapper{position:relative}.dropdown-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:210px;background-color:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:6px;z-index:50;animation:fadeIn .15s ease-out}.dropdown-header{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;font-weight:700;color:var(--text-muted);padding:6px 10px}.dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;font-size:.85rem;color:var(--text-secondary);border-radius:var(--radius-sm);transition:var(--transition-fast);text-align:left}.dropdown-item:hover{background-color:var(--bg-surface-elevated);color:var(--text-primary)}.dropdown-item.text-danger:hover{background-color:var(--accent-danger-subtle);color:var(--accent-danger)}.dropdown-divider{height:1px;background-color:var(--border-subtle);margin:4px 0}.sub-header-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 24px;background-color:var(--bg-surface-subtle);border-bottom:1px solid var(--border-subtle);overflow-x:auto;gap:16px}.categories-toolbar{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.categories-scroller{display:flex;align-items:center;gap:8px;overflow-x:auto;scrollbar-width:none}.categories-scroller::-webkit-scrollbar{display:none}.btn-manage-categories{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;font-size:.75rem;font-weight:600;color:var(--text-secondary);background-color:var(--bg-surface);border:1px dashed var(--border-strong);border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all var(--transition-fast)}.btn-manage-categories:hover{color:var(--primary);border-color:var(--primary);background-color:var(--primary-subtle)}.form-label-with-action{display:flex;align-items:center;justify-content:space-between}.link-action-btn{background:transparent;border:none;font-size:.75rem;font-weight:600;color:var(--primary);cursor:pointer;padding:0;transition:opacity var(--transition-fast)}.link-action-btn:hover{text-decoration:underline;opacity:.85}.category-chip{display:flex;align-items:center;gap:6px;padding:4px 12px;font-size:.8rem;font-weight:500;border-radius:var(--radius-full);background-color:var(--bg-surface);color:var(--text-secondary);border:1px solid var(--border-subtle);white-space:nowrap;transition:var(--transition-fast)}.category-chip:hover{border-color:var(--border-strong);color:var(--text-primary)}.category-chip.active{background-color:var(--text-primary);color:var(--text-inverse);border-color:var(--text-primary);font-weight:600}.category-chip-dot{width:7px;height:7px;border-radius:var(--radius-full)}.header-stats-summary{font-size:.8rem;color:var(--text-secondary);white-space:nowrap}.main-content{flex:1;padding:24px;max-width:100%}.view-panel{display:none}.view-panel.active{display:block;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.grid-card-container{background-color:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);box-shadow:var(--shadow-md);overflow:hidden;position:relative}.table-scroll-wrapper{overflow-x:auto;max-width:100%;position:relative}.habit-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.85rem}.habit-table th{padding:10px 4px;font-weight:600;text-align:center;background-color:var(--bg-surface-elevated);border-bottom:1px solid var(--border-subtle);-webkit-user-select:none;user-select:none}.th-habit-name{text-align:left!important;padding-left:20px!important;min-width:var(--habit-col-width);max-width:var(--habit-col-width);position:sticky;left:0;z-index:20;background-color:var(--bg-surface-elevated)!important}.th-day-col{width:var(--grid-cell-size);min-width:var(--grid-cell-size);border-left:1px solid rgba(255,255,255,.03)}.th-day-name{font-size:.65rem;color:var(--text-muted);text-transform:uppercase}.th-day-number{font-size:.85rem;font-weight:700;margin-top:2px}.th-day-col.is-weekend{background-color:var(--weekend-col-bg)}.th-day-col.is-today{background-color:var(--today-col-bg);color:var(--primary);position:relative}.th-day-col.is-today .th-day-number{display:inline-block;background-color:var(--primary);color:#fff;width:22px;height:22px;border-radius:var(--radius-full);line-height:22px}.th-summary-col{padding:10px 12px!important;border-left:1px solid var(--border-subtle);background-color:var(--bg-surface-elevated)!important;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.th-actions-col{width:80px;padding:10px 12px!important;border-left:1px solid var(--border-subtle)}.habit-row{transition:background-color var(--transition-fast)}.habit-row:hover{background-color:var(--bg-surface-subtle)}.habit-row td{padding:8px 4px;text-align:center;border-bottom:1px solid var(--border-subtle);vertical-align:middle}.td-habit-info{text-align:left!important;padding:10px 16px!important;min-width:var(--habit-col-width);max-width:var(--habit-col-width);position:sticky;left:0;z-index:10;background-color:var(--bg-surface);border-right:1px solid var(--border-subtle);box-shadow:2px 0 6px -2px #00000026}.habit-row:hover .td-habit-info{background-color:var(--bg-surface-subtle)}.habit-title-container{display:flex;align-items:center;gap:10px}.habit-color-indicator{width:10px;height:10px;border-radius:var(--radius-full);flex-shrink:0}.habit-text-wrap{display:flex;flex-direction:column;overflow:hidden}.habit-name-label{font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.875rem}.habit-meta-row{display:flex;align-items:center;gap:6px;margin-top:3px;flex-wrap:wrap}.habit-category-tag{display:inline-flex;align-items:center;gap:5px;font-size:.68rem;font-weight:500;color:var(--text-secondary);background-color:var(--bg-surface-elevated);border:1px solid var(--border-subtle);padding:1.5px 7px 1.5px 6px;border-radius:var(--radius-sm);text-transform:capitalize;line-height:1.3}.habit-cat-indicator{width:3px;height:9px;border-radius:1.5px;flex-shrink:0}.habit-metric-tag{display:inline-flex;align-items:center;font-size:.65rem;font-weight:500;background-color:var(--bg-surface-elevated);color:var(--text-secondary);border:1px solid var(--border-subtle);padding:1.5px 6px;border-radius:var(--radius-sm);line-height:1.3}.td-day-cell{width:var(--grid-cell-size);min-width:var(--grid-cell-size);height:var(--grid-cell-size);padding:2px!important;position:relative}.td-day-cell.is-weekend{background-color:var(--weekend-col-bg)}.td-day-cell.is-today{background-color:var(--today-col-bg)}.check-toggle-btn{width:26px;height:26px;border-radius:var(--radius-full);border:1.8px solid var(--border-strong);display:flex;align-items:center;justify-content:center;margin:0 auto;transition:all var(--transition-fast);background-color:transparent;color:transparent;position:relative}.check-toggle-btn:hover{transform:scale(1.15);border-color:var(--border-highlight)}.check-toggle-btn.completed{border-color:transparent!important;color:#fff!important;transform:scale(1)}.check-toggle-btn.completed svg{transform:scale(1)}.check-toggle-btn.skipped{background-color:var(--accent-gold-subtle)!important;border-color:var(--accent-gold)!important;color:var(--accent-gold)!important}.check-toggle-btn.numeric-check{font-size:.65rem;font-weight:700;border-radius:var(--radius-sm);width:28px;height:24px;color:var(--text-primary);background-color:var(--bg-surface-elevated)}.has-note-dot{position:absolute;top:-2px;right:-2px;width:6px;height:6px;border-radius:var(--radius-full);background-color:#38bdf8;box-shadow:0 0 4px #38bdf8}.td-summary{padding:8px 12px!important;border-left:1px solid var(--border-subtle);font-weight:600}.badge-achieved{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:var(--radius-full);font-size:.75rem;font-weight:700;background-color:var(--bg-surface-elevated);color:var(--text-secondary)}.badge-achieved.goal-met{background-color:var(--primary-subtle);color:var(--primary);box-shadow:0 0 10px #10b98133}.streak-pill{display:inline-flex;align-items:center;gap:3px;font-size:.75rem;font-weight:700;color:#fb923c}.progress-rate-wrap{display:flex;align-items:center;gap:6px}.mini-progress-bar{width:45px;height:6px;background-color:var(--bg-surface-elevated);border-radius:var(--radius-full);overflow:hidden}.mini-progress-fill{height:100%;border-radius:var(--radius-full);transition:width .3s ease}.mini-progress-text{font-size:.75rem;color:var(--text-secondary);min-width:30px;text-align:right}.td-actions{border-left:1px solid var(--border-subtle)}.row-actions-group{display:flex;align-items:center;justify-content:center;gap:4px}.btn-row-action{width:26px;height:26px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:var(--transition-fast)}.btn-row-action:hover{background-color:var(--bg-surface-elevated);color:var(--text-primary)}.btn-row-action.delete-action:hover{background-color:var(--accent-danger-subtle);color:var(--accent-danger)}.habit-table tfoot td{padding:10px 4px;background-color:var(--bg-surface-elevated);border-top:2px solid var(--border-strong);font-weight:700;font-size:.75rem;color:var(--text-secondary)}.tfoot-label{text-align:left!important;padding-left:20px!important;position:sticky;left:0;z-index:10;background-color:var(--bg-surface-elevated)!important;border-right:1px solid var(--border-subtle)}.pro-feature-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background-color:var(--bg-surface-subtle);border-top:1px solid var(--border-subtle);font-size:.8rem;color:var(--text-secondary)}.pro-tip-badge{background-color:var(--accent-gold-subtle);color:var(--accent-gold);font-weight:700;font-size:.65rem;padding:2px 6px;border-radius:var(--radius-sm);margin-right:6px;text-transform:uppercase}.pro-status-tag{display:flex;align-items:center;gap:6px;font-size:.75rem;color:var(--primary);font-weight:600}.pulse-dot{width:8px;height:8px;border-radius:var(--radius-full);background-color:var(--primary);box-shadow:0 0 8px var(--primary);animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(.95);opacity:.8}50%{transform:scale(1.2);opacity:1}to{transform:scale(.95);opacity:.8}}.analytics-container{display:flex;flex-direction:column;gap:24px}.analytics-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.kpi-card{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:18px 20px;box-shadow:var(--shadow-sm)}.kpi-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.kpi-title{font-size:.8rem;color:var(--text-secondary);font-weight:500}.kpi-icon{font-size:1.1rem}.kpi-value{font-family:var(--font-display);font-size:1.85rem;font-weight:800;letter-spacing:-.02em;color:var(--text-primary)}.kpi-subtext{font-size:.75rem;color:var(--text-muted);margin-top:4px}.analytics-section-card{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-sm)}.section-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px;gap:16px}.section-title{font-family:var(--font-display);font-size:1.1rem;font-weight:700}.section-desc{font-size:.8rem;color:var(--text-secondary);margin-top:2px}.heatmap-controls-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.heatmap-habit-filter{font-size:.78rem;padding:4px 10px;border-radius:var(--radius-sm);background-color:var(--bg-surface-elevated);color:var(--text-primary);border:1px solid var(--border-subtle);cursor:pointer;outline:none;font-family:inherit}.heatmap-legend{display:flex;align-items:center;gap:4px;font-size:.7rem;color:var(--text-muted)}.legend-cell{width:12px;height:12px;border-radius:2px}.legend-cell.level-0{background-color:var(--bg-surface-elevated)}.legend-cell.level-1{background-color:#10b98140}.legend-cell.level-2{background-color:#10b98180}.legend-cell.level-3{background-color:#10b981bf}.legend-cell.level-4{background-color:#10b981}.annual-heatmap-wrapper{overflow-x:auto;padding:10px 0}.heatmap-grid-canvas{display:grid;grid-template-rows:repeat(7,13px);grid-auto-flow:column;grid-auto-columns:13px;gap:4px}.heatmap-square{width:13px;height:13px;border-radius:2px;background-color:var(--bg-surface-elevated);transition:transform var(--transition-fast)}.heatmap-square:hover{transform:scale(1.3);z-index:5}.heatmap-square.lvl-0{background-color:var(--bg-surface-elevated)}.heatmap-square.lvl-1{background-color:#10b98140}.heatmap-square.lvl-2{background-color:#10b98180}.heatmap-square.lvl-3{background-color:#10b981bf}.heatmap-square.lvl-4{background-color:#10b981;box-shadow:0 0 6px #10b98166}.analytics-grid-two-col{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media (max-width: 900px){.analytics-grid-two-col{grid-template-columns:1fr}}.dow-bars-container{display:flex;flex-direction:column;gap:12px}.dow-bar-row{display:flex;align-items:center;gap:12px}.dow-bar-label{font-size:.8rem;font-weight:600;width:40px;color:var(--text-secondary)}.dow-bar-track{flex:1;height:10px;background-color:var(--bg-surface-elevated);border-radius:var(--radius-full);overflow:hidden}.dow-bar-fill{height:100%;border-radius:var(--radius-full);background:linear-gradient(90deg,#10b981,#34d399);transition:width .5s ease}.dow-bar-val{font-size:.8rem;font-weight:700;width:36px;text-align:right;color:var(--text-primary)}.leaderboard-list{display:flex;flex-direction:column;gap:10px}.leaderboard-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background-color:var(--bg-surface-elevated);border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.leaderboard-left{display:flex;align-items:center;gap:10px}.leaderboard-rank{font-weight:800;font-size:.85rem;color:var(--text-muted);width:18px}.leaderboard-title{font-weight:600;font-size:.85rem}.leaderboard-right{display:flex;align-items:center;gap:16px}.streak-tag{font-size:.75rem;font-weight:700;color:#fb923c}.milestone-badge{display:inline-flex;align-items:center;gap:3px;font-size:.68rem;font-weight:700;padding:2px 7px;border-radius:var(--radius-full);letter-spacing:.02em}.milestone-badge.bronze{background:#cd7f3226;color:#d97706;border:1px solid rgba(205,127,50,.35)}.milestone-badge.silver{background:#94a3b826;color:#94a3b8;border:1px solid rgba(148,163,184,.35)}.milestone-badge.gold{background:#eab30826;color:#eab308;border:1px solid rgba(234,179,8,.4)}.milestone-badge.diamond{background:#38bdf826;color:#38bdf8;border:1px solid rgba(56,189,248,.4);box-shadow:0 0 8px #38bdf833}.category-dist-container{display:flex;flex-direction:column;gap:14px;margin-top:14px}.category-dist-progress{display:flex;height:14px;border-radius:var(--radius-full);overflow:hidden;background-color:var(--bg-surface-elevated);border:1px solid var(--border-subtle)}.category-dist-segment{height:100%;transition:width .4s ease;min-width:2px}.category-dist-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.category-dist-card{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background-color:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.category-dist-card-left{display:flex;align-items:center;gap:8px}.category-dist-dot{width:8px;height:8px;border-radius:var(--radius-full);flex-shrink:0}.category-dist-card-name{font-size:.8rem;font-weight:500;color:var(--text-primary)}.category-dist-card-val{font-size:.8rem;font-weight:700;color:var(--text-secondary)}.journal-container{display:grid;grid-template-columns:360px 1fr;gap:24px}@media (max-width: 860px){.journal-container{grid-template-columns:1fr}}.journal-compose-card{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-sm);position:sticky;top:80px}.compose-title{font-family:var(--font-display);font-size:1.1rem;font-weight:700}.compose-subtitle{font-size:.8rem;color:var(--text-secondary);margin-bottom:16px}.mood-selector{display:flex;flex-wrap:wrap;gap:6px}.mood-btn{padding:4px 10px;font-size:.75rem;border-radius:var(--radius-full);background-color:var(--bg-surface-elevated);color:var(--text-secondary);border:1px solid var(--border-subtle);transition:var(--transition-fast)}.mood-btn.active{background-color:var(--text-primary);color:var(--text-inverse);font-weight:600}.journal-label-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.btn-ghost-sm{font-size:.72rem;font-weight:500;color:var(--primary);background:transparent;border:none;cursor:pointer;padding:2px 6px;border-radius:var(--radius-sm);transition:var(--transition-fast)}.btn-ghost-sm:hover{background-color:var(--primary-subtle)}.journal-feed-area{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:20px}.feed-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}.feed-header-left{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.feed-title{font-family:var(--font-display);font-size:1.1rem;font-weight:700}.journal-mood-filters{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.mood-filter-chip{padding:3px 9px;font-size:.72rem;font-weight:500;border-radius:var(--radius-full);background-color:var(--bg-surface-elevated);color:var(--text-secondary);border:1px solid var(--border-subtle);cursor:pointer;transition:var(--transition-fast)}.mood-filter-chip:hover{border-color:var(--border-strong);color:var(--text-primary)}.mood-filter-chip.active{background-color:var(--text-primary);color:var(--text-inverse);border-color:var(--text-primary);font-weight:600}.notes-feed-list{display:flex;flex-direction:column;gap:14px}.note-feed-card{background-color:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:16px}.note-feed-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.note-feed-date{font-size:.75rem;font-weight:600;color:var(--text-muted)}.note-feed-badges{display:flex;align-items:center;gap:6px}.note-habit-badge{font-size:.7rem;font-weight:600;padding:2px 8px;border-radius:var(--radius-full)}.note-feed-text{font-size:.875rem;color:var(--text-primary);white-space:pre-wrap;line-height:1.6}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:100;padding:16px;animation:fadeIn .15s ease-out}.modal-dialog{background-color:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:520px;max-height:90vh;overflow-y:auto;overflow-x:hidden;padding:24px;word-break:break-word;overflow-wrap:break-word}.modal-dialog-sm{max-width:440px}#confirmModal{z-index:300}.confirm-dialog{text-align:center;padding:32px 24px;display:flex;flex-direction:column;align-items:center}.confirm-icon-wrap{width:56px;height:56px;border-radius:var(--radius-full);display:inline-flex;align-items:center;justify-content:center;font-size:1.8rem;margin-bottom:16px;background-color:#f43f5e1f;border:1px solid rgba(244,63,94,.3)}.confirm-icon-wrap.warn{background-color:#f59e0b1f;border-color:#f59e0b4d}.confirm-title{font-family:var(--font-display);font-size:1.25rem;font-weight:700;margin-bottom:8px;color:var(--text-primary)}.confirm-message{font-size:.88rem;color:var(--text-secondary);line-height:1.55;margin-bottom:24px;white-space:pre-line;max-width:320px}.confirm-actions{display:flex;align-items:center;justify-content:center;gap:12px;width:100%}.btn-danger-action{background-color:var(--accent-danger);color:#fff;padding:10px 20px;border-radius:var(--radius-md);font-weight:600;font-size:.88rem;transition:var(--transition-fast);cursor:pointer;border:none}.btn-danger-action:hover{background-color:#e11d48;transform:translateY(-1px);box-shadow:0 4px 12px #f43f5e59}.btn-gold-action{background-color:var(--accent-gold);color:#111827;padding:10px 20px;border-radius:var(--radius-md);font-weight:700;font-size:.88rem;transition:var(--transition-fast);cursor:pointer;border:none}.btn-gold-action:hover{background-color:#d97706;transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b59}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:20px;min-width:0}.modal-header>div:first-child{min-width:0;flex:1}.modal-heading{font-family:var(--font-display);font-size:1.25rem;font-weight:700;overflow-wrap:anywhere;word-break:break-word}.modal-subheading{display:block;font-size:.8rem;color:var(--text-secondary);overflow-wrap:anywhere;word-break:break-word;white-space:normal;line-height:1.4;margin-top:3px}.modal-close-btn{font-size:1.5rem;line-height:1;color:var(--text-muted);transition:var(--transition-fast);flex-shrink:0;padding:2px;margin-top:-2px}.modal-close-btn:hover{color:var(--text-primary)}.modal-form{display:flex;flex-direction:column;gap:18px;min-width:0}.form-group{display:flex;flex-direction:column;gap:6px;min-width:0}.form-row-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;min-width:0}.form-row-two>*{min-width:0}.modal-dialog-sm .form-row-two{grid-template-columns:1fr;gap:12px}.form-group label{font-size:.8rem;font-weight:600;color:var(--text-secondary)}.required-star{color:var(--accent-danger)}.form-input,.form-select,.form-textarea{background-color:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:9px 12px;font-size:.875rem;color:var(--text-primary);outline:none;transition:var(--transition-fast);width:100%;max-width:100%;box-sizing:border-box;min-width:0}.form-select{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.form-input-sm{padding:6px 10px;font-size:.8rem}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-subtle)}.color-picker-grid{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-top:4px}.color-swatch-btn{width:26px;height:26px;border-radius:var(--radius-full);border:2px solid transparent;transition:transform var(--transition-fast)}.color-swatch-btn:hover{transform:scale(1.2)}.color-swatch-btn.selected{border-color:var(--text-primary);box-shadow:0 0 8px currentColor;transform:scale(1.1)}.goal-type-selector{display:grid;grid-template-columns:1fr;gap:8px}.goal-radio-card{display:flex;align-items:center;gap:10px;padding:10px 12px;background-color:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast)}.goal-radio-card:hover{border-color:var(--border-strong)}.goal-radio-card input[type=radio]:checked~.goal-radio-content .radio-title{color:var(--primary)}.goal-radio-content{display:flex;flex-direction:column}.radio-title{font-size:.85rem;font-weight:600}.radio-desc{font-size:.75rem;color:var(--text-muted)}.weekdays-select-row{display:flex;gap:6px}.day-chip{flex:1;text-align:center;cursor:pointer}.day-chip input{display:none}.day-chip span{display:block;padding:6px 0;font-size:.75rem;font-weight:600;background-color:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);transition:var(--transition-fast)}.day-chip input:checked+span{background-color:var(--primary);color:#fff;border-color:var(--primary)}.range-input-wrap{display:flex;align-items:center;gap:12px}.form-range{flex:1;accent-color:var(--primary)}.range-value-pill{font-size:.8rem;font-weight:700;background-color:var(--bg-surface-elevated);padding:3px 8px;border-radius:var(--radius-full);min-width:60px;text-align:center}.numeric-input-stepper{display:flex;align-items:center;gap:8px}.stepper-btn{width:38px;height:38px;border-radius:var(--radius-md);background-color:var(--bg-surface-elevated);border:1px solid var(--border-subtle);font-size:1.2rem;font-weight:700;display:flex;align-items:center;justify-content:center;color:var(--text-primary);transition:var(--transition-fast)}.stepper-btn:hover{background-color:var(--bg-surface-hover)}.text-center{text-align:center}.quick-status-row{display:flex;align-items:center;justify-content:space-between}.modal-footer{display:flex;align-items:center;justify-content:space-between;margin-top:10px;gap:12px}.footer-actions-right{display:flex;align-items:center;gap:8px;margin-left:auto}.btn-secondary-ghost{padding:8px 14px;font-size:.85rem;font-weight:600;color:var(--text-secondary);border-radius:var(--radius-md);transition:var(--transition-fast)}.btn-secondary-ghost:hover{background-color:var(--bg-surface-elevated);color:var(--text-primary)}.btn-danger-ghost{padding:8px 14px;font-size:.85rem;font-weight:600;color:var(--accent-danger);border-radius:var(--radius-md);transition:var(--transition-fast)}.btn-danger-ghost:hover{background-color:var(--accent-danger-subtle)}.btn-sm{padding:4px 8px;font-size:.75rem}.w-full{width:100%}.shortcuts-list{display:flex;flex-direction:column;gap:10px}.shortcut-item{display:flex;align-items:center;justify-content:space-between;font-size:.85rem;color:var(--text-secondary)}kbd{background-color:var(--bg-surface-elevated);border:1px solid var(--border-strong);border-radius:4px;box-shadow:0 1px #0003;padding:2px 6px;font-size:.75rem;font-family:monospace;font-weight:700;color:var(--text-primary)}.empty-state{padding:60px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.empty-icon{font-size:2.5rem}.empty-state h3{font-size:1.2rem;font-weight:700}.empty-state p{font-size:.85rem;color:var(--text-secondary);max-width:320px}@media print{body{background-color:#fff!important;color:#000!important}.app-header,.sub-header-bar,.pro-feature-bar,.view-tabs,.btn-row-action,.modal-backdrop{display:none!important}.main-content{padding:0!important}.grid-card-container{border:none!important;box-shadow:none!important}.habit-table th,.habit-table td{border-color:#ccc!important;color:#000!important;background-color:transparent!important}.check-toggle-btn.completed{background-color:#333!important;color:#fff!important}}.btn-secondary-action{display:flex;align-items:center;gap:6px;background-color:var(--bg-surface-elevated);color:var(--text-primary);font-weight:600;font-size:.85rem;padding:8px 14px;border-radius:var(--radius-md);border:1px solid var(--border-strong);transition:var(--transition-fast)}.btn-secondary-action:hover{background-color:var(--bg-surface-hover);border-color:var(--border-highlight)}.modal-dialog-md{max-width:620px}.modal-dialog-xl{max-width:900px;width:94vw}.data-management-dialog{padding:0!important;display:flex;flex-direction:column;max-height:86vh;min-height:540px;overflow:hidden!important}.data-modal-header{padding:20px 24px;margin-bottom:0!important;border-bottom:1px solid var(--border-subtle);background:var(--bg-surface)}.data-modal-title-row{display:flex;align-items:center;gap:10px;margin-bottom:4px}.data-modal-pill{font-size:.68rem;font-weight:700;letter-spacing:.06em;padding:2px 8px;border-radius:var(--radius-full);background:#10b9811f;color:var(--primary);border:1px solid rgba(16,185,129,.25);text-transform:uppercase}.data-modal-body{display:grid;grid-template-columns:260px 1fr;flex:1;min-height:0;overflow:hidden}.data-vertical-tabs{background-color:var(--bg-surface-subtle);border-right:1px solid var(--border-subtle);padding:16px 12px;display:flex;flex-direction:column;gap:8px;overflow-y:auto}.data-tab-btn{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;background:transparent;border:1px solid transparent;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;text-align:left;transition:all var(--transition-fast);position:relative}.data-tab-btn:hover{background-color:var(--bg-surface-hover);color:var(--text-primary);border-color:var(--border-subtle)}.data-tab-btn .tab-icon-wrap{width:36px;height:36px;border-radius:var(--radius-md);background-color:var(--bg-surface);border:1px solid var(--border-subtle);display:inline-flex;align-items:center;justify-content:center;font-size:1.15rem;flex-shrink:0;transition:all var(--transition-fast)}.data-tab-btn .tab-text-wrap{display:flex;flex-direction:column;min-width:0;flex:1}.data-tab-btn .tab-label{font-size:.88rem;font-weight:600;color:var(--text-primary);line-height:1.25}.data-tab-btn .tab-sublabel{font-size:.72rem;color:var(--text-muted);line-height:1.3;margin-top:2px}.data-tab-btn .data-tab-count-pill{font-size:.7rem;font-weight:700;padding:2px 7px;border-radius:var(--radius-full);background-color:var(--bg-surface);color:var(--text-muted);border:1px solid var(--border-subtle);margin-left:6px}.data-tab-btn.active{background-color:var(--bg-surface);border-color:var(--primary);box-shadow:0 2px 8px #10b9811f,var(--shadow-sm)}.data-tab-btn.active .tab-label{color:var(--primary);font-weight:700}.data-tab-btn.active .tab-icon-wrap{background-color:var(--primary-subtle);border-color:#10b98159}.data-tab-btn.active .data-tab-count-pill{background-color:var(--primary);color:#fff;border-color:var(--primary)}.data-tab-btn.danger:hover{border-color:#f43f5e33}.data-tab-btn.danger.active{border-color:var(--accent-danger);box-shadow:0 2px 8px #f43f5e26,var(--shadow-sm)}.data-tab-btn.danger.active .tab-label{color:var(--accent-danger)}.data-tab-btn.danger.active .tab-icon-wrap{background-color:#f43f5e1f;border-color:#f43f5e59}.data-sidebar-footer{margin-top:auto;padding-top:14px}.privacy-badge{display:flex;align-items:center;gap:10px;padding:10px 12px;background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.privacy-icon{font-size:1.1rem;flex-shrink:0}.privacy-text{display:flex;flex-direction:column}.privacy-text strong{font-size:.76rem;font-weight:600;color:var(--text-primary)}.privacy-text span{font-size:.68rem;color:var(--text-muted);line-height:1.25}.data-tab-panels{padding:24px 28px;overflow-y:auto;min-height:0;background-color:var(--bg-surface)}.data-tab-content{display:none;animation:fadeIn .15s ease-out}.data-tab-content.active{display:block}.tab-section-header{display:flex;align-items:flex-start;gap:14px;margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid var(--border-subtle)}.tab-section-icon{width:42px;height:42px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.35rem;flex-shrink:0}.tab-section-icon.export-icon{background-color:#10b9811f;border:1px solid rgba(16,185,129,.25)}.tab-section-icon.import-icon{background-color:#6366f11f;border:1px solid rgba(99,102,241,.25)}.tab-section-title{font-family:var(--font-display);font-size:1.15rem;font-weight:700;color:var(--text-primary)}.tab-section-desc{font-size:.82rem;color:var(--text-secondary);margin-top:2px}.card-title-row{display:flex;align-items:center;gap:8px}.badge-recommended{font-size:.65rem;font-weight:700;padding:1px 7px;border-radius:var(--radius-full);background-color:var(--primary-subtle);color:var(--primary);border:1px solid rgba(16,185,129,.3);text-transform:uppercase}.data-card-grid{display:flex;flex-direction:column;gap:12px}.data-action-card{display:flex;align-items:center;gap:16px;padding:16px 18px;background-color:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:all var(--transition-fast)}.data-action-card:hover{transform:translateY(-2px);border-color:var(--border-highlight);box-shadow:var(--shadow-sm)}.data-card-icon-wrap{width:44px;height:44px;border-radius:var(--radius-md);display:inline-flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.data-card-icon-wrap.json-bg{background-color:#10b9811f;border:1px solid rgba(16,185,129,.25)}.data-card-icon-wrap.csv-bg{background-color:#3b82f61f;border:1px solid rgba(59,130,246,.25)}.data-card-icon-wrap.alltime-bg{background-color:#a855f71f;border:1px solid rgba(168,85,247,.25)}.data-card-info{flex:1}.data-card-info h4{font-size:.92rem;font-weight:600;color:var(--text-primary)}.data-card-info p{font-size:.78rem;color:var(--text-secondary);margin-top:3px;line-height:1.4}.json-textarea{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.82rem}@media (max-width: 768px){.modal-dialog-xl{width:96vw;max-height:92vh}.data-modal-body{grid-template-columns:1fr;display:flex;flex-direction:column}.data-vertical-tabs{flex-direction:row;overflow-x:auto;padding:10px 14px;border-right:none;border-bottom:1px solid var(--border-subtle);gap:8px}.data-tab-btn{flex:1 0 auto;padding:8px 12px}.data-tab-btn .tab-sublabel,.data-sidebar-footer{display:none}.data-tab-panels{padding:16px}}.import-drop-zone{border:2px dashed var(--border-strong);border-radius:var(--radius-lg);padding:24px 16px;text-align:center;background-color:var(--bg-surface-subtle);transition:var(--transition-fast)}.import-drop-zone.dragover{border-color:var(--primary);background-color:var(--primary-subtle)}.drop-zone-icon{font-size:2rem;margin-bottom:6px}.import-drop-zone h4{font-size:.95rem;font-weight:600}.import-drop-zone p{font-size:.8rem;color:var(--text-muted);margin-top:4px}.link-btn{color:var(--primary);text-decoration:underline;font-weight:600;display:inline}.import-file-status{display:inline-block;margin-top:8px;font-size:.75rem;font-weight:600;padding:2px 8px;border-radius:var(--radius-full);background-color:var(--primary-subtle);color:var(--primary)}.or-divider{display:flex;align-items:center;text-align:center;margin:16px 0;color:var(--text-muted);font-size:.7rem;font-weight:700;letter-spacing:.05em}.or-divider:before,.or-divider:after{content:"";flex:1;border-bottom:1px solid var(--border-subtle)}.or-divider span{padding:0 10px}.danger-box{background-color:#f43f5e0a;border:1px solid rgba(244,63,94,.25);border-radius:var(--radius-lg);padding:18px}.danger-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px;border-bottom:1px solid rgba(244,63,94,.15);padding-bottom:12px}.danger-icon{font-size:1.5rem;flex-shrink:0}.danger-header h4{font-size:.95rem;font-weight:700;color:var(--accent-danger)}.danger-header p{font-size:.75rem;color:var(--text-secondary)}.danger-options-list{display:flex;flex-direction:column;gap:14px}.danger-option-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px;background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.danger-option-text h5{font-size:.85rem;font-weight:600}.danger-option-text p{font-size:.75rem;color:var(--text-muted);margin-top:2px}.text-gold{color:var(--accent-gold)!important}.toast-container{position:fixed;bottom:24px;right:24px;z-index:200;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast-item{display:flex;align-items:center;gap:10px;background-color:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:12px 18px;font-size:.85rem;font-weight:500;box-shadow:var(--shadow-lg);pointer-events:auto;animation:slideInRight .25s cubic-bezier(.4,0,.2,1);max-width:360px}.toast-item.toast-success{border-left:4px solid var(--primary)}.toast-item.toast-error{border-left:4px solid var(--accent-danger)}.toast-item.toast-warn{border-left:4px solid var(--accent-gold)}.toast-content{display:flex;align-items:center;gap:8px;flex:1}.toast-action-btn{background:var(--bg-surface-elevated);border:1px solid var(--border-strong);color:var(--text-primary);font-size:.75rem;font-weight:700;padding:4px 10px;border-radius:var(--radius-sm);cursor:pointer;margin-left:8px;white-space:nowrap;transition:var(--transition-fast)}.toast-action-btn:hover{background:var(--primary);color:var(--text-inverse);border-color:var(--primary)}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.btn-theme-cycle{display:flex;align-items:center;gap:6px;background-color:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-full);padding:5px 12px;font-size:.8rem;font-weight:600;color:var(--text-secondary);transition:all var(--transition-fast);cursor:pointer}.btn-theme-cycle:hover{background-color:var(--bg-surface-hover);color:var(--text-primary);border-color:var(--border-strong);transform:translateY(-1px)}.theme-cycle-icon{font-size:.95rem}.theme-label-text{font-size:.75rem;text-transform:capitalize}.guide-container{display:flex;flex-direction:column;gap:32px;max-width:1040px;margin:0 auto}.guide-hero{background:linear-gradient(135deg,var(--bg-surface-elevated) 0%,var(--bg-surface) 100%);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:32px;display:flex;align-items:center;justify-content:space-between;gap:24px;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.guide-hero:after{content:"";position:absolute;top:-50%;right:-20%;width:300px;height:300px;border-radius:var(--radius-full);background:var(--primary-glow);filter:blur(60px);pointer-events:none}.guide-hero-content h2{font-family:var(--font-display);font-size:1.8rem;font-weight:800;letter-spacing:-.02em;margin-bottom:8px}.guide-hero-content p{font-size:.95rem;color:var(--text-secondary);max-width:600px;line-height:1.6}.guide-badge-pill{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;font-weight:700;padding:4px 10px;border-radius:var(--radius-full);background-color:var(--primary-subtle);color:var(--primary);margin-bottom:12px}.guide-hero-actions{display:flex;gap:12px}.guide-section-heading{font-family:var(--font-display);font-size:1.3rem;font-weight:700;margin-bottom:6px}.guide-section-desc{font-size:.85rem;color:var(--text-secondary);margin-bottom:18px}.guide-steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.guide-step-card{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:20px;display:flex;flex-direction:column;gap:10px;transition:var(--transition-fast)}.guide-step-card:hover{border-color:var(--border-strong);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.step-number-badge{width:28px;height:28px;border-radius:var(--radius-full);background-color:var(--primary);color:#fff;font-weight:800;font-size:.8rem;display:flex;align-items:center;justify-content:center}.guide-step-card h4{font-size:.95rem;font-weight:700}.guide-step-card p{font-size:.8rem;color:var(--text-secondary);line-height:1.5}.guide-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.guide-feature-card{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:22px;display:flex;gap:16px}.feature-card-icon{font-size:2rem;line-height:1;flex-shrink:0}.feature-card-body h4{font-size:1rem;font-weight:700;margin-bottom:6px}.feature-card-body p{font-size:.825rem;color:var(--text-secondary);line-height:1.6}.feature-pill-tag{display:inline-block;font-size:.7rem;font-weight:700;padding:2px 8px;border-radius:var(--radius-sm);background-color:var(--bg-surface-elevated);color:var(--text-muted);margin-top:8px}.guide-two-col{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}@media (max-width: 900px){.guide-two-col{grid-template-columns:1fr}}.guide-info-box{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:24px}.shortcuts-table{width:100%;border-collapse:collapse;font-size:.85rem;margin-top:12px}.shortcuts-table tr{border-bottom:1px solid var(--border-subtle)}.shortcuts-table td{padding:8px 6px}.shortcuts-table td:first-child{width:35%}.philosophy-list{display:flex;flex-direction:column;gap:12px;margin-top:14px}.philosophy-item{display:flex;align-items:flex-start;gap:10px}.philosophy-icon{font-size:1.1rem;margin-top:2px}.philosophy-text h5{font-size:.85rem;font-weight:700}.philosophy-text p{font-size:.78rem;color:var(--text-secondary);margin-top:2px;line-height:1.5}.footer-actions-left{display:flex;align-items:center;gap:8px}.text-success{color:var(--primary)!important}.badge-archived{display:inline-flex;align-items:center;gap:4px;font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:2px 6px;border-radius:var(--radius-sm);background-color:#f59e0b26;color:var(--accent-gold);border:1px solid rgba(245,158,11,.3);margin-left:6px;vertical-align:middle}.category-chip.archived-chip{border-color:#f59e0b66;color:var(--accent-gold)}.category-chip.archived-chip:hover{border-color:var(--accent-gold);background-color:#f59e0b1a}.category-chip.archived-chip.active{background-color:var(--accent-gold);color:#111827;border-color:var(--accent-gold);font-weight:700}.archived-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(90deg,#f59e0b24,#f59e0b0d);border:1px solid rgba(245,158,11,.35);border-radius:var(--radius-md);padding:12px 18px;margin-bottom:16px;color:var(--text-primary);animation:fadeIn .2s ease-out}.archived-banner-left{display:flex;align-items:center;gap:10px}.archived-banner-icon{font-size:1.3rem}.archived-banner-text strong{display:block;font-size:.88rem;color:var(--accent-gold);margin-bottom:2px}.archived-banner-text span{font-size:.8rem;color:var(--text-secondary)}.archived-tab-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-subtle)}.archived-tab-title{font-size:1rem;font-weight:700;color:var(--text-primary);margin-bottom:4px}.archived-tab-desc{font-size:.82rem;color:var(--text-secondary)}.archived-habits-list{display:flex;flex-direction:column;gap:10px;max-height:380px;overflow-y:auto;padding-right:4px}.archived-habit-card{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background-color:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);gap:12px;transition:var(--transition-fast)}.archived-habit-card:hover{border-color:var(--border-strong);background-color:var(--bg-surface)}.archived-habit-card-left{display:flex;align-items:center;gap:12px;min-width:0}.archived-habit-card-info{display:flex;flex-direction:column;gap:3px;min-width:0}.archived-habit-card-title{font-size:.9rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.archived-habit-card-meta{display:flex;align-items:center;gap:8px;font-size:.75rem;color:var(--text-muted)}.archived-habit-card-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.category-manager-dialog{max-width:520px;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}.category-manager-dialog::-webkit-scrollbar{width:6px}.category-manager-dialog::-webkit-scrollbar-track{background:transparent}.category-manager-dialog::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:var(--radius-full)}.category-manager-dialog::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover)}.category-edit-form{background-color:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:16px;margin-bottom:20px;box-shadow:var(--shadow-sm)}.category-form-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.category-form-title{font-size:.88rem;font-weight:700;color:var(--text-primary)}.category-form-fields{display:flex;flex-direction:column;gap:12px}.category-swatches-row{display:flex;flex-wrap:wrap;gap:7px;margin-top:4px}.category-swatch-btn{width:26px;height:26px;border-radius:var(--radius-full);border:2px solid transparent;cursor:pointer;transition:all var(--transition-fast)}.category-swatch-btn:hover{transform:scale(1.15)}.category-swatch-btn.selected{border-color:#fff;box-shadow:0 0 0 2px var(--primary);transform:scale(1.15)}.category-form-actions{display:flex;justify-content:flex-end;margin-top:14px}.category-list-section{display:flex;flex-direction:column;gap:10px}.category-list-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:6px;border-bottom:1px solid var(--border-subtle)}.category-list-header h4{font-size:.85rem;font-weight:700;color:var(--text-primary)}.category-list-hint{font-size:.72rem;color:var(--text-muted)}.categories-manage-list{display:flex;flex-direction:column;gap:8px;max-height:240px;overflow-y:auto;padding-right:6px;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}.categories-manage-list::-webkit-scrollbar{width:5px}.categories-manage-list::-webkit-scrollbar-track{background:transparent}.categories-manage-list::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:var(--radius-full)}.categories-manage-list::-webkit-scrollbar-thumb:hover{background-color:var(--primary)}.category-manage-card{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background-color:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:all var(--transition-fast)}.category-manage-card:hover{border-color:var(--border-strong);background-color:var(--bg-surface)}.category-manage-card.is-editing{border-color:var(--primary);background-color:var(--primary-subtle)}.category-manage-left{display:flex;align-items:center;gap:10px;min-width:0}.category-dot-preview{width:14px;height:14px;border-radius:var(--radius-full);flex-shrink:0;box-shadow:0 0 6px #0003}.category-manage-name{font-size:.88rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-manage-count{font-size:.72rem;color:var(--text-muted);background-color:var(--bg-surface);padding:1px 7px;border-radius:var(--radius-full);border:1px solid var(--border-subtle);flex-shrink:0}.category-manage-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.btn-xs{padding:3px 8px;font-size:.72rem}.btn-pwa-install{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,var(--primary),var(--primary-hover));color:var(--text-inverse);font-weight:600;font-size:.8rem;padding:6px 14px;border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.2);cursor:pointer;box-shadow:0 2px 10px var(--primary-glow);transition:all var(--transition-fast);white-space:nowrap}.btn-pwa-install:hover{transform:translateY(-1px);box-shadow:0 4px 16px var(--primary-glow);filter:brightness(1.08)}.btn-pwa-install.hidden{display:none!important}.btn-pwa-install svg{flex-shrink:0}.pwa-modal-icon-wrap{width:64px;height:64px;border-radius:18px;background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;box-shadow:var(--shadow-md);overflow:hidden}.pwa-modal-icon-wrap img,.pwa-modal-icon-wrap svg{width:48px;height:48px;border-radius:12px}.pwa-benefits-list{display:flex;flex-direction:column;gap:12px;margin:20px 0;background-color:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:16px}.pwa-benefit-item{display:flex;align-items:flex-start;gap:12px}.pwa-benefit-icon{font-size:1.15rem;line-height:1.2}.pwa-benefit-item strong{display:block;font-size:.84rem;color:var(--text-primary);margin-bottom:2px}.pwa-benefit-item p{font-size:.75rem;color:var(--text-secondary);line-height:1.35}.pwa-ios-instructions{background:#10b9810f;border:1px dashed var(--primary);border-radius:var(--radius-md);padding:14px;margin-top:14px;font-size:.78rem;color:var(--text-secondary);line-height:1.45}.pwa-ios-instructions strong{color:var(--text-primary);display:block;margin-bottom:6px}.pwa-ios-instructions ol{padding-left:18px;margin:0}.theme-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;margin-top:16px}.theme-card{background-color:var(--bg-surface-elevated);border:1.5px solid var(--border-subtle);border-radius:var(--radius-md);padding:14px;cursor:pointer;display:flex;flex-direction:column;gap:10px;transition:all var(--transition-fast);position:relative;text-align:left}.theme-card:hover{border-color:var(--border-highlight);transform:translateY(-2px);box-shadow:var(--shadow-md)}.theme-card.active{border-color:var(--primary);background-color:var(--primary-subtle);box-shadow:0 0 0 1px var(--primary)}.theme-card-top{display:flex;align-items:center;justify-content:space-between}.theme-card-title-group{display:flex;align-items:center;gap:8px}.theme-card-emoji{font-size:1.25rem}.theme-card-name{font-size:.85rem;font-weight:600;color:var(--text-primary)}.theme-card-badge{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:2px 7px;border-radius:var(--radius-full)}.theme-card-badge.badge-dark{background-color:#0006;color:#94a3b8;border:1px solid rgba(255,255,255,.1)}.theme-card-badge.badge-light{background-color:#ffffffd9;color:#334155;border:1px solid rgba(0,0,0,.1)}.theme-card-active-tag{position:absolute;top:10px;right:10px;background-color:var(--primary);color:var(--text-inverse);font-size:.65rem;font-weight:700;padding:2px 6px;border-radius:var(--radius-full);display:flex;align-items:center;gap:3px}.theme-card-palette{display:flex;align-items:center;gap:6px;margin-top:4px}.palette-swatch{width:20px;height:20px;border-radius:var(--radius-full);border:1px solid rgba(0,0,0,.15);box-shadow:0 1px 3px #0000001f}