html,body,#root{margin:0;min-height:100%}body{background:var(--ds-page)}.sound-row{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px}.sound-switch{display:inline-flex;align-items:center;gap:8px;background:transparent;border:1px solid var(--ds-hairline);border-radius:999px;padding:8px 16px;min-height:44px;font:inherit;font-size:14px;color:var(--ds-ink);cursor:pointer}.sound-switch .dot{width:10px;height:10px;border-radius:50%;background:var(--ds-ink-2)}.sound-switch[aria-checked=true] .dot{background:var(--ds-teal)}.practice-card{border:1px solid var(--ds-hairline);border-radius:12px;padding:20px}.english{font-family:inherit;font-size:23px;font-weight:600;line-height:1.4;margin:0;overflow-wrap:anywhere}.german{font-size:25px;line-height:1.8;margin:20px 0;padding-top:20px;border-top:1px solid var(--ds-hairline);overflow-wrap:anywhere}.gap{display:inline-block;min-width:2.3em;color:var(--ds-ink-2);font-size:21px;letter-spacing:1px;line-height:1.5}.revealed-word{color:var(--ds-teal);font-weight:600}.button-row{display:flex;flex-wrap:wrap;gap:8px}.button-row button{min-height:44px}.rating-buttons{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.rating-buttons button{width:100%;min-height:48px}.skip-row{margin-top:12px}button:focus-visible{outline:2px solid var(--ds-teal);outline-offset:3px}@media(min-width:768px){.practice-card{padding:28px}.english{font-size:28px}.german{font-size:30px}}.mode-tabs{display:inline-flex;border:1px solid var(--ds-hairline);border-radius:999px;padding:3px}.mode-tabs button{background:transparent;border:0;border-radius:999px;padding:8px 16px;min-height:40px;font:inherit;font-size:14px;color:var(--ds-ink);cursor:pointer}.mode-tabs button[aria-selected=true]{background:var(--ds-teal);color:#fff}.listen-card .german{min-height:1.8em}.listen-card button{width:100%;min-height:64px;font-size:18px}.english,.german{font-family:inherit;font-size:23px;font-weight:400;line-height:1.5}.card-controls{display:grid;grid-template-columns:minmax(0,.6fr) minmax(0,1fr) minmax(0,1fr);gap:12px}.rating-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}.rating-row button,.card-controls button{width:100%;min-height:48px;font-size:14px;padding-inline:8px}.sound-row{flex-wrap:wrap}.mode-tabs button{padding-inline:9px;min-height:44px;font-size:13px}.session-progress{margin-bottom:16px}.progress-heading{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:14px}.session-progress progress{width:100%;height:10px;margin-top:10px;accent-color:var(--ds-teal)}.session-progress p,.legend{font-size:14px;margin:6px 0}small{color:var(--ds-ink-2);font-size:12px;line-height:1.6}.library-toggle,.back-row{margin:12px 0}.library-toggle button{width:100%;min-height:48px;font-weight:600}.library,.import-panel{margin-bottom:20px}.library h2,.import-panel h2{font-size:21px;font-weight:400}.overall-bar{display:flex;height:12px;overflow:hidden;border-radius:4px;margin:12px 0;background:var(--ds-hairline)}.overall-bar .reviewed{background:var(--ds-teal)}.overall-bar .waiting{background:var(--ds-ink-2)}.overall-bar .unseen{background:var(--ds-hairline)}.field-label{display:block;font-size:14px;margin:16px 0}.field-label input{display:block;box-sizing:border-box;width:100%;min-height:44px;margin-top:8px;font:inherit;padding:8px;border:1px solid var(--ds-hairline);border-radius:4px}.filters{display:flex;flex-wrap:wrap;gap:8px}.filters button{font:inherit;min-height:44px;border:1px solid var(--ds-hairline);border-radius:4px;background:var(--ds-page);color:var(--ds-ink);padding:8px 12px}.filters button[aria-pressed=true]{border-color:var(--ds-teal);color:var(--ds-teal);font-weight:600}@media(min-width:768px){.english,.german{font-size:28px;font-weight:400;line-height:1.5}}.field-label textarea{display:block;box-sizing:border-box;width:100%;min-height:110px;margin-top:8px;font:inherit;padding:8px;border:1px solid var(--ds-hairline);border-radius:4px;resize:vertical}.session-progress progress{appearance:none;border:0;border-radius:4px;overflow:hidden;background:var(--ds-hairline)}.session-progress progress::-webkit-progress-bar{background:var(--ds-hairline)}.session-progress progress::-webkit-progress-value{background:var(--ds-teal)}.session-progress progress::-moz-progress-bar{background:var(--ds-teal)}.mode-tabs button,.app-content .app-button,.app-content .filters button,.sound-switch{appearance:none;box-sizing:border-box;background:transparent;border:0;border-radius:999px;padding:8px 9px;min-height:44px;font:inherit;font-size:13px;font-weight:400;line-height:20px;color:var(--ds-ink);cursor:pointer;text-align:center}.mode-tabs,.card-controls,.rating-row,.button-row,.filters{border:1px solid var(--ds-hairline);border-radius:26px;padding:3px}.card-controls,.rating-row{gap:3px}.app-content .app-button:hover:not(:disabled),.mode-tabs button:hover:not([aria-selected=true]){background:var(--ds-raised)}.mode-tabs button[aria-selected=true],.filters button[aria-pressed=true]{background:var(--ds-teal);color:#fff;border:0;font-weight:400}.app-content button:disabled{color:var(--ds-ink-4);cursor:default}.sound-switch{border:1px solid var(--ds-hairline);padding-inline:16px}.app-content .card-controls button,.app-content .rating-row button{min-height:44px;font-size:13px;padding-inline:4px}.mode-practice .practice-card{padding:24px 16px 16px}.mode-practice .english{margin-top:12px}.mode-practice .german{padding-top:24px;margin:24px 0 36px}.rating-row{margin-top:8px}.backup-panel{margin:20px 0;border-top:1px solid var(--ds-hairline);border-bottom:1px solid var(--ds-hairline);padding:8px 0}.backup-panel summary{cursor:pointer;min-height:44px;display:list-item;align-content:center;font-weight:600}.backup-panel p{font-size:14px;line-height:1.6}.backup-panel>.app-button,.restore-check .app-button{border:1px solid var(--ds-hairline);padding-inline:14px}.backup-panel textarea{font-size:13px;overflow-wrap:anywhere}.backup-panel [role=alert]{color:var(--ds-red)}@media(max-height:700px){.mode-practice .practice-card{padding-top:16px}.mode-practice .english{margin-top:4px}.mode-practice .german{padding-top:18px;margin:18px 0 24px}}.mode-practice .long-phrase .english,.mode-practice .long-phrase .german{font-size:19px;line-height:1.5}.mode-practice .long-phrase .german{padding-top:20px;margin:20px 0 28px}.overall-bar .mastered,.swatch.mastered{background:#6f66a6}.legend{display:flex;flex-wrap:wrap;gap:4px 12px}.legend-item{display:inline-flex;align-items:center;gap:6px}.swatch{width:10px;height:10px;border-radius:3px;display:inline-block;flex:none}.swatch.reviewed{background:var(--ds-teal)}.swatch.waiting{background:var(--ds-ink-2)}.swatch.unseen{background:var(--ds-hairline)}.instinct-backup{margin:16px 0;padding-bottom:16px;border-bottom:1px solid var(--ds-hairline)}.instinct-backup .app-button{border:1px solid var(--ds-hairline);padding-inline:14px}.app-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px}.app-header h1{margin:6px 0 0;font-family:inherit;font-size:23px;line-height:1.3;font-weight:400;letter-spacing:-.025em}.header-backup{margin-left:auto;display:flex;align-items:center;flex-direction:column;flex:none}.app-content .backup-icon{appearance:none;display:grid;place-items:center;width:44px;height:44px;padding:0;background:transparent;border:1px solid var(--ds-hairline);border-radius:50%;color:var(--ds-ink);cursor:pointer}.backup-icon svg{width:22px;height:22px;fill:currentColor}.app-content .backup-icon.needs-backup{background:color-mix(in srgb,var(--ds-red) 12%,var(--ds-page));border-color:color-mix(in srgb,var(--ds-red) 25%,var(--ds-hairline));color:color-mix(in srgb,var(--ds-red) 62%,var(--ds-ink-2));box-shadow:none}.app-content .backup-icon.needs-backup:disabled{opacity:.7}.backup-label{font-size:11px;line-height:16px;margin-top:5px}.backup-label.needs-backup{color:color-mix(in srgb,var(--ds-red) 62%,var(--ds-ink-2));font-weight:350}.header-backup-notice{font-size:12px;line-height:1.5;margin:0 0 16px;overflow-wrap:anywhere}.app-content .listen-controls button{min-height:44px;font-size:13px}.more-new{margin-top:24px}.more-new button{width:100%}.register-note{font-size:.68em;font-weight:350;color:var(--ds-ink-2);overflow-wrap:normal}.library-card .register-note{font-size:.85em}.fast-track-row{display:flex;justify-content:flex-start;margin-top:10px}.fast-track{min-height:36px;font-size:12px;padding:6px 10px;opacity:.72}:root{color-scheme:light;--ds-page: #f4efec;--ds-raised: #fffdfa;--ds-hairline: #d9d0ca;--ds-ink: #262321;--ds-ink-2: #756d67;--ds-ink-4: #aaa29c;--ds-teal: #4d7770;--ds-red: #a6463b}html,body{min-height:100%}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ds-ink);background:var(--ds-page)}button,input,textarea{font-family:inherit}.app-content{box-sizing:border-box;max-width:720px;min-height:100vh;margin:0 auto;padding:max(20px,env(safe-area-inset-top)) 20px max(28px,env(safe-area-inset-bottom))}.app-content button{color:inherit}