*{box-sizing:border-box;margin:0;padding:0;font-family:Vazirmatn,Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body{color:#e2e8f0;direction:rtl;background:#0f172a;min-height:100vh;font-family:Vazirmatn,Seuge UI,Tahoma,sans-serif}.app{max-width:720px;margin:0 auto;padding:40px 20px}.app h1{text-align:center;background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:32px;font-family:Pacifico,Vazirmatn;font-size:2.2rem}.note-form{background:#1e293b;border:1px solid #334155;border-radius:16px;margin-bottom:32px;padding:24px;box-shadow:0 10px 30px #0000004d}.note-form input,.note-form textarea{color:#e2e8f0;background:#0f172a;border:1px solid #334155;border-radius:10px;width:100%;margin-bottom:12px;padding:14px 16px;font-family:inherit;font-size:1rem;transition:all .2s}.note-form input:focus,.note-form textarea:focus{border-color:#60a5fa;outline:none;box-shadow:0 0 0 3px #60a5fa26}.note-form textarea{resize:vertical;min-height:100px}.note-form button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;border-radius:10px;width:100%;padding:14px;font-family:inherit;font-size:1rem;font-weight:600;transition:transform .15s,box-shadow .2s}.note-form button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #8b5cf666}.note-form button:active{transform:translateY(0)}.note-list{flex-direction:column;gap:16px;list-style:none;display:flex}.note-item{background:#1e293b;border:1px solid #334155;border-radius:14px;padding:20px;transition:all .2s;position:relative}.note-item:hover{border-color:#60a5fa;transform:translateY(-2px);box-shadow:0 10px 25px #0006}.note-item h3{color:#f1f5f9;margin-bottom:8px;font-size:1.2rem}.note-item p{color:#94a3b8;white-space:pre-wrap;word-break:break-word;margin-bottom:16px;line-height:1.7}.note-item .delete-btn{color:#ef4444;cursor:pointer;background:0 0;border:1px solid #ef4444;border-radius:8px;padding:8px 16px;font-family:inherit,vazirmatn;font-size:.9rem;transition:all .2s}.note-item .delete-btn:hover{color:#fff;background:#ef4444}.empty-state{text-align:center;color:#64748b;padding:40px 20px;font-size:1.05rem}