.yc-overlay{position:fixed;inset:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:1.25rem;background:rgba(15,23,42,0.42);color:#0f172a;overflow:auto;opacity:0;pointer-events:none;transition:opacity 0.28s ease}.yc-overlay.is-open{opacity:1;pointer-events:auto}.yc-panel{position:relative;width:min(28rem,100%);margin:auto;padding:1.35rem 1.35rem 1.15rem;text-align:left;background:#fff;border:3px solid #0f172a;border-radius:1.5rem;box-shadow:6px 6px 0 #0f172a;transform:translateY(12px);opacity:0;transition:transform 0.35s cubic-bezier(0.22,1,0.36,1),opacity 0.3s ease}.yc-overlay.is-open .yc-panel{transform:translateY(0);opacity:1}.yc-head{display:flex;align-items:center;gap:0.65rem;margin-bottom:0.85rem}.yc-brand-mark{flex-shrink:0;width:2.35rem;height:2.35rem;border-radius:0.7rem;border:2px solid #0f172a;background:#f59e0b;display:grid;place-items:center;overflow:hidden}.yc-brand-mark img{width:1.65rem;height:1.65rem;object-fit:contain}.yc-title{font-family:'Plus Jakarta Sans','Inter',sans-serif;font-weight:800;font-size:clamp(1.2rem,3.5vw,1.45rem);letter-spacing:-0.02em;line-height:1.2;margin:0 0 0.65rem;color:inherit}.yc-score{font-family:'Plus Jakarta Sans','Inter',sans-serif;font-weight:800;font-size:clamp(2rem,7vw,2.75rem);letter-spacing:-0.04em;line-height:1;color:#f59e0b;margin:0 0 0.25rem}.yc-score-sub{font-size:0.78rem;font-weight:700;color:#64748b;letter-spacing:0.02em;margin:0 0 0.75rem}.yc-mastery{font-size:0.9rem;font-weight:600;color:#334155;line-height:1.45;margin:0 0 1.1rem}.yc-stats{display:flex;flex-wrap:wrap;gap:0.5rem;margin-bottom:1.25rem}.yc-stat{flex:1 1 5rem;min-width:4.75rem;padding:0.55rem 0.7rem;border-radius:0.85rem;border:2px solid #0f172a;background:#f8fafc;text-align:center}.yc-stat strong{display:block;font-family:'Plus Jakarta Sans','Inter',sans-serif;font-size:1.15rem;font-weight:800;color:#0f172a;letter-spacing:-0.02em}.yc-stat span{font-size:0.65rem;font-weight:800;letter-spacing:0.06em;text-transform:uppercase;color:#64748b}.yc-actions{display:flex;flex-direction:column;gap:0.5rem}.yc-actions .yumio-btn,.yc-actions .yumio-btn-secondary{width:100%;text-decoration:none;box-sizing:border-box}.yc-ranked{margin:0.15rem 0 0;font-size:0.8rem;font-weight:600;color:#64748b;text-align:center}.yc-ranked a{color:#b45309;font-weight:800;text-decoration:underline;text-underline-offset:2px}.yc-ranked a:hover{color:#92400e}.yc-dismiss{display:block;width:100%;margin-top:0.75rem;background:none;border:0;color:#64748b;font-size:0.75rem;font-weight:700;cursor:pointer;text-decoration:underline;text-underline-offset:2px;text-align:center}.yc-dismiss:hover{color:#0f172a}.yc-confetti{position:fixed;top:-8px;width:6px;height:8px;border-radius:2px;background:var(--yc-c,#f59e0b);pointer-events:none;z-index:1201;animation:yc-confetti-fall var(--yc-dur,1.2s) cubic-bezier(0.2,0.7,0.3,1) forwards;opacity:0.75}@keyframes yc-confetti-fall{0%{transform:translate3d(0,0,0) rotate(0);opacity:0.8}100%{transform:translate3d(var(--yc-x,0),70vh,0) rotate(var(--yc-r,240deg));opacity:0}}@media (prefers-reduced-motion:reduce){.yc-overlay,.yc-panel{transition:none}.yc-confetti{display:none}.yc-overlay.is-open .yc-panel{transform:none;opacity:1}}html.dark .yc-overlay{background:rgba(0,0,0,0.65);color:var(--yumio-text,#F2F3F5)}html.dark .yc-panel{background:var(--yumio-bg-elevated,#383A40);border-color:var(--yumio-border,#3F4147);box-shadow:6px 6px 0 var(--yumio-bg-tertiary,#1E1F22);color:var(--yumio-text,#F2F3F5)}html.dark .yc-brand-mark{border-color:var(--yumio-accent,#f59e0b);background:var(--yumio-accent,#f59e0b)}html.dark .yc-kicker{background:var(--yumio-bg-tertiary,#1E1F22);border-color:var(--yumio-border,#3F4147);color:var(--yumio-accent-hover,#fbbf24)}html.dark .yc-score{color:var(--yumio-accent,#f59e0b)}html.dark .yc-score-sub,html.dark .yc-ranked,html.dark .yc-dismiss{color:var(--yumio-text-muted,#B5BAC1)}html.dark .yc-mastery{color:var(--yumio-text-soft,#DBDEE1)}html.dark .yc-stat{background:var(--yumio-bg-secondary,#2B2D31);border-color:var(--yumio-border,#3F4147)}html.dark .yc-stat strong{color:var(--yumio-text,#F2F3F5)}html.dark .yc-stat span{color:var(--yumio-text-muted,#B5BAC1)}html.dark .yc-ranked a{color:var(--yumio-accent-hover,#fbbf24)}html.dark .yc-ranked a:hover{color:var(--yumio-accent,#f59e0b)}html.dark .yc-dismiss:hover{color:var(--yumio-text,#F2F3F5)}