.modal{display:none;position:fixed;z-index:10000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.75);animation:5s infinite alternate pulseBackground}.modal-content{position:relative;background-color:#111;margin:2.5% auto;padding:30px;border:1px solid #888;width:100%;max-width:750px;height:auto;min-height:50%;border-radius:10px;box-shadow:0 0 20px rgba(0,255,255,.7),0 0 30px rgba(255,0,255,.7),0 0 40px rgba(0,255,0,.7);animation:1.5s ease-in-out infinite alternate neonGlow;background:linear-gradient(135deg,rgba(255,0,150,.8),rgba(0,191,255,.8),rgba(0,255,150,.8));color:#fff}.close{color:#ccc;float:right;font-size:28px;font-weight:700}.close:focus,.close:hover{color:#fff;text-decoration:none;cursor:pointer}.download-notes,.download-notes-and-clear,.reload-notes,.send-bug-email{display:inline-block;margin:20px auto;padding:15px 30px;border-radius:5px;cursor:pointer;font-weight:700;color:#fff;text-transform:uppercase;transition:transform .2s,box-shadow .5s;text-shadow:0 0 8px rgba(255,255,255,.8);font-family:Arial,sans-serif;border:none;outline:0}.reload-notes{background-color:#ff4500;box-shadow:0 0 5px #ff4500,0 0 10px #ff4500,0 0 15px #ff4500,0 0 20px #ff4500}.download-notes,.download-notes-and-clear,.ok{background-color:#1e90ff;box-shadow:0 0 5px #1e90ff,0 0 10px #1e90ff,0 0 15px #1e90ff,0 0 20px #1e90ff}.send-bug-email{background-color:green;box-shadow:0 0 5px green,0 0 10px green,0 0 15px green,0 0 20px green}.download-notes-and-clear:hover,.download-notes:hover,.ok:hover,.reload-notes:hover,.send-bug-email:hover{transform:scale(1.05);box-shadow:0 0 10px #fff,0 0 20px #fff,0 0 30px #fff;color:#111}.reload-notes.disabled{pointer-events:none;color:#999;text-shadow:none;filter:none;animation:none}.reload-notes.disabled::after{content:"(reload notes coming soon)";font-size:1rem;position:absolute;transform:translate(-50%,-100%);white-space:nowrap;color:red;left:-5px;animation:1s linear infinite text-rainbow}.reload-notes.disabled::before{content:"🚫";position:absolute;left:-10px}@keyframes neonGlow{0%,100%{box-shadow:0 0 10px #ff4500,0 0 20px #ff4500}50%{box-shadow:0 0 15px #1e90ff,0 0 25px #1e90ff}}@keyframes pulseBackground{0%,100%{background-color:rgba(0,0,0,.75)}50%{background-color:rgba(0,0,0,.65)}}@media (max-width:768px){.modal-content{width:90%;margin:10px auto;padding:20px;max-width:none}}@media (max-width:480px){.modal-content{padding:15px}}