body{margin:0;padding:0;background:#7c95f8;font-family:Inter,Segoe UI,sans-serif;display:flex;justify-content:center;align-items:center;min-height:100vh}#root{margin:auto;background:#f2f3f7;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #1f26875e,inset 0 1px #ffffff4d;padding:2.5rem 2rem;width:100%;max-width:900px;min-height:80vh;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;animation:fadeInUp .8s ease}h1{font-size:3rem;margin-bottom:2rem;color:#1a1a1a;font-weight:800;text-shadow:0 2px 6px rgba(0,0,0,.1);animation:titleGlow 2s ease-in-out infinite alternate}.note-input input[type=text]{background:#fff;color:#1a1a1a;font-weight:500;border:1px solid #ccc;box-shadow:0 4px 12px #0000000d}.note-input button{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;box-shadow:0 4px 15px #3b82f666;border-radius:10px}.note-input button:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 6px 20px #3b82f699}.color-selector label{color:#1a1a1a}.note-board{font-family:Comic Neue,cursive;font-size:1.1rem;color:#333}.note-input{display:flex;gap:1rem;margin-top:1rem;margin-bottom:2rem;width:100%}