:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f7f3ea;--bg-accent:#efe2c5;--panel:#fffbf4e0;--panel-strong:#fffaf0;--ink:#17211b;--muted:#667368;--line:#17211b1c;--accent:#15664f;--accent-strong:#0e4e3d;--accent-soft:#15664f1a;--sun:#da8c2f;--shadow:0 24px 70px #533b1221;--radius:24px}*{box-sizing:border-box}html{min-height:100%}body{min-height:100vh;color:var(--ink);background:radial-gradient(circle at top left, #da8c2f33, transparent 32%), radial-gradient(circle at bottom right, #15664f2e, transparent 28%), linear-gradient(135deg, #fbf7ef 0%, var(--bg) 42%, #efe6d2 100%);margin:0;font-family:Georgia,Times New Roman,serif}button,input{font:inherit}button{cursor:pointer;background:var(--accent);color:#f7f9f7;border:0;border-radius:999px;padding:.8rem .9rem;transition:transform .14s,background .14s,opacity .14s}button:hover{background:var(--accent-strong);transform:translateY(-1px)}button:disabled{opacity:.55;cursor:not-allowed;transform:none}input{border:1px solid var(--line);background:#ffffffb8;border-radius:16px;width:100%;padding:.9rem 1rem}label span{color:var(--muted);margin-bottom:.45rem;font-size:.92rem;display:block}.page-shell{grid-template-columns:360px minmax(0,1fr);gap:1.5rem;padding:1.5rem;display:grid}.sidebar,.main-content{min-height:calc(100vh - 3rem)}.main-content{flex-direction:column;display:flex}.sidebar{flex-direction:column;gap:1rem;display:flex}.brand,.panel,.hero{background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid #fff9}.brand,.panel{padding:1.2rem}.hero{justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.5rem;display:flex}.hero h2,.brand h1,.panel h2,.word-card h3{margin:0}.hero-actions{flex-wrap:wrap;justify-content:flex-end;gap:.75rem;display:flex}.workspace{grid-template-columns:minmax(0,1.5fr) minmax(300px,.9fr);gap:1.5rem;display:grid}.inspector{flex-direction:column;align-self:start;gap:1.1rem;max-height:calc(100vh - 3rem);display:flex;position:sticky;top:1.5rem}.inspector .panel{max-height:inherit;overflow-y:auto}.inspector .panel:first-child{min-height:15rem}.panel-heading{justify-content:space-between;align-items:center;gap:.8rem;margin-bottom:1rem;display:flex}.reader-subtitle{max-width:44rem;margin:.45rem 0 0;line-height:1.6}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--accent);margin:0 0 .35rem;font-size:.76rem}.muted{color:var(--muted)}.grow{flex:1}.stack{flex-direction:column;gap:.9rem;display:flex}.ghost-button{color:var(--accent-strong);background:0 0;border:1px solid #15664f33}.ghost-button:hover{background:var(--accent-soft)}.status-pill{color:#8e5411;background:#da8c2f26;border-radius:999px;padding:.35rem .7rem;font-size:.82rem}.article-list,.sentence-list{flex-direction:column;gap:.8rem;display:flex}.article-card,.sentence-card,.word-card{border:1px solid var(--line);background:var(--panel-strong);border-radius:20px}.article-card{text-align:left;background:var(--panel-strong);color:var(--ink);padding:1rem}.article-card:hover{background:#f5efe3}.article-card.active:hover{background:var(--accent-strong)}.article-card.active{background:var(--accent-strong);color:#f7f9f7;border-color:#15664f59;box-shadow:inset 0 0 0 1px #15664f1a}.article-card h3,.sentence-card p,.word-card p{margin:0}.article-meta{color:var(--muted);margin-top:.5rem;font-size:.9rem}.article-card.active .article-meta{color:#f7f9f7d1}.sentence-card{padding:1rem 1.1rem}.sentence-header{justify-content:space-between;align-items:center;gap:.8rem;margin-bottom:.7rem;display:flex}.sentence-number{color:var(--sun);text-transform:uppercase;letter-spacing:.08em;font-size:.86rem}.sentence-action{padding:.55rem .95rem}.sentence-text{font-size:1.08rem;line-height:1.9}.inline-word{color:var(--ink);text-underline-offset:.18em;background:0 0;border-radius:10px;margin:0;padding:.1rem .2rem;-webkit-text-decoration:underline #15664f47;text-decoration:underline #15664f47;display:inline}.inline-word:hover,.inline-word.active{color:var(--accent-strong);background:#15664f1f}.sentence-space,.sentence-punctuation{white-space:pre-wrap}.translation-block{margin-top:.9rem}.translation{border-top:1px solid var(--line);color:var(--muted);padding-top:.9rem}.translation-meta{margin-top:.5rem;font-size:.9rem}.word-card,.reader{padding:1rem}.empty-state{color:var(--muted);background:#ffffff73;border:1px dashed #17211b29;border-radius:20px;padding:1rem}.word-card{padding:1rem}.word-title-row{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.speaker-button{width:1.9rem;height:1.9rem;color:var(--accent-strong);background:#15664f14;border:1px solid #15664f38;border-radius:999px;justify-content:center;align-items:center;padding:0;display:inline-flex}.speaker-button:hover{background:#15664f29}.speaker-button:disabled{opacity:.45;cursor:not-allowed}.speaker-button.playing{color:#8e5411;background:#da8c2f2e}.speaker-button.busy{background:#15664f24}.speaker-button svg{width:1.15rem;height:1.15rem}.pronunciation-ipa,.pronunciation-note,.pronunciation-error{margin-top:.45rem}.pronunciation-ipa{color:var(--accent-strong);flex-wrap:wrap;align-items:baseline;gap:.5rem;font-size:.96rem;display:flex}.pronunciation-note{font-size:.92rem}.pronunciation-error{color:#b14f3b;font-size:.92rem}.word-summary{flex-wrap:wrap;align-items:baseline;gap:.65rem;margin-top:.35rem;padding:.2rem 0;display:flex}.word-meaning{margin:0;font-size:1.1rem}.word-type{font-size:.92rem}.word-cache-note,.sentence-error{margin-top:.75rem}.top-word-list{flex-direction:column;gap:.75rem;display:flex}.top-word-item{border:1px solid var(--line);background:var(--panel-strong);width:100%;color:var(--ink);text-align:left;border-radius:18px;justify-content:space-between;align-items:center;gap:1rem;padding:.95rem 1rem;display:flex}.top-word-item:hover,.top-word-item.active{color:var(--accent-strong);background:#15664f1f}.top-word-copy{min-width:0}.top-word-base,.top-word-meaning,.top-word-type{margin:0}.top-word-base{font-size:1rem;font-weight:700}.top-word-meaning{margin-top:.25rem}.top-word-type{margin-top:.2rem;font-size:.9rem}.top-word-count{color:#8e5411;text-align:center;background:#da8c2f26;border-radius:999px;flex-shrink:0;min-width:2.5rem;padding:.35rem .65rem}@media (max-width:1100px){.page-shell,.workspace{grid-template-columns:1fr}.sidebar,.main-content{min-height:auto}.inspector .panel{max-height:none;overflow:visible}.inspector{max-height:none;position:static}}@media (max-width:700px){.page-shell{gap:1rem;padding:1rem}.hero,.panel-heading{flex-direction:column;align-items:stretch}.hero-actions{justify-content:stretch}.hero-actions button{width:100%}}