:root{--font-ui: system-ui, -apple-system, "Helvetica Neue", sans-serif;--font-content: "TeX Gyre Termes", "Nimbus Roman No9 L", "Times New Roman", "Times", serif;--font-mono: "Menlo", "Monaco", "Courier New", monospace;--color-primary: #4a90d9;--color-primary-hover: #357abd;--color-danger: #dc3545;--color-danger-hover: #c82333;--color-danger-active: #bd2130;--color-border: #999;--color-border-light: #ccc;--color-border-lighter: #ddd;--color-bg: #f8f8f8;--color-bg-hover: #f0f0f0;--color-bg-active: #e4e4e4;--color-text-muted: #888;--color-text-secondary: #666;--color-text-tertiary: #555;--radius: 6px;--radius-lg: 8px}*{margin:0;padding:0;font-weight:400}*,*:before,*:after{box-sizing:border-box}html,body,#app{width:100%;min-height:100vh;min-height:100dvh}body{font-family:var(--font-content);-webkit-font-smoothing:antialiased;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.btn{-webkit-appearance:none;appearance:none;background:#fff;border:1px solid var(--color-border);padding:8px 16px;font-size:16px;color:#000;font-family:var(--font-ui);font-weight:600;border-radius:var(--radius);cursor:pointer;box-shadow:var(--color-border-light) 0 1px 3px 0;transition:background-color .15s,border-color .15s,box-shadow .15s}.btn:hover{background:var(--color-bg-hover);border-color:#777;box-shadow:#bbb 0 2px 5px}.btn:active{background:var(--color-bg-active);border-color:#666;box-shadow:var(--color-border-lighter) 0 0 2px 0}.btn:disabled{cursor:not-allowed;opacity:.4}.btn:disabled:hover,.btn:disabled:active{background:#fff;border-color:var(--color-border);box-shadow:var(--color-border-light) 0 1px 3px 0}.btn-primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn-primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn-danger{background:var(--color-danger);color:#fff;border-color:var(--color-danger-hover);box-shadow:#dc35454d 0 2px 8px}.btn-danger:hover{background:var(--color-danger-hover);box-shadow:#dc354580 0 4px 12px}.btn-danger:active{background:var(--color-danger-active);box-shadow:#dc354533 0 1px 4px}.root{display:flex;flex-direction:column;width:100%;height:100vh;height:100dvh}.root .header,.root .controls{background:var(--color-bg)}.root .header{padding:32px;border-bottom:1px solid black;display:flex;flex-direction:row;justify-content:center;align-items:center}.root .header .progress-bar{width:300px;height:24px;border:1px solid var(--color-border);border-radius:12px;background:#fff;overflow:hidden}.root .header .progress-bar .progress-fill{height:100%;background:#98fb98;transition:width .3s ease}.root .card-container{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#fcfcfc;overflow:hidden}.root .card-container .card{background:#fff;display:flex;flex-direction:column}.root .card-container .card .card-header{border-bottom:1px solid black;padding:24px}.root .card-container .card .card-header h1{font-size:36px}.root .card-container .card .card-content{flex:1;display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto}.root .card-container .card .card-content .question,.root .card-container .card .card-content .answer,.root .card-container .card .card-content .prompt{padding:24px}.root .card-container .card .card-content .question{border-bottom:1px solid black}.root .card-container .card .card-content .answer{min-height:30px}.rich-text{font-size:30px;text-align:justify;line-height:1.4}.rich-text .cloze{width:30px;background:#a0a0a0;text-decoration:none;border-radius:8px;color:transparent}.rich-text .cloze-reveal{color:#4169e1}.rich-text img{display:block;margin-left:auto;margin-right:auto;max-width:100%;height:auto}.rich-text ul,.rich-text ol{padding-left:24px}.rich-text p:not(:last-child),.rich-text img:not(:last-child),.rich-text ol:not(:last-child),.rich-text ul:not(:last-child),.rich-text blockquote:not(:last-child),.rich-text table:not(:last-child),.rich-text pre:not(:last-child){margin-bottom:16px}.rich-text blockquote{background:#f7f7f7;border-left:4px solid #ccc;padding:8px 12px}.rich-text table{border-collapse:collapse;width:100%;font-size:.65em;font-family:var(--font-ui);line-height:1.6;border:1px solid #999}.rich-text table th,.rich-text table td{border:1px solid #bbb;padding:10px 14px;text-align:left;vertical-align:top}.rich-text table th{background:#e8e8e8;font-weight:600;border:1px solid #999}.rich-text table tbody tr:nth-child(odd){background:#fff}.rich-text table tbody tr:nth-child(2n){background:#f5f5f5}.rich-text table code{font-size:.85em;background:#ececec}.rich-text code{background:#f7f7f7;border:1px solid #ddd;padding:2px 6px;border-radius:3px;font-family:var(--font-mono);font-size:.7em;color:inherit}.rich-text pre{background:#f7f7f7;border:1px solid #ddd;border-radius:4px;padding:12px;overflow-x:auto;font-size:.7em;line-height:1.5}.rich-text pre code{background:transparent;border:none;padding:0;border-radius:0;font-size:.85em;color:inherit}.rich-text audio{width:100%}.rich-text .katex{font-size:1em}.root .controls{border-top:1px solid black}.root .controls .control-row{display:flex;justify-content:space-between;align-items:center}.root .controls .btn{padding:7px 12px}.root .controls .grades .btn{display:flex;flex-direction:column;align-items:center;gap:2px}.interval-preview{display:block;font-size:12px;font-weight:400;color:var(--color-text-muted)}.finished{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center}.finished h1{text-align:center}.finished .summary{font-size:24px;margin-bottom:48px}.finished h2{border-bottom:1px solid #ccc;width:100%}.finished .stats{width:100%;max-width:400px}.finished .stats table{width:100%;border-collapse:collapse}.finished .stats table tr{border-bottom:1px solid #eee}.finished .stats table td{padding-top:12px;padding-bottom:12px}.finished .stats table td.key{font-family:var(--font-ui);font-weight:500;white-space:nowrap}.finished .stats table td.val{font-family:var(--font-ui);font-variant-numeric:tabular-nums;width:100%}.finished .shutdown-container{margin-top:48px;text-align:center}.finished .shutdown-button{padding:12px 24px;font-size:18px}.settings-view{max-width:500px;margin:0 auto;padding:32px 24px}.settings-view h1{font-size:36px;margin-bottom:24px;font-family:var(--font-ui)}.settings-view label{display:block;margin-bottom:16px;font-family:var(--font-ui);font-size:14px;font-weight:500;color:var(--color-text-tertiary)}.settings-view input[type=text],.settings-view input[type=password],.settings-view input[type=number]{display:block;width:100%;margin-top:4px;padding:10px 12px;font-size:16px;border:1px solid var(--color-border-light);border-radius:var(--radius);font-family:var(--font-ui)}.settings-view input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #4a90d933}.settings-buttons{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}.settings-buttons .btn{padding:10px 20px}#settings-status{margin-top:16px;font-family:var(--font-ui);font-size:14px;color:#333}.toggle-label{flex-direction:row;align-items:center;gap:8px;cursor:pointer}.toggle-label input[type=checkbox]{width:auto;margin:0}.field-group{margin-bottom:16px}.field-group label{display:inline;margin-bottom:0}.pat-help-link{float:right;font-size:12px;font-weight:400;color:#2563eb}#token-info{margin-top:6px;font-size:12px;line-height:1.4}.token-ok{color:#16a34a}.token-warning{color:#b45309}.token-warning a{color:#2563eb}.new-cards-status{margin-top:6px;font-size:12px;color:#666;display:flex;align-items:center;gap:8px}.reset-btn{font-size:12px;padding:2px 8px;border:1px solid var(--color-border-light);border-radius:4px;background:#fff;cursor:pointer;font-family:var(--font-ui);color:var(--color-text-tertiary)}.reset-btn:hover{background:var(--color-bg-hover);border-color:var(--color-border)}.welcome-banner{background:#f0f4ff;border:1px solid #d0d8ee;border-radius:8px;padding:16px;margin-bottom:16px;font-size:14px;line-height:1.5}.welcome-banner p{margin-bottom:8px}.welcome-banner ol{margin:0;padding-left:20px}.welcome-banner li{margin-bottom:4px}.welcome-banner a{color:#2563eb}.welcome-banner code{background:#e2e8f0;padding:1px 4px;border-radius:3px;font-size:13px}.settings-footer{margin-top:32px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px}.settings-footer a{font-size:12px;color:#aaa}.settings-version{font-family:var(--font-mono);font-size:12px;color:#aaa}.deck-list-view{max-width:600px;margin:0 auto;padding:32px 24px}.deck-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.deck-list-header h1{font-size:36px;font-family:var(--font-ui)}.deck-list-actions{display:flex;gap:8px}.deck-list-actions .btn{padding:8px 12px;font-size:18px}.new-budget-status{font-size:13px;color:var(--color-text-muted);font-family:var(--font-ui);text-align:center;margin-bottom:8px}.drill-all-btn{display:block;width:100%;padding:14px;font-size:18px;border-radius:var(--radius-lg);margin-bottom:24px}.all-caught-up{text-align:center;font-size:24px;color:var(--color-text-secondary);padding:32px 0;font-family:var(--font-ui)}.deck-cards{display:flex;flex-direction:column;gap:8px}.deck-card{display:flex;justify-content:space-between;align-items:center;padding:16px;border:1px solid var(--color-border-lighter);border-radius:var(--radius-lg);background:#fff}.deck-info{display:flex;flex-direction:column;gap:4px}.deck-name{font-size:18px;font-weight:600;font-family:var(--font-ui)}.deck-counts{font-size:13px;color:var(--color-text-muted);font-family:var(--font-ui)}.deck-drill-btn{padding:8px 16px;font-size:14px}@media(max-width:768px){.root .card-container .card{width:100%;height:100%;box-shadow:none}.root .controls{padding:12px}.root .controls .control-row{flex-direction:column;gap:8px}.root .controls .control-row .grades{display:flex;flex-direction:row;justify-content:space-between;width:100%}.root .controls button{width:100%}.root .controls .grades button{flex:1;margin:0 4px}.root .header{padding:16px}.finished{padding:24px}.finished h1{font-size:36px;margin-bottom:36px}.finished h2{font-size:30px;margin-bottom:16px}.finished .stats{font-size:16px}.finished .stats td.val{padding-left:24px}}@media(min-width:769px){.root .card-container .card{width:900px;min-height:400px;max-height:90%;box-shadow:0 0 48px 16px #ddd;border:1px solid black}.root .controls{padding:32px}.root .controls .control-row{flex-direction:row}.root .controls button{margin:0 12px}.finished{padding:48px}.finished h1{font-size:48px;margin-bottom:48px}.finished h2{font-size:36px;margin-bottom:24px}.finished .stats{font-size:22px}.finished .stats td.val{padding-left:48px}}.stats-view{max-width:600px;margin:0 auto;padding:32px 24px;font-family:var(--font-ui)}.stats-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.stats-header h1{font-size:36px}.stats-back-btn{padding:8px 16px;font-size:14px}.stats-overview{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:32px}.stat-box{background:#fff;border:1px solid var(--color-border-lighter);border-radius:var(--radius-lg);padding:16px 12px;text-align:center}.stat-value{font-size:28px;font-weight:600;font-variant-numeric:tabular-nums}.stat-label{font-size:12px;color:var(--color-text-muted);margin-top:4px}.stats-section{margin-bottom:32px}.stats-section h2{font-size:18px;font-weight:600;margin-bottom:12px}.stats-empty{color:var(--color-text-muted);font-size:14px}.retention-bar-container{position:relative;height:32px;background:#ebedf0;border-radius:6px;overflow:hidden}.retention-bar{height:100%;background:#40c463;border-radius:6px;transition:width .3s}.retention-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:14px;font-weight:600;color:#333}.maturity-bar-container{display:flex;height:24px;border-radius:6px;overflow:hidden;background:#ebedf0}.maturity-bar{height:100%;transition:width .3s}.maturity-new{background:#ebedf0}.maturity-young{background:#9be9a8}.maturity-mature{background:#216e39}.maturity-legend{display:flex;gap:16px;margin-top:8px;font-size:12px;color:var(--color-text-secondary)}.legend-item{display:flex;align-items:center;gap:4px}.legend-dot{display:inline-block;width:10px;height:10px;border-radius:2px}.maturity-new-dot{background:#ebedf0;border:1px solid #ccc}.maturity-young-dot{background:#9be9a8}.maturity-mature-dot{background:#216e39}.heatmap-container{overflow-x:auto}.heatmap-grid{display:flex;gap:2px}.heatmap-col{display:flex;flex-direction:column;gap:2px}.heatmap-cell{width:12px;height:12px;border-radius:2px}.heatmap-legend{display:flex;align-items:center;gap:3px;margin-top:8px;font-size:11px;color:var(--color-text-muted);justify-content:flex-end}.heatmap-legend .heatmap-cell{width:10px;height:10px}.grade-bars{display:flex;flex-direction:column;gap:8px}.grade-row{display:flex;align-items:center;gap:8px}.grade-label{width:50px;font-size:13px;color:var(--color-text-tertiary);text-align:right}.grade-bar-track{flex:1;height:20px;background:var(--color-bg-hover);border-radius:4px;overflow:hidden}.grade-bar{height:100%;border-radius:4px;min-width:2px}.grade-forgot{background:#ef4444}.grade-hard{background:#f59e0b}.grade-good{background:#22c55e}.grade-easy{background:#3b82f6}.grade-count{width:36px;font-size:13px;color:var(--color-text-secondary);font-variant-numeric:tabular-nums}.forecast-chart{display:flex;align-items:flex-end;gap:4px;height:120px}.forecast-bar-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end}.forecast-bar{width:100%;background:#4a90d9;border-radius:3px 3px 0 0;min-height:2px}.forecast-bar-value{font-size:10px;color:var(--color-text-secondary);font-variant-numeric:tabular-nums;margin-bottom:2px}.forecast-bar-label{font-size:10px;color:var(--color-text-muted);margin-top:4px;white-space:nowrap}@media(max-width:768px){.stats-overview{grid-template-columns:repeat(2,1fr)}.stat-value{font-size:24px}.heatmap-cell{width:10px;height:10px}}