:root[data-theme=light]{--bg-color:#f5f5f5;--surface-color:#fff;--text-color:#333;--text-secondary:#666;--primary-color:#667eea;--border-color:#e0e0e0;--hover-color:#f0f0f0;--shadow-color:#0000001a}:root[data-theme=dark]{--bg-color:#1a1a1a;--surface-color:#2d2d2d;--text-color:#e0e0e0;--text-secondary:#a0a0a0;--primary-color:#7c3aed;--border-color:#404040;--hover-color:#3d3d3d;--shadow-color:#0000004d}:root[data-theme=pink]{--bg-color:#fff5f7;--surface-color:#fff;--text-color:#4a1942;--text-secondary:#8b5a83;--primary-color:#ec4899;--border-color:#fecdd3;--hover-color:#ffe4e6;--shadow-color:#ec489926}body{background:var(--bg-color);color:var(--text-color);margin:0;transition:background .3s,color .3s}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{transition:background-color .3s,color .3s,border-color .3s}.login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh}.login-box{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;padding:3rem;text-align:center}.login-box h1{color:#333;font-size:2.5rem;margin-bottom:.5rem}.login-box p{color:#666;margin-bottom:2rem}.google-login-btn{align-items:center;background:#fff;border:2px solid #ddd;border-radius:8px;cursor:pointer;display:flex;font-size:1rem;gap:.75rem;padding:.75rem 1.5rem;transition:all .3s}.google-login-btn:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea4d}.google-login-btn img{height:20px;width:20px}.theme-toggle{background:var(--surface-color);border:2px solid var(--border-color);border-radius:12px;display:flex;gap:.5rem;padding:.25rem}.theme-btn{align-items:center;background:#0000;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:1.25rem;height:40px;justify-content:center;transition:all .3s;width:40px}.theme-btn:hover{background:var(--hover-color);transform:scale(1.1)}.theme-btn.active{background:var(--primary-color);box-shadow:0 2px 8px var(--shadow-color)}.home-container{background:var(--bg-color);min-height:100vh;padding:1rem}@media (min-width:768px){.home-container{padding:2rem}}.home-header{background:linear-gradient(135deg,var(--primary-color),#7c3aed,#ec4899);border-radius:16px;box-shadow:0 20px 60px #667eea4d;margin-bottom:1.5rem;overflow:hidden;padding:1.5rem;position:relative}@media (min-width:768px){.home-header{border-radius:24px;margin-bottom:2rem;padding:2rem}}.header-content{display:flex;flex-direction:column;gap:1rem;position:relative;z-index:1}@media (min-width:768px){.header-content{align-items:center;flex-direction:row;justify-content:space-between}}.logo{font-size:1.75rem}@media (min-width:768px){.logo{font-size:2.5rem}}.tagline{font-size:.95rem}@media (min-width:768px){.tagline{font-size:1.1rem}}.header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}@media (min-width:768px){.header-actions{gap:1rem}}.dashboard-btn,.logout-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border-radius:12px;color:#fff;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:600;min-width:120px;padding:.75rem 1.25rem;transition:all .3s}@media (min-width:768px){.dashboard-btn,.logout-btn{border-radius:16px;flex:0 1;font-size:1rem;padding:.875rem 1.75rem}}.action-bar{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}@media (min-width:768px){.action-bar{flex-direction:row;gap:1rem;justify-content:center;margin-bottom:2rem}}.action-btn{border-radius:16px;box-shadow:0 8px 24px #00000026;gap:.75rem;padding:1.125rem 2rem;width:100%}@media (min-width:768px){.action-btn{border-radius:20px;font-size:1.1rem;padding:1.25rem 2.5rem;width:auto}}.households-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr}@media (min-width:640px){.households-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.households-grid{gap:2rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}.household-card{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.household-card:active{transform:scale(.98)}@media (min-width:768px){.household-card:hover{transform:translateY(-8px) scale(1.02)}.modal-content{border-radius:24px;max-width:500px}}@media (max-width:767px){.action-btn,.household-card,.task-item,button{-webkit-user-select:none;user-select:none}}.household-card:before{background:linear-gradient(90deg,var(--primary-color),#ec4899,#f59e0b);content:"";height:4px;left:0;position:absolute;right:0;top:0}.household-card:hover{border-color:var(--primary-color);box-shadow:0 16px 48px var(--shadow-color);transform:translateY(-8px) scale(1.02)}.card-header{gap:1rem;margin-bottom:1.5rem}.card-header,.card-icon{align-items:center;display:flex}.card-icon{background:linear-gradient(135deg,var(--primary-color),#7c3aed);border-radius:16px;box-shadow:0 4px 12px #667eea4d;font-size:2.5rem;height:60px;justify-content:center;width:60px}.card-header h3{color:var(--text-color);font-size:1.5rem;font-weight:700;margin:0}.card-body{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.card-info{align-items:center;background:var(--hover-color);border-radius:12px;display:flex;justify-content:space-between;padding:.75rem}.info-label{color:var(--text-secondary);font-size:.9rem;font-weight:500}.info-value{color:var(--text-color);font-size:1rem;font-weight:600}.card-footer{border-top:1px solid var(--border-color);padding-top:1rem}.view-link{color:var(--primary-color);font-size:.95rem;font-weight:600;transition:all .3s}.household-card:hover .view-link{display:inline-block;transform:translateX(4px)}.empty-state{background:var(--surface-color);border:2px dashed var(--border-color);border-radius:24px;grid-column:1/-1;padding:5rem 2rem;text-align:center}.empty-icon{font-size:5rem;margin-bottom:1rem;opacity:.5}.empty-state p{color:var(--text-secondary);font-size:1.2rem;margin:.5rem 0}.empty-hint{font-size:1rem!important;opacity:.7}.modal{align-items:center;padding:2rem}.modal-content{animation:modalSlideIn .3s ease-out;border-radius:24px;box-shadow:0 20px 60px #0000004d;max-width:500px;padding:2.5rem}.modal-content h2{font-size:1.75rem;font-weight:700;margin:0 0 1.5rem}.modal-content input{background:var(--bg-color);border:2px solid var(--border-color);border-radius:12px;color:var(--text-color);font-size:1rem;margin-bottom:1rem;padding:1rem;transition:all .3s;width:100%}.modal-content input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a;outline:none}.modal-actions{gap:1rem;margin-top:2rem}.modal-actions button:first-child{background:linear-gradient(135deg,var(--primary-color),#7c3aed);box-shadow:0 4px 16px #667eea66;color:#fff}.modal-actions button:first-child:hover{box-shadow:0 6px 20px #667eea80;transform:translateY(-2px)}.modal-actions button:last-child{background:var(--hover-color);color:var(--text-color)}.modal-actions button:last-child:hover{background:var(--border-color)}.calendar-view-container{background:var(--surface-color);border-radius:12px;box-shadow:0 2px 8px var(--shadow-color);overflow:hidden}@media (min-width:768px){.calendar-view-container{border-radius:16px}}.all-day-section{background:var(--hover-color);border-bottom:2px solid var(--border-color);padding:1rem}.all-day-label{color:var(--text-secondary);font-size:.85rem;font-weight:600;letter-spacing:.5px;margin-bottom:.75rem;text-transform:uppercase}.all-day-tasks{display:flex;flex-direction:column;gap:.5rem}.all-day-event,.all-day-task{align-items:center;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:500;justify-content:space-between;padding:.75rem 1rem;transition:all .3s}.all-day-event:hover,.all-day-task:hover{box-shadow:0 2px 8px #00000026;transform:translateX(4px)}.all-day-task.completed{opacity:.6}.check-mark{font-size:1.25rem}.event-location{font-size:.85rem;opacity:.9}.time-slots{-webkit-overflow-scrolling:touch;max-height:600px;overflow-y:auto}.time-slot{border-bottom:1px solid var(--border-color);display:flex;height:80px;min-height:80px;position:relative;transition:background .3s}.time-slot:hover{background:var(--hover-color)}.time-slot.current-hour{background:#f0f4ff}.time-label{border-right:2px solid var(--border-color);color:var(--text-secondary);flex-shrink:0;font-size:.75rem;font-weight:600;padding:.75rem .5rem;text-align:right;width:60px}@media (min-width:768px){.time-label{font-size:.875rem;padding:1rem;width:100px}}.slot-content{flex:1 1;min-height:80px;overflow:visible;padding:.5rem 1rem;position:relative}.current-time-indicator{align-items:center;display:flex;left:0;position:absolute;right:0;z-index:10}.time-dot{background:#ef4444;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 2px #ef4444;height:12px;margin-left:-6px;width:12px}.time-line{background:#ef4444;flex:1 1;height:2px}.hour-event{-webkit-tap-highlight-color:transparent;background:#fff;border:2px solid var(--border-color);border-left-width:4px;border-radius:8px;box-shadow:0 1px 3px #0000001a;cursor:pointer;overflow:hidden;padding:.5rem;touch-action:manipulation;transition:all .2s}.hour-event.spanning{border-radius:8px;margin-bottom:0}.hour-event:hover{box-shadow:0 4px 12px #0003;transform:scale(1.02);z-index:200!important}.event-time-badge{border-radius:4px;color:#fff;display:inline-block;font-size:.65rem;font-weight:600;margin-bottom:.3rem;padding:.2rem .4rem;white-space:nowrap}.event-content h4{color:var(--text-color);font-size:.85rem;font-weight:600;margin:0 0 .2rem}.event-content h4,.event-desc,.event-link{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-desc,.event-link{color:var(--text-secondary);font-size:.75rem;margin:.15rem 0}.hour-task{-webkit-tap-highlight-color:transparent;align-items:flex-start;background:#fff;border:1px solid var(--border-color);border-left-width:4px;border-radius:8px;cursor:pointer;display:flex;gap:.75rem;margin-bottom:.5rem;padding:.75rem;position:relative;touch-action:manipulation;transition:all .3s;z-index:5}.hour-task:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.hour-task.completed{background:var(--hover-color);opacity:.6}.task-time-badge{background:#667eea;border-radius:6px;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .5rem;white-space:nowrap}.task-content{flex:1 1}.task-content h4{color:var(--text-color);font-size:.95rem;margin:0 0 .25rem}.task-desc{color:var(--text-secondary);font-size:.85rem;margin:0}.task-check{color:#4ade80;font-size:1.25rem;font-weight:700}.empty-slot{height:60px}.time-slots::-webkit-scrollbar{width:8px}.time-slots::-webkit-scrollbar-track{background:var(--hover-color)}.time-slots::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.time-slots::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.event-detail{max-width:600px;overflow:hidden;padding:0}.event-detail-header{color:#fff;padding:2rem}.event-detail-header h2{color:#fff;font-size:1.5rem;margin:0}.meeting-link-actions{display:flex;gap:.5rem}.link-btn{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .3s}.link-btn:hover{background:#5568d3}.link-btn.secondary{background:#e0e7ff;color:#667eea}.link-btn.secondary:hover{background:#c7d2fe}.completed-badge{background:#ffffff4d;border-radius:20px;font-size:.9rem;font-weight:600;margin-left:1rem;padding:.5rem 1rem}.event-detail-actions{background:var(--surface-color);border-top:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:.75rem;padding:1.5rem 2rem}.action-btn{border-radius:8px;min-width:140px;padding:.875rem}.event-form{max-height:90vh;max-width:600px;overflow-y:auto;padding:2rem}.event-form h2{color:var(--text-color);margin:0 0 1.5rem}.event-input,.event-textarea{background:var(--surface-color);border:2px solid var(--border-color);border-radius:8px;color:var(--text-color);font-family:inherit;font-size:1rem;margin-bottom:1rem;padding:.75rem;width:100%}.event-textarea{min-height:80px;resize:vertical}.section-label{margin-bottom:.5rem}.category-selector{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.category-btn{background:var(--surface-color);border:2px solid var(--border-color);border-radius:8px;color:var(--text-color)}.category-btn:hover{background:var(--hover-color)}.category-btn.selected{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.color-btn{height:40px;width:40px}.color-btn:hover{transform:scale(1.1)}.color-btn.selected{box-shadow:0 0 0 2px var(--surface-color)}.time-inputs input{background:var(--surface-color);border:2px solid var(--border-color);border-radius:6px;color:var(--text-color);font-size:1rem;padding:.5rem}.reminder-selector{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.reminder-selector label{color:var(--text-color);font-weight:600}.reminder-selector select{background:var(--surface-color);border:2px solid var(--border-color);border-radius:8px;color:var(--text-color);cursor:pointer;font-size:1rem;padding:.75rem}.event-btn{background:#8b5cf6!important;box-shadow:0 2px 8px #8b5cf64d!important}.event-btn:hover{background:#7c3aed!important;box-shadow:0 4px 12px #8b5cf666!important}.dashboard-container{margin:0 auto;max-width:1200px;min-height:100vh;padding:1rem}@media (min-width:768px){.dashboard-container{padding:2rem}}.dashboard-header{background:linear-gradient(135deg,var(--primary-color),#7c3aed);border-radius:16px;box-shadow:0 10px 40px #667eea4d;color:#fff;display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem;padding:1.5rem}@media (min-width:768px){.dashboard-header{align-items:center;border-radius:20px;flex-direction:row;justify-content:space-between;margin-bottom:2rem}}.header-subtitle{font-size:.85rem;margin:.25rem 0 0;opacity:.9}@media (min-width:768px){.header-subtitle{font-size:.95rem;margin:.5rem 0 0}}.header-right{align-items:center;display:flex;gap:.75rem}.back-btn{white-space:nowrap}.back-btn:hover{background:#ffffff4d;box-shadow:0 4px 12px #0003;transform:translateX(-4px)}.tabs-container{-webkit-overflow-scrolling:touch;display:flex;justify-content:center;margin-bottom:1.5rem;overflow-x:auto}@media (min-width:768px){.tabs-container{margin-bottom:2rem}}.tabs{background:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 20px var(--shadow-color);display:inline-flex;gap:.5rem;min-width:-webkit-min-content;min-width:min-content;padding:.5rem}@media (min-width:768px){.tabs{border-radius:16px}}.tabs button{align-items:center;background:#0000;border:none;border-radius:10px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.75rem 1rem;transition:all .3s;white-space:nowrap}@media (min-width:768px){.tabs button{border-radius:12px;font-size:1rem;padding:1rem 2rem}}.tab-icon{font-size:1.1rem}@media (min-width:768px){.tab-icon{font-size:1.25rem}}.tabs button.active{background:var(--primary-color);box-shadow:0 4px 16px #667eea66;color:#fff;transform:translateY(-2px)}.tabs button:hover:not(.active){background:var(--hover-color);color:var(--text-color)}.date-selector{background:var(--surface-color);border-radius:12px;box-shadow:0 2px 12px var(--shadow-color);display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem;padding:1rem}@media (min-width:768px){.date-selector{align-items:center;border-radius:16px;flex-direction:row;gap:1rem;margin-bottom:2rem}}.date-selector input[type=date]{background:var(--bg-color);border:2px solid var(--border-color);border-radius:10px;color:var(--text-color);flex:1 1;font-size:1rem;padding:.875rem;transition:all .3s}@media (min-width:768px){.date-selector input[type=date]{border-radius:12px;padding:1rem}}.add-task-btn{background:linear-gradient(135deg,#4ade80,#22c55e);border:none;border-radius:10px;box-shadow:0 4px 16px #4ade8066;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.875rem 1.5rem;transition:all .3s;white-space:nowrap;width:100%}@media (min-width:768px){.add-task-btn{border-radius:12px;padding:1rem 2rem;width:auto}}.event-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed)!important;box-shadow:0 4px 16px #8b5cf666!important}.event-btn:hover{box-shadow:0 6px 20px #8b5cf680!important}.tasks-list{display:flex;flex-direction:column;gap:1rem}.section-title{color:var(--text-color);font-size:1.5rem;font-weight:700;margin:0 0 1rem}.task-item{-webkit-tap-highlight-color:transparent;background:var(--surface-color);border-left:4px solid #667eea;border-radius:12px;box-shadow:0 2px 12px var(--shadow-color);cursor:pointer;display:flex;gap:.75rem;padding:1rem;transition:all .3s}@media (min-width:768px){.task-item{border-left:5px solid #667eea;border-radius:16px;gap:1rem;padding:1.5rem}}.task-item:active{transform:scale(.98)}@media (min-width:768px){.task-item:hover{box-shadow:0 8px 24px var(--shadow-color);transform:translateY(-4px)}}.task-item.completed{opacity:.7}.task-item input[type=checkbox]{accent-color:var(--primary-color);border-radius:6px;cursor:pointer;height:24px;width:24px}.task-info{flex:1 1}.task-header{align-items:center;display:flex;gap:.75rem;margin-bottom:.5rem}.task-category-icon{font-size:1.5rem}.task-info h3{color:var(--text-color);font-size:1.1rem;font-weight:600;margin:0}.task-preview{color:var(--text-secondary);font-size:.95rem;margin:.5rem 0}.task-meta{align-items:center;display:flex;gap:1rem;margin-top:.75rem}.task-date{background:var(--hover-color);border-radius:8px;color:var(--primary-color);font-size:.875rem;font-weight:600;padding:.25rem .75rem}.task-time{color:var(--text-secondary);font-size:.875rem;font-weight:500}.task-actions{align-items:center;display:flex;gap:.25rem}@media (min-width:768px){.task-actions{gap:.5rem}}.delete-btn,.edit-btn{align-items:center;background:#0000;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:1.25rem;justify-content:center;min-height:40px;min-width:40px;padding:.5rem;transition:all .3s}@media (min-width:768px){.delete-btn,.edit-btn{font-size:1.5rem}}.modal{z-index:1000}.modal-content{animation:modalSlideUp .3s ease-out;box-shadow:0 -10px 60px #0000004d;max-height:90vh;overflow-y:auto}@media (min-width:768px){.modal-content{animation:modalSlideIn .3s ease-out;border-radius:24px;max-width:90%}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.task-form{max-width:100%;padding:1.5rem}@media (min-width:768px){.task-form{max-width:600px;padding:2rem}}.category-selector{grid-gap:.5rem;gap:.5rem;margin-bottom:1rem}@media (min-width:768px){.category-selector{gap:.75rem;grid-template-columns:repeat(3,1fr);margin-bottom:1.5rem}}.category-btn{-webkit-tap-highlight-color:transparent;border-radius:10px;font-size:.85rem;padding:.75rem}@media (min-width:768px){.category-btn{border-radius:12px;font-size:.9rem;padding:.875rem}}.task-form input[type=text],.task-form input[type=time],.task-form textarea{background:var(--bg-color);border:2px solid var(--border-color);border-radius:10px;color:var(--text-color);font-family:inherit;font-size:1rem;margin-bottom:.875rem;padding:.875rem;transition:all .3s;width:100%}@media (min-width:768px){.task-form input[type=text],.task-form input[type=time],.task-form textarea{border-radius:12px;margin-bottom:1rem;padding:1rem}}.time-selector{background:var(--hover-color);border-radius:10px;display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.25rem;padding:.875rem}@media (min-width:768px){.time-selector{align-items:center;border-radius:12px;flex-direction:row;gap:1rem;margin-bottom:1.5rem;padding:1rem}}.modal-actions{background:var(--surface-color);bottom:0;padding-top:1rem;position:-webkit-sticky;position:sticky}@media (min-width:768px){.modal-actions{flex-direction:row;gap:1rem;padding-top:0;position:static}}.modal-actions button{border-radius:10px;width:100%}@media (min-width:768px){.modal-actions button{border-radius:12px;flex:1 1;width:auto}}.task-detail{max-width:100%;overflow:hidden;padding:0}@media (min-width:768px){.task-detail{max-width:700px}}.task-detail-header{align-items:center;background:linear-gradient(135deg,#667eea,#7c3aed);color:#fff;display:flex;gap:.75rem;padding:1.75rem 1.5rem;position:relative}@media (min-width:768px){.task-detail-header{gap:1rem;padding:2.5rem}}.task-detail-body{padding:2rem}.detail-row{border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1.25rem 0}.detail-row.full{flex-direction:column}.detail-label{color:var(--text-secondary);font-size:.95rem;font-weight:600}.detail-value{color:var(--text-color);font-weight:500}.detail-value.status{border-radius:12px;font-size:.9rem;font-weight:600;padding:.5rem 1rem}.detail-value.status.completed{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.detail-value.status.pending{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b}.detail-description{color:var(--text-color);line-height:1.6;margin-top:.75rem;white-space:pre-wrap}.task-detail-actions{background:var(--hover-color);border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:.75rem;padding:1.25rem}@media (min-width:768px){.task-detail-actions{flex-direction:row;gap:1rem;padding:1.5rem 2rem}}.action-btn{border-radius:10px;color:#fff;font-size:.95rem;padding:1rem}@media (min-width:768px){.action-btn{border-radius:12px}}.action-buttons{display:flex;gap:.75rem;width:100%}@media (min-width:768px){.action-buttons{width:auto}}.import-btn{background:linear-gradient(135deg,#06b6d4,#0891b2)!important;box-shadow:0 4px 16px #06b6d466!important;flex:1 1}.import-btn:hover{box-shadow:0 6px 20px #06b6d480!important}input[type=checkbox]{min-height:28px;min-width:28px}@media (min-width:768px){input[type=checkbox]{min-height:24px;min-width:24px}}@media (hover:none){.task-item:hover{box-shadow:0 2px 12px var(--shadow-color);transform:none}.tabs button:hover:not(.active){background:#0000}.action-btn:hover{transform:none}}.leaderboard-container{background:var(--surface-color);border-radius:16px;box-shadow:0 4px 16px var(--shadow-color);margin-bottom:1.5rem;padding:1.5rem}@media (min-width:768px){.leaderboard-container{border-radius:20px;margin-bottom:2rem;padding:2rem}}.leaderboard-container h2{align-items:center;color:var(--text-color);display:flex;font-size:1.25rem;gap:.5rem;margin:0 0 1.25rem}@media (min-width:768px){.leaderboard-container h2{font-size:1.5rem}}.leaderboard-list{display:flex;flex-direction:column;gap:.75rem}@media (min-width:768px){.leaderboard-list{gap:1rem}}.leaderboard-item{grid-gap:.75rem;align-items:center;background:var(--hover-color);border-radius:12px;display:grid;gap:.75rem;grid-template-columns:40px 1fr auto;padding:1rem;transition:all .3s}@media (min-width:768px){.leaderboard-item{border-radius:16px;gap:1rem;grid-template-columns:50px 1fr auto;padding:1.25rem}}.leaderboard-item:active{transform:scale(.98)}@media (hover:hover){.leaderboard-item:hover{box-shadow:0 4px 12px var(--shadow-color);transform:translateX(4px)}}.leaderboard-item.rank-1{background:linear-gradient(135deg,gold,#ffed4e);color:#7c3a00}.leaderboard-item.rank-2{background:linear-gradient(135deg,silver,#e8e8e8);color:#4a4a4a}.leaderboard-item.rank-3{background:linear-gradient(135deg,#cd7f32,#e69968);color:#3d2314}.rank{font-size:1.25rem;font-weight:700;text-align:center}@media (min-width:768px){.rank{font-size:1.5rem}}.member-info{display:flex;flex-direction:column;gap:.25rem;min-width:0}@media (min-width:768px){.member-info{gap:.5rem}}.member-info h3{color:var(--text-color);font-size:1rem;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width:768px){.member-info h3{font-size:1.1rem}}.stats{color:var(--text-secondary);display:flex;flex-direction:column;font-size:.8rem;gap:.15rem}@media (min-width:640px){.stats{flex-direction:row;font-size:.85rem;gap:.75rem}}@media (min-width:768px){.stats{font-size:.9rem;gap:1rem}}.stats span{white-space:nowrap}.points{align-items:flex-end;display:flex;flex-direction:column;gap:.25rem}.points-value{color:var(--primary-color);font-size:1.5rem;font-weight:700;line-height:1}@media (min-width:768px){.points-value{font-size:2rem}}.points-label{color:var(--text-secondary);font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}@media (min-width:768px){.points-label{font-size:.8rem}}.error-message,.loading{color:var(--text-secondary);font-size:.95rem;padding:2rem 1rem;text-align:center}@media (min-width:768px){.error-message,.loading{font-size:1rem;padding:3rem 2rem}}.error-message{color:#ef4444}@media (hover:none){.leaderboard-item:hover{box-shadow:none;transform:none}}.household-view-container{background:var(--bg-color);margin:0 auto;max-width:1200px;min-height:100vh;padding:1rem}@media (min-width:768px){.household-view-container{padding:2rem}}.household-view-container header{background:linear-gradient(135deg,var(--primary-color),#7c3aed);border-radius:16px;box-shadow:0 10px 40px #667eea4d;color:#fff;margin-bottom:1.5rem;padding:1.5rem}@media (min-width:768px){.household-view-container header{border-radius:20px;margin-bottom:2rem;padding:2rem}}.header-left{display:flex;flex-direction:column;gap:1rem}@media (min-width:768px){.header-left{align-items:center;flex-direction:row}}.back-btn{align-self:flex-start;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;border-radius:10px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.625rem 1.25rem;transition:all .3s}@media (min-width:768px){.back-btn{border-radius:12px;font-size:1rem;margin-right:1.5rem;padding:.75rem 1.5rem}}.header-left h1{font-size:1.5rem;font-weight:700;margin:0}@media (min-width:768px){.header-left h1{font-size:2rem}}.household-code{display:block;font-size:.9rem;margin-top:.5rem;opacity:.9}.members-section{background:var(--surface-color);border-radius:16px;box-shadow:0 4px 16px var(--shadow-color);margin-bottom:1.5rem;padding:1.5rem}@media (min-width:768px){.members-section{border-radius:20px;margin-bottom:2rem;padding:2rem}}.members-section h2{color:var(--text-color);font-size:1.25rem;margin:0 0 1.25rem}@media (min-width:768px){.members-section h2{font-size:1.5rem}}.members-list{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr)}@media (min-width:640px){.members-list{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.members-list{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.member-card{-webkit-tap-highlight-color:transparent;align-items:center;background:var(--hover-color);border:2px solid #0000;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:.75rem;padding:1.25rem;transition:all .3s}@media (min-width:768px){.member-card{border-radius:16px;padding:1.5rem}}.member-card:active{transform:scale(.95)}@media (hover:hover){.member-card:hover{border-color:var(--primary-color);box-shadow:0 8px 24px var(--shadow-color);transform:translateY(-4px)}}.member-card.me{background:linear-gradient(135deg,var(--primary-color),#7c3aed);color:#fff}.avatar{align-items:center;background:#fff3;border-radius:50%;display:flex;font-size:2.5rem;height:60px;justify-content:center;width:60px}@media (min-width:768px){.avatar{font-size:3rem;height:70px;width:70px}}.member-name{font-size:.95rem;font-weight:600;text-align:center;word-break:break-all}@media (min-width:768px){.member-name{font-size:1rem}}.household-actions{display:flex;flex-direction:column;gap:.75rem;margin:1.5rem 0}@media (min-width:640px){.household-actions{flex-direction:row;flex-wrap:wrap}}@media (min-width:768px){.household-actions{gap:1rem;margin:2rem 0}}.action-btn{-webkit-tap-highlight-color:transparent;align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;min-width:100%;padding:1rem 1.5rem;transition:all .3s}@media (min-width:640px){.action-btn{flex-basis:calc(50% - 0.5rem);flex-grow:1;flex-shrink:1;min-width:200px}}@media (min-width:1024px){.action-btn{flex:1 1 auto}}.dashboard-btn{background:linear-gradient(135deg,var(--primary-color),#7c3aed);box-shadow:0 4px 16px #667eea66;color:#fff}.import-btn{background:linear-gradient(135deg,#06b6d4,#0891b2);box-shadow:0 4px 16px #06b6d466;color:#fff}.leave-btn{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 16px #ef444466;color:#fff}.action-btn:active{transform:scale(.98)}@media (hover:hover){.action-btn:hover{box-shadow:0 6px 20px #0000004d;transform:translateY(-2px)}}.dashboard-modal{align-items:flex-end;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;bottom:0;display:flex;left:0;padding:0;position:fixed;right:0;top:0;z-index:1000}@media (min-width:768px){.dashboard-modal{align-items:center;justify-content:center;padding:2rem}}.dashboard-content{animation:slideUp .3s ease-out;background:var(--bg-color);border-radius:20px 20px 0 0;max-height:90vh;overflow-y:auto;position:relative;width:100%}@media (min-width:768px){.dashboard-content{border-radius:24px;max-height:85vh;max-width:1200px}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.close-btn{align-items:center;background:var(--surface-color);border:none;border-radius:50%;box-shadow:0 4px 12px var(--shadow-color);color:var(--text-color);cursor:pointer;display:flex;float:right;font-size:2rem;height:48px;justify-content:center;position:-webkit-sticky;position:sticky;right:1rem;top:1rem;transition:all .3s;width:48px;z-index:10}@media (min-width:768px){.close-btn{font-size:1.5rem;height:40px;width:40px}}.close-btn:active{transform:scale(.9)}@media (hover:hover){.close-btn:hover{background:var(--hover-color);transform:rotate(90deg)}}.modal{align-items:flex-end;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:0;position:fixed;right:0;top:0;z-index:1001}@media (min-width:768px){.modal{align-items:center;padding:2rem}}.modal-content{animation:slideUp .3s ease-out;background:var(--surface-color);border-radius:20px 20px 0 0;max-width:100%;padding:1.5rem;width:100%}@media (min-width:768px){.modal-content{border-radius:24px;max-width:500px;padding:2.5rem}}.modal-content h2{color:var(--text-color);font-size:1.5rem;margin:0 0 1rem}@media (min-width:768px){.modal-content h2{font-size:1.75rem}}.modal-content p{color:var(--text-secondary);line-height:1.6;margin:.75rem 0}.warning-text{background:#f59e0b1a;border-radius:8px;color:#f59e0b;font-size:.95rem;font-weight:600;margin:1rem 0;padding:1rem}.modal-actions{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem}@media (min-width:768px){.modal-actions{flex-direction:row;gap:1rem}}.modal-actions button{-webkit-tap-highlight-color:transparent;border:none;border-radius:12px;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:1rem;transition:all .3s}.danger-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.danger-btn:active{transform:scale(.98)}@media (hover:hover){.danger-btn:hover{box-shadow:0 6px 20px #ef444466;transform:translateY(-2px)}}.modal-actions button:not(.danger-btn){background:var(--hover-color);border:2px solid var(--border-color);color:var(--text-color)}.error-container,.loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:2rem;text-align:center}.error-container h2{color:var(--text-color);font-size:1.5rem;margin-bottom:1rem}@media (min-width:768px){.error-container h2{font-size:2rem}}.error-container p{color:var(--text-secondary);margin-bottom:2rem}.error-container button{background:var(--primary-color);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:all .3s}@media (hover:none){.action-btn:hover,.close-btn:hover,.danger-btn:hover,.member-card:hover{box-shadow:none;transform:none}}.task-page{background:var(--bg-color);min-height:100vh;padding-bottom:2rem}.page-header{background:linear-gradient(135deg,var(--primary-color),#7c3aed);box-shadow:0 4px 12px #0000001a;color:#fff;padding:1.5rem;position:-webkit-sticky;position:sticky;top:0;z-index:10}@media (min-width:768px){.page-header{padding:2rem}}.page-header .back-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;border-radius:10px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;margin-bottom:1rem;padding:.625rem 1.25rem}.page-header h1{font-size:1.75rem;font-weight:700;margin:0}.page-content{margin:0 auto;max-width:800px;padding:1.5rem}@media (min-width:768px){.page-content{padding:2rem}}.input-field,.textarea-field,.time-input{background:var(--surface-color);border:2px solid var(--border-color);border-radius:12px;color:var(--text-color);font-family:inherit;font-size:1rem;margin-bottom:1rem;padding:1rem;transition:all .3s;width:100%}.input-field:focus,.textarea-field:focus,.time-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a;outline:none}.textarea-field{min-height:120px;resize:vertical}.form-section{margin-bottom:1.5rem}.section-label{color:var(--text-color);display:block;font-size:.95rem;font-weight:600;margin-bottom:.75rem}.category-selector{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr);margin-bottom:1.5rem}@media (min-width:768px){.category-selector{grid-template-columns:repeat(3,1fr)}}.category-btn{align-items:center;background:#0000;border:2px solid;border-radius:12px;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;justify-content:center;padding:.875rem;transition:all .3s}.category-btn.selected{transform:scale(1.05)}.color-selector{display:flex;flex-wrap:wrap;gap:.75rem}.color-btn{border:3px solid #0000;border-radius:50%;cursor:pointer;height:48px;transition:all .3s;width:48px}.color-btn.selected{border-color:var(--text-color);box-shadow:0 0 0 2px var(--surface-color),0 0 0 4px var(--text-color);transform:scale(1.1)}.time-selector{background:var(--surface-color);border:2px solid var(--border-color);border-radius:12px;margin-bottom:1.5rem;padding:1.25rem}.time-selector label{align-items:center;color:var(--text-color);cursor:pointer;display:flex;font-weight:500;gap:.5rem;margin-bottom:1rem}.time-inputs{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-top:1rem}.time-inputs>div{display:flex;flex-direction:column;gap:.5rem}.time-inputs label{color:var(--text-secondary);font-size:.875rem;font-weight:500;margin-bottom:0}.page-actions{bottom:1rem;display:flex;flex-direction:column;gap:1rem;margin-top:2rem;position:-webkit-sticky;position:sticky}@media (min-width:768px){.page-actions{flex-direction:row;position:static}}.primary-btn,.secondary-btn{border:none;border-radius:12px;cursor:pointer;font-size:1.05rem;font-weight:600;padding:1.125rem 2rem;transition:all .3s;width:100%}@media (min-width:768px){.primary-btn,.secondary-btn{flex:1 1;width:auto}}.primary-btn{background:linear-gradient(135deg,var(--primary-color),#7c3aed);box-shadow:0 4px 16px #667eea66;color:#fff}.primary-btn:hover{box-shadow:0 6px 20px #667eea80;transform:translateY(-2px)}.secondary-btn{background:var(--surface-color);border:2px solid var(--border-color);color:var(--text-color)}.secondary-btn:hover{background:var(--hover-color)}.import-section{background:var(--surface-color);border-radius:16px;box-shadow:0 4px 16px var(--shadow-color);padding:2rem}.import-section h2{color:var(--text-color);font-size:1.5rem;margin:0 0 .5rem}.import-description{color:var(--text-secondary);line-height:1.6;margin-bottom:2rem}.file-upload-area{margin:2rem 0}.file-input{display:none}.file-upload-label{align-items:center;background:var(--bg-color);border:3px dashed var(--border-color);border-radius:16px;cursor:pointer;display:flex;flex-direction:column;gap:1rem;padding:3rem 2rem;transition:all .3s}.file-upload-label:hover{background:var(--hover-color);border-color:var(--primary-color)}.upload-icon{font-size:3rem}.file-upload-label span:last-child{color:var(--text-color);font-size:1.1rem;font-weight:600}.import-result{background:var(--hover-color);border-radius:12px;margin-top:2rem;padding:2rem;text-align:center}.import-result h3{color:var(--text-color);margin:0 0 1rem}.success-count{color:#22c55e}.failed-count,.success-count{font-size:1.1rem;font-weight:600;margin:.5rem 0}.failed-count{color:#ef4444}.import-result .primary-btn{margin-top:1.5rem}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.loading{align-items:center;color:#667eea;display:flex;font-size:1.5rem;justify-content:center;min-height:100vh}
/*# sourceMappingURL=main.1a3680aa.css.map*/