.st-learning-demo{--learning-ink:var(--st-ink,#402452);--learning-paper:var(--st-paper,#fff8ed);--learning-gold:var(--st-gold,#f6c86a);width:100%;max-width:550px;color:var(--learning-ink);font:13px/1.5 var(--st-sans,"Nunito_500Medium", Arial, sans-serif);margin-top:16px}.st-learning-demo *,.st-learning-demo :before,.st-learning-demo :after{box-sizing:border-box}.st-learning-demo button{min-width:44px;min-height:44px;color:var(--learning-ink);font:inherit;cursor:pointer;touch-action:manipulation;justify-content:center;align-items:center;margin:0;transition:background-color .16s,border-color .16s;display:inline-flex}.st-learning-demo button:focus-visible{outline-offset:3px;outline:3px solid #9a6821}.st-learning-demo .st-learning-modes{background:#eee2ee;border:1px solid #d3bdd4;border-radius:13px;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:4px;display:grid}.st-learning-demo .st-learning-mode{background:0 0;border:1px solid #0000;border-radius:9px;min-width:0;padding:8px 5px;font-size:12px;font-weight:700}.st-learning-demo .st-learning-mode[aria-pressed=true]{background:var(--learning-paper);border-color:#d4b985;box-shadow:0 2px 5px #40245212}.st-learning-demo .st-learning-mode:hover:not([aria-pressed=true]){background:#e1d0e4}.st-learning-demo .st-learning-provenance{color:#6e5279;margin-top:9px;font-size:11px;line-height:1.5;display:block}.st-learning-demo .st-learning-panel{min-width:0;margin-top:15px}.st-learning-demo .st-learning-panel[hidden]{display:none!important}.st-learning-demo .st-learning-selection-heading,.st-learning-demo .st-learning-panel-footer{justify-content:space-between;align-items:center;gap:10px;display:flex}.st-learning-demo .st-learning-label{font-weight:700}.st-learning-demo .st-learning-count{color:#6e5279;flex-shrink:0;font-size:11px}.st-learning-demo .st-learning-chips{flex-wrap:wrap;align-items:center;gap:7px;margin:10px 0 13px;display:flex}.st-learning-demo .st-learning-chip{background:#fffbf4;border:1px solid #ccb4d0;border-radius:24px;gap:5px;padding:8px 11px;font-size:12px;font-weight:700}.st-learning-demo .st-learning-chip[aria-pressed=true]{background:#ede0f1;border-color:#765088}.st-learning-demo .st-learning-chip:hover{background:#f4ebf6;border-color:#765088}.st-learning-demo .st-learning-chip-check{visibility:hidden;display:flex}.st-learning-demo .st-learning-chip[aria-pressed=true] .st-learning-chip-check{visibility:visible}.st-learning-demo .st-learning-reset{background:0 0;border:1px solid #0000;border-radius:8px;flex-shrink:0;gap:5px;padding:7px 9px;font-size:11px;font-weight:700}.st-learning-demo .st-learning-reset:hover{background:#eadbbf}.st-learning-demo .st-learning-excerpt,.st-learning-demo .st-learning-activity{background:linear-gradient(135deg,#fffdf7,#f9edda);border:1px solid #cfb888;border-radius:17px;padding:22px;box-shadow:inset 0 1px #fff,0 4px #d8c3a535}.st-learning-demo .st-learning-example-label{color:#7c5928;align-items:center;gap:6px;font-size:11px;font-weight:700;display:flex}.st-learning-demo .st-learning-excerpt p{font:500 clamp(21px, 2.3vw, 27px)/1.65 var(--st-serif,"Fraunces_600SemiBold", Georgia, serif);margin:14px 0 0}.st-learning-demo .st-learning-excerpt mark{color:inherit;-webkit-box-decoration-break:clone;box-decoration-break:clone;background:#f6c86a80;border-radius:4px;padding:0 3px 2px}.st-learning-demo .st-learning-language{color:#745885;letter-spacing:.08em;align-items:center;gap:6px;font-size:11px;font-weight:700;display:inline-flex}.st-learning-demo .st-learning-flashcard{background:linear-gradient(145deg,#fffdf7,#f7ebd4);border:1.5px solid #cfb888;border-radius:20px;flex-direction:column;gap:13px;width:100%;min-height:285px;margin-top:12px;padding:24px 20px;display:flex;box-shadow:0 5px #d8c3a54a,inset 0 1px #fff}.st-learning-demo .st-learning-flashcard:hover{border-color:#9e77ad}.st-learning-demo .st-learning-flashcard.is-flipped{background:linear-gradient(145deg,#faf4fc,#ece0f0);border-color:#b69bc0}.st-learning-demo .st-learning-card-picture{color:#9575b5;justify-content:center;align-items:center;width:144px;height:96px;display:flex}.st-learning-demo .st-learning-card-picture-star{color:#bc882f}.st-learning-demo .st-learning-card-picture img{object-fit:cover;border-radius:13px;width:144px;height:96px;display:block}.st-learning-demo .st-learning-card-word{font:600 34px/1.2 var(--st-serif,"Fraunces_600SemiBold", Georgia, serif)}.st-learning-demo .st-learning-card-sentence{color:#6c5576;text-align:center;max-width:320px;font-size:13px}.st-learning-demo .st-learning-card-hint{color:#6c5576;font-size:11px}.st-learning-demo .st-learning-card-navigation{justify-content:space-between;align-items:center;gap:8px;margin-top:13px;display:flex}.st-learning-demo .st-learning-small-button{background:#faf4fc;border:1px solid #c7add0;border-radius:9px;gap:7px;padding:8px 10px;font-size:12px;font-weight:700}.st-learning-demo .st-learning-small-button:hover{background:#ede0f1;border-color:#765088}.st-learning-demo .st-learning-panel-footer{margin-top:8px}.st-learning-demo .st-learning-status{color:#6c5576;min-width:0;font-size:11px;line-height:1.5}.st-learning-demo .st-vocab-game{width:100%;max-width:none;margin-top:0}.st-learning-demo .st-learning-activity-picture{color:#9575b5;align-items:center;gap:9px;margin-top:24px;display:flex}.st-learning-demo .st-learning-activity-prompt{min-height:110px;font:500 clamp(21px, 2.3vw, 26px)/1.5 var(--st-serif,"Fraunces_600SemiBold", Georgia, serif);margin:18px 0}.st-learning-demo .st-learning-note{color:#6c5576;margin:12px 0 0;font-size:11px;line-height:1.5}@media (width<=540px){.st-learning-demo .st-learning-mode{padding-inline:2px;font-size:11px}.st-learning-demo .st-learning-excerpt,.st-learning-demo .st-learning-activity{padding:18px}.st-learning-demo .st-learning-selection-heading{gap:6px}.st-learning-demo .st-learning-label{font-size:12px}}.st-still .st-learning-demo *,.st-learning-demo.st-still *,.st-motion-root[data-st-motion=off] .st-learning-demo *{transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){.st-learning-demo *,.st-learning-demo :before,.st-learning-demo :after{transition:none!important;animation:none!important}}