:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#18202b;background:#f4f6f8;font-synthesis:none;letter-spacing:0;--ink: #18202b;--muted: #687383;--line: #dce1e7;--surface: #ffffff;--blue: #1769aa;--green: #247a58;--coral: #bc4c3b;--amber: #a76512}*{box-sizing:border-box;letter-spacing:0}body{margin:0;min-width:320px;min-height:100vh;background:#f4f6f8}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.app-shell{min-height:100vh}.app-header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;color:var(--surface);background:#202833;border-bottom:4px solid #4ea684}.app-header h1{margin:2px 0 0;font-size:24px;line-height:1.1}.eyebrow{margin:0;color:#aeb8c4;font-size:12px;text-transform:uppercase}.language-mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid #748090;border-radius:50%;font-weight:800}.app-main{width:min(1080px,100%);margin:0 auto;padding:22px 20px 100px}.page-stack{display:flex;flex-direction:column;gap:16px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.page-heading h2{margin:0;font-size:22px}.page-heading p{margin:5px 0 0;color:var(--muted);font-size:14px}.page-heading>svg{color:var(--green);flex:0 0 auto}.bottom-nav{position:fixed;z-index:20;left:0;right:0;bottom:0;height:72px;display:grid;grid-template-columns:repeat(4,1fr);background:#fffffff7;border-top:1px solid var(--line);box-shadow:0 -3px 14px #18202b14}.bottom-nav button{border:0;background:transparent;color:#687383;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0}.bottom-nav button span{font-size:12px}.bottom-nav button.active{color:var(--blue);background:#edf5fb}.tool-panel,.answer-panel,.review-card,.empty-state{background:var(--surface);border:1px solid var(--line);border-radius:8px}.tool-panel{padding:16px}.search-tool{display:grid;grid-template-columns:minmax(220px,2fr) minmax(150px,1fr) auto auto;align-items:end;gap:12px}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field>span{color:#536070;font-size:12px;font-weight:700}.source-picker{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px}input,select{min-height:42px;width:100%;border:1px solid #cbd2da;border-radius:6px;padding:9px 11px;color:var(--ink);background:#fff;outline:none}input:focus,select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #1769aa1f}.command-button{min-height:42px;border-radius:6px;padding:9px 14px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap;font-weight:700}.primary{color:#fff;background:var(--blue);border-color:var(--blue)}.secondary{color:#263443;background:#fff;border-color:#bfc8d2}.icon-button{width:42px;height:42px;border-radius:6px;border:1px solid #cbd2da;display:inline-grid;place-items:center;color:#465464;background:#fff;flex:0 0 auto}.icon-button.small{width:34px;height:34px}.inline-notice{margin:-4px 0 0;display:flex;align-items:center;gap:7px;min-height:34px;padding:7px 10px;border-left:3px solid var(--blue);color:#344252;background:#edf5fb;font-size:13px}.inline-notice.success{border-color:var(--green);background:#edf7f2}.inline-notice.warning{border-color:var(--amber);background:#fff7e9}.inline-notice.error{border-color:var(--coral);background:#fff0ed}.answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.answer-panel{min-height:260px;overflow:hidden}.answer-panel header{height:48px;padding:0 14px;display:flex;align-items:center;gap:9px;border-bottom:1px solid var(--line)}.answer-panel h3{margin:0;font-size:15px}.answer-language{display:grid;place-items:center;width:29px;height:24px;border-radius:4px;color:#fff;background:var(--coral);font-size:11px;font-weight:800}.answer-language.english{background:var(--green)}.answer-body{min-height:210px;padding:15px;white-space:pre-wrap;line-height:1.65;font-size:14px}.answer-body.empty{color:#8a94a1}.modal-overlay{position:fixed;z-index:50;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:18px;background:#151c2494}.settings-dialog{width:min(620px,100%);max-height:min(720px,calc(100vh - 36px));overflow:auto;border-radius:8px;background:#fff;box-shadow:0 18px 60px #0a121a47}.dialog-header{min-height:58px;padding:10px 14px 10px 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.dialog-header h3{margin:0;font-size:18px}.new-label-row{padding:14px 18px;display:grid;grid-template-columns:1fr auto;gap:8px;border-bottom:1px solid var(--line)}.label-list{padding:8px 18px 18px}.label-row{min-height:54px;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto auto;align-items:center;gap:7px;border-bottom:1px solid #e7ebef;color:var(--muted)}.label-row:last-child{border-bottom:0}.label-row input{min-height:38px}.icon-button.danger{color:var(--coral)}.dialog-empty{margin:18px 0 4px;color:var(--muted);text-align:center}.listen-stage{display:flex;flex-direction:column;align-items:center;gap:20px;padding:20px}.listen-toolbar{width:100%;display:grid;grid-template-columns:minmax(240px,1fr) auto;gap:14px;align-items:end}.segmented{display:flex;min-height:42px;border:1px solid #cbd2da;border-radius:6px;overflow:hidden}.segmented button{min-width:62px;border:0;border-right:1px solid #cbd2da;background:#fff;color:#556170}.segmented button:last-child{border-right:0}.segmented button.active{color:#fff;background:var(--green)}.listen-button{width:152px;height:96px;border:0;border-radius:8px;color:#fff;background:#202833;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;font-weight:800}.reveal-area{width:100%;min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-block:1px solid var(--line);text-align:center}.reveal-area.revealed{background:#f8fafb}.reveal-button{min-height:42px;padding:9px 15px;display:inline-flex;align-items:center;gap:8px;color:var(--blue);border:1px solid #a9c8df;border-radius:6px;background:#edf5fb;font-weight:700}.listen-word,.review-word{margin:0;font-family:Georgia,Times New Roman,serif;font-size:44px;line-height:1.15;overflow-wrap:anywhere}.pronunciation{margin:9px 0 0;color:var(--coral);font-size:18px}.source-chip{margin:13px 0 0;padding:4px 8px;color:#4f5c6b;background:#e9edf1;border-radius:4px;font-size:12px}.action-row{width:100%;display:flex;justify-content:center;gap:9px}.empty-state{min-height:320px;padding:32px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted);text-align:center}.empty-state h3{margin:12px 0 0;color:var(--ink)}.empty-state p{margin:6px 0 18px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.review-card{position:relative;min-height:360px;padding:18px 22px 22px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.review-meta{position:absolute;inset:14px 16px auto;display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.word-audio{position:absolute;right:16px;top:48px;width:38px;height:38px;display:grid;place-items:center;border:1px solid #cbd2da;border-radius:50%;background:#fff;color:var(--blue)}.review-back{width:min(720px,100%);margin-top:24px;padding-top:20px;border-top:1px solid var(--line);white-space:pre-wrap;line-height:1.65;text-align:left}.review-card .reveal-button{margin-top:28px}.review-actions{display:flex;flex-direction:column;gap:12px}.rating-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.rating{min-height:58px;border-radius:6px;border:1px solid;background:#fff;font-weight:800}.rating span{display:block;margin-top:3px;color:var(--muted);font-size:11px;font-weight:500}.rating.again{color:#a63e32;border-color:#d8a59f}.rating.hard{color:#9a5d13;border-color:#d6b485}.rating.good{color:#1769aa;border-color:#9ec1dc}.rating.easy{color:#247a58;border-color:#9dc8b6}.stats-strip{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line);background:#fff}.stats-strip div{min-height:68px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-right:1px solid var(--line)}.stats-strip div:last-child{border-right:0}.stats-strip span{color:var(--muted);font-size:11px}.stats-strip strong{margin-top:3px;font-size:20px}.library-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) 160px auto;gap:9px}.search-field{min-height:42px;display:flex;align-items:center;padding-left:11px;border:1px solid #cbd2da;border-radius:6px;background:#fff;color:var(--muted)}.search-field input{border:0;box-shadow:none}.word-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:8px;background:#fff}.word-table{width:100%;border-collapse:collapse;min-width:620px}.word-table th{color:#5e6977;background:#eef1f4;font-size:11px;text-transform:uppercase;text-align:left}.word-table th,.word-table td{height:52px;padding:8px 12px;border-bottom:1px solid #e7ebef}.word-table tr:last-child td{border-bottom:0}.word-cell{font-family:Georgia,Times New Roman,serif;font-size:18px;font-weight:700}.status-badge{display:inline-block;min-width:78px;padding:4px 7px;border-radius:4px;text-align:center;font-size:11px;font-weight:700}.status-badge.unremembered{color:#75500f;background:#fff1cf}.status-badge.remembered{color:#176247;background:#dff3e9}.status-badge.listening{color:#175c91;background:#deeffa}.table-empty{margin:0;padding:20px 12px;color:var(--muted);border-top:1px solid #e7ebef;text-align:center}@media (max-width: 760px){.app-header{height:68px;padding:0 16px}.app-header h1{font-size:21px}.app-main{padding:18px 12px 94px}.search-tool{grid-template-columns:1fr 1fr}.grow-field,.source-field{grid-column:span 2}.answer-grid{grid-template-columns:1fr}.answer-panel{min-height:220px}.answer-body{min-height:170px}.listen-toolbar{grid-template-columns:1fr}.voice-field{width:100%}.action-row{display:grid;grid-template-columns:1fr 1fr auto}.action-row .command-button{padding-inline:8px}.listen-word,.review-word{font-size:36px}.rating-grid{grid-template-columns:1fr 1fr}.library-toolbar{grid-template-columns:1fr auto}.library-toolbar select{grid-row:2;grid-column:1 / -1}.stats-strip strong{font-size:18px}.stats-strip span{font-size:10px}}