@import "https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500;600;700&display=swap";:root{--primary:#4caf50;--primary-hover:#45a049;--blue:#4285f4;--blue-hover:#3b78e7;--red:#ff8a80;--red-hover:#ff5252;--bg:#fff;--bg-completed:#e0e0e0;--text-main:#333;--text-light:#9e9e9e;--border:#eee;--font-family:"Roboto Mono", monospace}*{box-sizing:border-box}body{font-family:var(--font-family);background-color:var(--bg);color:var(--text-main);-webkit-font-smoothing:antialiased;margin:0}#root{flex-direction:column;max-width:1200px;min-height:100vh;margin:0 auto;display:flex}button{font-family:var(--font-family);cursor:pointer;color:var(--text-main);background-color:#0000;border:none;border-radius:4px;justify-content:center;align-items:center;padding:8px 16px;font-weight:500;transition:all .2s;display:inline-flex}button:active{transform:scale(.98)}input,select{font-family:var(--font-family);color:var(--text-main);background-color:#fff;border:1px solid #ccc;border-radius:4px;outline:none;padding:10px 12px;transition:border-color .2s}input:focus,select:focus{border-color:var(--primary)}::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6;transition:all .2s}::-webkit-calendar-picker-indicator:hover{opacity:1}.app-container{flex-direction:column;width:100%;padding-bottom:60px;display:flex}.header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.logo{color:#555;font-size:1.2rem;font-weight:700}.week-nav{align-items:center;gap:16px;font-weight:500;display:flex}.nav-btn{color:var(--blue);padding:4px 8px;font-weight:700}.nav-btn:hover{background-color:#f0f4ff}.settings-btn{color:#777;font-size:1.2rem}.settings-dropdown{border:1px solid var(--border);white-space:nowrap;z-index:100;min-width:180px;color:var(--text-main);text-align:left;background:#fff;border-radius:6px;margin-top:8px;padding:12px 16px;position:absolute;top:100%;right:0;box-shadow:0 4px 12px #0000001a}.main-content{width:100%;max-width:800px;margin:0 auto;padding:24px}.tabs{border-bottom:1px solid var(--border);margin-bottom:24px;display:flex}.tab{color:#aaa;border-bottom:3px solid #0000;margin-bottom:-1px;padding:12px 24px;font-weight:600}.tab.active{color:var(--primary);border-bottom:3px solid var(--primary)}.add-tab-btn{color:#777;padding:12px 16px}.add-chore-form{flex-wrap:wrap;gap:12px;margin-bottom:40px;display:flex}.add-chore-input{flex:1;min-width:200px}.date-input,.time-input{width:150px}.recurrence-select{width:130px}.add-btn{background-color:var(--blue);color:#fff}.add-btn:hover{background-color:var(--blue-hover)}.section-title{color:#444;margin:32px 0 24px;font-size:1.3rem;font-weight:600}.day-group{margin-bottom:32px}.day-header{text-align:center;color:#666;margin-bottom:16px;font-weight:600;position:relative}.day-header:after{content:"";background-color:var(--border);width:100%;height:1px;position:absolute;bottom:-8px;left:0}.chore-card{border:1px solid var(--border);background-color:#fff;border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:16px 20px;transition:box-shadow .2s;display:flex}.chore-card:hover{box-shadow:0 4px 12px #0000000d}.chore-card.completed{background-color:var(--border);border-color:#0000}.chore-info{flex-direction:column;display:flex}.chore-title{margin-bottom:4px;font-size:1.05rem;font-weight:500}.chore-card.completed .chore-title,.chore-card.completed .chore-meta{color:#999;text-decoration:line-through}.chore-meta{color:#888;font-size:.85rem}.complete-btn{background-color:var(--primary);color:#fff}.complete-btn:hover{background-color:var(--primary-hover)}.undo-btn{background-color:var(--red);color:#fff}.undo-btn:hover{background-color:var(--red-hover)}.delete-btn{color:#ccc;border:1px solid var(--border);background-color:#0000;align-items:center;padding:4px 8px;font-size:1.2rem;display:flex}.delete-btn:hover{border-color:var(--red);background-color:#fee}