:root{--color-primary: #ff385c;--color-bg: #fff;--color-gray: #717171;--radius-lg: 16px;--shadow-soft: 0 2px 12px rgba(0, 0, 0, .08);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}html,body{margin:0;padding:0;background:var(--color-bg);font-family:var(--font-sans);color:#222}.container{max-width:800px;margin:0 auto;padding:2rem 1.5rem}.topbar{display:flex;justify-content:space-between;align-items:center}.top-margin{margin-top:24px}h1{font-size:2.4rem;font-weight:700;color:var(--color-primary);letter-spacing:-.5px;margin-bottom:.25rem}.subtitle{color:var(--color-gray);margin-bottom:2rem}.task-inputs{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}.task-inputs input,.task-inputs select{flex:1;border:1px solid #ddd;border-radius:var(--radius-lg);padding:.75rem 1rem;font-size:1rem;transition:border .2s}.task-inputs input:focus{outline:none;border-color:var(--color-primary)}.task-inputs button{background:var(--color-primary);border:none;color:#fff;padding:.75rem 1.25rem;border-radius:var(--radius-lg);font-weight:600;cursor:pointer;transition:all .3s ease}.task-inputs button:hover{background:#e63557}.task-list{display:flex;flex-direction:column;gap:.75rem}.task-card{background:#fff;box-shadow:var(--shadow-soft);border-radius:var(--radius-lg);padding:1rem 1.25rem;display:flex;justify-content:space-between;align-items:center}.task-card.done{opacity:.6}.task-title{font-weight:600}.task-meta{font-size:.9rem;color:var(--color-gray)}.task-actions{display:flex;gap:.75rem}.task-actions button{background:none;border:none;cursor:pointer;font-size:1.1rem}button.complete{color:#06b63c}button.delete{color:#e53935}.add-button{background:var(--color-primary);border:none;color:#fff;padding:.75rem 1.25rem;border-radius:var(--radius-lg);font-weight:600;cursor:pointer;transition:background .25s ease;box-shadow:0 3px 10px #ff385c40}.add-button:hover{background:#e63557;box-shadow:0 4px 14px #ff385c59}.house-info{display:flex;justify-content:space-between;align-items:center;background:#f8fafc;border:1px solid #e2e8f0;padding:20px;border-radius:16px;margin-bottom:20px;box-shadow:0 1px 4px #0000000a}.house-info h2{margin:0;color:#111827}.house-info strong{font-size:1.1em;color:#2563eb;transition:all .3s ease}.house-info strong:hover{cursor:pointer;transform:scale(1.03)}.filters{display:flex;gap:8px;align-items:center;margin:10px 0 20px}.filters select,.filters button{padding:6px 10px;border-radius:8px;border:1px solid #ccc;background:#fff;cursor:pointer;transition:all .2s ease}.filters select:hover,.filters button:hover{background:#f5f5f5}.popup{position:fixed;bottom:40px;left:50%;transform:translate(-50%) translateY(40px);background:#fff;padding:14px 22px;border-radius:14px;box-shadow:0 8px 25px #00000026;font-family:Inter,sans-serif;font-weight:500;font-size:15px;opacity:0;animation:popupFade .6s ease forwards;z-index:9999}.popup.success{border-left:5px solid #22c55e}.popup.error{border-left:5px solid #ef4444}@keyframes popupFade{0%{opacity:0;transform:translate(-50%) translateY(40px)}20%{opacity:1;transform:translate(-50%) translateY(0)}80%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(40px)}}.fade-in{animation:fadeIn .5s ease}.add-btn{transition:all .3s ease}.add-btn:hover{transform:scale(1.08)}.task-card{animation:slideIn .4s ease forwards;opacity:0}@keyframes slideIn{0%{transform:translateY(15px);opacity:0}to{transform:translateY(0);opacity:1}}.task-list .task-card:nth-child(1){animation-delay:.05s}.task-list .task-card:nth-child(2){animation-delay:.1s}.task-list .task-card:nth-child(3){animation-delay:.15s}.task-list .task-card:nth-child(4){animation-delay:.2s}.task-list .task-card:nth-child(5){animation-delay:.25s}.task-list .task-card:nth-child(6){animation-delay:.3s}.task-list .task-card:nth-child(7){animation-delay:.35s}.task-list .task-card:nth-child(8){animation-delay:.4s}.task-list .task-card:nth-child(9){animation-delay:.45s}.task-list .task-card:nth-child(10){animation-delay:.5s}.task-card.done{opacity:.6;transition:opacity .3s ease}.loading{text-align:center;font-family:Inter,sans-serif;font-size:18px;color:#555;padding-top:80px}@keyframes slideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(40px)}}.task-card.slide-out{animation:slideOut .4s ease forwards}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8fafc,#eef2ff);font-family:Inter,sans-serif}.auth-card{background:#fff;border-radius:20px;box-shadow:0 10px 30px #00000014;padding:40px;width:360px;text-align:center;animation:fadeIn .6s ease}.brand{font-weight:700;font-size:28px;color:#2d2e32;margin-bottom:8px}.subtitle{color:#666;font-size:15px;margin-bottom:20px}input{width:100%;padding:12px;margin-bottom:12px;border:1px solid #ddd;border-radius:10px;font-size:15px;outline:none;transition:border .2s;box-sizing:border-box}input:focus{border-color:#2563eb}button{width:100%;padding:12px;background:#2563eb;color:#fff;border:none;border-radius:10px;cursor:pointer;font-weight:600;transition:background .2s}button:hover{background:#1e4ed8}.mode-toggle{display:flex;justify-content:space-between;margin:10px 0 15px}.mode-toggle button{flex:1;margin:0 5px;background:#f1f5f9;color:#333}.mode-toggle button.active{background:#2563eb;color:#fff}.error{color:#dc2626;font-size:14px;margin-bottom:8px}.info{color:#16a34a;font-size:14px;margin-bottom:8px}.bottom-text{margin-top:20px;font-size:14px}.bottom-text a{color:#2563eb;font-weight:500;text-decoration:none}.bottom-text a:hover{text-decoration:underline}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}