.tokan-bird-stack,.tokan-tutor{display:flex;flex-direction:column;align-items:center;width:100%}.tokan-bird-stack{gap:10px}.tokan-speech-row{gap:10px;width:100%}.tokan-play,.tokan-speech-row{display:flex;align-items:center;justify-content:center}.tokan-play{flex-direction:column;gap:4px;flex:0 0 auto;min-width:56px;min-height:64px;padding:8px 8px 6px;border:2px solid #300080;border-radius:16px;background:#fff6e8;box-shadow:0 4px 0 #300080;color:#300080;cursor:pointer}.tokan-play:hover{background:#fff}.tokan-play:active{transform:translateY(3px);box-shadow:0 1px 0 #300080}.tokan-play:focus-visible{outline:3px solid #300080;outline-offset:3px}.tokan-play svg{display:block}.tokan-play-title{font-family:Vazirmatn,Vazir,sans-serif;font-size:12px;font-weight:800;line-height:16px}@media (prefers-reduced-motion:reduce){.tokan-play:active{transform:none}}.tokan-bird{display:block;width:min(148px,38vw);height:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tokan-speech{position:relative;max-width:16rem;margin:0;padding:12px 16px;border-radius:18px;background:#fff6e8;color:#1a1035;box-shadow:0 4px 0 #300080;font-family:Vazirmatn,Vazir,sans-serif;font-size:14px;font-weight:800;line-height:1.7;text-align:center}.tokan-speech:after{content:"";position:absolute;left:50%;bottom:-8px;width:14px;height:14px;background:inherit;box-shadow:4px 4px 0 #300080;transform:translateX(-50%) rotate(45deg)}.tokan-bird-row{position:relative;display:inline-flex}.tokan-cue{position:absolute;left:50%;bottom:10px;z-index:1;width:-moz-max-content;width:max-content;max-width:calc(100% - 16px);min-height:32px;padding:6px 8px;border:2px solid #300080;border-radius:10px;background:#fff6e8;box-shadow:0 2px 0 #300080;color:#1a1035;font-family:Vazirmatn,Vazir,sans-serif;transform:translateX(-50%)}.tokan-cue-text{margin:0;font-size:12px;font-weight:700;line-height:16px}.tokan-cue-link{display:inline-flex;align-items:center;min-height:16px;color:#300080;font-size:12px;font-weight:800;line-height:16px;text-decoration:underline;text-underline-offset:2px}.tokan-cue-link:hover{color:#5b21b6}.tokan-cue-link:active{transform:translateY(1px)}.tokan-cue-link:focus-visible{outline:3px solid #300080;outline-offset:3px}@media (prefers-reduced-motion:no-preference){.tokan-cue{animation:tokan-cue-in .24s ease-out both}}@keyframes tokan-cue-in{0%{opacity:0;transform:translateX(-50%) translateY(8px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}