.playground .pg-tti-sentence{display:flex;align-items:baseline;justify-content:center;flex-wrap:wrap;gap:.4rem;color:var(--ink-2)}.playground .pg-tti-sentence,.playground .pg-tti-year-input{font-family:var(--pg-serif);font-size:1.1rem;text-align:center}.playground .pg-tti-year-input{width:4.6em;border:0;border-bottom:1.5px solid var(--line-strong);background:transparent;color:var(--brand);padding:0 .15em .1em;transition:border-color var(--dur-1) var(--pg-ease)}.playground .pg-tti-year-input:focus{outline:none;border-color:var(--accent)}.playground .pg-tti-year-input::-webkit-inner-spin-button,.playground .pg-tti-year-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.playground .pg-tti-year-input{-moz-appearance:textfield}.playground .pg-tti-auto-note{display:flex;align-items:center;justify-content:center;gap:.3rem;margin-top:.5rem;text-align:center;font-size:.76rem;color:var(--accent-strong);font-weight:700;animation:pgRowIn .35s var(--pg-ease) both}.playground .pg-tti-wheel{position:relative;width:min(100%,340px);aspect-ratio:1/1;margin:2rem auto 0}.playground .pg-tti-ring{position:absolute;inset:8%;border-radius:50%;border:1px solid var(--line-2);opacity:0;transform:scale(.85);animation:pgRingIn .6s var(--pg-ease) forwards}.playground .pg-tti-ring:before{content:"";position:absolute;inset:14%;border-radius:50%;border:1px dashed var(--line);animation:pgRingSpin 90s linear infinite}@keyframes pgRingIn{to{opacity:1;transform:scale(1)}}@keyframes pgRingSpin{to{transform:rotate(1turn)}}.playground .pg-tti-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;color:var(--ink-3);opacity:0;animation:pgRowIn .5s var(--pg-ease) forwards;animation-delay:.3s}.playground .pg-tti-wheel.is-pending .pg-tti-center{color:var(--accent-strong);animation:pgCenterPulse .9s ease-in-out infinite}@keyframes pgCenterPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.7}50%{transform:translate(-50%,-50%) scale(1.25);opacity:1}}.playground .pg-tti-node{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:1px;width:52px;height:52px;border-radius:50%;border:1px solid var(--line-2);background:var(--surface);color:var(--ink-2);box-shadow:var(--sh-1);opacity:0;animation:pgNodeIn .45s var(--pg-ease) both;transition:border-color var(--dur-1) var(--pg-ease),box-shadow var(--dur-1) var(--pg-ease),color var(--dur-1) var(--pg-ease)}@keyframes pgNodeIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.playground .pg-tti-node:hover{border-color:var(--brand-soft);transform:translate(-50%,-50%) translateY(-2px)}.playground .pg-tti-node.is-on{border-color:var(--accent);color:var(--accent-strong);background:var(--accent-tint);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 20%,transparent),var(--sh-2)}.playground .pg-tti-node.is-on.is-consulting{animation:pgNodeIn .45s var(--pg-ease) both,pgNodeConsult .85s ease-in-out infinite .45s}@keyframes pgNodeConsult{0%,to{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 20%,transparent),var(--sh-2)}50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--accent) 30%,transparent),var(--sh-2)}}.playground .pg-tti-hanja{font-family:var(--pg-serif);font-size:1.05rem;line-height:1}.playground .pg-tti-ko{font-size:.56rem;font-weight:700}.playground .pg-tti-result{margin-top:2rem;text-align:center}.playground .pg-tti-result>*{opacity:0;transform:translateY(8px);animation:pgRowIn .5s var(--pg-ease) forwards}.playground .pg-tti-result-kicker{color:var(--accent-strong);animation-delay:0s}.playground .pg-tti-result-name{font-family:var(--pg-serif);font-size:1.35rem;color:var(--brand);margin-top:.3rem;animation-delay:.08s}.playground .pg-tti-result-headline{font-size:.9rem;font-weight:700;color:var(--foreground);margin-top:.5rem;animation-delay:.16s}.playground .pg-tti-result-compat,.playground .pg-tti-result-line{max-width:26rem;margin:.4rem auto 0;font-size:.82rem;line-height:1.6;color:var(--ink-2)}.playground .pg-tti-result-line{animation-delay:.24s}.playground .pg-tti-result-compat{animation-delay:.32s}.playground .pg-tti-result .pg-lucky-strip{margin-top:1.1rem;animation-delay:.4s}.playground .pg-tti-result .pg-fortune-actions{animation-delay:.5s}.playground .pg-tti-more-link{display:inline-flex;align-items:center;gap:.3rem;font-size:.78rem;font-weight:700;color:var(--brand)}.playground .pg-tti-more-link:hover{text-decoration:underline}@media (max-width:420px){.playground .pg-tti-node{width:44px;height:44px}.playground .pg-tti-hanja{font-size:.9rem}.playground .pg-tti-ko{font-size:.5rem}}@media (prefers-reduced-motion:reduce){.playground .pg-tti-node:hover{transform:translate(-50%,-50%)}.playground .pg-tti-ring:before,.playground .pg-tti-wheel.is-pending .pg-tti-center{animation:none!important}.playground .pg-tti-center,.playground .pg-tti-node,.playground .pg-tti-node.is-on.is-consulting{animation:none!important;opacity:1!important;transform:translate(-50%,-50%)!important}.playground .pg-tti-auto-note,.playground .pg-tti-result>*,.playground .pg-tti-ring{animation:none!important;opacity:1!important;transform:none!important}}