:root{--llama-cream: #fff8ee;--llama-sand: #f3e0c8;--llama-brown: #8b5e3c;--llama-dark: #5c3d2e;--llama-accent: #e8a54b;--llama-mint: #7ec8a3;--llama-rose: #e07a7a;--llama-shadow: rgba(92, 61, 46, .15);--radius: 18px}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Nunito,system-ui,sans-serif;color:var(--llama-dark);background:radial-gradient(circle at 10% 20%,#ffe9c7 0%,transparent 25%),radial-gradient(circle at 90% 10%,#ffd9b0 0%,transparent 20%),linear-gradient(160deg,var(--llama-cream),var(--llama-sand))}#app{max-width:720px;margin:0 auto;padding:2rem 1rem 3rem}.hero{text-align:center;margin-bottom:2rem}.hero h1{font-family:Fredoka,sans-serif;font-size:clamp(2rem,6vw,3rem);margin:.25rem 0;color:var(--llama-brown)}.hero p{margin:0;opacity:.85}.llama-mascot{font-size:4rem;line-height:1;animation:bounce 2.5s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.card{background:#ffffffd1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:2px solid rgba(139,94,60,.15);border-radius:var(--radius);box-shadow:0 12px 30px var(--llama-shadow);padding:1.5rem}.auth-tabs{display:flex;gap:.5rem;margin-bottom:1rem}.tab,button{font:inherit;cursor:pointer}.tab{flex:1;border:2px solid transparent;background:var(--llama-sand);color:var(--llama-dark);border-radius:999px;padding:.6rem 1rem;font-weight:700}.tab.active{background:var(--llama-brown);color:#fff}form{display:grid;gap:.75rem}label{font-weight:700;font-size:.9rem}input[type=email],input[type=password],input[type=text]{width:100%;border:2px solid rgba(139,94,60,.2);border-radius:12px;padding:.75rem .9rem;font:inherit;background:#fff}input:focus{outline:3px solid rgba(232,165,75,.35);border-color:var(--llama-accent)}.btn-primary,.btn-secondary,.btn-icon{border:none;border-radius:12px;padding:.75rem 1rem;font-weight:700}.btn-primary{background:linear-gradient(135deg,var(--llama-accent),#d9892f);color:#fff;box-shadow:0 6px 16px #e8a54b59}.btn-secondary{background:#fff;color:var(--llama-brown);border:2px solid rgba(139,94,60,.25)}.btn-icon{background:transparent;color:var(--llama-rose);padding:.35rem .5rem}.message{margin-top:.75rem;padding:.75rem 1rem;border-radius:12px;font-size:.95rem}.message.error{background:#ffe5e5;color:#9b2c2c}.message.success{background:#e6f8ef;color:#276749}.todo-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem}.todo-header h2{font-family:Fredoka,sans-serif;margin:0;color:var(--llama-brown)}.user-email{font-size:.9rem;opacity:.8}.todo-form{display:flex;gap:.5rem;margin-bottom:1rem}.todo-form input{flex:1}.todo-list{list-style:none;margin:0;padding:0;display:grid;gap:.65rem}.todo-item{display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem;background:#fff;border-radius:14px;border:2px solid rgba(139,94,60,.12)}.todo-item.completed .todo-title{text-decoration:line-through;opacity:.55}.todo-check{width:1.25rem;height:1.25rem;accent-color:var(--llama-mint)}.todo-title{flex:1;word-break:break-word}.empty-state{text-align:center;padding:2rem 1rem;color:#5c3d2eb3}.stats-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.stat-pill{background:linear-gradient(135deg,#fff4df,#ffe8c4);border:2px solid rgba(139,94,60,.15);border-radius:999px;padding:.45rem .9rem;font-size:.9rem;font-weight:700;color:var(--llama-brown)}.leaderboard-card{margin-top:1.25rem;padding-top:1.25rem;border-top:2px dashed rgba(139,94,60,.15)}.leaderboard-header{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.75rem}.leaderboard-header h3{font-family:Fredoka,sans-serif;margin:0;color:var(--llama-brown)}.week-nav{display:flex;align-items:center;gap:.35rem}.week-nav button{background:#fff;border:2px solid rgba(139,94,60,.2);border-radius:10px;padding:.35rem .55rem;color:var(--llama-brown);font-weight:700}.week-label{font-size:.85rem;font-weight:700;color:var(--llama-dark);min-width:9rem;text-align:center}.leaderboard-table{width:100%;border-collapse:collapse}.leaderboard-table th,.leaderboard-table td{padding:.65rem .5rem;text-align:left}.leaderboard-table th{font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;color:#5c3d2ea6;border-bottom:2px solid rgba(139,94,60,.12)}.leaderboard-table tbody tr{border-bottom:1px solid rgba(139,94,60,.08)}.leaderboard-table tbody tr.is-me{background:#7ec8a32e}.leaderboard-table tbody tr.is-me td{font-weight:700}.rank-badge{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;font-weight:700}.hidden{display:none!important}@media(max-width:520px){.todo-header{flex-direction:column;align-items:flex-start}.todo-form{flex-direction:column}}