:root{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,"PingFang SC",monospace;color:#102d2b;background:#e8f0eb}*{box-sizing:border-box}body{margin:0;background:linear-gradient(90deg,#dbe5df 1px,transparent 1px),linear-gradient(#dbe5df 1px,transparent 1px),#eef4f0;background-size:28px 28px}header{height:86px;border-bottom:2px solid #102d2b;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1200px)/2));background:#d7ff52}.brand{display:flex;align-items:center;gap:14px}.brand span{background:#102d2b;color:#d7ff52;padding:8px;font-weight:900}.brand b{font:900 16px/1.05 "PingFang SC",sans-serif}.brand b br{display:none}header p{text-transform:uppercase;font-size:11px;letter-spacing:.15em}main{width:min(1200px,calc(100% - 32px));margin:42px auto 80px}.section-title{display:grid;grid-template-columns:38px auto 1fr;align-items:end;gap:12px;margin-bottom:16px}.section-title b{background:#102d2b;color:#fff;text-align:center;padding:5px}.section-title h1,.section-title h2{font:900 clamp(25px,4vw,39px)/1 "PingFang SC",sans-serif;margin:0}.section-title span{text-align:right;font-size:11px;color:#53706d;padding-bottom:3px}.input-panel textarea{display:block;width:100%;min-height:270px;border:2px solid #102d2b;background:#fff;resize:vertical;padding:22px;font:16px/1.9 "PingFang SC",sans-serif;box-shadow:8px 8px 0 #102d2b;outline:none}.input-panel textarea:focus{box-shadow:8px 8px 0 #d7ff52,10px 10px 0 #102d2b}.rules{display:flex;align-items:center;gap:22px;margin-top:24px;font-size:12px;flex-wrap:wrap}.rules fieldset{border:1px solid #74908d;padding:8px 12px}.rules legend{padding:0 5px;color:#53706d}.rules fieldset label{margin-right:12px}.rules input,.rules select{accent-color:#102d2b}.rules button{margin-left:auto;background:#102d2b;color:white;border:0;padding:15px 22px;font:700 13px inherit;cursor:pointer}.rules button span{color:#d7ff52;font-size:18px;margin-left:18px}#error{color:#b33a2d;min-height:20px;font-weight:bold}.results{margin-top:72px}.hidden{display:none}.stats{display:grid;grid-template-columns:repeat(4,1fr);border:2px solid #102d2b;background:white;margin-bottom:24px}.stats div{padding:20px;border-right:1px solid #8ea29f}.stats div:last-child{border:0}.stats span{display:block;font-size:11px;color:#53706d}.stats strong{font-size:36px}.charts{display:grid;grid-template-columns:1.7fr 1fr;gap:24px}.chart-card{background:#102d2b;color:#eaf5ef;border:2px solid #102d2b;min-width:0}.chart-head{display:flex;justify-content:space-between;align-items:baseline;padding:16px 18px;border-bottom:1px solid #52706d}.chart-head h3{margin:0;font-size:14px}.chart-head p{margin:0;font-size:10px;color:#9bb0ad}.chart-scroll{overflow-x:auto}.chart-card svg{display:block;width:100%;height:300px;overflow:visible}.line-card svg{min-width:680px}.axis{stroke:#67817e;stroke-width:1}.grid{stroke:#294744;stroke-width:1}.data-line{fill:none;stroke:#d7ff52;stroke-width:2}.average-line{fill:none;stroke:#69c5c8;stroke-width:2;stroke-dasharray:5 5}.dot{fill:#d7ff52;stroke:#102d2b;stroke-width:6;cursor:pointer}.dot:hover,.dot.active{r:7;fill:#fff}.bar{fill:#69c5c8;cursor:pointer}.bar:hover,.bar.active{fill:#d7ff52}.chart-label{fill:#9bb0ad;font-size:10px}.reader-wrap{margin-top:52px}.sentence-list{background:#fff;border:2px solid #102d2b}.sentence{display:grid;grid-template-columns:60px 1fr 90px;border-bottom:1px solid #cad7d2;scroll-margin-top:20px;transition:.2s}.sentence:last-child{border:0}.sentence:hover,.sentence.focus{background:#efffc5}.sentence .index{padding:17px;color:#6d8884}.sentence .text{font:15px/1.8 "PingFang SC",sans-serif;padding:14px;border-left:1px solid #cad7d2;border-right:1px solid #cad7d2}.sentence .meta{padding:17px;text-align:center;color:#53706d;font-size:11px}.sentence.dim{opacity:.18}.tooltip{position:fixed;display:none;max-width:320px;background:#d7ff52;border:2px solid #102d2b;padding:10px 12px;font:12px/1.5 "PingFang SC",sans-serif;pointer-events:none;z-index:9;box-shadow:4px 4px 0 #102d2b}@media(max-width:760px){header{height:68px;padding:0 16px}.brand b br{display:block}header p{display:none}main{margin-top:28px}.section-title{grid-template-columns:34px 1fr}.section-title span{display:none}.input-panel textarea{min-height:220px}.rules{gap:14px}.rules button{width:100%;margin:0}.stats{grid-template-columns:1fr 1fr}.stats div:nth-child(2){border-right:0}.stats div:nth-child(-n+2){border-bottom:1px solid #8ea29f}.charts{grid-template-columns:1fr}.sentence{grid-template-columns:42px 1fr}.sentence .meta{display:none}.sentence .text{border-right:0}.chart-head{display:block}.chart-head p{margin-top:5px}}