*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff0f3;width:100%;height:100%;font-family:Zen Maru Gothic,Fredoka,Hiragino Kaku Gothic Pro,Yu Gothic,sans-serif;overflow:hidden}.overlay{z-index:10;pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.overlay-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:auto;background:#ffffffd1;border:2px solid #ffb6c159;border-radius:24px;flex-direction:column;align-items:center;gap:.75rem;padding:2.5rem 3rem;animation:.5s cubic-bezier(.34,1.56,.64,1) overlay-in;display:flex;box-shadow:0 8px 32px #ff8fab1f,0 2px 8px #b48cdc14}.overlay-card--fade{pointer-events:none;animation:3.5s ease-in forwards overlay-fade-out}.overlay-title{-webkit-text-fill-color:transparent;letter-spacing:.12em;background:linear-gradient(135deg,#ff6b9d,#c084fc,#67c6e3);-webkit-background-clip:text;background-clip:text;margin-bottom:.1rem;font-family:Fredoka,Zen Maru Gothic,sans-serif;font-size:2rem;font-weight:600}.overlay-desc{color:#7a6b80;text-align:center;font-size:.92rem;font-weight:400;line-height:1.7}.overlay-btn{color:#fff;cursor:pointer;letter-spacing:.04em;background:linear-gradient(135deg,#ff8fab,#e0aaff);border:none;border-radius:50px;margin-top:.5rem;padding:.75rem 2.2rem;font-family:Fredoka,Zen Maru Gothic,sans-serif;font-size:.95rem;font-weight:500;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .25s;box-shadow:0 4px 14px #ff8fab4d,0 1px 3px #e0aaff33}.overlay-btn:hover{transform:translateY(-2px)scale(1.03);box-shadow:0 6px 20px #ff8fab66,0 2px 6px #e0aaff40}.overlay-btn:active{transform:translateY(0)scale(.98);box-shadow:0 2px 8px #ff8fab40,0 1px 2px #e0aaff26}.overlay-hint{color:#bba8c4;letter-spacing:.02em;background:#e0aaff1a;border-radius:50px;padding:.3rem .9rem;font-size:.74rem}.overlay-error{color:#e85d75;text-align:center;background:#ff648214;border-radius:12px;padding:.5rem 1.2rem;font-size:.9rem}.spinner{border:2.5px solid #ffb6c140;border-top-color:#ff8fab;border-radius:50%;width:24px;height:24px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes overlay-in{0%{opacity:0;transform:translateY(16px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes overlay-fade-out{0%{opacity:1}60%{opacity:1}to{opacity:0}}