body{margin:0}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:linear-gradient(135deg,#1e1e2f,#2d2d44);flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;font-family:Segoe UI,system-ui,-apple-system,sans-serif;display:flex}.page{background-color:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:480px;min-height:60vh;padding:32px 28px;display:flex;box-shadow:0 10px 30px #0000004d}.page h1{color:#2d2d44;text-align:center;letter-spacing:.5px;font-size:1.8rem}.mission-counter{text-align:center;color:#777;margin-top:4px;font-size:.95rem}.line{background-color:#0000001a;width:100%;height:1px;margin:10px 0}.missions{flex-direction:column;flex:1;gap:10px;min-height:0;display:flex;overflow-y:auto}.missions p{text-align:center;color:#757575;font-size:1.2rem}.add-mission{gap:10px;margin-top:20px;display:flex}.add-mission input{border:1px solid #ddd;border-radius:8px;outline:none;flex:1;padding:12px 14px;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.add-mission input:focus{border-color:#6c5ce7;box-shadow:0 0 0 3px #6c5ce726}.mission-btn{color:#fff;cursor:pointer;background-color:#6c5ce7;border:none;border-radius:8px;padding:12px 18px;font-weight:600;transition:background-color .2s,transform .1s}.mission-btn:hover{background-color:#5a4bd1}.mission-btn:active{transform:scale(.97)}.filter-btns{border-radius:20px;width:fit-content;margin:0 auto 20px;display:flex;overflow:hidden;box-shadow:0 2px 6px #00000026}.filter-btns button{color:#555;cursor:pointer;background-color:#eee;border:none;width:80px;height:40px;font-size:.95rem;font-weight:500;transition:background-color .2s,color .2s}.filter-btns button:hover{background-color:#ddd}.filter-btns button.selected{color:#fff;background-color:#8f8fbe}.mission{word-wrap:break-word;background-color:#8f8fbe;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 4px 10px #00000026}.mission:hover{transform:translateY(-2px);box-shadow:0 6px 14px #0003}.mission-title h3{color:#fff;font-size:1.6rem;font-weight:600}.mission-completed{text-decoration:line-through}.mission-title p{word-break:break-all;color:#ffffffd9;max-width:100%;font-size:1.2rem;font-weight:400}.edit-input{border:1px solid #8f8fbe;border-radius:6px;outline:none;width:100%;padding:4px 8px;font-size:1.4rem;font-weight:400}.edit-btns{gap:8px;margin-top:6px;display:flex}.edit-btns button{cursor:pointer;border:none;border-radius:6px;padding:6px 12px;font-size:.85rem}.edit-btn{color:#fff;background-color:#2ecc71}.cancel-btn{color:#444;background-color:#e0e0e0}.buttons{align-items:center;gap:10px;display:flex}.buttons button{cursor:pointer;color:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-size:.95rem;transition:background-color .2s,transform .1s;display:flex}.buttons button:active{transform:scale(.92)}.btn-check{background-color:#fff;border:1px solid #27ae60!important}.btn-check svg{color:#2ecc71}.btn-check.is-complete{background-color:#27ae60}.btn-check.is-complete svg{color:#fff}.btn-edit{background-color:#f1c40f}.btn-edit:hover{background-color:#d4ac0d}.btn-delete{background-color:#e74c3c}.btn-delete:hover{background-color:#c0392b}