body{font-family:Poppins,sans-serif;background-color:#f0f2f5;margin:0;padding:20px}.container{max-width:800px;margin:auto;background:#fff;padding:30px 25px;border-radius:12px;box-shadow:0 8px 20px #0000001a;transition:.3s}h1{text-align:center;font-size:2rem;color:#333;margin-bottom:20px}.note-form input,.note-form textarea{width:100%;padding:12px;margin-bottom:15px;font-size:1rem;border:1px solid #ccc;border-radius:6px;box-sizing:border-box}.note-form textarea{resize:vertical;min-height:80px}.note-form{display:flex;flex-direction:column;align-items:center}.note-form button{padding:12px 25px;background-color:#007bff;color:#fff;font-weight:600;border:none;border-radius:6px;cursor:pointer;transition:background-color .3s ease;width:fit-content}.note-form button:hover{background-color:#0056b3}.note-card{background:#f9f9f9;border:1px solid #e1e1e1;padding:20px;margin:15px 0;border-radius:8px;box-shadow:0 2px 6px #0000000d;text-align:left}.note-buttons{margin-top:10px}.note-buttons button{margin-right:10px;padding:8px 14px;cursor:pointer;border-radius:4px;border:none;font-weight:500;transition:.2s}.note-buttons button:first-child{background-color:#17a2b8;color:#fff}.note-buttons button:first-child:hover{background-color:#138496}.note-buttons button:last-child{background-color:#dc3545;color:#fff}.note-buttons button:last-child:hover{background-color:#c82333}.mode-toggle{margin-bottom:20px;padding:8px 16px;background:#333;color:#fff;border:none;border-radius:5px;cursor:pointer}.success-message{text-align:center;color:green;font-weight:600;margin:10px 0}.dark{background-color:#1e1e1e}.dark h1{color:#f0f0f0}.dark input,.dark textarea{background-color:#333;color:#fff;border:1px solid #555}.dark .note-card{background-color:#2c2c2c;color:#fff;border:1px solid #555}.dark .note-buttons button:first-child{background-color:#17a2b8}.dark .note-buttons button:last-child{background-color:#dc3545}@media (max-width: 600px){.container{padding:20px 15px}.note-form input,.note-form textarea,.note-form button{font-size:.95rem}h1{font-size:1.5rem}}