:root{color:#132224;font-synthesis:none;background:#dfe9e7;font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{background:#dfe9e7;min-width:320px;margin:0}button,input,select,textarea{font:inherit}.shell{grid-template-columns:84px 1fr;min-height:100vh;display:grid}aside{color:#b9ded7;background:#12383a;flex-direction:column;align-items:center;height:100vh;padding:18px 0;display:flex;position:sticky;top:0}.logo{writing-mode:vertical-rl;letter-spacing:.12em;font-size:18px;font-weight:900}.logo span{color:#fff;background:#dc6b4f;margin-bottom:3px;padding:6px 3px}.vertical-copy{writing-mode:vertical-rl;text-transform:uppercase;letter-spacing:.2em;color:#75a19e;margin:auto;font-size:8px}.ticks{gap:5px;margin-bottom:20px;display:grid}.ticks i{background:#6e9a97;width:12px;height:1px;display:block}.ticks i:nth-child(3n){width:24px}aside small{font:8px ui-monospace,monospace}main{width:min(1190px,100% - 50px);margin:auto;padding:50px 0 20px}header{grid-template-columns:1.4fr .6fr;align-items:end;margin-bottom:48px;display:grid}.kicker{letter-spacing:.2em;color:#d3543d;font-size:11px;font-weight:900}h1{letter-spacing:-.065em;margin:10px 0 0;font-size:clamp(44px,6vw,76px);line-height:1.02}h1 em{color:#28766f;font-style:normal}header p{color:#4b6766;border-left:1px solid #89a5a2;margin-bottom:7px;padding-left:24px;font-size:14px;line-height:1.8}.form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-grid label{background:#f9fbfa;border-top:4px solid #163a3b;box-shadow:0 10px 30px #264d4914}.form-grid label>span{border-bottom:1px solid #cedbd8;align-items:center;padding:15px 17px;font-size:13px;font-weight:800;display:flex}.form-grid b{color:#dc6248;margin-right:9px}.form-grid small{color:#77908e;margin-left:auto;font-weight:400}textarea{resize:vertical;color:#172a2b;background:0 0;border:0;outline:none;width:100%;height:230px;padding:18px;line-height:1.75;display:block}textarea:focus{box-shadow:inset 0 0 0 2px #32827a}.control-row{align-items:end;gap:12px;margin:16px 0 10px;display:flex}.control-row label{color:#526d6b;min-width:230px;font-size:11px;font-weight:800}.control-row select,.control-row input{background:#eef4f2;border:1px solid #a9bfbc;border-radius:0;width:100%;height:47px;margin-top:7px;padding:0 12px;display:block}.control-row>button{color:#fff;cursor:pointer;background:#dc6248;border:0;min-width:220px;height:58px;margin-left:auto;padding:0 20px;font-weight:900;box-shadow:6px 6px #153a3b}.control-row>button span{float:right}.control-row>button:disabled{opacity:.65;cursor:wait}.control-row>button i{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:12px;height:12px;margin-right:8px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.notice{color:#234845;background:#cadbd7;border-left:4px solid #28766f;padding:11px 13px;font-size:13px}.notice.error{color:#832f22;background:#f1d9d2;border-color:#d9563f}.notice button{float:right;color:inherit;cursor:pointer;background:0 0;border:0;font-weight:900;text-decoration:underline}.result-area{background:#f9fbfa;border:1px solid #aec2bf;min-height:390px;margin-top:34px}.result-head{border-bottom:1px solid #cad8d6;align-items:center;padding:17px 20px;display:flex}.result-head h2{margin:0 25px 0 0;font-size:20px}.result-head>button{cursor:pointer;background:0 0;border:1px solid #759693;margin-left:auto;padding:7px 11px}.legend{gap:7px;display:flex}.legend span,.changes b{padding:4px 7px;font-size:10px;font-weight:900}.wrong{color:#8f3525!important;background:#f4cbc1!important}.missing{color:#695319!important;background:#f3df9f!important}.stiff{color:#1d655f!important;background:#bfe0dc!important}.changed{background:#d8d3ef!important}.empty{text-align:center;color:#768f8d;place-content:center;min-height:330px;display:grid}.empty div{color:#aac2bf;font:900 42px/1.1 Georgia,serif}.empty div span{color:#dc6248;font-size:20px}.empty p{font-size:12px;line-height:1.8}.loading-grid,.columns{grid-template-columns:1fr 1fr;display:grid}.loading-grid>div,.columns article{min-height:240px;padding:24px}.loading-grid>div+div,.columns article+article{border-left:1px solid #d1dddb}.loading-grid i{background:linear-gradient(90deg,#dfe9e7,#f5f8f7,#dfe9e7) 0 0/200% 100%;height:14px;margin:16px 0;animation:1.3s infinite shimmer;display:block}.loading-grid i:nth-child(2){width:82%}.loading-grid i:nth-child(4){width:65%}@keyframes shimmer{to{background-position:-200% 0}}.columns article:last-child{background:#f2f8f6}.columns h3{margin:0 0 18px;font-size:15px}.columns h3 span{float:right;letter-spacing:.14em;color:#78918f;font:9px ui-monospace,monospace}.translated-text{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-family:Georgia,Songti SC,serif;line-height:1.85}.translated-text mark{color:inherit;padding:2px 1px}.changes{border-top:1px solid #cad8d6;padding:22px 24px}.changes>h3{margin:0 0 12px}.changes>h3 small{color:#78918f;margin-left:8px;font:9px ui-monospace,monospace}.change-list article{border-top:1px solid #d4dfdd;grid-template-columns:80px 1fr;gap:12px;padding:13px 0;display:grid}.change-list b{text-align:center;height:max-content}.change-list del,.change-list ins{overflow-wrap:anywhere;display:inline}.change-list del{color:#9b4e43;margin-right:10px}.change-list ins{color:#167169;text-decoration:none}.change-list p,.no-changes{color:#657d7b;margin:6px 0 0;font-size:12px;line-height:1.6}footer{text-align:right;letter-spacing:.1em;color:#657d7b;padding:20px 0;font-size:10px}@media (width<=760px){.shell{grid-template-columns:42px 1fr}aside{padding-top:12px}.vertical-copy{font-size:7px}main{width:calc(100% - 20px);padding-top:28px}header{margin-bottom:28px;display:block}header p{margin-top:22px}.form-grid{grid-template-columns:1fr}.control-row{flex-wrap:wrap}.control-row label{flex:1;min-width:180px}.control-row>button{width:100%;margin:6px 5px 0 0}.columns,.loading-grid{grid-template-columns:1fr}.columns article+article,.loading-grid>div+div{border-top:1px solid #d1dddb;border-left:0}.result-head{flex-wrap:wrap;gap:10px}.legend{order:3;width:100%}.notice button{float:none;margin-top:7px;display:block}.change-list article{grid-template-columns:1fr}h1{font-size:45px}}
