body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.auth-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:1rem}.auth-card{animation:slideUp .4s ease;background:#fff;border-radius:24px;box-shadow:0 20px 60px #0000004d;max-width:440px;padding:2.5rem;width:100%}.auth-header{margin-bottom:2rem;text-align:center}.auth-icon{animation:pulse 2s ease-in-out infinite;color:#667eea;margin-bottom:1rem}.auth-header h1{color:#2d3748;font-size:1.875rem;font-weight:700;margin-bottom:.5rem}.auth-header p{color:#718096;font-size:.9375rem}.auth-error{align-items:center;animation:shake .3s ease;background:#fee;border:2px solid #e53e3e;border-radius:12px;color:#c53030;display:flex;font-size:.875rem;font-weight:500;gap:.75rem;margin-bottom:1.5rem;padding:1rem}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.auth-form{gap:1.25rem}.auth-form,.auth-form .form-group{display:flex;flex-direction:column}.auth-form .form-group{gap:.5rem}.auth-form label{color:#4a5568;font-size:.875rem;font-weight:600}.input-with-icon{align-items:center;display:flex;position:relative}.input-with-icon svg:first-child{color:#a0aec0;left:1rem;pointer-events:none;position:absolute}.input-with-icon input{background:#fff;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;padding:.875rem 1rem .875rem 3rem;transition:all .3s ease;width:100%}.input-with-icon input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.input-with-icon input:disabled{background:#f7fafc;cursor:not-allowed;opacity:.6}.password-toggle{align-items:center;background:none;border:none;color:#a0aec0;cursor:pointer;display:flex;padding:.5rem;position:absolute;right:1rem;transition:color .2s ease}.password-toggle:hover{color:#667eea}.password-toggle:active{transform:scale(.95)}.btn-auth-primary{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 12px #667eea66;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;justify-content:center;margin-top:.5rem;padding:1rem;transition:all .3s ease;width:100%}.btn-auth-primary:hover:not(:disabled){box-shadow:0 6px 16px #667eea80;transform:translateY(-2px)}.btn-auth-primary:active:not(:disabled){box-shadow:0 2px 8px #667eea4d;transform:translateY(0)}.btn-auth-primary:disabled{cursor:not-allowed;opacity:.7}.btn-auth-secondary{align-items:center;background:#f7fafc;border:2px solid #e2e8f0;border-radius:12px;color:#4a5568;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;justify-content:center;padding:1rem;transition:all .3s ease;width:100%}.btn-auth-secondary:hover:not(:disabled){background:#fff;border-color:#cbd5e0;transform:translateY(-1px)}.btn-auth-secondary:active:not(:disabled){transform:translateY(0)}.btn-auth-secondary:disabled{cursor:not-allowed;opacity:.5}.auth-divider{margin:1.5rem 0;position:relative;text-align:center}.auth-divider:after,.auth-divider:before{background:#e2e8f0;content:"";height:1px;position:absolute;top:50%;width:40%}.auth-divider:before{left:0}.auth-divider:after{right:0}.auth-divider span{background:#fff;color:#a0aec0;font-size:.875rem;font-weight:500;padding:0 1rem}.spinner{animation:spin .8s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:18px;width:18px}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:480px){.auth-card{padding:2rem 1.5rem}.auth-header h1{font-size:1.5rem}.auth-icon{height:40px;width:40px}}.my-lists-container{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding-bottom:2rem}.my-lists-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;display:flex;justify-content:space-between;padding:1.5rem 2rem}.my-lists-content{margin:0 auto;max-width:1200px;padding:2rem}.my-lists-title{align-items:center;color:#fff;display:flex;gap:1rem;margin-bottom:2rem}.my-lists-title svg{color:#fff}.my-lists-title h1{font-size:2rem;font-weight:700;margin:0}.lists-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:2rem}.list-card{background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000001a;cursor:pointer;padding:1.5rem;transition:all .3s ease}.list-card:hover{box-shadow:0 8px 24px #00000026;transform:translateY(-4px)}.list-card:active{transform:translateY(-2px)}.list-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.list-card-header h3{color:#2d3748;flex:1 1;font-size:1.25rem;margin:0}.list-card-actions{display:flex;gap:.5rem}.list-card-info{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.list-info-item{align-items:center;color:#718096;display:flex;font-size:.875rem;gap:.5rem}.owner-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.member-badge,.owner-badge{border-radius:12px;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.member-badge{background:#e2e8f0;color:#4a5568}.list-card-footer{border-top:1px solid #e2e8f0;font-size:.875rem;justify-content:space-between;padding-top:1rem}.btn-create-list,.list-card-footer{align-items:center;color:#667eea;display:flex;font-weight:600}.btn-create-list{background:#fff;border:2px dashed #667eea;border-radius:16px;cursor:pointer;font-size:1rem;gap:.75rem;justify-content:center;padding:1.25rem;transition:all .3s ease;width:100%}.btn-create-list:hover{background:#f7fafc;border-color:#764ba2;color:#764ba2;transform:translateY(-2px)}.btn-create-list:active{transform:translateY(0)}.my-lists-container .empty-state{background:#fff;border-radius:20px;box-shadow:0 8px 24px #0000001a;padding:4rem 2rem;text-align:center}.my-lists-container .empty-state svg{color:#cbd5e0;margin-bottom:1.5rem}.my-lists-container .empty-state h3{color:#2d3748;font-size:1.5rem;margin-bottom:.5rem}.my-lists-container .empty-state p{color:#718096;margin-bottom:2rem}@media (max-width:768px){.lists-grid{grid-template-columns:1fr}.my-lists-content{padding:1rem}.my-lists-title h1{font-size:1.5rem}}.member-avatars{align-items:center;border-top:1px solid #e2e8f0;display:flex;gap:.5rem;margin-top:.75rem;padding-top:.75rem}.member-avatar-small{box-shadow:0 2px 4px #0000001a;color:#fff}.member-avatar-overflow,.member-avatar-small{align-items:center;border:2px solid #fff;border-radius:50%;display:flex;font-size:.75rem;font-weight:600;height:32px;justify-content:center;width:32px}.member-avatar-overflow{background:#e2e8f0;color:#4a5568}.share-modal{max-width:500px;width:100%}.share-modal-title{align-items:center;color:#2d3748;display:flex;gap:.75rem}.share-modal-title svg{color:#667eea}.share-invite-section{border-bottom:1px solid #e2e8f0;margin-bottom:2rem;padding-bottom:2rem}.share-invite-section label{color:#4a5568;display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.invite-input-group{align-items:flex-start;display:flex;gap:.75rem}.invite-input-group .input-with-icon{flex:1 1}.btn-invite{min-width:100px;white-space:nowrap}.invite-error{background:#fee;border:1px solid #e53e3e;border-radius:8px;color:#c53030;font-size:.875rem;margin-top:.75rem;padding:.75rem}.members-section{margin-bottom:1.5rem}.members-section h4{color:#4a5568;font-size:.875rem;font-weight:600;letter-spacing:.5px;margin-bottom:1rem;text-transform:uppercase}.members-list{display:flex;flex-direction:column;gap:.75rem}.member-item{align-items:center;background:#f7fafc;border-radius:12px;display:flex;justify-content:space-between;padding:.75rem;transition:background .2s ease}.member-item:hover{background:#edf2f7}.member-info{flex:1 1;gap:.75rem}.member-avatar,.member-info{align-items:center;display:flex}.member-avatar{border-radius:50%;color:#fff;flex-shrink:0;font-size:1rem;font-weight:600;height:40px;justify-content:center;width:40px}.member-details{display:flex;flex-direction:column;gap:.25rem}.member-name{color:#2d3748;font-size:.9375rem;font-weight:600}.you-badge{color:#667eea;font-size:.875rem;font-weight:500}.member-role{align-items:center;color:#718096;display:flex;font-size:.8125rem;gap:.25rem}.member-role svg{color:#f59e0b}.leave-section{border-top:1px solid #e2e8f0;margin-bottom:1.5rem;padding-top:1rem}.btn-danger{align-items:center;background:#e53e3e;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:.9375rem;font-weight:600;gap:.5rem;justify-content:center;padding:.875rem;transition:all .2s ease;width:100%}.btn-danger:hover{background:#c53030;transform:translateY(-1px)}.btn-danger:active{transform:translateY(0)}@media (max-width:480px){.share-modal{max-width:100%}.invite-input-group{flex-direction:column}.btn-invite{width:100%}}.toast-container{bottom:2rem;display:flex;flex-direction:column;gap:.75rem;left:50%;pointer-events:none;position:fixed;transform:translateX(-50%);z-index:10000}.toast{align-items:center;animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 8px 24px #00000026;display:flex;gap:.75rem;max-width:500px;min-width:300px;padding:1rem 1.25rem;pointer-events:all}.toast-success{border-left:4px solid #10b981}.toast-error{border-left:4px solid #ef4444}.toast-info{border-left:4px solid #3b82f6}.toast-icon{align-items:center;display:flex;flex-shrink:0;justify-content:center}.toast-success .toast-icon{color:#10b981}.toast-error .toast-icon{color:#ef4444}.toast-info .toast-icon{color:#3b82f6}.toast-message{color:#2d3748;flex:1 1;font-size:.9375rem;font-weight:500}.toast-close{align-items:center;background:none;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:.25rem;transition:all .2s ease}.toast-close:hover{background:#f3f4f6;color:#6b7280}.toast-close:active{transform:scale(.95)}@media (max-width:640px){.toast-container{left:1rem;right:1rem;transform:none;width:auto}.toast{min-width:auto;width:100%}}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#667eea,#764ba2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.app,body{min-height:100vh}.app{background:#f8f9fa;display:flex;flex-direction:column;margin:0 auto;max-width:600px}.login-screen{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);justify-content:center}.login-container{animation:slideUp .5s ease;background:#fff;border-radius:24px;box-shadow:0 20px 60px #0000004d;margin:1rem;padding:2rem;text-align:center}.login-icon{animation:pulse 2s ease-in-out infinite;color:#667eea;margin-bottom:1rem}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.login-container h1{color:#2d3748;font-size:2rem;margin-bottom:.5rem}.login-container>p{color:#718096;margin-bottom:2rem}.user-selection{display:flex;flex-direction:column;gap:1rem;margin:0 auto;max-width:300px;width:100%}.user-select-btn{align-items:center;background:#fff;border:3px solid;border-radius:16px;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:flex;font-size:1.125rem;font-weight:600;gap:1rem;padding:1rem 1.5rem;transition:all .3s ease}.user-select-btn:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.user-select-btn:active{transform:translateY(0)}.app-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 6px #0000001a;color:#fff;display:flex;justify-content:space-between;padding:1rem}.header-user{font-size:.875rem;font-weight:600}.app-header h1,.header-user{align-items:center;display:flex;gap:.5rem}.app-header h1{font-size:1.25rem;font-weight:700}.btn-logout{align-items:center;background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;padding:.5rem;transition:all .3s ease}.btn-logout:active{background:#ffffff4d;transform:scale(.95)}.app-nav{box-shadow:0 2px 4px #0000001a;position:-webkit-sticky;position:sticky;top:0;z-index:10}.app-nav,.app-nav button{background:#fff;display:flex}.app-nav button{align-items:center;border:none;border-bottom:3px solid #0000;color:#6c757d;cursor:pointer;flex:1 1;flex-direction:column;font-size:.75rem;font-weight:500;gap:.25rem;padding:.875rem .5rem;transition:all .3s ease}.app-nav button:active{transform:scale(.95)}.app-nav button.active{background:#f8f9ff;border-bottom-color:#667eea;color:#667eea}.app-nav button span{font-size:.7rem}.app-main{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto;padding:1rem}.view-container{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.view-header{flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.view-header,.view-header h2{align-items:center;display:flex}.view-header h2{color:#2d3748;font-size:1.5rem;gap:.5rem}.view-header-leaderboard{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.view-header-leaderboard h2{align-items:center;color:#2d3748;display:flex;font-size:1.5rem;gap:.5rem}.month-selector{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000000d;gap:1rem;padding:.75rem 1rem}.month-nav-btn,.month-selector{align-items:center;display:flex;justify-content:center}.month-nav-btn{background:#e2e8f0;border:none;border-radius:8px;color:#4a5568;cursor:pointer;padding:.5rem;transition:all .2s ease}.month-nav-btn:hover:not(:disabled){background:#cbd5e0}.month-nav-btn:disabled{cursor:not-allowed;opacity:.4}.month-nav-btn:active:not(:disabled){transform:scale(.95)}.month-label{color:#2d3748;font-size:.9375rem;min-width:180px;text-align:center}.historical-notice{background:#fff5e6;border:2px solid #ff9500;border-radius:12px;color:#8b5a00;font-size:.875rem;font-weight:600;justify-content:center;margin-bottom:1rem;padding:.75rem 1rem}.header-actions,.historical-notice{align-items:center;display:flex;gap:.5rem}.btn-small{font-size:.8125rem;padding:.5rem 1rem}.btn-close{align-items:center;background:#e2e8f0;border:none;border-radius:8px;color:#4a5568;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .3s ease}.btn-close:active{transform:scale(.9)}.month-label{border-radius:20px;font-size:.75rem;padding:.5rem 1rem}.btn-primary,.month-label{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:600}.btn-primary{align-items:center;border:none;border-radius:12px;box-shadow:0 4px 12px #667eea66;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.75rem 1.25rem;transition:all .3s ease}.btn-primary:active{box-shadow:0 2px 8px #667eea4d;transform:translateY(2px)}.btn-secondary{align-items:center;background:#e2e8f0;border:none;border-radius:12px;color:#4a5568;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.25rem;transition:all .3s ease}.btn-secondary:active{transform:translateY(2px)}.btn-icon{align-items:center;background:#e2e8f0;border:none;border-radius:8px;color:#4a5568;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .3s ease}.btn-icon:active{transform:scale(.9)}.btn-icon-danger{align-items:center;background:#fee;border:none;border-radius:8px;color:#e53e3e;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .3s ease}.btn-icon-danger:active{transform:scale(.9)}.category-filter{-webkit-overflow-scrolling:touch;display:flex;gap:.5rem;margin-bottom:1rem;overflow-x:auto;padding-bottom:.5rem}.category-filter::-webkit-scrollbar{height:4px}.category-filter-btn{align-items:center;background:#fff;border:2px solid #0000;border-radius:20px;box-shadow:0 2px 4px #0000000d;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease;white-space:nowrap}.category-filter-btn:active{transform:scale(.95)}.category-filter-btn.active{box-shadow:0 4px 8px #0000001a}.categories-grid{display:flex;flex-direction:column;gap:1rem}.category-card{animation:slideIn .3s ease;background:#fff;border-left:4px solid;border-radius:16px;box-shadow:0 2px 8px #00000014;gap:1rem;padding:1rem}.category-card,.category-icon{align-items:center;display:flex}.category-icon{border-radius:12px;color:#fff;flex-shrink:0;height:56px;justify-content:center;width:56px}.category-info{flex:1 1}.category-info h3{color:#2d3748;font-size:1.125rem;margin-bottom:.25rem}.category-info p{color:#718096;font-size:.875rem}.icon-picker{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(4,1fr);margin-top:.5rem}.icon-option{align-items:center;aspect-ratio:1;background:#f7fafc;border:2px solid #0000;border-radius:12px;color:#4a5568;cursor:pointer;display:flex;justify-content:center;transition:all .3s ease}.icon-option:hover{background:#e2e8f0}.icon-option.selected{background:#667eea;border-color:#667eea;color:#fff;transform:scale(1.05)}.icon-option:active{transform:scale(.95)}.users-grid{display:flex;flex-direction:column;gap:1rem}.user-card{align-items:center;animation:slideIn .3s ease;background:#fff;border-left:4px solid;border-radius:16px;box-shadow:0 2px 8px #00000014;display:flex;justify-content:space-between;padding:1rem;transition:all .3s ease}.user-card.current-user{box-shadow:0 4px 16px #667eea33}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.user-info{align-items:center;display:flex;gap:1rem}.user-avatar{font-size:1.25rem;height:48px;width:48px}.user-avatar,.user-avatar-small{align-items:center;border-radius:50%;box-shadow:0 2px 8px #00000026;color:#fff;display:flex;flex-shrink:0;font-weight:700;justify-content:center}.user-avatar-small{font-size:1rem;height:36px;width:36px}.user-details h3{align-items:center;color:#2d3748;display:flex;font-size:1.125rem;gap:.5rem;margin-bottom:.25rem}.you-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;font-size:.625rem;font-weight:700;padding:.125rem .5rem;text-transform:uppercase}.user-stats-mini{color:#718096;display:flex;font-size:.75rem;gap:1rem}.user-stats-mini span{align-items:center;display:flex;gap:.25rem}.chores-list{display:flex;flex-direction:column;gap:1rem}.chore-card{animation:slideIn .3s ease;background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014;padding:1.25rem;transition:all .3s ease}.chore-card:active{transform:scale(.99)}.chore-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.chore-title-row{align-items:center;display:flex;gap:.75rem;margin-bottom:.5rem}.chore-category-icon{align-items:center;display:flex;justify-content:center}.chore-title-section h3{color:#2d3748;font-size:1.125rem}.chore-meta{display:flex;flex-wrap:wrap;gap:.5rem}.badge{align-items:center;border-radius:12px;display:inline-flex;font-size:.75rem;font-weight:600;gap:.25rem;padding:.25rem .75rem;text-transform:capitalize}.badge-daily{background:#e6fffa;color:#00b4b4}.badge-weekly{background:#fff5e6;color:#ff9500}.badge-monthly{background:#f0e6ff;color:#9b59b6}.badge-sequential{background:#e6f0ff;color:#3b82f6}.badge-limit{background:#f0f0f0;color:#6c757d}.points-badge{align-items:center;background:linear-gradient(135deg,gold,#ffed4e);border-radius:12px;color:#8b6914;display:inline-flex;font-size:.75rem;font-weight:600;gap:.25rem;padding:.25rem .75rem}.chore-actions,.next-turn{display:flex;gap:.5rem}.next-turn{align-items:center;background:#f7fafc;border-left:3px solid;border-radius:8px;color:#4a5568;font-size:.875rem;margin-bottom:1rem;padding:.75rem}.next-turn strong{font-weight:600}.complete-chore-btn{align-items:center;background:#fff;border:3px solid;border-radius:12px;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:.75rem;justify-content:center;letter-spacing:.5px;padding:1rem;text-transform:uppercase;transition:all .3s ease;width:100%}.complete-chore-btn:active:not(.disabled){transform:scale(.98)}.complete-chore-btn.completed{animation:completeAnimation .5s ease}@keyframes completeAnimation{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.complete-chore-btn.disabled{cursor:not-allowed;opacity:.5}.leaderboard{display:flex;flex-direction:column;gap:1rem}.leaderboard-item{align-items:center;animation:slideIn .3s ease;background:#fff;border-left:4px solid;border-radius:16px;box-shadow:0 2px 8px #00000014;display:flex;gap:1rem;overflow:hidden;padding:1rem;position:relative;transition:all .3s ease}.leaderboard-item.current-user{box-shadow:0 4px 16px #667eea33}.leaderboard-item.rank-1{box-shadow:0 4px 16px #ffd7004d}.rank-badge{border-radius:50%;box-shadow:0 2px 8px #00000026;color:#fff;flex-shrink:0;font-size:1.125rem;font-weight:700;height:44px;justify-content:center;width:44px}.leaderboard-user,.rank-badge{align-items:center;display:flex}.leaderboard-user{flex:1 1;gap:1rem}.leaderboard-info{flex:1 1}.leaderboard-info h3{align-items:center;color:#2d3748;display:flex;font-size:1.125rem;gap:.5rem;margin-bottom:.25rem}.leaderboard-stats{color:#718096;display:flex;font-size:.75rem;gap:1rem}.leaderboard-stats span{align-items:center;display:flex;gap:.25rem}.progress-bar-container{background:#f1f1f1;bottom:0;height:4px;left:0;position:absolute;right:0}.progress-bar{border-radius:0 4px 4px 0;height:100%;transition:width .5s ease}.modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.modal{animation:slideUp .3s ease;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:85vh;max-width:400px;overflow-y:auto;padding:1.5rem;width:100%}.large-modal{max-width:600px}.modal-header{justify-content:space-between;margin-bottom:1.5rem}.modal-header,.modal-header h3{align-items:center;display:flex}.modal-header h3{gap:.5rem;margin:0}.categories-list{border:2px solid #f1f1f1;border-radius:12px;margin-bottom:1.5rem;max-height:300px;overflow-y:auto;padding:.5rem}.category-item{align-items:center;background:#fff;border-left:3px solid;border-radius:8px;display:flex;gap:1rem;margin-bottom:.5rem;padding:.75rem;transition:all .2s ease}.category-item:hover{background:#f8f9fa}.category-icon-small{align-items:center;border-radius:8px;color:#fff;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.category-details{flex:1 1}.category-details h4{color:#2d3748;font-size:1rem;margin:0 0 .25rem}.category-details p{color:#718096;font-size:.75rem;margin:0}.category-actions{display:flex;gap:.5rem}.category-form{background:#f8f9fa;border-radius:12px;padding:1rem}.category-form h4{color:#2d3748;margin:0 0 1rem}.form-actions{display:flex;gap:.75rem;margin-top:1rem}.form-actions button{flex:1 1}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal h3{color:#2d3748;font-size:1.5rem;margin-bottom:1.5rem}.modal input[type=number],.modal input[type=text],.modal select{border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;padding:.75rem 1rem;transition:all .3s ease;width:100%}.modal input:focus,.modal select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group{margin-bottom:1rem}.form-group label{color:#4a5568;display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.form-group-checkbox{align-items:center;background:#f7fafc;border-radius:12px;display:flex;gap:.75rem;margin-bottom:1rem;padding:1rem}.form-group-checkbox input[type=checkbox]{cursor:pointer;flex-shrink:0;height:20px;width:20px}.form-group-checkbox label{color:#4a5568;cursor:pointer;flex:1 1;font-size:.875rem;margin:0}.color-picker{margin-bottom:1rem}.color-picker label{color:#4a5568;display:block;font-size:.875rem;font-weight:600;margin-bottom:.75rem}.color-options{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(4,1fr)}.color-option{aspect-ratio:1;border:3px solid #0000;border-radius:12px;box-shadow:0 2px 8px #00000026;cursor:pointer;transition:all .3s ease;width:100%}.color-option.selected{border-color:#2d3748;transform:scale(1.1)}.color-option:active{transform:scale(.95)}.modal-actions{display:flex;gap:.75rem;margin-top:1.5rem}.modal-actions button{flex:1 1}.empty-state{color:#718096;padding:3rem 1rem;text-align:center}.empty-state svg{color:#cbd5e0;margin-bottom:1rem}.empty-state h3{color:#4a5568;font-size:1.25rem;margin-bottom:.5rem}.empty-state p{color:#a0aec0;margin-bottom:1.5rem}.confetti-container{bottom:0;left:0;overflow:hidden;pointer-events:none;position:fixed;right:0;top:0;z-index:9999}.confetti{animation:confettiFall 2s ease-out forwards;height:10px;position:absolute;top:-10px;width:10px}@keyframes confettiFall{to{opacity:0;transform:translateY(100vh) rotate(2turn)}}.points-popup{align-items:center;animation:popupBounce .5s ease;background:linear-gradient(135deg,gold,#ffed4e);border-radius:20px;box-shadow:0 10px 40px #ffd70080;color:#8b6914;display:flex;font-size:2rem;font-weight:700;gap:.5rem;left:50%;padding:1.5rem 2rem;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:10000}@keyframes popupBounce{0%{transform:translate(-50%,-50%) scale(0)}50%{transform:translate(-50%,-50%) scale(1.2)}to{transform:translate(-50%,-50%) scale(1)}}@media (max-width:400px){.app-header h1{font-size:1.125rem}.app-nav button{font-size:.7rem;padding:.75rem .25rem}.view-header h2{font-size:1.25rem}.btn-primary{font-size:.8125rem;padding:.625rem 1rem}.category-card,.chore-card,.leaderboard-item,.user-card{padding:1rem}.form-row{grid-template-columns:1fr}}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a0aec0}.history-modal{max-width:500px}.history-chore-info{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;margin-bottom:1.5rem;padding:1rem;text-align:center}.history-chore-info h4{color:#fff;font-size:1.25rem;margin:0 0 .5rem}.history-month{color:#ffffffe6;font-size:.875rem;margin:0}.history-list{margin-bottom:1.5rem;max-height:400px;overflow-y:auto}.history-item{align-items:center;background:#f8f9fa;border-radius:12px;display:flex;gap:1rem;margin-bottom:.75rem;padding:1rem;transition:all .2s ease}.history-item:hover{background:#e2e8f0;transform:translateX(4px)}.history-number{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;font-size:.875rem;height:32px;width:32px}.history-number,.history-user-avatar{align-items:center;color:#fff;display:flex;flex-shrink:0;font-weight:700;justify-content:center}.history-user-avatar{border-radius:50%;box-shadow:0 2px 8px #00000026;font-size:1rem;height:40px;width:40px}.history-details{flex:1 1}.history-user-name{color:#2d3748;font-size:.9375rem;font-weight:600;margin-bottom:.25rem}.history-date{color:#718096;font-size:.8125rem}.history-points{align-items:center;background:linear-gradient(135deg,gold,#ffed4e);border-radius:12px;color:#8b6914;display:flex;font-size:.875rem;font-weight:700;gap:.25rem;padding:.375rem .75rem}.history-stats{grid-gap:1rem;border-top:2px solid #e2e8f0;display:grid;gap:1rem;grid-template-columns:1fr 1fr;padding-top:1rem}.history-stat{background:#f8f9fa;border-radius:12px;padding:1rem;text-align:center}.stat-label{color:#718096;display:block;font-size:.75rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.stat-value{align-items:center;color:#2d3748;display:flex;font-size:1.5rem;font-weight:700;gap:.25rem;justify-content:center}@media (hover:none) and (pointer:coarse){button{-webkit-tap-highlight-color:transparent}}button,input,select,textarea{-webkit-appearance:none;appearance:none}input[type=checkbox]{-webkit-appearance:checkbox;appearance:checkbox}@media screen and (max-width:600px){input,select,textarea{font-size:16px!important}}html{scroll-behavior:smooth}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{text-rendering:optimizeLegibility}.btn-back{align-items:center;background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;padding:.5rem;transition:all .2s ease}.btn-back:hover{background:#ffffff4d}.btn-back:active{transform:scale(.95)}
/*# sourceMappingURL=main.7fcc4ba0.css.map*/