@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg-primary: #ffffff;--bg-secondary: #f7f6f3;--text-primary: #37352f;--text-secondary: #787774;--border-color: #e9e9e7;--accent-color: #2383e2;--accent-soft: #ebf5fe;--success-color: #0f7b6c;--success-soft: #edf7f6;--warning-color: #dfab01;--danger-color: #eb5757;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--font-main: "Outfit", sans-serif}[data-theme=dark]{--bg-primary: #191919;--bg-secondary: #222222;--text-primary: #ffffff;--text-secondary: #9b9b9b;--border-color: #2f2f2f;--accent-color: #2eaadc;--accent-soft: #1e2b34;--success-color: #529e72;--success-soft: #1c2b24}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-main);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden;transition:background-color .3s ease}.app-wrapper{max-width:500px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;padding-bottom:80px}.container{padding:1.5rem}.header{padding:2rem 1.5rem 1rem;display:flex;justify-content:space-between;align-items:flex-start}.title-group h1{font-size:1.75rem;font-weight:700;letter-spacing:-.03em}.title-group p{color:var(--text-secondary);font-size:.9rem}.progress-card{background:var(--bg-secondary);padding:1.5rem;border-radius:var(--radius-lg);margin-bottom:2rem;border:1px solid var(--border-color)}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.progress-label{font-size:.75rem;font-weight:700;color:var(--accent-color);letter-spacing:.05em;text-transform:uppercase}.progress-percent{font-weight:700;color:var(--accent-color)}.progress-bar-bg{height:8px;background:var(--border-color);border-radius:4px;overflow:hidden}.progress-bar-fill{height:100%;background:var(--accent-color);transition:width .6s cubic-bezier(.34,1.56,.64,1)}.section-title{font-size:.75rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem}.habit-list{display:flex;flex-direction:column;gap:.75rem}.habit-card{display:flex;align-items:center;padding:1rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);gap:1rem;transition:all .2s ease}.habit-card:hover{border-color:var(--accent-color);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.checkbox-btn{width:28px;height:28px;border-radius:8px;border:2px solid var(--border-color);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.checkbox-selected{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.habit-content{flex:1}.habit-title{font-weight:500;font-size:1rem}.habit-completed .habit-title{text-decoration:line-through;color:var(--text-secondary)}.streak-badge{display:flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:700;color:#f97316;background:#fff7ed;padding:2px 8px;border-radius:20px}[data-theme=dark] .streak-badge{background:#f973161a}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:var(--bg-primary);border-top:1px solid var(--border-color);display:flex;justify-content:space-around;padding:.75rem 0 1.25rem;z-index:100}.nav-item{display:flex;flex-direction:column;align-items:center;gap:.25rem;color:var(--text-secondary);text-decoration:none;font-size:.7rem;font-weight:600;cursor:pointer;background:none;border:none;outline:none;flex:1}.nav-item-active{color:var(--accent-color)}.modal-overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-end;justify-content:center;z-index:1000}.modal-content{background:var(--bg-primary);width:100%;max-width:500px;border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:2rem;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.input-field{width:100%;padding:1rem;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);font-size:1rem;margin-bottom:1.5rem;outline:none}.btn-primary{width:100%;padding:1rem;border-radius:var(--radius-md);background:var(--accent-color);color:#fff;font-weight:700;font-size:1rem;border:none;cursor:pointer}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-top:1rem}.calendar-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:.8rem;border-radius:4px}.calendar-day-active{background:var(--accent-soft);color:var(--accent-color);font-weight:700}.calendar-dot{width:6px;height:6px;border-radius:50%;background:var(--accent-color)}