*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f2f2f2;--shadow-light:#fff;--shadow-dark:#ccc;--cyan:#f0c4a0;--mint:#a8d8b8;--lavender:#d4a8c8;--pink:#f0b8a0;--yellow:#f0d898;--text:#3d3530;--text-muted:#9a8f88;--text-light:#bdb4ae;--radius:20px;--radius-sm:12px;--radius-xs:8px}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Noto Sans JP,sans-serif}#root{width:100%}.app{max-width:460px;margin:0 auto;padding:2rem 1.25rem 5rem}.header{border-radius:var(--radius);background:var(--bg);box-shadow:8px 8px 20px var(--shadow-dark), -8px -8px 20px var(--shadow-light);align-items:center;gap:1rem;margin-bottom:1.75rem;padding:1.25rem 1.5rem;display:flex}.header-icon-wrap{background:linear-gradient(135deg, var(--pink), var(--lavender));color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.header h1{letter-spacing:.06em;background:linear-gradient(120deg, var(--pink), var(--lavender));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.3rem;font-weight:800}.header-subtitle{color:var(--text-light);letter-spacing:.05em;margin-top:.15rem;font-size:.7rem}.tabs{border-radius:var(--radius);background:var(--bg);box-shadow:inset 4px 4px 10px var(--shadow-dark), inset -4px -4px 10px var(--shadow-light);gap:0;margin-bottom:1.75rem;padding:.4rem;display:flex}.tab{border-radius:var(--radius-sm);cursor:pointer;color:var(--text-muted);background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:.4rem;padding:.65rem .5rem;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.tab.active{background:var(--bg);color:var(--text);box-shadow:4px 4px 10px var(--shadow-dark), -4px -4px 10px var(--shadow-light)}.tab-count{background:linear-gradient(135deg, var(--cyan), var(--lavender));color:#fff;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:.62rem;font-weight:700;display:inline-flex}.section-title{letter-spacing:.12em;text-transform:uppercase;color:var(--text-light);margin-bottom:1rem;padding-left:.25rem;font-size:.68rem;font-weight:700}.card-list{flex-direction:column;gap:.9rem;display:flex}.card{border-radius:var(--radius);background:var(--bg);box-shadow:6px 6px 16px var(--shadow-dark), -6px -6px 16px var(--shadow-light);align-items:center;gap:.8rem;padding:1rem 1.1rem;transition:box-shadow .2s;display:flex}.card-check{background:var(--bg);width:30px;height:30px;box-shadow:inset 3px 3px 7px var(--shadow-dark), inset -3px -3px 7px var(--shadow-light);cursor:pointer;color:var(--text-light);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;transition:all .15s;display:flex}.card-check:hover{color:var(--mint)}.card-check:active{box-shadow:inset 4px 4px 9px var(--shadow-dark), inset -4px -4px 9px var(--shadow-light)}.card-icon-wrap{color:#6a9a6a;background:linear-gradient(135deg,#e8f5e0,#d8eed8);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.card-body{flex:1;min-width:0}.card-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;margin-bottom:.35rem;font-size:.9rem;font-weight:600;overflow:hidden}.card-meta{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.badge{color:var(--text-muted);background:linear-gradient(135deg,#e8f8fe,#ddf6f0);border-radius:20px;align-items:center;gap:.2rem;padding:.15rem .55rem;font-size:.68rem;font-weight:600;display:inline-flex}.badge-recur{color:#6a9a6a;background:linear-gradient(135deg,#e8f5e0,#d8eed8)}.due-text{color:var(--text-light);background:#f4f6fc;border-radius:20px;align-items:center;gap:.2rem;padding:.15rem .5rem;font-size:.68rem;font-weight:500;display:inline-flex}.due-text.overdue{color:#e07090;background:#fff0f5;font-weight:700}.btn-delete{cursor:pointer;width:28px;height:28px;color:var(--text-light);background:#f0f2f8;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;transition:all .15s;display:flex}.btn-delete:hover{color:#e07090;background:#ffe0ec}.btn-star{cursor:pointer;background:linear-gradient(135deg,#e8f8fe,#e8f0ff);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;transition:all .15s;display:flex}.btn-star:hover{transform:scale(1.1)}.btn-star:active{transform:scale(.95)}.empty{text-align:center;padding:3.5rem 0}.empty-icon{color:var(--text-light);margin:0 auto .75rem;display:block}.empty-text{color:var(--text-light);font-size:.82rem}.loading{text-align:center;padding:3rem}.loading-dots{justify-content:center;gap:.45rem;display:flex}.loading-dot{border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite pulse}.loading-dot:first-child{background:var(--cyan);animation-delay:0s}.loading-dot:nth-child(2){background:var(--lavender);animation-delay:.18s}.loading-dot:nth-child(3){background:var(--mint);animation-delay:.36s}@keyframes pulse{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}