@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Inter:wght@100..900&display=swap";:root{--bg-color: #fafaf8;--card-bg: #ffffff;--accent-color: #ff8c00;--text-primary: #1a1a1a;--text-secondary: #4a4a4a;--border-color: #e5e5e0;--shadow: 0 10px 30px rgba(0, 0, 0, .05);--button-success: #2ecc71;--button-danger: #e74c3c;--button-info: #3498db}body{background-color:var(--bg-color);font-family:Inter,sans-serif;color:var(--text-primary);margin:0;display:flex;justify-content:center;align-items:center;min-height:100vh}.tdl{background:var(--card-bg);max-width:600px;width:90%;margin:40px auto;padding:40px;border-radius:16px;box-shadow:var(--shadow);text-align:center}.tdl-heading{font-family:Playfair Display,serif;font-size:2.5rem;margin-bottom:30px;color:var(--text-primary);position:relative;display:inline-block}.tdl-heading:after{content:"";position:absolute;bottom:-5px;left:50%;transform:translate(-50%);width:60px;height:3px;background:var(--accent-color);border-radius:2px}.tdl-counter{font-size:.9rem;color:var(--text-secondary);margin-top:-20px;margin-bottom:30px;font-weight:500}.tdl-input-container{display:flex;justify-content:center;align-items:center;margin-bottom:20px}.tdl-input{padding:12px 20px;border:1px solid var(--border-color);border-radius:8px;font-size:1rem;flex:1;max-width:350px;outline:none;transition:border-color .3s;font-family:Inter,sans-serif}.tdl-input:focus{border-color:var(--accent-color)}button{cursor:pointer;border:none;border-radius:8px;font-weight:600;font-family:Inter,sans-serif;transition:all .2s ease}button:hover{transform:scale(1.05)}.tdl-add-button{padding:12px 25px;margin-left:10px;background-color:var(--accent-color);color:#fff;font-size:.9rem;letter-spacing:.5px}.tdl-add-button:hover{background-color:#e67e00;box-shadow:0 4px 12px #ff8c0033}ul{list-style:none;padding:0;margin-top:40px}li{background-color:#fcfcfc;border:1px solid var(--border-color);border-radius:12px;margin-bottom:12px;padding:16px;display:flex;align-items:center;gap:15px;transition:transform .2s,box-shadow .2s;animation:slideIn .3s ease-out forwards}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}li:hover{transform:translateY(-2px) scale(1.01);box-shadow:0 4px 15px #00000008}.tdl-empty-message{color:var(--text-secondary);font-size:1rem;font-style:italic;margin-top:30px;opacity:.7}.text{flex:1;text-align:left;font-size:1.1rem;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.text.completed{text-decoration:line-through;opacity:.5;color:var(--text-secondary)}.tdl-delete-button{background-color:transparent;color:var(--button-danger);padding:8px 12px;font-size:.75rem;order:-1}.tdl-arrows{display:flex;gap:5px}.tdl-up-button,.tdl-down-button{background-color:transparent;font-size:1.1rem;padding:5px 8px;filter:grayscale(1);opacity:.6}.tdl-up-button:hover,.tdl-down-button:hover{filter:grayscale(0);opacity:1;background-color:#0000000d}.tdl-clear-button{margin-top:30px;background-color:transparent;color:var(--text-secondary);padding:10px 20px;font-size:.85rem;border:1px solid var(--border-color);opacity:.6}.tdl-clear-button:hover{opacity:1;background-color:var(--border-color);color:var(--text-primary)}