:root{color:#17324d;background:radial-gradient(circle at top,#fff7c2,#0000 32%),linear-gradient(#f7fbff 0%,#eef5ff 100%);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}#app{width:100%}.app-shell{max-width:960px;margin:0 auto;padding:2rem 1rem 3rem}.hero-card,.panel{background:#ffffffeb;border:1px solid #17324d14;border-radius:24px;box-shadow:0 20px 45px #17324d14}.hero-card{margin-bottom:1.5rem;padding:2rem}.panel{margin-bottom:1.5rem;padding:1.5rem}.panel-heading,.progress-row,.actions{justify-content:space-between;align-items:center;gap:1rem;display:flex}.lesson-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin:1.5rem 0;display:grid}.language-controls{margin-top:1rem}.direction-options{border:0;flex-wrap:wrap;gap:1rem;margin:0 0 1rem;padding:0;display:flex}.direction-options label{align-items:center;gap:.4rem;display:flex}.timer-option{align-items:center;gap:.5rem;display:inline-flex}.lesson-card{background:#f8fbff;border:2px solid #d9e7fb;border-radius:18px;flex-direction:column;gap:.9rem;padding:1rem;display:flex}.lesson-select{cursor:pointer;align-items:flex-start;gap:.75rem;display:flex}.lesson-select input{margin-top:.35rem}.lesson-card:focus-within{border-color:#7c57f2;box-shadow:0 0 0 4px #7c57f22e}.lesson-select span,.actions.stacked{flex-direction:column;display:flex}.lesson-card strong,h1,h2{color:#10263b}.lesson-card small,.lesson-card em,.lead,.progress-row p,.panel-heading p,.form-message{color:#4c647b}.repo-link{color:#3f52d7;font-weight:700;text-decoration:underline}.practice-meta{flex-direction:column;align-items:flex-end;display:flex}.timer-readout{margin:0}.high-score{font-weight:600}.lesson-card em,.eyebrow,.lesson-tag{text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;font-style:normal;font-weight:700}.eyebrow,.lesson-tag{color:#7c57f2}.lead{max-width:60ch}.primary-button,.ghost-button{cursor:pointer;border:none;border-radius:999px;padding:.8rem 1.3rem;font-weight:700}.primary-button{color:#fff;background:linear-gradient(135deg,#7c57f2,#3f8cff)}.ghost-button{color:#17324d;background:#eef5ff}.answer-form{margin-top:1.5rem}.view-word-button{align-self:flex-start}.input-label{margin-bottom:.5rem;font-weight:600;display:block}.answer-input{border:2px solid #d9e7fb;border-radius:16px;width:100%;margin-bottom:1rem;padding:.9rem 1rem}.feedback{border-radius:18px;margin-top:1rem;padding:1rem;font-weight:600}.feedback.correct{color:#146c2e;background:#e9fbef}.feedback.incorrect{color:#a33434;background:#fff1f1}.preview-meta{color:#4c647b;margin:1rem 0 0;font-weight:600}.word-preview-table{border-collapse:collapse;width:100%;margin:1rem 0}.word-preview-table th,.word-preview-table td{text-align:left;border-bottom:1px solid #d9e7fb;padding:.8rem}.word-preview-table th{color:#10263b}.pagination-controls{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.pagination-controls p{color:#4c647b;margin:0}.share-links{flex-wrap:wrap;gap:.75rem;margin-top:1rem;display:flex}.balloons-fallback{pointer-events:none;z-index:999;position:fixed;inset:0;overflow:hidden}.balloons-fallback .balloon{opacity:.9;border-radius:50% 50% 45% 45%;width:42px;height:54px;animation-name:balloon-rise;animation-timing-function:ease-in;animation-fill-mode:forwards;position:absolute;bottom:-100px}.balloons-fallback .balloon:after{content:"";background:#17324d2e;width:2px;height:54px;position:absolute;top:54px;left:20px}@keyframes balloon-rise{0%{opacity:.92;transform:translateY(0)translate(0)}to{opacity:0;transform:translateY(-115vh)translate(24px)}}@media (width<=640px){.panel-heading,.progress-row,.actions,.pagination-controls{flex-direction:column;align-items:stretch}.practice-meta{align-items:flex-start}}