body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;font-family:Courier New,Courier,monospace}body{background:linear-gradient(135deg,#f5f1eb,#e8ddd4);margin:0;padding:0}#root,body{align-items:center;display:flex;height:100vh;justify-content:center}#root{width:100%}.App{background:#faf8f5;border:2px solid #d4c4b0;border-radius:12px;-webkit-border-radius:12px;-moz-border-radius:12px;-ms-border-radius:12px;-o-border-radius:12px;box-shadow:0 8px 25px #a08c7826;display:flex;flex-direction:column;max-height:60vh;max-width:90vw;padding:25px 15px;width:400px}h2{color:#6b5b47}.to-do-container{display:flex;flex-direction:column;height:100%;overflow:hidden}.to-do-container ul{flex:1 1;margin:0 0 20px;max-height:50vh;overflow-y:auto;padding:0;scrollbar-color:#c4a484 #f0ebe4;scrollbar-width:thin}.to-do-container ul::-webkit-scrollbar{width:8px}.to-do-container ul::-webkit-scrollbar-track{background:#f0ebe4}.to-do-container ul::-webkit-scrollbar-thumb,.to-do-container ul::-webkit-scrollbar-track{border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px}.to-do-container ul::-webkit-scrollbar-thumb{background:#c4a484}.to-do-container ul::-webkit-scrollbar-thumb:hover{background:#a08965}.to-do-container ul>div{align-items:center;background:#f7f3ee;border:1px solid #e6ddd1;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:12px;padding:12px;transition:all .2s ease}.to-do-container ul>div:hover{background:#f2ede6;box-shadow:0 2px 8px #a08c781a;transform:translateY(-1px)}.to-do-container ul li{word-wrap:break-word;color:#6b5b47;cursor:pointer;flex:1 1;font-weight:500;list-style:none;overflow-wrap:break-word;padding:5px}.to-do-container ul li:before{color:#c4a484;content:"✓ ";font-weight:700}.done{color:#a08965;opacity:.6;text-decoration:line-through}.fa-trash{color:#d4a574;cursor:pointer;font-size:16px;padding:5px;transition:color .2s ease}.fa-trash:hover{color:#b8845a}.input-container{display:flex;flex-shrink:0;gap:10px;margin-top:auto}.input-container input{background:#faf8f5;border:2px solid #e6ddd1;border-radius:8px;color:#6b5b47;flex:1 1;font-size:14px;padding:12px;transition:border-color .2s ease}.input-container input:focus{border-color:#c4a484;outline:none}.input-container input::placeholder{color:#a08965}.input-container button{background:#c4a484;border:none;border-radius:8px;color:#faf8f5;cursor:pointer;font-size:14px;font-weight:600;min-width:70px;padding:12px 20px;transition:all .2s ease}.input-container button:hover{background:#a08965;box-shadow:0 2px 8px #a08c7833;transform:translateY(-1px)}@media (max-width:480px){.App{max-height:85vh;padding:15px 10px;width:95vw}.to-do-container ul{max-height:40vh}.input-container{flex-direction:column}.input-container button{padding:12px}}@media (max-width:320px){.App{padding:10px 8px;width:98vw}.to-do-container ul>div{padding:6px}}
/*# sourceMappingURL=main.8e02858e.css.map*/