:root{--bg:#ffffff;--card:#ffffff;--card-hover:#f8f9fa;--border:#dadce0;--text:#202124;--text-dim:#5f6368;--accent:#1a73e8;--accent-hover:#1765cc;--accent-soft:#e8f0fe;--danger:#d93025;--danger-soft:#fce8e6;--done:#9aa0a6;--shadow:0 1px 2px 0 rgba(60,64,67,0.3),0 1px 3px 1px rgba(60,64,67,0.15);--google-blue:#4285f4;--google-red:#ea4335;--google-yellow:#fbbc05;--google-green:#34a853}[data-theme=dark]{--bg:#202124;--card:#2d2e30;--card-hover:#35363a;--border:#5f6368;--text:#e8eaed;--text-dim:#9aa0a6;--accent:#8ab4f8;--accent-hover:#aecbfa;--accent-soft:#283442;--danger:#f28b82;--danger-soft:#3c2a29;--done:#7c8085;--shadow:0 1px 2px 0 rgba(0,0,0,0.6),0 1px 3px 1px rgba(0,0,0,0.4)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Google Sans,Roboto,Arial,Malgun Gothic,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;display:flex;justify-content:center;padding:3rem 1rem;transition:background .25s,color .25s}.container{width:100%;max-width:520px}.header{position:relative;text-align:center;margin-bottom:2rem}.theme-toggle{position:absolute;top:0;right:0;width:42px;height:42px;border-radius:50%;border:1px solid var(--border);background:var(--card);color:var(--text);font-size:1.2rem;cursor:pointer;display:grid;place-items:center;transition:background .15s,box-shadow .15s}.theme-toggle:hover{background:var(--card-hover);box-shadow:var(--shadow)}.header h1{font-size:2.2rem;font-weight:500;letter-spacing:-.01em}.header h1:after{content:"";display:block;width:64px;height:4px;margin:.75rem auto 0;border-radius:2px;background:linear-gradient(90deg,var(--google-blue) 0 25%,var(--google-red) 25% 50%,var(--google-yellow) 50% 75%,var(--google-green) 75% 100%)}.header p{margin-top:.75rem;color:var(--text-dim);font-size:.9rem}.input-row{display:flex;gap:.5rem;margin-bottom:1.5rem}.text-input{flex:1 1;min-width:0;padding:.75rem 1.15rem;border-radius:24px;border:1px solid var(--border);font-size:1rem;transition:box-shadow .15s,border-color .15s}.date-input,.text-input{background:var(--card);color:var(--text);outline:none}.date-input{width:48px;padding:.75rem 0;border-radius:50%;border:1px solid var(--border);cursor:pointer;display:grid;place-items:center;transition:box-shadow .15s,border-color .15s,background .15s}.date-input::-webkit-clear-button,.date-input::-webkit-datetime-edit,.date-input::-webkit-inner-spin-button{display:none;-webkit-appearance:none;appearance:none}.date-input::-webkit-calendar-picker-indicator{margin:0;padding:0;cursor:pointer;filter:var(--cal-filter,none)}.date-input:hover{background:var(--card-hover)}[data-theme=dark] .date-input::-webkit-calendar-picker-indicator{filter:invert(1)}.date-input:hover,.text-input:hover{box-shadow:var(--shadow)}.date-input:focus,.text-input:focus{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.input-row button[type=submit]{padding:0 1.5rem;border-radius:24px;border:none;background:var(--accent);color:var(--bg);font-size:.95rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:background .15s,box-shadow .15s}.input-row button[type=submit]:hover{background:var(--accent-hover);box-shadow:var(--shadow)}.filters{display:flex;gap:.5rem;margin-bottom:1rem;justify-content:center}.filters button{padding:.45rem 1rem;border-radius:16px;border:1px solid var(--border);background:transparent;color:var(--text-dim);font-size:.85rem;cursor:pointer;transition:all .15s}.filters button:hover{background:var(--card-hover)}.filters button.active{background:var(--accent-soft);border-color:var(--accent-soft);color:var(--accent);font-weight:500}.list{list-style:none;flex-direction:column;gap:.5rem}.item,.list{display:flex}.item{align-items:center;gap:.75rem;padding:.85rem 1rem;border-radius:12px;background:var(--card);border:1px solid var(--border);transition:background .15s,box-shadow .15s}.item:hover{background:var(--card-hover);box-shadow:var(--shadow)}.item input[type=checkbox]{width:20px;height:20px;accent-color:var(--accent);cursor:pointer;flex-shrink:0}.item-body{flex:1 1;display:flex;flex-direction:column;gap:.2rem;min-width:0}.item-text{font-size:1rem;word-break:break-word}.item.done .item-text{text-decoration:line-through;color:var(--done)}.due{font-size:.78rem;color:var(--text-dim)}.due.overdue{color:var(--danger);font-weight:500}.due.soon{color:var(--google-green);font-weight:500}.item button{background:transparent;border:none;color:var(--text-dim);font-size:1.2rem;cursor:pointer;line-height:1;border-radius:50%;width:32px;height:32px;flex-shrink:0;display:grid;place-items:center;transition:color .15s,background .15s}.item button:hover{color:var(--danger);background:var(--danger-soft)}.empty{color:var(--text-dim);padding:2.5rem 0;font-size:.95rem}.empty,.error{text-align:center}.error{color:var(--danger);background:var(--danger-soft);padding:.6rem 1rem;border-radius:10px;margin-bottom:1rem;font-size:.9rem}.footer{margin-top:1.25rem;display:flex;justify-content:space-between;align-items:center;color:var(--text-dim);font-size:.85rem}.footer button{background:transparent;border:none;color:var(--accent);cursor:pointer;font-size:.85rem;font-weight:500;padding:.4rem .75rem;border-radius:16px;transition:background .15s}.footer button:hover{background:var(--accent-soft)}