:root{color:#1c1917;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f3efe7;font-family:Segoe UI,Helvetica Neue,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px}button,input,textarea{font:inherit}a{color:inherit;text-decoration:none}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-header{background:#fffaf3;border-bottom:1px solid #e7dfd2;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand p,.pane-header p,.vocab-toolbar p{color:#78716c;margin:0;font-size:13px}.brand strong,.pane-header h2,.vocab-toolbar h2{letter-spacing:-.02em;margin:0;font-size:18px}.brand-mark{color:#f6f3ec;background:#1f4d3a;border-radius:12px;place-items:center;width:40px;height:40px;font-weight:700;display:grid}.nav{gap:8px;display:flex}.nav a{color:#57534e;border-radius:999px;padding:8px 14px}.nav a.active{color:#fff;background:#1f4d3a}main{flex:1;padding:20px 24px 32px}.study-layout{grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:20px;min-height:calc(100vh - 120px);display:grid}.article-pane,.word-sidebar,.vocab-page{min-height:0}.pane-header{margin-bottom:12px}.sidebar-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.article-editor{background:#fff;border:1px solid #e7dfd2;border-radius:16px;height:calc(100vh - 180px);min-height:420px;position:relative;overflow:hidden}.article-backdrop,.article-input{white-space:pre-wrap;overflow-wrap:break-word;word-wrap:break-word;scrollbar-gutter:stable;margin:0;padding:22px 24px;font-family:Georgia,Iowan Old Style,Times New Roman,serif;font-size:20px;line-height:1.65;position:absolute;inset:0;overflow:auto}.article-backdrop{color:#1c1917;pointer-events:none}.article-input{resize:none;color:#0000;caret-color:#1c1917;background:0 0;border:0}.article-input::placeholder{color:#a8a29e}.article-input:focus{outline:none}.article-input::selection{color:#0000;background:#1f4d3a38}.saved-word{color:inherit;background:#fde68a;border-radius:4px;padding:0 1px}.word-sidebar,.vocab-page{flex-direction:column;display:flex}.card-list{flex-direction:column;gap:12px;max-height:calc(100vh - 180px);padding-right:4px;display:flex;overflow:auto}.word-card{background:#fff;border:1px solid #e7dfd2;border-radius:14px;padding:14px 16px}.word-card.loading{opacity:.82}.word-card-head{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.word-line{flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0;display:flex}.speak-btn{color:#1f4d3a;cursor:pointer;background:#fff;border:1px solid #d6d3d1;border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:11px;line-height:1;display:inline-flex}.speak-btn:hover:not(:disabled){background:#ecf4ef}.speak-btn:disabled{opacity:.45;cursor:default}.word-lemma{font-size:20px}.muted,.empty{color:#78716c;font-size:13px}.translation{color:#1f4d3a;margin:0;font-size:18px;font-weight:600}.translation.muted{font-weight:500}.ghost-btn{color:#57534e;cursor:pointer;background:#fff;border:1px solid #d6d3d1;border-radius:999px;flex-shrink:0;padding:6px 10px}.word-card .ghost-btn{min-width:32px;line-height:1}.ghost-btn:hover{background:#f5f5f4}.error-text{color:#b45309;font-size:14px}.empty{background:#fff;border:1px dashed #d6d3d1;border-radius:14px;padding:18px}.vocab-toolbar{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:16px;display:flex}.search{background:#fff;border:1px solid #e7dfd2;border-radius:12px;min-width:260px;padding:10px 12px}.vocab-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}@media (width<=900px){.study-layout{grid-template-columns:1fr}.article-editor,.card-list{height:50vh;min-height:280px;max-height:50vh}.app-header,main{padding-left:16px;padding-right:16px}.vocab-toolbar{flex-direction:column;align-items:stretch}.search{min-width:0}}