.pc-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;padding:16px;background:#2b235073;overflow-y:auto;animation:pc-fade .5s ease both}.pc-dialog{position:relative;width:min(560px,100%);box-sizing:border-box;padding:28px 22px 24px;background:#fffaf0;border:2px solid var(--line, #e4defa);border-radius:24px;box-shadow:0 20px 50px #2b235040;text-align:center;animation:pc-pop .7s cubic-bezier(.22,1,.36,1) both}.pc-dialog h2{margin:0 0 18px;font-weight:900;font-size:28px;color:var(--ink, #2b2350)}.pc-close{position:absolute;top:10px;right:10px;width:40px;height:40px;border:0;border-radius:50%;background:#f1ebdd;color:var(--ink, #2b2350);font-size:18px;cursor:pointer}.pc-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}.pc-card{display:flex;flex-direction:column;align-items:center;gap:6px;box-sizing:border-box;padding:20px 12px;border-radius:20px;text-decoration:none;color:var(--ink, #2b2350);background:#fff;border:3px solid #ddd3f7;font-size:15px;line-height:1.35;transition:transform .4s ease,box-shadow .4s ease,border-color .4s ease;animation:pc-card-in .8s cubic-bezier(.22,1,.36,1) both}.pc-card:nth-child(2){animation-delay:.15s}.pc-code{border-color:#c7b8fb;background:#f6f2ff}.pc-math{border-color:#f7c76b;background:#fff6df}.pc-card b{font-size:21px;font-weight:900}.pc-emoji{font-size:56px;line-height:1.1}.pc-card span:last-child{color:var(--muted, #706993)}.pc-card:hover,.pc-card:focus-visible{transform:translateY(-4px);box-shadow:0 10px 22px #2b235029}.pc-card:focus-visible,.pc-close:focus-visible{outline:3px solid var(--accent, #6c4cf5);outline-offset:2px}@keyframes pc-fade{0%{opacity:0}to{opacity:1}}@keyframes pc-pop{0%{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:none}}@keyframes pc-card-in{0%{opacity:0;transform:translateY(12px) scale(.94)}to{opacity:1;transform:none}}@media (max-width: 520px){.pc-cards{grid-template-columns:1fr}.pc-dialog h2{font-size:24px}.pc-card{padding:14px 12px}.pc-emoji{font-size:44px}}@media (prefers-reduced-motion: reduce){.pc-backdrop,.pc-dialog,.pc-card{animation:none}.pc-card{transition:none}.pc-card:hover,.pc-card:focus-visible{transform:none}}