@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Noto+Sans:wght@400;500;600&family=Noto+Serif:wght@400&family=Quicksand:wght@300;700&display=swap";.sign-out-page{min-height:100vh;padding:40px 7vw}.sign-out-card{width:min(100%,520px);margin:12vh auto 0}.sign-out-eyebrow{margin:0;color:#b65632;font-size:.75rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase}.sign-out-card h1{margin:25px 0 30px;font:400 clamp(4rem,8vw,8.5rem) / .88 "Noto Serif",serif;letter-spacing:-.035em}.sign-out-card>p:not(.sign-out-eyebrow):not(.sign-out-error){margin:0;color:#53645e;line-height:1.7}.sign-out-error{margin:20px 0 0;color:#9c3f27}.sign-out-actions{display:flex;align-items:center;gap:24px;margin-top:32px}.sign-out-actions button{border:0;padding:15px 20px;background:#484848;color:#f9f2e7;cursor:pointer;font-size:.85rem}.sign-out-actions button:disabled{cursor:wait;opacity:.6}.sign-out-actions a{color:#53645e;font-size:.85rem;font-weight:600}@media(max-width:800px){.sign-out-page{padding:28px 16px 70px}.sign-out-card{margin-top:10vh}.sign-out-card h1{font-size:clamp(3.8rem,18vw,6rem)}}.learning-progress{position:relative;display:flex;align-items:center;width:100%;min-width:0;min-height:44px}.learning-progress-trigger{position:absolute;inset:0;display:block;width:100%;min-height:44px;padding:0;border:0;border-radius:4px;background:transparent;color:inherit;cursor:help}.learning-progress-trigger:focus-visible{outline:2px solid #b65632;outline-offset:4px}.learning-progress-track{display:flex;width:100%;gap:8px;height:24px;border-radius:4px}.learning-progress-track:empty{background:#deded5}.learning-progress-segment{flex-basis:0;min-width:0;border-radius:4px}.learning-progress-new{background:#7b9f6e}.learning-progress-reviewed{background:#a6bb8c}.learning-progress-due{background:#e9a084}.learning-progress-learning{background:#d66b45}.learning-progress-tooltip{box-sizing:border-box;z-index:100;width:min(312px,calc(100vw - 24px));padding:12px 22px;border:1px solid #e4e2dc;border-radius:12px;background:#fff;color:#20251f;box-shadow:0 1px 4px #18332c1f;font:400 1rem/1.4 DM Sans,sans-serif}.learning-progress-group+.learning-progress-group{margin-top:8px}.learning-progress-group-title{margin:0 0 3px;font-size:.8rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.learning-progress-group dl{margin:0}.learning-progress-legend-row{display:flex;justify-content:space-between;gap:16px}.learning-progress-legend-row+.learning-progress-legend-row{margin-top:3px}.learning-progress-legend-row dt{display:flex;align-items:center;gap:12px}.learning-progress-swatch{width:18px;height:18px;flex-shrink:0;border-radius:2px}.learning-progress-legend-row dd{margin:0;font-variant-numeric:tabular-nums}.auth-page{display:grid;min-height:100vh;place-items:center;padding-bottom:25vh}:root{font-family:DM Sans,sans-serif;color:#18332c;background:#eae9e5;font-synthesis:none;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px}button,a{font:inherit}a{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #d06e45;outline-offset:4px}main{min-height:100vh;padding:40px 7vw;position:relative;background:#eae9e5}.cli-auth-page{display:flex;min-height:100vh;flex-direction:column;justify-content:center;align-items:center;text-align:center}.cli-auth-page h1{font-size:clamp(2rem,4vw,3.5rem)}.nav{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2}.brand{display:inline-flex;font:300 2.2rem/1 Quicksand,sans-serif;text-decoration:none;letter-spacing:.03em}.brand-vivi{font-weight:700}.brand-mem{font-weight:300}.eyebrow{color:#b65632;text-transform:uppercase;letter-spacing:.18em;font-size:.75rem;font-weight:600}h1{font:400 clamp(4rem,8vw,8.5rem)/.88 "Noto Serif",serif;letter-spacing:-.035em;margin:25px 0 30px}h1 em{color:#b65632}.intro{font:1.05rem/1.7 DM Sans,sans-serif;max-width:530px;color:#53645e}.cta,.start-button{display:inline-flex;gap:34px;align-items:center;padding:15px 20px;background:#484848;color:#f9f2e7;text-decoration:none;font-size:.85rem}.cta{margin-top:28px}.app-page{padding-bottom:100px;overflow:hidden}.plan-link{color:#53645e;font-size:.78rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;text-decoration:none}.page-heading{max-width:920px;margin:90px 0 70px;position:relative}.page-heading h1{font-size:clamp(4rem,7.5vw,7.5rem)}.page-message{margin:60px 0;color:#53645e;font-size:1rem}.empty-state-message{font-family:"Noto Serif",serif;text-align:center}.page-message.error{color:#9c3f27}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-nav,.language-table{width:100%;max-width:600px;margin-inline:auto}.app-nav{padding-bottom:24px}.language-table{border-collapse:collapse}.language-table th,.language-table td{padding:14px 8px;border-bottom:1px solid rgba(24,51,44,.16);text-align:left}.language-table thead th{color:#697771;font-size:.65rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.language-table tbody th{font:400 1.2rem/1.15 "Noto Serif",serif}.language-table tbody td{font:1.2rem "Noto Serif",serif}.language-table .numeric-column{padding-left:24px;padding-right:48px;text-align:right}.language-table th:first-child,.language-table td:first-child{padding-left:0}.language-table th:last-child,.language-table td:last-child{padding-right:0;text-align:right}.start-button{min-width:76px;justify-content:center;gap:10px;padding:6px 8px;font-family:"Noto Serif",serif;font-size:1rem;font-weight:600}.start-button-disabled{background:#a3a3a3;color:#e8e8e8;cursor:not-allowed}.learning-layout{display:grid;grid-template-columns:172px minmax(0,640px);justify-content:center;align-items:start;column-gap:48px;row-gap:40px}.learning-sidebar{width:172px;grid-row:1 / span 2;position:relative}.learning-sidebar .app-nav{max-width:none}.learning-heading{position:relative;text-align:center}.learning-heading .eyebrow{margin:2px 0 0;line-height:1.5}.learning-remaining-count{position:absolute;top:10px;left:932px;display:flex;gap:.4em;margin:0;border:0;padding:0;background:transparent;color:#b65632;cursor:pointer;font:400 1.35rem/1 "Noto Serif",serif;white-space:nowrap}.learning-shell{width:100%;position:relative}.study-area{width:100%;margin:0;position:relative}.card-badge{position:absolute;top:0;left:50%;z-index:1;transform:translate(-50%,-50%);padding:6px 14px;border:1px solid rgba(24,51,44,.2);border-radius:999px;background:#fff;color:#686868;font-size:.75rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;pointer-events:none}.card-position{margin:0 0 12px;color:#697771;font-size:.7rem;letter-spacing:.12em;text-align:right;text-transform:uppercase}.study-card{width:100%;min-height:520px;padding:18px;border:1px solid rgba(24,51,44,.14);border-radius:8px;color:#686868;background:#fff;position:relative;display:flex;flex-direction:column}.study-card.text-pair-card{min-height:0;aspect-ratio:4 / 3}.study-card:has(.card-image){min-height:520px}.study-card-button{width:100%;min-height:0;padding:0;border:0;color:inherit;background:transparent;position:relative;cursor:pointer;display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;text-align:center}.study-card-button,.play-button{-webkit-tap-highlight-color:transparent}.study-card-button:focus:not(:focus-visible),.play-button:focus:not(:focus-visible){outline:none}.text-pair-card .study-card-button{display:grid;grid-template-rows:1fr 1fr}.text-pair-card .source-text{align-self:center}.text-pair-card .card-details{height:100%;margin-top:0;border-top:1px solid rgba(24,51,44,.12);justify-content:center}.text-pair-card .target-text{display:flex;height:100%;padding:8px;border-top:0;align-items:center;justify-content:center}.study-card-button:has(.card-image){justify-content:flex-start}.card-image-wrap{width:100%;position:relative;display:flex;justify-content:center}.card-image{width:auto;max-width:100%;height:256px;margin:16px 0 20px;border-radius:8px;object-fit:contain}.card-image-status{margin-bottom:20px;color:#8a928d;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}.source-text{width:100%;color:#545454;font-family:"Noto Serif",serif;font-size:1.3rem;font-weight:400;line-height:1.5;text-align:left}.study-card-button small{position:absolute;top:calc(50% + 70px);color:#8a928d;font-size:.65rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.source-text{margin:0}.gender-chip{margin-top:12px;padding:4px 10px;border:1px solid rgba(24,51,44,.38);border-radius:6px;color:#18332c;font-size:.72rem;line-height:1.05}.gender-chip{position:absolute;top:calc(var(--control-top-offset));right:0;padding:4px 10px;border:1px solid rgba(24,51,44,.38);border-radius:6px;color:#18332c;font-size:.72rem;line-height:1.05}.gender-masc{border-color:#5395b5;color:#29659f;background:#ddf2fa}.gender-fem{border-color:#c88772;color:#a65236;background:#faefeb}.gender-neut{border-color:#c4a85f;color:#886f28;background:#faf6e7}.card-details{width:100%;display:flex;flex-direction:column;align-items:center;visibility:hidden}.card-details:not(.production-card-details){margin-top:48px}.revealed-card .card-details,.production-card-details{visibility:visible}.target-text{width:100%;margin:0;padding:22px 8px 0;border-top:1px solid rgba(24,51,44,.12);color:#545454;font:400 1.1rem/1.6 "Noto Serif",serif;text-align:left}.cue{display:flex;width:100%;align-items:baseline;justify-content:center;min-height:3.25rem;margin:18px auto 22px;padding-top:22px;position:relative;font-family:Noto Sans,sans-serif;font-size:1.2rem;line-height:1.3}.cue:before{position:absolute;top:0;right:0;left:0;border-top:1px solid rgba(24,51,44,.12);content:""}.cue-term{color:#b65632;font-weight:600}.cue-term-hidden{display:none}.cue-arrow{margin:0 .35em;color:#18332c;font-size:1.1em;font-weight:400;line-height:1;vertical-align:baseline}.cue-translation{color:#545454;font-weight:500}.study-card:not(.revealed-card) .cue-translation{color:#545454;font-weight:600}.card-controls{--control-top-offset: 12px;display:flex;width:100%;min-height:40px;margin-top:10px;align-items:flex-start;justify-content:flex-start;position:relative}.play-button{width:50px;height:50px;padding:0;border:2px solid #ca6f4b;border-radius:50%;color:#ca6f4b;background:transparent;cursor:pointer;transition:transform .1s ease}.card-controls .play-button{position:absolute;top:calc(100% + var(--control-top-offset) - 27px);left:50%;z-index:2;transform:translate(-50%,-50%)}.card-controls .play-button:active{transform:translate(-50%,-50%) scale(.94)}.play-button-hidden{visibility:hidden}.play-button:hover{border-color:#b65632;color:#b65632;background:transparent}.play-icon{display:block;width:19px;height:24px;margin:auto;transform:translate(2px)}.cloze{-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 .18em;border-radius:3px;line-height:inherit;vertical-align:baseline}.source-text .cloze,.target-text .cloze{padding:.03em .3em .09em}.cloze-blank{background:#b656322e;color:transparent}.cloze-underlined{position:relative}.cloze-underlined:after{position:absolute;right:.08em;bottom:.24em;left:.08em;height:1px;background:#8c3f22;content:""}.cloze-highlight{background:#b6563233;color:#382923}.grade-panel{margin-top:15px}.grade-panel>p{color:#697771;font-size:.75rem;letter-spacing:.08em;text-align:center;text-transform:uppercase}.grade-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.grade-buttons button,.show-answer-button{padding:10px 8px;border:1px solid rgba(24,51,44,.18);border-radius:6px;color:#18332c;background:#fff;cursor:pointer;transition:border-color 50ms ease,box-shadow 50ms ease}.grade-buttons button:hover:not(:disabled){border-color:#7ab18c;background:#fff;box-shadow:inset 0 0 0 1px #7ab18c}.grade-buttons .fail-grade-button:hover:not(:disabled){border-color:#ca7b73;box-shadow:inset 0 0 0 1px #ca7b73}.show-answer-button{width:100%;font-weight:600}.show-answer-button:hover{border-color:#aebab9d1;background:#fff;box-shadow:inset 0 0 0 1px #aebab9d1}.grade-buttons button:disabled{cursor:wait;opacity:.55}.grade-buttons span,.grade-buttons small{display:block}.grade-buttons span{font-weight:600}.grade-buttons small{margin-top:4px;color:#697771;font-size:.6rem;letter-spacing:.08em;text-transform:uppercase}.grade-buttons button:hover small{color:#c9d0cc}.complete-state{margin:15vh auto 0;text-align:center}.complete-state h2{margin:18px 0;font:400 clamp(3rem,7vw,5.5rem) "Noto Serif",serif}@media(max-width:800px){main{padding:28px 16px 70px}h1{font-size:clamp(3.8rem,18vw,6rem)}.page-heading{margin:68px 0 48px}.page-heading h1{font-size:clamp(3.7rem,16vw,5.5rem)}.learning-layout{grid-template-columns:minmax(0,360px);gap:28px}.learning-sidebar{width:100%;grid-row:auto}.learning-sidebar .app-nav{padding-bottom:0}.learning-remaining-count{position:static;margin:0}.study-card{min-height:560px;padding:16px}.study-card.text-pair-card{min-height:0;aspect-ratio:1}.play-button{width:50px;height:50px}.grade-buttons{gap:6px}.grade-buttons button,.show-answer-button{padding:11px 4px}.grade-buttons span{white-space:nowrap;font-size:clamp(.8rem,3.3vw,.95rem)}}@media(max-width:520px){.start-button{min-width:76px;gap:10px;padding:6px 8px}.grade-panel{margin-top:20px}}