*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;overflow-x:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Georgia,serif}.completion-modal-overlay{z-index:1000;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.completion-modal{text-align:center;background:linear-gradient(135deg,#fffbeb 0%,#fef3c7 100%);border:4px solid #f59e0b;border-radius:24px;width:90%;max-width:400px;padding:40px;box-shadow:0 20px 60px #0000004d}.completion-modal .completion-emoji{margin-bottom:16px;font-size:48px}.completion-modal h3{color:#92400e;margin:0 0 8px;font-family:Georgia,serif;font-size:32px}.completion-modal p{color:#b45309;margin:0 0 24px;font-size:18px}.completion-buttons{justify-content:center;gap:12px;display:flex}.completion-btn{cursor:pointer;border:none;border-radius:50px;padding:12px 24px;font-family:Georgia,serif;font-size:16px;font-weight:600;transition:transform .2s,box-shadow .2s}.completion-btn:hover{transform:scale(1.05)}.completion-btn.primary{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);box-shadow:0 4px 12px #f59e0b66}.completion-modal-overlay .confetti-container{pointer-events:none;z-index:1001;position:fixed;inset:0}.completion-modal-overlay .confetti{border-radius:2px;width:10px;height:10px;animation:1.5s ease-in forwards modal-confetti-fall;position:absolute}@keyframes modal-confetti-fall{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(100vh)rotate(720deg)}}