:root{--bg:#f5f5f3;--panel:#fff;--text:#222;--muted:#666;--border:#ddd;--border-strong:#bbb;--soft:#f7f7f7;--primary-bg:#222;--primary-fg:#fff;--mark:#fff3bf;--mark-low:#ffd8a8;--danger:#b42318;--ok:#1a7f37;--warn:#9a6700}:root[data-theme=dark]{--bg:#161616;--panel:#1f1f1f;--text:#eee;--muted:#a3a3a3;--border:#333;--border-strong:#4a4a4a;--soft:#262626;--primary-bg:#eee;--primary-fg:#111;--mark:#5c4d00;--mark-low:#7a3e00;--danger:#ff8a80;--ok:#6fdc8c;--warn:#f2cc60}@media (prefers-color-scheme:dark){:root:not([data-theme]){--bg:#161616;--panel:#1f1f1f;--text:#eee;--muted:#a3a3a3;--border:#333;--border-strong:#4a4a4a;--soft:#262626;--primary-bg:#eee;--primary-fg:#111;--mark:#5c4d00;--mark-low:#7a3e00;--danger:#ff8a80;--ok:#6fdc8c;--warn:#f2cc60}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;padding:24px 16px;font-family:Arial,sans-serif}.wrap{max-width:1050px;margin:auto}.panel,.stat{background:var(--panel);border:1px solid var(--border);border-radius:16px;margin-top:14px;padding:18px}.top{grid-template-columns:1fr 1fr;gap:12px;display:grid}.drop{border:2px dashed var(--border-strong);text-align:center;border-radius:12px;padding:28px}.drop.over{background:var(--soft)}.turn{border:1px solid var(--border);border-radius:13px;margin-top:12px;padding:13px}.utter{border:1px solid var(--border);background:var(--soft);border-radius:10px;grid-template-columns:110px 1fr 40px;align-items:center;gap:8px;margin-bottom:8px;padding:9px;display:grid}.sentence{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.utter.open .sentence{white-space:pre-wrap}.score{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:9px;margin-top:10px;display:grid}.stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;display:grid}.big{font-size:30px;font-weight:700}.muted{color:var(--muted);font-size:13px}input,select,textarea{border:1px solid var(--border-strong);background:var(--panel);width:100%;color:var(--text);border-radius:9px;padding:10px;font-size:16px}label{display:block}label>span{margin-bottom:4px;display:block}button,.btn{border:1px solid var(--border-strong);background:var(--panel);color:var(--text);cursor:pointer;border-radius:9px;padding:10px 14px;font-size:14px;text-decoration:none;display:inline-block}button:disabled{opacity:.5;cursor:not-allowed}.primary{background:var(--primary-bg);color:var(--primary-fg)}.danger{color:var(--danger);border-color:var(--danger)}.head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.goalgrid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:15px;display:grid}.nav{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.nav a{color:var(--text)}.list{margin:0;padding:0;list-style:none}.list li{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;gap:12px;padding:12px 0;display:flex}.list li:first-child{border-top:0}mark.ph{background:var(--mark);color:inherit;border-radius:4px;padding:0 2px;position:relative}mark.ph .phbtn{all:unset;cursor:pointer}mark.ph .phbtn:focus-visible{outline:2px solid var(--primary-bg);border-radius:4px}mark.ph.staged{outline:2px dashed var(--primary-bg)}mark.ph.unredact{outline-color:var(--danger);text-decoration:line-through}mark.ph.peeked{outline:2px dashed var(--danger)}.phbar{visibility:hidden;z-index:50;background:var(--panel);border:1px solid var(--border-strong);border-radius:12px;flex-wrap:wrap;align-items:center;gap:6px;max-width:min(92vw,520px);padding:8px;display:flex;position:fixed;box-shadow:0 6px 20px #00000038}.phbar:after{content:"";left:var(--arrow-x,16px);background:var(--panel);border-right:1px solid var(--border-strong);border-bottom:1px solid var(--border-strong);width:12px;height:12px;margin-left:-6px;position:absolute;bottom:-7px;transform:rotate(45deg)}.phbar.below:after{top:-7px;bottom:auto;transform:rotate(225deg)}.phbar .phnote{font-size:13px}.phbar .phall{cursor:pointer;align-items:center;gap:6px;font-size:13px;display:flex}.phbar .phall input{width:auto;margin:0}.phbar button,.phbar select{padding:6px 10px;font-size:13px}mark.ph.low{background:var(--mark-low);outline:2px solid var(--warn)}.badge{border:1px solid var(--border-strong);border-radius:99px;padding:2px 8px;font-size:12px}.badge.ok{color:var(--ok);border-color:var(--ok)}.badge.warn{color:var(--warn);border-color:var(--warn)}.badge.bad{color:var(--danger);border-color:var(--danger)}.error{color:var(--danger)}.cols{grid-template-columns:1fr 1fr;gap:12px;display:grid}pre.raw{white-space:pre-wrap;background:var(--soft);border-radius:10px;max-height:70vh;padding:12px;font-size:13px;overflow:auto}.checks{flex-wrap:wrap;gap:10px;display:flex}.checks label{align-items:center;gap:6px;display:flex}.checks input{width:auto}@media (max-width:720px){.top,.cols{grid-template-columns:1fr}.utter{grid-template-columns:80px 1fr 40px}}
