.ipa-page{flex-direction:column;gap:28px;display:flex}.ipa-tabs .app-tabs__nav{margin-bottom:20px}.ipa-practice-description{margin-top:-8px;display:block}.ipa-credit{border-top:1px solid var(--border);text-align:center;margin-top:32px;padding-top:16px;font-size:13px}.ipa-credit a{color:var(--primary);text-decoration:underline}.ipa-section__heading{margin-bottom:12px}.ipa-section__title{color:var(--foreground);margin:0!important}.ipa-section__info{color:var(--subtle-foreground);cursor:help;justify-content:center;align-items:center;display:flex}@media (hover:hover) and (pointer:fine){.ipa-section__info:hover{color:var(--primary)}}.ipa-grid{flex-wrap:wrap;gap:12px;display:flex}.ipa-card{border:1px solid var(--border);border-radius:var(--app-radius);background:var(--surface);width:128px;box-shadow:0 2px 10px var(--shadow-color);transition:transform .15s,box-shadow .15s,border-color .15s;position:relative}@media (max-width:576px){.ipa-card{width:calc(33.3333% - 8px)}}@media (hover:hover) and (pointer:fine){.ipa-card:hover{border-color:var(--border-strong);box-shadow:0 6px 16px var(--shadow-color);transform:translateY(-2px)}}.ipa-card:active{transform:translateY(0)}.ipa-card__button{cursor:pointer;width:100%;font:inherit;color:inherit;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:18px 8px 14px;display:flex}.ipa-card__no{color:var(--subtle-foreground);font-size:10px;font-weight:600;position:absolute;top:6px;left:8px}.ipa-card__info{width:26px;height:26px;color:var(--muted-foreground);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:3px;right:3px}@media (hover:hover) and (pointer:fine){.ipa-card__info:hover{background:var(--primary-soft);color:var(--primary)}}.ipa-card__glyph{color:var(--foreground);font-size:clamp(20px,.980392vw + 16.4706px,24px);font-weight:600;line-height:1.2}.ipa-card__example{color:var(--muted-foreground);font-size:12px}.ipa-card__play{width:22px;height:22px;color:var(--primary);background:var(--primary-soft);border-radius:50%;justify-content:center;align-items:center;margin-top:2px;display:flex}.ipa-card__detail-link{border-top:1px dashed var(--border);color:var(--primary);justify-content:center;align-items:center;padding:6px 8px 8px;font-size:11px;font-weight:600;display:flex}@media (hover:hover) and (pointer:fine){.ipa-card__detail-link:hover{text-decoration:underline}}.ipa-card--variant{background:var(--background);border-style:dashed}.ipa-card--variant .ipa-card__glyph{color:var(--muted-foreground)}.ipa-card--playing{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.ipa-card--playing .ipa-card__play{color:#fff;background:var(--primary);animation:.9s ease-in-out infinite ipa-pulse}@keyframes ipa-pulse{0%,to{box-shadow:0 0 0 0 var(--primary-soft)}50%{box-shadow:0 0 0 5px #0000}}.ipa-modal{padding:16px 0 8px}.ipa-modal__image{object-fit:contain;border-radius:var(--app-radius);width:auto;max-width:260px;height:auto;max-height:320px;display:block}.ipa-modal__glyph{color:var(--foreground);font-size:clamp(36px,2.94118vw + 25.4118px,48px);font-weight:600}.ipa-modal__play{color:#fff;background:var(--primary);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.ipa-modal__example{color:var(--muted-foreground);font-size:16px}.ipa-practice-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid}.ipa-practice-card{border:1px solid var(--border);border-radius:var(--app-radius);background:var(--surface);box-shadow:0 2px 10px var(--shadow-color);padding:14px}.ipa-practice-card--variant{background:var(--background);border-style:dashed}.ipa-practice-card__header{margin-bottom:10px}.ipa-practice-card__glyph{background:var(--primary-soft);color:var(--primary);cursor:pointer;border:none;border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:18px;font-weight:600;transition:box-shadow .15s;display:flex}@media (hover:hover) and (pointer:fine){.ipa-practice-card__glyph:hover{box-shadow:0 0 0 3px var(--primary-soft)}}.ipa-practice-card__glyph--playing{color:#fff;background:var(--primary)}.ipa-practice-card__no{color:var(--subtle-foreground);font-size:11px;font-weight:600}.ipa-practice-word-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.ipa-practice-word{border-radius:var(--app-radius);justify-content:space-between;align-items:center;gap:8px;padding:4px 6px;display:flex}@media (hover:hover) and (pointer:fine){.ipa-practice-word:hover{background:var(--background)}}.ipa-practice-word__text{color:var(--foreground);font-size:14px}.ipa-practice-card__detail-link{border-top:1px dashed var(--border);color:var(--primary);justify-content:center;align-items:center;margin-top:10px;padding-top:8px;font-size:12px;font-weight:600;display:flex}@media (hover:hover) and (pointer:fine){.ipa-practice-card__detail-link:hover{text-decoration:underline}}.ipa-highlight{color:var(--primary);background:0 0;padding:0;font-weight:700}