body{background:linear-gradient(135deg,#f8fafc,#e0e7ff);min-height:100vh;margin:0;font-family:Segoe UI,Arial,sans-serif}#app{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh}.overlay-canvas{pointer-events:none;max-height:100%;max-width:100%;border-radius:16px;z-index:2}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#1e293ba6;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s}.modal-content{background:#fff;padding:2.5em 2em;border-radius:16px;box-shadow:0 8px 32px #0000002e;max-width:90vw;text-align:center;animation:popIn .25s}.modal-content h2{margin-top:0;color:#1e293b;font-size:1.5em}.modal-content p{color:#475569;margin-bottom:2em}.modal-accept-btn{background:linear-gradient(90deg,#6366f1,#818cf8);color:#fff;border:none;border-radius:8px;padding:.75em 2em;font-size:1em;cursor:pointer;transition:background .2s,transform .1s;box-shadow:0 2px 8px #6366f114}.modal-accept-btn:hover{background:linear-gradient(90deg,#818cf8,#6366f1);transform:translateY(-2px) scale(1.03)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}