body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.container{max-width:1100px;min-height:100vh;margin:auto;padding:20px}.header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.header h1{color:#222;letter-spacing:1px;margin:0;font-size:3rem;font-weight:700}.toggle-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6c63ff,#8b85ff);border:none;border-radius:25px;padding:10px 18px;font-size:.9rem;font-weight:600;transition:all .3s;box-shadow:0 4px 10px #00000026}.toggle-btn:hover{opacity:.9;transform:translateY(-2px)}.dark-mode,.dark-mode .container{background-color:#121212}.dark-mode h1{color:#fff}.search{background-color:#d0cdcd;border-radius:12px;align-items:center;margin-bottom:25px;padding:10px 15px;display:flex;box-shadow:0 2px 6px #00000014}.search input{background-color:#0000;border:none;width:100%;margin-left:10px;font-size:1rem}.search input:focus{outline:none}.notes-list{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.2rem;display:grid}.note{overflow-wrap:break-word;word-break:break-word;white-space:pre-wrap;background-color:#fff89a;border-radius:16px;flex-direction:column;justify-content:space-between;min-height:180px;padding:1rem;transition:transform .2s;display:flex;box-shadow:0 4px 10px #00000014}.note:hover{transform:translateY(-4px)}.note.new{background-color:#67d7cc}textarea{resize:none;background-color:#0000;border:none;width:100%;height:100%;font-size:1rem}textarea:focus{outline:none}.note-footer{justify-content:space-between;align-items:center;margin-top:15px;font-size:.9rem;display:flex}.save{cursor:pointer;background-color:#fff;border:none;border-radius:20px;padding:8px 15px;font-weight:600;transition:all .3s}.save:hover{background-color:#f1f1f1;transform:scale(1.05)}.delete-icon{cursor:pointer;transition:transform .2s}.delete-icon:hover{color:red;transform:scale(1.2)}