:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f5f1;--surface:#fff;--surface-2:#eef3f3;--text:#17201d;--muted:#61716c;--line:#dce3df;--accent:#1f7a68;--accent-dark:#135748;--amber-soft:#fff1d8;--green-soft:#dcefe9;--red:#bd4a45;--red-soft:#ffe4e1;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;color:var(--text);margin:0}button,textarea,input{font:inherit}button{cursor:pointer;border:0}.app-shell{grid-template-columns:minmax(320px,390px) minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:#fbfcfa;flex-direction:column;gap:18px;padding:24px;display:flex;overflow:auto}.brand,.panel-heading,.control-row,.reader-toolbar,.toolbar-actions,.top-controls,.popover-header,.popover-actions,.vocab-tools{align-items:center;display:flex}.brand{gap:12px}.brand-mark{background:var(--accent);color:#fff;border-radius:8px;place-items:center;width:42px;height:42px;font-weight:800;display:grid}h1,h2,p{margin:0}.brand h1{font-size:24px;line-height:1}.brand p,small,.eyebrow{color:var(--muted)}.panel{border:1px solid var(--line);background:var(--surface);border-radius:8px;flex-direction:column;gap:14px;padding:16px;display:flex}.panel-heading,.control-row,.reader-toolbar,.popover-header{justify-content:space-between;gap:12px}.panel h2,.reader-toolbar h2{font-size:17px}textarea{resize:vertical;border:1px solid var(--line);min-height:180px;color:var(--text);background:#fbfcfa;border-radius:8px;padding:12px;line-height:1.5}input[type=text]{border:1px solid var(--line);background:#fbfcfa;border-radius:8px;width:100%;min-width:0;padding:10px 11px}input[type=range]{accent-color:var(--accent)}.primary-button,.secondary-button,.ghost-button,.mode-button,.icon-button{border-radius:8px;min-height:38px;padding:0 13px;font-weight:700}.primary-button{background:var(--accent);color:#fff}.primary-button:hover{background:var(--accent-dark)}.primary-button:disabled{cursor:not-allowed;opacity:.48}.secondary-button{border:1px solid var(--line);background:var(--surface-2);color:var(--text)}.ghost-button{color:var(--accent-dark);background:0 0}.danger{color:var(--red)}.stats-grid,.metrics,.session-results{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.metrics,.session-results{grid-template-columns:repeat(4,minmax(120px,1fr))}.stats-grid div,.metrics div,.session-results div{border:1px solid var(--line);background:#fbfcfa;border-radius:8px;flex-direction:column;gap:4px;padding:12px;display:flex}.stats-grid span,.metrics span,.session-results span{font-size:22px;font-weight:800}.vocab-tools{gap:8px}.word-list{flex-wrap:wrap;gap:8px;max-height:250px;display:flex;overflow:auto}.word-chip{background:var(--surface-2);color:var(--text);border-radius:999px;align-items:center;gap:6px;padding:7px 10px;font-size:13px;display:inline-flex}.word-chip[data-state=known]{background:var(--green-soft)}.word-chip[data-state=learning]{background:var(--amber-soft)}.word-chip[data-state=unknown]{background:var(--red-soft)}.reader-area{flex-direction:column;gap:18px;min-width:0;padding:30px;display:flex}.reader-toolbar{flex-wrap:wrap}.eyebrow{letter-spacing:0;text-transform:uppercase;margin-bottom:5px;font-size:12px;font-weight:800}.top-controls{flex-wrap:wrap;justify-content:flex-end;gap:10px}.toolbar-actions{border:1px solid var(--line);background:var(--surface);border-radius:8px;gap:6px;padding:4px}.mode-button{min-height:34px;color:var(--muted);background:0 0}.mode-button.active{background:var(--accent);color:#fff}.reader{border:1px solid var(--line);background:var(--surface);overflow-wrap:anywhere;border-radius:8px;flex:1;min-height:440px;padding:clamp(20px,4vw,44px);font-family:Georgia,Times New Roman,serif;font-size:20px;line-height:1.85}.reader.empty{color:var(--muted);text-align:center;place-items:center;display:grid}.token-word{color:inherit;font-family:inherit;font-size:inherit;line-height:inherit;vertical-align:baseline;background:0 0;border-radius:5px;padding:1px 2px;transition:background .15s,color .15s}.token-word:hover,.token-word:focus-visible{background:#1f7a681f;outline:none}.show-unknown .token-word[data-state=new],.show-unknown .token-word[data-state=unknown],.show-all .token-word[data-state=new],.show-all .token-word[data-state=unknown]{background:var(--red-soft);color:#7e2521}.show-learning .token-word[data-state=learning],.show-all .token-word[data-state=learning]{background:var(--amber-soft);color:#70450b}.show-known .token-word[data-state=known],.show-all .token-word[data-state=known]{background:var(--green-soft);color:#154d41}.word-popover{z-index:10;border:1px solid var(--line);background:var(--surface);border-radius:8px;width:min(420px,100vw - 32px);padding:16px;position:fixed;bottom:28px;right:28px;box-shadow:0 20px 60px #17201d29}.popover-header strong{font-size:24px;display:block}.popover-header span{color:var(--muted);font-size:14px}.icon-button{background:var(--surface-2);width:34px;min-height:34px;color:var(--text);padding:0;font-size:22px;line-height:1}.sentence{color:var(--muted);margin-top:12px;line-height:1.5}.translation-box{background:var(--surface-2);border-radius:8px;margin:14px 0;padding:12px;line-height:1.45}.translation-box strong{margin-bottom:4px;display:block}.popover-actions{justify-content:flex-end;gap:8px}@media (width<=880px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line)}.reader-area{padding:20px}.metrics,.session-results{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.toolbar-actions,.top-controls{width:100%}.toolbar-actions{overflow-x:auto}.top-controls>button{width:100%}.reader{min-height:320px;font-size:18px}}