:root{font-family:system-ui,-apple-system,sans-serif;color:#183e31;background:#f1f7f4;font-size:16px;line-height:1.55}*{box-sizing:border-box}body{margin:0}header{display:flex;align-items:center;gap:24px;flex-wrap:wrap;padding:16px 5%;background:white;border-bottom:1px solid #d6e6dd}header img{width:120px;height:48px;object-fit:contain}a{color:#087b51}main{max-width:1200px;margin:auto;padding:28px}h1{font-size:clamp(1.65rem,3vw,2.3rem);margin:0}h2{font-size:1.25rem;margin:0 0 16px}h3{font-size:1.05rem}.eyebrow{color:#087b51;letter-spacing:.1em;font-weight:700}.heading,.toolbar,.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.heading{justify-content:space-between;margin-bottom:24px}.toolbar{margin:18px 0}.modes{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}button,select{font:inherit;font-size:.95rem;min-height:44px;border:1px solid #c8ded2;border-radius:10px;padding:10px 14px;color:#183e31;background:white;cursor:pointer}button:hover{border-color:#087b51;background:#f0faf4}button:disabled{cursor:wait;opacity:.55}button.primary,button[aria-pressed=true]{background:#087b51;color:white;border-color:#087b51}button:focus-visible,a:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #bf6b13;outline-offset:3px}.panel{background:white;border:1px solid #d6e6dd;border-radius:18px;padding:24px;margin:18px 0}.topic-panel{background:#e3f5eb}.columns{display:grid;grid-template-columns:1.08fr 1fr;gap:22px}.columns>div{min-width:0}.inset{background:#eaf8f0;padding:16px;border-radius:12px;margin:14px 0}.question,.model{border-left:4px solid #087b51;padding:12px 16px;background:#f4faf7;white-space:pre-wrap}.model{font-size:1.1rem}textarea{width:100%;font:inherit;font-size:16px;color:#183e31;border:1px solid #c8ded2;background:#fcfefd;border-radius:10px;padding:12px;resize:vertical;margin:8px 0 12px}label{display:block}label.check{display:flex;align-items:center;gap:8px;margin:10px 0}label.check input{width:20px;height:20px}audio{display:block;width:100%;margin:12px 0}.topic-grid{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.topic-grid button{font-size:.9rem}details{border-top:1px solid #d6e6dd;margin:15px 0;padding-top:12px}summary{cursor:pointer;font-weight:600}.item{padding:12px 0;border-bottom:1px solid #d6e6dd;overflow-wrap:anywhere}.item p{margin:6px 0}small{font-size:.85rem;color:#4f6a5e}mark,.word.current{background:#d5f4a2;color:#163922}.word{cursor:pointer;border-radius:3px}del{color:#a4322c}#status{position:sticky;top:0;z-index:2;background:#e3f5eb;padding:12px;border-radius:10px}#status:empty{display:none}#status.error{background:#ffebe8;color:#912b22}#authNotice{padding:16px;background:#fff1ce;border-radius:10px}[hidden]{display:none!important}.recording{background:#aa342f!important;color:white!important}.saved-row{display:block;width:100%;text-align:left;margin:8px 0}@media(max-width:760px){main{padding:14px}.columns{grid-template-columns:1fr;gap:0}.modes{grid-template-columns:1fr 1fr}.panel{padding:17px}.heading{align-items:flex-start}header{gap:12px;padding:12px}button{max-width:100%;white-space:normal}.toolbar label{flex:1 1 120px}.toolbar select{max-width:100%}}

/* V9.1.55: paired translation stays within its existing card. */
.translation-controls{margin:14px 0}.translation-controls small{flex:1 1 180px}.parallel-body,.parallel-row,.parallel-original,.parallel-translated{min-width:0;overflow-wrap:anywhere}.parallel-row{border-bottom:1px solid #d6e6dd;padding:12px 0}.parallel-row p{margin:6px 0;white-space:pre-wrap}.parallel-row ul{padding-left:22px}.parallel-open{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.parallel-label{display:block;font-weight:700;color:#087b51;margin-bottom:6px}.parallel-translated{background:#eaf8f0;border-radius:10px;padding:12px}.parallel-original{padding:0 4px}.parallel-open .parallel-original{padding:12px 4px}@media(max-width:760px){.parallel-open{grid-template-columns:minmax(0,1fr);gap:6px}.parallel-translated{border-left:3px solid #087b51}.translation-controls button{flex:1 1 auto}}

@media(min-width:761px){.modes{grid-template-columns:repeat(5,minmax(0,1fr))}}
