.daily-tracker-header{text-align:center;margin-bottom:2rem}.daily-tracker-header h2{font-size:1.5rem;font-weight:600;margin:0}.daily-tracker-header span{color:var(--text-color-light);font-size:1rem}.score-board{display:flex;justify-content:space-around;margin-bottom:2rem;gap:1rem}.score-card{background-color:var(--card-background-color);padding:1rem;border-radius:var(--border-radius);box-shadow:var(--box-shadow);text-align:center;flex:1;display:flex;flex-direction:column}.score-card span{font-size:.9rem;color:var(--text-color-light);margin-bottom:.5rem}.score-card strong{font-size:1.5rem;color:var(--primary-color)}.habit-list{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.habit-button{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:1rem .5rem;font-size:1rem;border:none;border-radius:var(--border-radius);background-color:var(--card-background-color);box-shadow:var(--box-shadow);text-align:center;gap:.5rem}.habit-button.completed{background-color:var(--success-color);color:#fff;font-weight:600}.weekly-summary-header{text-align:center;margin-bottom:2rem}.weekly-summary-header h2{font-size:1.5rem;font-weight:600;margin:0;margin-bottom:.5rem}.weekly-score{font-size:1.1rem;color:var(--text-color-light)}.weekly-score strong{font-size:1.5rem;color:var(--primary-color);margin-left:.5rem}.summary-list{display:grid;gap:1rem}.summary-card{background-color:var(--card-background-color);border-radius:var(--border-radius);padding:1.5rem;box-shadow:var(--box-shadow)}.summary-card h3{margin:0 0 1rem;font-size:1.1rem}.summary-card p{margin:0 0 .5rem;color:var(--text-color-light)}.summary-card progress{width:100%;height:8px;border-radius:4px;overflow:hidden}.summary-card progress::-webkit-progress-bar{background-color:#eee}.summary-card progress::-webkit-progress-value{background-color:var(--primary-color)}.layout{display:flex;flex-direction:column;height:100vh;max-height:100vh}.layout-content{flex:1;overflow-y:auto;padding-bottom:80px}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;height:60px;display:flex;justify-content:space-around;align-items:center;background-color:var(--card-background-color);border-top:1px solid #eee;box-shadow:0 -2px 10px #0000000d}.bottom-nav a{color:var(--text-color-light);text-decoration:none;font-size:.9rem;padding:10px;border-radius:var(--border-radius);transition:all .2s ease-in-out}.bottom-nav a.active{color:var(--primary-color);font-weight:600;background-color:#646cff1a}.calendar-container{padding:20px;max-width:400px;margin:0 auto}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.calendar-header button{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--primary-color, #007bff)}.calendar-header h2{margin:0;font-size:1.2rem}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;text-align:center}.calendar-day-header{font-weight:700;color:#666;margin-bottom:10px}.calendar-cell{padding:10px 0;border-radius:5px;cursor:pointer;transition:background-color .2s}.calendar-cell.active:hover{background-color:#f0f0f0}.calendar-cell.completion-1{background-color:#4caf5026}.calendar-cell.completion-2{background-color:#4caf504d}.calendar-cell.completion-3{background-color:#4caf5073}.calendar-cell.completion-4{background-color:#4caf5099}.calendar-cell.completion-5{background-color:#4caf50cc}.calendar-cell.completion-6{background-color:#4caf50;color:#fff;font-weight:700}.calendar-cell.today{border:2px solid var(--primary-color, #007bff);box-sizing:border-box}:root{--primary-color: #646cff;--background-color: #f8f8f8;--card-background-color: #ffffff;--text-color: #333333;--text-color-light: #777777;--success-color: #4caf50;--border-radius: 12px;--box-shadow: 0 4px 12px rgba(0, 0, 0, .05);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;font-weight:400;color-scheme:light;color:var(--text-color);background-color:var(--background-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{margin:0;display:flex;justify-content:center;min-height:100vh;width:100%}#root{width:100%;max-width:480px;padding:1rem;box-sizing:border-box}button{cursor:pointer;transition:all .2s ease-in-out}button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000014}