:root{--ht-primary:#10b981;--ht-primary-rgb:16, 185, 129;--ht-primary-light:#10b9811a;--ht-primary-lighter:#10b9810d;--ht-primary-dark:#059669;--ht-text:#1e293b;--ht-text-secondary:#475569;--ht-text-muted:#64748b;--ht-bg:#fff;--ht-bg-secondary:#f8fafc;--ht-bg-tertiary:#f1f5f9;--ht-border:#e2e8f0;--ht-border-light:#f1f5f9;--ht-radius:var(--main-radius,.5rem);--ht-radius-lg:var(--main-radius-lg,.75rem);--ht-radius-xl:1rem;--ht-radius-full:9999px;--ht-shadow:0 1px 3px #0000000d, 0 1px 2px #00000008;--ht-shadow-md:0 4px 12px #00000012;--ht-shadow-lg:0 8px 24px #00000014;--ht-transition:.2s ease;--ht-cal-0:#e2e8f0;--ht-cal-1:#a7f3d0;--ht-cal-2:#6ee7b7;--ht-cal-3:#34d399;--ht-cal-4:#10b981;--ht-stat-indigo:#6366f1;--ht-stat-blue:#3b82f6;--ht-danger:#ef4444;--ht-danger-light:#ef444414;--ht-streak:#f59e0b;--ht-streak-light:#f59e0b1a}._ht-container{gap:var(--main-space-4,1rem);flex-direction:column;max-width:640px;margin:0 auto;display:flex}._ht-header{justify-content:space-between;align-items:center;gap:var(--main-space-3,.75rem);display:flex}._ht-date-nav{background:var(--ht-bg);border-radius:var(--ht-radius-full);border-style:solid;border-width:1px;border-color:var(--ht-border);box-shadow:var(--ht-shadow);align-items:center;gap:0;padding:.25rem;display:inline-flex}._ht-nav-btn{width:30px;height:30px;color:var(--ht-text-muted);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border-width:0;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}._ht-nav-btn:hover{color:var(--ht-primary);background:var(--ht-primary-light)}._ht-date-label{font-size:var(--main-text-sm,.875rem);color:var(--ht-text);cursor:pointer;border-radius:var(--ht-radius-full);white-space:nowrap;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border-width:0;padding:.25rem .625rem;font-weight:600;line-height:1.4}._ht-date-label:hover{color:var(--ht-primary);background:var(--ht-primary-lighter)}._ht-add-btn{background:var(--ht-primary);color:#fff;border-radius:var(--ht-radius-full);font-size:var(--main-text-sm,.875rem);cursor:pointer;box-shadow:0 2px 10px rgba(var(--ht-primary-rgb), .3);letter-spacing:.01em;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-width:0;align-items:center;gap:.375rem;padding:.5rem 1.125rem;font-weight:600;display:inline-flex}._ht-add-btn:hover{opacity:.9;box-shadow:0 4px 14px rgba(var(--ht-primary-rgb), .35)}._ht-section-title{color:var(--ht-text-muted);text-transform:uppercase;letter-spacing:.08em;margin:0 0 var(--main-space-3,.75rem) 0;font-size:.6875rem;font-weight:700}._ht-no-habits-today{text-align:center;color:var(--ht-text-muted);font-size:var(--main-text-sm,.875rem);background:var(--ht-bg);border-radius:var(--ht-radius-lg);border-style:dashed;border-width:1px;border-color:var(--ht-border);padding:1.5rem 1rem}._ht-bottom{gap:var(--main-space-4,1rem);flex-direction:column;display:flex}._ht-empty{text-align:center;background:var(--ht-bg);border-radius:var(--ht-radius-xl);border-style:solid;border-width:1px;border-color:var(--ht-border);box-shadow:var(--ht-shadow);padding:1.5rem 1.25rem}._ht-empty-icon{color:var(--ht-primary);opacity:.3;margin-bottom:.5rem}._ht-empty-title{color:var(--ht-text);margin:0 0 .25rem;font-size:1rem;font-weight:700}._ht-empty-text{color:var(--ht-text-muted);font-size:var(--main-text-xs,.75rem);max-width:320px;margin:0 auto .875rem;line-height:1.5}._ht-empty-add-btn{background:var(--ht-primary);color:#fff;border-radius:var(--ht-radius-full);font-size:var(--main-text-xs,.75rem);cursor:pointer;box-shadow:0 2px 10px rgba(var(--ht-primary-rgb), .3);-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-width:0;align-items:center;gap:.375rem;min-height:38px;padding:.5rem 1.25rem;font-weight:600;display:inline-flex}._ht-empty-add-btn:hover{opacity:.9}._ht-all-done{text-align:center;background:var(--ht-primary-lighter);border-radius:var(--ht-radius-lg);border-style:solid;border-width:1px;border-color:rgba(var(--ht-primary-rgb), .15);padding:1.25rem 1rem}._ht-all-done-emoji{margin-bottom:.375rem;font-size:2rem;line-height:1}._ht-all-done-text{color:var(--ht-primary-dark);font-size:var(--main-text-sm,.875rem);margin:0;font-weight:600}@media (max-width:768px){._ht-container{padding-left:.875rem;padding-right:.875rem}._ht-nav-btn{width:36px;height:36px}._ht-date-label{min-height:36px;padding:.375rem .75rem}._ht-add-btn{min-height:40px;padding:.625rem 1.125rem}}@media (max-width:480px){._ht-header{align-items:stretch;gap:var(--main-space-2,.5rem);flex-direction:column}._ht-date-nav{justify-content:space-between;align-self:center;width:100%;max-width:320px}._ht-date-label{text-align:center;flex:1}._ht-add-btn{justify-content:center;width:100%}._ht-progress-card{padding:.875rem 1rem}._ht-empty{padding:1.25rem 1rem}}._ht-hidden{display:none!important}@keyframes _ht-pulse{0%,to{opacity:1}50%{opacity:.4}}._ht-loading ._ht-empty,._ht-loading ._ht-all-done{display:none!important}._ht-skel{background:var(--ht-bg-tertiary);animation:1.5s ease-in-out infinite _ht-pulse}._ht-loading ._ht-date-label{background:var(--ht-bg-tertiary);border-radius:var(--ht-radius);min-width:140px;min-height:20px;animation:1.5s ease-in-out infinite _ht-pulse}._ht-loading ._ht-progress-pct{visibility:hidden}._ht-loading ._ht-progress-detail{gap:.375rem}._ht-loading ._ht-progress-count:before{content:"";background:var(--ht-bg-tertiary);border-radius:6px;width:48px;height:14px;animation:1.5s ease-in-out infinite _ht-pulse;display:block}._ht-loading ._ht-progress-label:before{content:"";background:var(--ht-bg-tertiary);border-radius:5px;width:88px;height:10px;animation:1.5s ease-in-out infinite _ht-pulse;display:block}._ht-loading ._ht-cal-month-label{background:var(--ht-bg-tertiary);border-radius:var(--ht-radius);min-width:100px;min-height:16px;animation:1.5s ease-in-out infinite _ht-pulse}._ht-skel-item{background:var(--ht-bg);border-radius:var(--ht-radius-lg);border-style:solid;border-width:1px;border-color:var(--ht-border);align-items:center;gap:.75rem;padding:.875rem 1rem;display:flex}._ht-skel-item+._ht-skel-item{margin-top:.5rem}._ht-skel-check{border-radius:50%;flex-shrink:0;width:22px;height:22px}._ht-skel-emoji{border-radius:8px;flex-shrink:0;width:36px;height:36px}._ht-skel-info{flex-direction:column;flex:1;gap:6px;display:flex}._ht-skel-line{border-radius:6px;height:12px}._ht-skel-line-sm{border-radius:4px;height:8px}._ht-skel-stat{flex-direction:column;align-items:center;gap:6px;padding:.25rem 0;display:flex}._ht-skel-stat-icon{border-radius:50%;width:16px;height:16px}._ht-skel-stat-val{border-radius:4px;width:32px;height:20px}._ht-skel-stat-lbl{border-radius:4px;width:48px;height:8px}._ht-skel-cal{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}._ht-skel-dow{border-radius:4px;height:20px;margin-bottom:4px}._ht-skel-day{aspect-ratio:1;border-radius:var(--ht-radius)}._ht-progress-card{background:var(--ht-bg);border-radius:var(--ht-radius-xl);box-shadow:var(--ht-shadow);border-style:solid;border-width:1px;border-color:var(--ht-border);padding:1rem 1.25rem}._ht-progress-top{align-items:center;gap:1rem;display:flex}._ht-progress-circle{flex-shrink:0;width:52px;height:52px;position:relative}._ht-progress-svg{width:100%;height:100%;display:block}._ht-progress-track{fill:none;stroke:var(--ht-border-light);stroke-width:3px;stroke-linecap:round}._ht-progress-fill{fill:none;stroke:var(--ht-primary);stroke-width:3px;stroke-linecap:round;transition:stroke-dasharray .5s}._ht-progress-pct{color:var(--ht-primary);letter-spacing:-.02em;font-size:.6875rem;font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}._ht-progress-detail{flex-direction:column;gap:.125rem;min-width:0;display:flex}._ht-progress-count{color:var(--ht-text);font-size:1rem;font-weight:700;line-height:1.2}._ht-progress-label{font-size:var(--main-text-xs,.75rem);color:var(--ht-text-muted);line-height:1.3}._ht-progress-card._ht-progress-full{border-color:rgba(var(--ht-primary-rgb), .3);background:var(--ht-primary-lighter)}._ht-progress-card._ht-progress-full ._ht-progress-fill{stroke:var(--ht-primary)}@media (max-width:480px){._ht-progress-card{padding:.875rem 1rem}._ht-progress-top{gap:.875rem}._ht-progress-circle{width:48px;height:48px}._ht-progress-count{font-size:.9375rem}}._ht-habit-list{flex-direction:column;gap:.5rem;display:flex}._ht-habit-item{background:var(--ht-bg);border-radius:var(--ht-radius-lg);box-shadow:var(--ht-shadow);border-style:solid;border-width:1px;border-color:var(--ht-border);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex;position:relative;overflow:hidden}._ht-habit-item:hover{box-shadow:var(--ht-shadow-md);border-color:var(--ht-border)}._ht-habit-item._ht-completed{background:var(--ht-primary-lighter);border-color:rgba(var(--ht-primary-rgb), .2)}._ht-habit-item:before{content:"";background:var(--_ht-item-color,var(--ht-primary));opacity:.7;border-radius:4px 0 0 4px;width:4px;position:absolute;top:0;bottom:0;left:0}._ht-habit-item._ht-completed:before{opacity:1}._ht-habit-check{border-style:solid;border-width:2px;border-color:var(--ht-border);width:22px;height:22px;transition:all var(--ht-transition);color:#0000;background:var(--ht-bg);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-left:.25rem;display:flex}._ht-habit-item:hover ._ht-habit-check{border-color:var(--ht-text-muted)}._ht-habit-item._ht-completed ._ht-habit-check{background:var(--ht-primary);border-color:var(--ht-primary);color:#fff;box-shadow:0 2px 6px rgba(var(--ht-primary-rgb), .3)}._ht-habit-check svg{width:12px;height:12px}._ht-habit-emoji{background:var(--ht-bg-tertiary);border-radius:var(--ht-radius);width:36px;height:36px;color:var(--ht-primary);flex-shrink:0;justify-content:center;align-items:center;line-height:1;display:flex}._ht-habit-emoji svg{width:18px;height:18px}._ht-habit-item._ht-completed ._ht-habit-emoji{background:rgba(var(--ht-primary-rgb), .1)}._ht-habit-info{flex:1;min-width:0}._ht-habit-name{font-size:var(--main-text-sm,.875rem);color:var(--ht-text);white-space:nowrap;text-overflow:ellipsis;font-weight:600;line-height:1.3;overflow:hidden}._ht-habit-item._ht-completed ._ht-habit-name{color:var(--ht-text-muted);text-decoration:line-through}._ht-habit-meta{align-items:center;gap:.75rem;margin-top:.1875rem;display:flex}._ht-habit-streak{color:var(--ht-text-muted);align-items:center;gap:.25rem;font-size:.6875rem;font-weight:500;display:inline-flex}._ht-habit-streak._ht-streak-active{color:var(--ht-streak)}._ht-habit-streak svg{flex-shrink:0}._ht-habit-rate{color:var(--ht-text-muted);align-items:center;gap:.25rem;font-size:.6875rem;font-weight:500;display:inline-flex}._ht-rate-bar{background:var(--ht-border-light);border-radius:var(--ht-radius-full);width:36px;height:3px;display:inline-block;overflow:hidden}._ht-rate-fill{background:var(--ht-primary);border-radius:var(--ht-radius-full);height:100%;display:block}._ht-habit-actions{opacity:0;transition:opacity var(--ht-transition);flex-shrink:0;align-items:center;gap:.125rem;display:flex}._ht-habit-item:hover ._ht-habit-actions{opacity:1}._ht-habit-action-btn{border-radius:var(--ht-radius);width:28px;height:28px;color:var(--ht-text-muted);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border-width:0;justify-content:center;align-items:center;display:inline-flex}._ht-habit-action-btn:hover{color:var(--ht-text);background:var(--ht-bg-tertiary)}._ht-habit-action-btn._ht-delete-btn:hover{color:var(--ht-danger);background:var(--ht-danger-light)}._ht-form-group{margin-bottom:1rem}._ht-form-group:last-child{margin-bottom:0}._ht-form-label{color:var(--ht-text);margin-bottom:.5rem;font-size:.8125rem;font-weight:600;display:block}._ht-form-input{border-style:solid;border-width:1.5px;border-color:var(--ht-border);border-radius:var(--ht-radius-lg);width:100%;color:var(--ht-text);background:var(--ht-bg);box-sizing:border-box;outline:none;min-height:44px;padding:.625rem .875rem;font-size:1rem}._ht-form-input:focus{border-color:var(--ht-primary);box-shadow:0 0 0 3px rgba(var(--ht-primary-rgb), .1)}._ht-emoji-grid{flex-wrap:wrap;gap:.375rem;display:flex}._ht-emoji-btn{border-radius:var(--ht-radius);background:var(--ht-bg-secondary);cursor:pointer;width:40px;height:40px;color:var(--ht-text-secondary);-webkit-tap-highlight-color:transparent;touch-action:manipulation;border:2px solid #0000;justify-content:center;align-items:center;padding:0;display:flex}._ht-emoji-btn svg{width:18px;height:18px}._ht-emoji-btn:hover{background:var(--ht-bg-tertiary)}._ht-emoji-btn._ht-selected{border-color:var(--ht-primary);background:var(--ht-primary-light);color:var(--ht-primary)}._ht-color-grid{flex-wrap:wrap;gap:.625rem;display:flex}._ht-color-btn{cursor:pointer;width:36px;height:36px;box-shadow:var(--ht-shadow);-webkit-tap-highlight-color:transparent;touch-action:manipulation;border:3px solid #0000;border-radius:50%;padding:0}._ht-color-btn:hover{opacity:.85}._ht-color-btn._ht-selected{border-color:var(--ht-text);box-shadow:0 0 0 2px var(--ht-bg), 0 0 0 4px currentColor}._ht-days-grid{flex-wrap:wrap;gap:.375rem;display:flex}._ht-day-btn{width:40px;height:40px;font-size:var(--main-text-xs,.75rem);border-style:solid;border-width:1.5px;border-color:var(--ht-border);background:var(--ht-bg);color:var(--ht-text-secondary);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-radius:50%;justify-content:center;align-items:center;padding:0;font-weight:700;display:flex}._ht-day-btn:hover{border-color:var(--ht-primary);color:var(--ht-primary)}._ht-day-btn._ht-selected{background:var(--ht-primary);border-color:var(--ht-primary);color:#fff}@media (max-width:768px){._ht-habit-actions{opacity:1}._ht-habit-action-btn{width:36px;height:36px}._ht-habit-check{width:26px;height:26px}._ht-habit-emoji{width:38px;height:38px}._ht-emoji-grid{gap:.5rem}._ht-color-grid{gap:.75rem}._ht-days-grid{justify-content:space-between;gap:.5rem}}@media (max-width:480px){._ht-habit-item{gap:.625rem;padding:.75rem .875rem}._ht-habit-item:before{width:3px}._ht-habit-meta{flex-wrap:wrap;gap:.5rem}._ht-habit-actions{gap:0}._ht-habit-action-btn{width:34px;height:34px}._ht-emoji-btn{width:42px;height:42px}._ht-day-btn{flex:none;width:40px;height:40px}._ht-days-grid{justify-content:space-between}}._ht-calendar-section{background:var(--ht-bg);border-radius:var(--ht-radius-xl);box-shadow:var(--ht-shadow);border-style:solid;border-width:1px;border-color:var(--ht-border);padding:1.125rem 1.25rem}._ht-cal-header{justify-content:space-between;align-items:center;margin-bottom:.875rem;display:flex}._ht-cal-month-label{font-size:var(--main-text-sm,.875rem);color:var(--ht-text);text-transform:capitalize;font-weight:700}._ht-cal-nav{width:32px;height:32px;color:var(--ht-text-muted);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border-width:0;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}._ht-cal-nav:hover{color:var(--ht-primary);background:var(--ht-primary-light)}._ht-cal-grid{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}._ht-cal-dow{text-align:center;color:var(--ht-text-muted);text-transform:uppercase;letter-spacing:.03em;padding-bottom:.5rem;font-size:.6875rem;font-weight:600}._ht-cal-day{aspect-ratio:1;border-radius:var(--ht-radius);color:var(--ht-text-secondary);cursor:default;justify-content:center;align-items:center;font-size:.75rem;font-weight:500;display:flex;position:relative}._ht-cal-day._ht-cal-empty{cursor:default}._ht-cal-day._ht-level-1{background:var(--ht-cal-1);color:var(--ht-text-secondary)}._ht-cal-day._ht-level-2{background:var(--ht-cal-2);color:var(--ht-text)}._ht-cal-day._ht-level-3{background:var(--ht-cal-3);color:#fff;font-weight:600}._ht-cal-day._ht-cal-today{background:var(--ht-primary);color:#fff;font-weight:700}._ht-cal-day._ht-cal-today._ht-level-1,._ht-cal-day._ht-cal-today._ht-level-2,._ht-cal-day._ht-cal-today._ht-level-3,._ht-cal-day._ht-cal-today._ht-level-4{background:var(--ht-primary);color:#fff}._ht-cal-day._ht-cal-future,._ht-cal-day._ht-cal-outside{color:var(--ht-border)}._ht-cal-day._ht-level-4:not(._ht-cal-today){background:var(--ht-primary-light);color:var(--ht-primary-dark);font-weight:600}._ht-cal-legend{border-top-style:solid;border-top-width:1px;border-top-color:var(--ht-border-light);justify-content:center;align-items:center;gap:.25rem;margin-top:.875rem;padding-top:.75rem;display:flex}._ht-legend-label{color:var(--ht-text-muted);font-size:.6875rem;font-weight:500}._ht-legend-label:first-child{margin-right:.25rem}._ht-legend-label:last-child{margin-left:.25rem}._ht-legend-cell{border-radius:3px;flex-shrink:0;width:14px;height:14px}._ht-legend-cell._ht-level-0{background:var(--ht-cal-0)}._ht-legend-cell._ht-level-1{background:var(--ht-cal-1)}._ht-legend-cell._ht-level-2{background:var(--ht-cal-2)}._ht-legend-cell._ht-level-3{background:var(--ht-cal-3)}._ht-legend-cell._ht-level-4{background:var(--ht-cal-4)}@media (max-width:768px){._ht-calendar-section{padding:1rem .875rem}._ht-cal-nav{width:36px;height:36px}}@media (max-width:480px){._ht-cal-day{font-size:.6875rem}._ht-cal-grid{gap:3px}._ht-cal-legend{flex-wrap:wrap;gap:.1875rem}._ht-legend-cell{width:12px;height:12px}._ht-cal-month-label{font-size:.8125rem}}._ht-stats-section{background:var(--ht-bg);border-radius:var(--ht-radius-xl);box-shadow:var(--ht-shadow);border-style:solid;border-width:1px;border-color:var(--ht-border);padding:1.125rem 1.25rem}._ht-stats-grid{grid-template-columns:repeat(4,1fr);gap:.625rem;display:grid}._ht-stat-card{background:var(--ht-bg-secondary);border-radius:var(--ht-radius-lg);text-align:center;border-style:solid;border-width:1px;border-color:var(--ht-border-light);padding:.75rem .5rem}._ht-stat-icon{color:var(--ht-text-muted);justify-content:center;align-items:center;margin-bottom:.25rem;display:flex}._ht-stat-value{color:var(--ht-text);letter-spacing:-.02em;font-size:1.25rem;font-weight:800;line-height:1.2}._ht-stat-label{color:var(--ht-text-muted);text-transform:uppercase;letter-spacing:.04em;margin-top:.125rem;font-size:.625rem;font-weight:600;line-height:1.3}._ht-stat-card._ht-stat-streak ._ht-stat-value{color:var(--ht-streak)}._ht-stat-card._ht-stat-week ._ht-stat-value{color:var(--ht-primary)}._ht-stat-card._ht-stat-total ._ht-stat-value{color:var(--ht-stat-indigo)}._ht-stat-card._ht-stat-active ._ht-stat-value{color:var(--ht-stat-blue)}@media (max-width:768px){._ht-stats-section{padding:1rem .875rem}._ht-stats-grid{gap:.5rem}._ht-stat-card{padding:.625rem .375rem}._ht-stat-value{font-size:1.125rem}}@media (max-width:480px){._ht-stats-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}._ht-stat-card{padding:.75rem .5rem}._ht-stat-value{font-size:1.25rem}}