.practice-hangul-font{font-family:var(--font-hangul), sans-serif}.practice-page{background:var(--color-paper);color:var(--color-ink)}.practice-card{background:var(--color-card);border:1px solid var(--color-rule)}.practice-card-interactive{transition:border-color .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1)}.practice-card-interactive:hover:not(:disabled){border-color:color-mix(in srgb, var(--color-seal) 45%, transparent)}.practice-header{background:color-mix(in srgb, var(--color-card) 85%, transparent);-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:1px solid var(--color-rule)}.practice-input{background:var(--color-card);border:1px solid var(--color-rule-strong);color:var(--color-ink);border-radius:8px;min-height:44px}.practice-input::placeholder{color:var(--color-ink-3)}.practice-input:focus{border-color:var(--color-seal);outline:2px solid color-mix(in srgb, var(--color-seal) 30%, transparent);outline-offset:1px}.practice-button{background:var(--color-seal);border:1px solid var(--color-seal);color:#fff;min-height:44px}.practice-button:hover:not(:disabled){background:var(--color-seal-2);border-color:var(--color-seal-2)}.practice-button:disabled{opacity:.5;cursor:not-allowed}.practice-canvas-frame{background:var(--color-card);border:4px solid var(--color-paper-2)}.practice-scrim{background:color-mix(in srgb, var(--color-ink) 45%, transparent)}.practice-page select option{background-color:var(--color-card)!important;color:var(--color-ink)!important}
