:root{color:#1d2522;background:#f4f2ed;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{border:1px solid #c7cbc3;border-radius:8px;background:#fff;color:#1d2522;cursor:pointer;min-height:40px;padding:0 14px}button:hover:not(:disabled){border-color:#7b877d}button:disabled{cursor:not-allowed;opacity:.6}.app-shell{display:flex;flex-direction:column;gap:18px;min-height:100vh;padding:22px}.app-header{align-items:end;display:flex;justify-content:space-between;gap:20px}.app-header h1,.viewer h1,.note-form h2,.panel-heading h2{letter-spacing:0;margin:0}.app-header h1{font-size:clamp(2rem,4vw,3.5rem);line-height:1}.api-note,.eyebrow,.panel-heading span,.review-details dt,.stats-strip small{color:#68716b}.api-note{margin:0 0 8px}.eyebrow{font-size:.78rem;font-weight:700;letter-spacing:.12em;margin:0 0 6px;text-transform:uppercase}.filter-bar{align-items:end;background:#fffdfa;border:1px solid #dedbd2;border-radius:8px;display:grid;gap:12px;grid-template-columns:minmax(120px,160px) auto minmax(200px,1fr) auto;padding:14px}.field{display:flex;flex-direction:column;gap:7px;font-size:.88rem;font-weight:700}.field.compact{min-width:120px}input,select,textarea{border:1px solid #cfd3cb;border-radius:8px;background:#fff;color:#1d2522;min-height:40px;padding:9px 11px}textarea{min-height:180px;resize:vertical}input:focus,select:focus,textarea:focus,.editor-surface:focus,button:focus-visible{border-color:#2d6f62;outline:3px solid rgba(45,111,98,.16)}.kind-filter{background:#edf0eb;border:1px solid #d8ddd5;border-radius:8px;display:grid;grid-template-columns:repeat(4,minmax(72px,1fr));padding:3px}.kind-filter button{border:0;background:transparent;min-height:34px;padding:0 10px}.kind-filter button.active{background:#fff;box-shadow:0 1px 4px #1d25221f}.primary-action,.mark-reviewed{background:#236255;border-color:#236255;color:#fff;font-weight:800}.primary-action:hover:not(:disabled),.mark-reviewed:hover:not(:disabled){background:#18483e;border-color:#18483e}.error-box{background:#fff4f0;border:1px solid #e0a28d;border-radius:8px;color:#7b2814;padding:12px 14px}.app-error{margin-top:-6px}.stats-strip{display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr))}.stats-strip div{background:#e9eee9;border:1px solid #d8ddd5;border-radius:8px;display:flex;flex-direction:column;gap:4px;min-height:72px;padding:13px 14px}.stats-strip span{font-size:1.35rem;font-weight:800}.workspace{align-items:stretch;display:grid;flex:1;gap:18px;grid-template-columns:minmax(300px,.42fr) minmax(0,1fr);min-height:0}.queue-panel,.study-panel,.viewer,.note-form{min-width:0}.queue-panel,.study-panel{background:#fffdfa;border:1px solid #dedbd2;border-radius:8px}.queue-panel{display:flex;flex-direction:column;overflow:hidden}.panel-heading{align-items:center;border-bottom:1px solid #e6e2da;display:flex;justify-content:space-between;gap:12px;padding:16px}.panel-heading h2,.note-form h2{font-size:1.1rem}.note-list{display:flex;flex:1;flex-direction:column;gap:8px;list-style:none;margin:0;overflow:auto;padding:10px}.note-row{align-items:stretch;border-color:transparent;display:flex;flex-direction:column;gap:10px;height:auto;min-height:104px;padding:12px;text-align:left;width:100%}.note-row.selected{border-color:#236255;box-shadow:inset 3px 0 #236255}.note-row-main{display:flex;flex-direction:column;gap:8px}.note-title{font-weight:800;overflow-wrap:anywhere}.note-meta{align-items:center;color:#68716b;display:flex;flex-wrap:wrap;gap:7px;font-size:.82rem}.kind-badge{border-radius:999px;color:#14211d;display:inline-flex;font-size:.72rem;font-weight:800;line-height:1;padding:6px 8px;text-transform:uppercase;width:fit-content}.kind-badge.word{background:#dcebd7}.kind-badge.phrase{background:#d8e5f3}.kind-badge.grammar{background:#f0dfc6}.tag-row{display:flex;flex-wrap:wrap;gap:6px}.tag{background:#f2f0ea;border:1px solid #dedbd2;border-radius:999px;color:#566058;font-size:.76rem;line-height:1;padding:5px 8px}.empty-state,.empty-viewer{color:#68716b;padding:24px}.study-panel{overflow:auto}.viewer,.note-form{display:flex;flex-direction:column;gap:20px;min-height:100%;padding:24px}.viewer-header,.form-header{align-items:start;display:flex;justify-content:space-between;gap:16px}.viewer h1{font-size:clamp(1.8rem,4vw,3rem);line-height:1.08;margin-top:10px;overflow-wrap:anywhere}.viewer-actions{display:flex;gap:8px}.danger{border-color:#c99282;color:#8a321c}.note-body{background:#fff;border:1px solid #e5e1d8;border-radius:8px;font-size:1.08rem;line-height:1.7;min-height:180px;overflow-wrap:anywhere;padding:20px}.note-body :first-child{margin-top:0}.note-body :last-child{margin-bottom:0}.tag-row.expanded{margin-top:-8px}.review-details{display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr));margin:0}.review-details div{background:#f5f4ef;border:1px solid #e5e1d8;border-radius:8px;padding:12px}.review-details dt{font-size:.72rem;font-weight:800;margin-bottom:6px;text-transform:uppercase}.review-details dd{font-weight:800;margin:0;overflow-wrap:anywhere}.mark-reviewed{align-self:start;min-height:52px;min-width:170px}.note-form{background:#fffdfa}.form-grid{display:grid;gap:14px;grid-template-columns:160px minmax(160px,1fr)}.rich-editor{background:#fff;border:1px solid #cfd3cb;border-radius:8px;display:flex;flex-direction:column;overflow:hidden}.editor-toolbar{align-items:center;background:#f2f4f0;border-bottom:1px solid #d9ddd5;display:flex;flex-wrap:wrap;gap:6px;padding:8px}.editor-toolbar select{min-height:34px;min-width:130px;padding:6px 8px}.toolbar-group{display:flex;gap:4px}.editor-toolbar button{border-radius:6px;font-size:.78rem;font-weight:800;min-height:34px;min-width:38px;padding:0 9px}.editor-toolbar button.active-source{background:#236255;border-color:#236255;color:#fff}.editor-surface,.editor-source{border:0;border-radius:0;color:#1d2522;line-height:1.65;min-height:260px;outline-offset:-3px;padding:16px;width:100%}.editor-surface{font-size:1rem;font-weight:500;overflow:auto}.editor-surface:empty:before{color:#8a928b;content:attr(data-placeholder);pointer-events:none}.editor-surface h2,.editor-surface h3,.note-body h2,.note-body h3{line-height:1.2;margin:.8em 0 .35em}.editor-surface p,.editor-surface ul,.editor-surface ol,.editor-surface blockquote,.editor-surface pre,.note-body p,.note-body ul,.note-body ol,.note-body blockquote,.note-body pre{margin:0 0 .85em}.editor-surface blockquote,.note-body blockquote{border-left:4px solid #b9c7bd;color:#4c5851;margin-left:0;padding-left:14px}.editor-surface pre,.note-body pre{background:#eef1ed;border-radius:6px;overflow:auto;padding:12px}.editor-source{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;resize:vertical}.save-button{align-self:start;min-width:160px}@media(max-width:920px){.app-shell{padding:14px}.app-header{align-items:start;flex-direction:column;gap:8px}.filter-bar{align-items:stretch;grid-template-columns:1fr}.search-field{min-width:0}.workspace{grid-template-columns:1fr}.queue-panel{max-height:380px}.review-details{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.kind-filter,.stats-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.viewer,.note-form{padding:16px}.viewer-header,.form-header{flex-direction:column}.viewer-actions,.viewer-actions button,.mark-reviewed,.save-button{width:100%}.review-details,.form-grid{grid-template-columns:1fr}}