:root{color-scheme:light;--ink:#253d38;--green:#234f48;--paper:#faf8f1;--line:#d9ddd2}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.75 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif}main{max-width:760px;margin:auto;padding:30px 22px 40px}header{position:relative}.eyebrow{font-size:12px;letter-spacing:3px;color:#65786e}h1{font-family:serif;font-size:40px;letter-spacing:5px;margin:12px 0}h1 span{display:block;font:14px/2 sans-serif;letter-spacing:2px;color:#65786e}h2{font-size:22px;line-height:1.4}p{margin:10px 0}.landscape{height:105px;position:relative;overflow:hidden;background:linear-gradient(174deg,transparent 45%,#dde7de 46%,#e8ece2 67%,#b7ccc2 68%,#dbe4d9);border-bottom:1px solid #adc1b5}.landscape b{position:absolute;right:14px;top:12px;font:16px serif;letter-spacing:4px;color:#61766a}.landscape i{position:absolute;width:38px;height:38px;border-radius:50%;background:#b56d4e;left:35px;top:15px;opacity:.65}.progress{padding:20px 0}progress{display:block;width:100%;height:7px;accent-color:var(--green);margin:10px 0}small{font-size:13px;color:#596e62}nav{display:flex;border-bottom:1px solid var(--line);gap:12px;margin-bottom:22px}button,select,textarea{font:inherit;color:inherit}button{background:#fffdf8;border:1px solid var(--line);border-radius:9px;padding:10px 14px;min-height:44px;cursor:pointer}button:hover{border-color:var(--green)}button.active,button.primary{color:white;background:var(--green);border-color:var(--green)}button:disabled{opacity:.4;cursor:default}nav button{flex:1}label{display:block;font-size:14px;margin:12px 0 5px}select{width:100%;padding:12px;background:white;border:1px solid var(--line);border-radius:8px}.row{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.row button{flex:1;white-space:nowrap}.guide{border-left:3px solid #ba7958;padding:8px 16px;background:#f0f1e8}.steps{font-size:12px;color:#596e62;margin-top:24px}.modes{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.modes button{padding:10px 4px;font-size:14px}#cover{margin-top:10px}article{font-family:"Songti SC","Noto Serif CJK SC",serif;font-size:23px;line-height:2.05;letter-spacing:1px;padding:23px 0;overflow-wrap:anywhere}article p{margin:0 0 10px}.practice{border-top:1px solid var(--line);margin-top:26px;padding-top:10px}textarea{display:block;width:100%;min-height:180px;resize:vertical;border:1px solid #9aafa2;border-radius:10px;padding:14px;background:white;line-height:1.8;font-size:18px}textarea:focus,button:focus-visible,select:focus{outline:3px solid #c1d2c8;outline-offset:2px}#result{overflow-wrap:anywhere}.diff{font-size:19px;line-height:2.3}.wrong,.missing,.extra{padding:2px 3px;border-radius:4px}.wrong{background:#f8d8ce;color:#872e18}.missing{background:#ffebbc;color:#76500c}.extra{background:#e6def6;color:#583580;text-decoration:line-through}.resultTitle{font-weight:bold;color:var(--green)}.errorItem{margin:7px 0;font-size:14px}.queueItem{display:block;width:100%;text-align:left;margin:10px 0}.queueItem small{display:block}details{margin-top:30px;border-top:1px solid var(--line);padding-top:18px;font-size:14px}summary{cursor:pointer}a{color:var(--green)}footer{text-align:center;color:#65786e;font-size:12px;letter-spacing:3px;margin-top:30px}[hidden]{display:none!important}@media(max-width:380px){main{padding:24px 16px}h1{font-size:36px}.row button{font-size:14px}article{font-size:21px}}