.work-completion-overlay{position:fixed;inset:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:max(20px,env(safe-area-inset-top)) 18px max(20px,env(safe-area-inset-bottom));background:#080818cf;backdrop-filter:blur(12px);overflow-y:auto;overscroll-behavior:contain;box-sizing:border-box}.work-completion-card{position:relative;isolation:isolate;width:100%;max-width:420px;max-height:calc(100dvh - 40px);overflow-y:auto;box-sizing:border-box;border:1px solid #c9a3ff66;border-radius:30px;padding:30px 26px 24px;text-align:center;color:#faf6ff;background:radial-gradient(ellipse at 15% 0%,#7b3dc655,transparent 55%),radial-gradient(ellipse at 100% 75%,#168f7355,transparent 55%),#201a38;box-shadow:0 28px 100px #0008,0 0 50px #ae71ff22;font-family:inherit;animation:work-card-enter .3s ease-out}.work-completion-close{position:absolute;right:13px;top:13px;width:42px;height:42px;border-radius:50%;border:1px solid #ffffff24;background:#ffffff0b;color:#eee6ff;font-size:1.5rem;cursor:pointer;z-index:2}.work-completion-icon{width:76px;height:76px;border-radius:25px;display:grid;place-items:center;margin:0 auto 18px;color:#ffde86;background:linear-gradient(135deg,#915edc55,#f7c96822);border:1px solid #ffde8655;box-shadow:0 0 40px #c27aff22}.completion-eyebrow{font-size:.67rem;letter-spacing:.18em;font-weight:800;color:#d6b4ff;margin:0 0 8px}.work-completion-card h2{font-family:inherit;font-size:1.8rem;letter-spacing:-.035em;line-height:1.2;margin:0 0 13px;color:#fff5ff}.completion-job{font-size:.95rem;line-height:1.5;color:#e9e0f5;margin:0 0 22px}.completion-job span{display:block;font-size:.78rem;color:#ada4c4;margin-top:4px}.completion-takehome{background:linear-gradient(120deg,#23856833,#51d8a711);border:1px solid #73e3b944;border-radius:20px;padding:20px 12px;display:grid;gap:8px}.completion-takehome small{color:#b5e9d5;font-size:.77rem}.completion-takehome>strong{font-size:clamp(2rem,8vw,3rem);letter-spacing:-.045em;line-height:1.2;color:#9bf3cb;overflow-wrap:anywhere}.completion-takehome>span{color:#9fc1b7;font-size:.72rem}.completion-pay-detail{display:flex;justify-content:center;flex-wrap:wrap;gap:22px;font-size:.73rem;color:#aaa0bd;padding:13px 0 18px}.completion-pay-detail b{color:#e9e0ef;margin-left:5px}.completion-rewards{display:flex;gap:10px;justify-content:center}.completion-rewards>div{flex:1;min-width:0;border:1px solid #c9a5ff25;border-radius:15px;background:#b787ff0b;padding:15px 8px;display:grid;gap:5px}.completion-rewards strong{color:#edc3ff;font-size:1.4rem}.completion-rewards strong small{font-size:.7rem}.completion-rewards small{color:#b5aac9;font-size:.68rem;line-height:1.5}.completion-performance{font-size:.75rem;color:#a59ab8;padding:6px}.completion-performance b{color:#cfc2e4;margin-left:8px}.completion-rank-change{padding:13px;border-radius:12px;background:#f2cf5b18;border:1px solid #e2bf6155;color:#ffdf95;font-size:.85rem}.completion-rank-change.demoted{background:#c77c7518;color:#eabbb5}.completion-continue{width:100%;min-height:50px;border:0;border-radius:16px;background:linear-gradient(100deg,#ddbaff,#a0e5d4);color:#251d39;font-family:inherit;font-weight:750;font-size:.95rem;cursor:pointer;margin-top:15px}.completion-footnote{font-size:.66rem;color:#988daa;margin:12px 0 0}.completion-sparkles{position:absolute;inset:0;pointer-events:none;z-index:-1;overflow:hidden}.completion-sparkles i{position:absolute;width:7px;height:12px;border-radius:2px;background:#df9eff;transform:rotate(32deg);left:12%;top:18%}.completion-sparkles i:nth-child(2){left:82%;top:14%;background:#78e7ba;transform:rotate(-22deg)}.completion-sparkles i:nth-child(3){left:21%;top:8%;width:5px;height:5px;background:#ffd876}.completion-sparkles i:nth-child(4){left:72%;top:28%;height:7px;background:#ffb3ce}.completion-sparkles i:nth-child(5){left:9%;top:42%;width:5px;height:5px;background:#93c7ff}.completion-continue:focus-visible,.work-completion-close:focus-visible{outline:3px solid #9bedcf;outline-offset:3px}body:has(.work-completion-overlay){overflow:hidden}@keyframes work-card-enter{from{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.work-completion-card{animation:none}}@media(max-height:650px){.work-completion-overlay{align-items:flex-start}.work-completion-card{padding-top:22px}.work-completion-icon{width:50px;height:50px;margin-bottom:12px}.work-completion-card h2{font-size:1.5rem}}