*{box-sizing:border-box;margin:0}body{color:#333;background:#f5f5f5;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#root{max-width:480px;margin:60px auto;padding:0 16px}h1{color:#111;margin-bottom:8px;font-size:32px}h2{color:#111;margin-bottom:16px;font-size:20px}input,button{font-family:inherit;font-size:16px}.card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a}.auth-form{text-align:center}.auth-form input{border:1px solid #ddd;border-radius:8px;outline:none;width:100%;margin-bottom:12px;padding:12px 16px;transition:border-color .2s}.auth-form input:focus{border-color:#4f46e5}.btn{cursor:pointer;border:none;border-radius:8px;width:100%;padding:12px;font-weight:600;transition:opacity .2s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{color:#fff;background:#4f46e5}.btn-primary:hover:not(:disabled){background:#4338ca}.btn-ghost{color:#4f46e5;background:0 0;margin-top:8px;font-weight:500}.btn-ghost:hover{text-decoration:underline}.error-msg{color:#dc2626;margin-top:12px;font-size:14px}.todo-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.todo-header span{color:#666;font-size:14px}.todo-input-row{gap:8px;margin-bottom:16px;display:flex}.todo-input-row input{border:1px solid #ddd;border-radius:8px;outline:none;flex:1;padding:12px 16px}.todo-input-row input:focus{border-color:#4f46e5}.todo-input-row button{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:8px;padding:12px 20px;font-weight:600}.todo-input-row button:hover{background:#4338ca}.todo-item{border-bottom:1px solid #eee;align-items:center;gap:12px;padding:12px 0;display:flex}.todo-item:last-child{border-bottom:none}.todo-item input[type=checkbox]{cursor:pointer;accent-color:#4f46e5;width:20px;height:20px}.todo-item span{flex:1}.todo-item span.done{color:#999;text-decoration:line-through}.todo-item button{color:#999;cursor:pointer;background:0 0;border:none;padding:4px;font-size:18px}.todo-item button:hover{color:#dc2626}.empty-msg,.loading{text-align:center;color:#999;padding:24px}