.learning-cards-shell,.learning-cards-shell *{box-sizing:border-box}.learning-cards-shell{width:100%;min-width:0;color:var(--ovi-ink,#182235);font-family:var(--ovi-font-body,"Source Sans 3", system-ui, sans-serif);background:#fbf8f2;border:1px solid #12233d24;border-radius:24px;gap:16px;padding:clamp(18px,4vw,30px);display:grid;box-shadow:0 18px 42px #12233d17}.learning-cards-header{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.learning-cards-header h2,.learning-cards-header p,.learning-cards-forecast,.learning-cards-helper,.learning-cards-test-progress{margin:0}.learning-cards-kicker{color:var(--ovi-teal,#247f8a);letter-spacing:.08em;text-transform:uppercase;font-size:.74rem;font-weight:800}.learning-cards-header h2{color:var(--ovi-navy,#12233d);font-family:var(--ovi-font-display,"Space Grotesk", system-ui, sans-serif);margin-top:3px;font-size:clamp(1.65rem,4vw,2.25rem);line-height:1.08}.learning-cards-lesson{color:var(--ovi-muted,#66758d);font-size:.96rem;line-height:1.35;margin-top:5px!important}.learning-cards-policy{color:#fff;background:#12233d;border-radius:999px;flex:none;align-items:center;min-height:32px;padding:6px 11px;font-size:.76rem;font-weight:800;display:inline-flex}.learning-cards-forecast{color:var(--ovi-muted,#66758d);font-size:.92rem;font-weight:650}.learning-cards-tabs{border-bottom:1px solid #12233d29;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.learning-cards-tab{min-height:48px;color:var(--ovi-muted,#66758d);font:inherit;cursor:pointer;background:0 0;border:0;font-weight:800;position:relative}.learning-cards-tab:after{content:"";background:0 0;border-radius:999px 999px 0 0;height:3px;position:absolute;bottom:-1px;left:12%;right:12%}.learning-cards-tab:hover,.learning-cards-tab:focus-visible,.learning-cards-tab.is-active{color:var(--ovi-navy,#12233d)}.learning-cards-tab.is-active:after{background:#3c73b9}.learning-cards-tab:focus-visible,.learning-card-flip:focus-visible,.learning-cards-shell button:focus-visible,.learning-cards-shell input:focus-visible,.learning-card-dialog button:focus-visible{outline-offset:3px;outline:3px solid #247f8a52}.learning-cards-panel{gap:14px;min-width:0;display:grid}.learning-cards-helper{color:var(--ovi-muted,#66758d);text-align:center;font-size:.88rem}.learning-card-audio-row{color:var(--ovi-teal,#247f8a);justify-content:space-between;align-items:center;gap:12px;font-size:.8rem;font-weight:800;display:flex}.learning-card-audio,.learning-card-dialog-head button,.learning-card-remove,.learning-cards-undo button{min-height:40px;color:var(--ovi-navy,#12233d);font:inherit;cursor:pointer;background:#fff;border:1px solid #12233d24;border-radius:999px;padding:8px 14px;font-size:.86rem;font-weight:800}.learning-card-flip{--learning-card-height:clamp(350px, 46vw, 450px);width:100%;min-height:var(--learning-card-height);color:inherit;font:inherit;text-align:inherit;perspective:1700px;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:22px;padding:0;display:block}.learning-card-flip-inner{width:100%;min-height:var(--learning-card-height);transform-style:preserve-3d;transition:transform .72s cubic-bezier(.2,.72,.18,1);display:block;position:relative}.learning-card-flip.is-revealed .learning-card-flip-inner{transform:rotateY(180deg)}.learning-card-face{min-height:var(--learning-card-height);backface-visibility:hidden;background:#fffdfa;border:1px solid #12233d21;border-radius:22px;align-content:center;gap:16px;padding:clamp(22px,5vw,38px);display:grid;position:absolute;inset:0;overflow-y:auto;box-shadow:0 16px 36px #12233d17}.learning-card-front{text-align:center;justify-items:center}.learning-card-front img{object-fit:contain;border-radius:16px;width:min(100%,280px);max-height:150px}.learning-card-face-kicker,.learning-card-answer-head small,.learning-card-source-sentence small{color:var(--ovi-teal,#247f8a);letter-spacing:.07em;text-transform:uppercase;font-size:.74rem;font-weight:800}.learning-card-front>strong{color:var(--ovi-navy,#12233d);font-family:var(--ovi-font-display,"Space Grotesk", system-ui, sans-serif);font-size:clamp(2rem,6vw,3.15rem);line-height:1.08}.learning-card-source-sentence{width:min(100%,600px);color:var(--ovi-ink,#182235);gap:7px;font-size:clamp(1rem,2.5vw,1.18rem);line-height:1.5;display:grid}.learning-card-flip-hint{color:var(--ovi-muted,#66758d);font-size:.84rem;font-weight:700}.learning-card-back{background:#f8fbfb;align-content:start;transform:rotateY(180deg)}.learning-card-answer-head{border-bottom:1px solid #12233d1a;justify-content:space-between;align-items:flex-start;gap:14px;padding-bottom:12px;display:flex}.learning-card-answer-head>span:first-child{gap:3px;display:grid}.learning-card-answer-head strong{color:var(--ovi-navy,#12233d);font-family:var(--ovi-font-display,"Space Grotesk", system-ui, sans-serif);font-size:clamp(1.45rem,4vw,2.1rem);line-height:1.15}.learning-card-answer-head>span:last-child{color:var(--ovi-teal,#247f8a);background:#2aa99a1f;border-radius:999px;padding:5px 9px;font-size:.74rem;font-weight:800}.learning-card-detail-stack{gap:10px;display:grid}.learning-card-usefulness{width:fit-content;max-width:100%;color:var(--ovi-navy,#12233d);text-align:left;background:#3c73b914;border:1px solid #12233d1c;border-radius:12px;flex-wrap:wrap;align-items:center;gap:7px 10px;padding:7px 10px;font-size:.77rem;font-weight:800;display:inline-flex}.learning-card-usefulness>strong{color:var(--ovi-teal,#247f8a);font-size:inherit}.learning-card-usefulness>small{color:var(--ovi-muted,#66758d);flex-basis:100%;font-size:.73rem;font-weight:650;line-height:1.35}.learning-card-usefulness.tier-1,.learning-cards-tier.tier-1{color:#7a4618;background:#d579321f}.learning-card-usefulness.tier-2,.learning-cards-tier.tier-2{color:#315f98;background:#3c73b91f}.learning-card-usefulness.tier-3,.learning-cards-tier.tier-3{color:#236f67;background:#2aa99a1f}.learning-card-detail-row,.learning-card-translations{background:#ffffffdb;border:1px solid #12233d17;border-radius:14px;gap:4px;padding:12px 14px;display:grid}.learning-card-detail-row.is-primary{background:#2aa99a14;border-color:#247f8a3d}.learning-card-detail-row>span{color:var(--ovi-teal,#247f8a);letter-spacing:.04em;text-transform:uppercase;font-size:.72rem;font-weight:800}.learning-card-detail-row p,.learning-card-translations p{color:var(--ovi-ink,#182235);margin:0;font-size:.96rem;line-height:1.42}.learning-card-translations p{grid-template-columns:minmax(64px,auto) minmax(0,1fr);gap:10px;display:grid}.learning-card-translations strong{color:var(--ovi-teal,#247f8a)}.learning-cards-primary{color:#fff;min-width:min(100%,220px);min-height:46px;font:inherit;cursor:pointer;background:#12233d;border:1px solid #12233d;border-radius:14px;justify-self:center;padding:10px 18px;font-weight:800}.learning-cards-primary:disabled{cursor:not-allowed;opacity:.48}.learning-card-grades{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.learning-card-grades button{min-height:46px;color:var(--ovi-navy,#12233d);font:inherit;cursor:pointer;background:#fff;border:1px solid #12233d21;border-radius:13px;padding:8px;font-weight:800}.learning-card-grades .is-again{background:#b43c3c0f;border-color:#b43c3c61}.learning-card-grades .is-hard{background:#c6842312;border-color:#c6842366}.learning-card-grades .is-good{background:#247f8a12;border-color:#247f8a66}.learning-card-grades .is-easy{background:#32885712;border-color:#32885766}.learning-cards-progress{color:var(--ovi-muted,#66758d);text-align:center;gap:6px;font-size:.82rem;display:grid}.learning-cards-progress>span:last-child{background:#12233d1a;border-radius:999px;width:100%;height:6px;overflow:hidden}.learning-cards-progress i{border-radius:inherit;background:#3c73b9;height:100%;transition:width .15s;display:block}.learning-card-test-card{background:#fffdfa;border:1px solid #12233d21;border-radius:22px;gap:16px;padding:clamp(18px,4vw,30px);display:grid;box-shadow:0 14px 32px #12233d14}.learning-card-test-card>p,.learning-card-test-card>h3{margin:0}.learning-card-test-card>p{color:var(--ovi-teal,#247f8a);text-transform:uppercase;font-size:.8rem;font-weight:800}.learning-card-test-card>h3{color:var(--ovi-navy,#12233d);font-family:var(--ovi-font-display,"Space Grotesk", system-ui, sans-serif);font-size:clamp(1.35rem,4vw,2rem);line-height:1.3}.learning-card-test-choices{gap:9px;display:grid}.learning-card-test-choices label{cursor:pointer;background:#fff;border:1px solid #12233d21;border-radius:14px;align-items:center;gap:10px;min-height:48px;padding:10px 13px;display:flex}.learning-card-test-choices label.is-selected{background:#3c73b914;border-color:#3c73b9}.learning-card-test-choices input{accent-color:#3c73b9;width:18px;height:18px}.learning-card-test-write{color:var(--ovi-muted,#66758d);gap:6px;font-size:.86rem;font-weight:800;display:grid}.learning-card-test-write input,.learning-cards-search input{width:100%;min-height:48px;color:var(--ovi-ink,#182235);font:inherit;background:#fff;border:1px solid #12233d2b;border-radius:14px;padding:10px 14px}.learning-card-test-hint{background:#3c73b90f;border-radius:14px;padding:10px 12px}.learning-card-test-hint summary{min-height:40px;color:var(--ovi-navy,#12233d);cursor:pointer;align-items:center;font-weight:800;display:flex}.learning-card-test-hint p{margin:6px 0 0}.learning-card-test-result{border-top:1px solid #12233d1a;gap:10px;padding-top:14px;display:grid}.learning-card-test-result>strong{color:var(--ovi-navy,#12233d)}.learning-card-test-result.is-correct>strong{color:#25704a}.learning-card-test-result.is-incorrect>strong{color:#9b433f}.learning-cards-test-progress{color:var(--ovi-muted,#66758d);text-align:center;font-size:.84rem}.learning-cards-collection-summary{background:#fffdfa;border:1px solid #12233d21;border-radius:18px;justify-content:space-between;align-items:center;gap:14px;padding:16px;display:flex}.learning-cards-collection-summary>div{gap:2px;display:grid}.learning-cards-collection-summary p,.learning-cards-collection-summary strong,.learning-cards-collection-summary span{margin:0}.learning-cards-collection-summary p{color:var(--ovi-teal,#247f8a);letter-spacing:.06em;text-transform:uppercase;font-size:.72rem;font-weight:800}.learning-cards-collection-summary strong{color:var(--ovi-navy,#12233d);font-size:1.45rem;line-height:1.1}.learning-cards-collection-summary span{color:var(--ovi-muted,#66758d);font-size:.84rem}.learning-cards-collection-summary .learning-cards-primary{white-space:nowrap;justify-self:auto;min-width:auto}.learning-cards-filters{flex-wrap:wrap;gap:8px;display:flex}.learning-cards-filters button{min-height:40px;color:var(--ovi-muted,#66758d);font:inherit;cursor:pointer;background:#fffdfa;border:1px solid #12233d24;border-radius:999px;padding:8px 15px;font-size:.85rem;font-weight:800}.learning-cards-filters button.is-active{color:var(--ovi-navy,#12233d);background:#3c73b917;border-color:#3c73b973}.learning-cards-list-head{color:var(--ovi-muted,#66758d);justify-content:space-between;gap:12px;font-size:.84rem;display:flex}.learning-cards-list-head strong{color:var(--ovi-navy,#12233d)}.learning-cards-word-list{gap:16px;display:grid}.learning-cards-unit-group{gap:8px;display:grid}.learning-cards-unit-heading{color:var(--ovi-muted,#66758d);justify-content:space-between;align-items:baseline;gap:12px;padding:0 4px;font-size:.76rem;display:flex}.learning-cards-unit-heading strong{color:var(--ovi-navy,#12233d);font-size:.88rem}.learning-cards-word-row{width:100%;min-width:0;min-height:106px;color:var(--ovi-ink,#182235);font:inherit;text-align:left;cursor:pointer;background:#fffdfa;border:1px solid #12233d21;border-radius:18px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:14px 16px;display:grid;box-shadow:0 7px 18px #12233d0a}.learning-cards-word-row:hover{border-color:#247f8a57;transform:translateY(-1px)}.learning-cards-word-copy{gap:4px;min-width:0;display:grid}.learning-cards-word-title{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.learning-cards-word-title .learning-cards-tier{border-radius:999px;padding:4px 7px;line-height:1.1}.learning-cards-word-title strong{color:var(--ovi-navy,#12233d);font-family:var(--ovi-font-display,"Space Grotesk", system-ui, sans-serif);font-size:1.18rem;line-height:1.15}.learning-cards-word-title small{color:var(--ovi-teal,#247f8a);flex:none;font-size:.72rem;font-weight:800}.learning-cards-word-copy>span:nth-child(2){color:var(--ovi-ink,#182235);font-size:.95rem;line-height:1.35}.learning-cards-word-copy>small{color:var(--ovi-muted,#66758d);font-size:.76rem}.learning-cards-word-status{white-space:nowrap;border-radius:999px;padding:6px 9px;font-size:.72rem;font-weight:800}.learning-cards-word-status.is-due{color:#8b541f;background:#d579321a}.learning-cards-word-status.is-learning{color:#315f98;background:#3c73b91a}.learning-cards-word-status.is-new{color:#236f67;background:#2aa99a1a}.learning-cards-explore{color:var(--ovi-muted,#66758d);font-size:.76rem;font-weight:800}.learning-cards-empty{text-align:center;border:1px dashed #12233d33;border-radius:18px;gap:6px;padding:22px;display:grid}.learning-cards-session-complete{text-align:center;background:#2aa99a12;border:1px solid #247f8a3d;border-radius:22px;align-content:center;justify-items:center;gap:10px;min-height:320px;padding:clamp(24px,6vw,42px);display:grid}.learning-cards-session-complete p,.learning-cards-session-complete h3,.learning-cards-session-complete span{margin:0}.learning-cards-session-complete p{color:var(--ovi-teal,#247f8a);letter-spacing:.06em;text-transform:uppercase;font-size:.76rem;font-weight:800}.learning-cards-session-complete h3{color:var(--ovi-navy,#12233d);font-family:var(--ovi-font-display,"Space Grotesk", system-ui, sans-serif);font-size:clamp(1.45rem,5vw,2.1rem)}.learning-cards-session-complete span{max-width:36rem;color:var(--ovi-muted,#66758d);line-height:1.45}.learning-cards-empty h3,.learning-cards-empty p{margin:0}.learning-cards-empty p{color:var(--ovi-muted,#66758d)}.learning-cards-undo{color:#fff;background:#12233d;border-radius:15px;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:10px 12px 10px 15px;font-size:.88rem;display:flex}.learning-cards-undo button{color:#fff;background:#ffffff1f;border-color:#fff6}.learning-card-dialog{width:min(620px,100vw - 28px);max-height:min(760px,100dvh - 28px);color:var(--ovi-ink,#182235);font-family:var(--ovi-font-body,"Source Sans 3", system-ui, sans-serif);background:#fbf8f2;border:1px solid #12233d26;border-radius:22px;margin:auto;padding:clamp(18px,4vw,28px);overflow-y:auto;box-shadow:0 26px 80px #08172647}.learning-card-dialog::backdrop{backdrop-filter:blur(2px);background:#07141f8f}.learning-card-dialog-head{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px;display:flex}.learning-card-dialog-head p,.learning-card-dialog-head h3{margin:0}.learning-card-dialog-head p{color:var(--ovi-teal,#247f8a);font-size:.78rem;font-weight:800}.learning-card-dialog-head h3{color:var(--ovi-navy,#12233d);font-family:var(--ovi-font-display,"Space Grotesk", system-ui, sans-serif);font-size:clamp(1.7rem,5vw,2.5rem)}.learning-card-dialog-actions{justify-content:space-between;gap:10px;margin-top:18px;display:flex}.learning-card-remove{color:#8d3d39;border-color:#9b433f52}@media (width<=560px){.learning-cards-shell{border-radius:20px;gap:13px;padding:16px}.learning-cards-header{align-items:flex-start}.learning-cards-policy{min-height:30px;padding-inline:9px;font-size:.7rem}.learning-card-flip{--learning-card-height:390px}.learning-card-face{padding:20px}.learning-card-grades{grid-template-columns:repeat(2,minmax(0,1fr))}.learning-cards-collection-summary{align-items:stretch}.learning-cards-collection-summary .learning-cards-primary{align-self:center;min-height:44px;padding-inline:11px;font-size:.9rem}.learning-cards-collection-summary strong{font-size:1.25rem}.learning-cards-word-row{grid-template-columns:minmax(0,1fr) auto;gap:9px;padding:13px 14px}.learning-cards-word-title{justify-content:start;gap:3px;display:grid}.learning-cards-explore{display:none}.learning-card-dialog{border-radius:22px 22px 16px 16px;width:calc(100vw - 16px);max-height:calc(100dvh - 16px);margin:auto auto 8px}.learning-card-dialog-actions{grid-template-columns:1fr;display:grid}.learning-card-dialog-actions button{width:100%}}@media (width<=380px){.learning-cards-header{display:grid}.learning-cards-policy{justify-self:start}.learning-cards-collection-summary{display:grid}.learning-cards-collection-summary .learning-cards-primary{width:100%}}@media (prefers-reduced-motion:reduce){.learning-card-flip-inner,.learning-cards-progress i,.learning-cards-word-row{transition:none!important}.learning-card-flip-inner{transition-duration:.01ms!important}.learning-cards-word-row:hover{transform:none}}
