:root{--bg-color: #ffffff;--text-color: #1d1d1f;--card-bg: #f5f5f7;--accent: #0071e3;--border: #d2d2d7;--transition: all .3s cubic-bezier(.25, .1, .25, 1)}[data-theme=dark]{--bg-color: #000000;--text-color: #f5f5f7;--card-bg: #1d1d1f;--border: #424245}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif;background-color:var(--bg-color);color:var(--text-color);margin:0;padding:0;transition:var(--transition);display:flex;flex-direction:column;align-items:center}header{width:100%;max-width:980px;padding:40px 20px;display:flex;justify-content:space-between;align-items:center}h1{font-weight:600;letter-spacing:-.02em}.controls{display:flex;gap:15px}main{width:100%;max-width:600px;padding:0 20px}#add-item-form{display:flex;gap:10px;background:var(--card-bg);padding:10px;border-radius:12px;border:1px solid var(--border)}#new-item-input{flex-grow:1;background:transparent;border:none;color:var(--text-color);font-size:16px;padding:8px;outline:none}button{background:var(--accent);color:#fff;border:none;padding:8px 20px;border-radius:20px;cursor:pointer;font-weight:500;transition:var(--transition)}button:hover{opacity:.8}ul{list-style:none;padding:0;margin-top:30px}li{background:var(--card-bg);padding:16px 20px;border-radius:12px;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--border)}.delete-btn{background:transparent;color:#ff3b30;font-size:14px;padding:4px 8px}