:root{color-scheme:light;--navy:#101e30;--ink:#172a3e;--teal:#087e83;--muted:#63758a;--line:#dce5ec}*{box-sizing:border-box}body{margin:0;background:#f3f6f8;color:var(--ink);font:16px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif}header{background:var(--navy);color:#fff;padding:22px max(5vw,20px);display:flex;justify-content:space-between;gap:20px;align-items:center}a{color:var(--teal)}header a{color:#fff;text-decoration:none}.brand{display:flex;align-items:center;gap:14px;line-height:1.3}.brand strong{display:block;font-size:22px}.brand small{display:block;font-size:9px;letter-spacing:2px;color:#99bcc8;margin-top:6px}.mark{border:1px solid #5b98a8;border-radius:14px;padding:12px;font-size:23px;color:#8ae0db;font-weight:800}nav{display:flex;align-items:center;gap:24px}nav form{margin:0}nav button.subtle{color:#fff}main{max-width:1240px;margin:44px auto;padding:0 24px}.narrow{max-width:530px}h1{font-size:clamp(30px,4vw,49px);line-height:1.16;letter-spacing:-1.5px;margin:15px 0 22px}h2{font-size:23px;line-height:1.3;margin:5px 0 15px}h3,h4{margin:4px 0 10px}.muted,small{color:var(--muted)}.eyebrow{color:var(--teal);font-size:11px;font-weight:800;letter-spacing:2px}.intro{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.connection{font-size:13px;color:var(--teal);white-space:nowrap;background:#e0f1ed;border-radius:30px;padding:5px 14px;margin-top:20px}.panel{border:1px solid var(--line);background:#fff;border-radius:18px;padding:24px;margin-bottom:20px;box-shadow:0 5px 18px #152e3b04}.stack{display:flex;flex-direction:column;gap:15px}label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:650}input,select,textarea,button{font:inherit}input,select,textarea{width:100%;padding:12px;border:1px solid #cad6df;border-radius:9px;background:#fff;color:var(--ink);min-height:47px}textarea{resize:vertical;font-size:17px}button{background:var(--teal);color:#fff;border:1px solid transparent;border-radius:9px;padding:11px 18px;font-size:14px;font-weight:650;cursor:pointer;min-height:44px}button:hover{filter:brightness(.93)}button:disabled{opacity:.5;cursor:wait}button.secondary{background:#eaf5f4;color:#075e63;border-color:#cce5e4}button.subtle{background:transparent;color:var(--teal)}button.danger{background:#fff0f0;color:#ac2634;border-color:#eec8cc}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #e3af39;outline-offset:3px}.toolbar{display:flex;gap:14px;align-items:flex-end;flex-wrap:wrap}.toolbar label{min-width:220px;flex:1}.notice,.warning{font-size:13px;background:#fff6df;color:#765719;border-left:3px solid #dba441;border-radius:5px;padding:12px 16px}.tabs{display:flex;gap:8px;margin:30px 0 20px;border-bottom:1px solid var(--line);padding-bottom:12px}.tab{background:transparent;color:var(--muted)}.tab.active{background:var(--navy);color:#fff}.filters{display:flex;align-items:flex-end;gap:18px;margin-bottom:24px}.grow{flex:1}.check{display:flex;flex-direction:row;align-items:center;gap:10px;font-weight:450}.check input{width:20px;min-width:20px;min-height:20px;accent-color:var(--teal)}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,315px),1fr));gap:18px}.phrase{display:flex;flex-direction:column;margin:0}.badge{font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:var(--teal)}.badge.draft{color:#98712a}.source{font-size:15px;color:var(--muted);margin:16px 0 6px}.target{font-size:23px;font-weight:650;line-height:1.4;margin:0 0 24px;overflow-wrap:anywhere}.actions{display:flex;gap:6px;justify-content:space-between;margin-top:auto}.two-col{display:grid;grid-template-columns:1.3fr 1fr;gap:24px}output{display:block;overflow-wrap:anywhere}output p{font-size:24px}footer{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:var(--muted);margin:38px 0}summary{cursor:pointer;font-weight:700;padding:4px}details[open]>summary{margin-bottom:20px}table{border-collapse:collapse;width:100%;font-size:13px}td,th{padding:12px;border-bottom:1px solid var(--line);text-align:left}.table-wrap{overflow:auto}dialog{border:0;border-radius:20px;max-width:95vw;width:1000px;max-height:95dvh;padding:30px}dialog::backdrop{background:#081629ed}#display-text{font-size:clamp(32px,7vw,75px);line-height:1.35;overflow-wrap:anywhere}[hidden]{display:none!important}@media(max-width:650px){header{padding:16px;flex-wrap:wrap}.brand strong{font-size:19px}nav{gap:12px;width:100%;justify-content:flex-end}main{margin:28px auto;padding:0 16px}.panel{padding:20px}.intro{display:block}.connection{display:inline-block;margin:0 0 18px}.filters{flex-wrap:wrap}.filters .grow{flex-basis:100%}.two-col{grid-template-columns:1fr}.toolbar{align-items:stretch;flex-direction:column}footer{flex-direction:column}.actions{flex-wrap:wrap}}
#display{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0;margin:0;padding:clamp(20px,5vw,70px)}

/* v1.3: one selected translation at a time */
.sentence-list{display:flex;flex-direction:column;gap:10px;max-width:1000px}.sentence-item{display:block;width:100%;text-align:left;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:12px;padding:17px 20px;font-size:17px;font-weight:550;line-height:1.5;min-height:60px}.sentence-item:hover{background:#eaf5f4}.sentence-detail{max-width:1000px;margin-top:12px}.sentence-detail>.source{margin:24px 0 12px}.single-translation{font-size:clamp(25px,4vw,44px);margin:22px 0 30px}.sentence-detail>.actions{justify-content:flex-start;flex-wrap:wrap;gap:12px}