:root{--ink:#20352f;--muted:#6f7c75;--bg:#f5f2e9;--paper:#fffef9;--line:#dfe4da;--accent:#24634e;--soft:#e8efe6;--amber:#b58332;--danger:#ad4038}
*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--bg);font:14px/1.6 "Segoe UI","Microsoft YaHei",sans-serif}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer;border:1px solid var(--line);background:white;padding:9px 16px;border-radius:7px}button:hover{border-color:var(--accent);background:var(--soft)}button:disabled{opacity:.5;cursor:wait}button.primary{background:var(--accent);border-color:var(--accent);color:white}button.danger{color:var(--danger)}button.small{padding:5px 10px;font-size:12px}a{color:var(--accent)}input,select,textarea{border:1px solid #cbd4c7;border-radius:6px;padding:10px;background:white;width:100%;outline-color:var(--accent)}input[type=checkbox],input[type=radio]{width:auto;accent-color:var(--accent)}textarea{resize:vertical;min-height:90px}label.field{display:block;margin:15px 0 5px;font-size:13px;font-weight:600}label.choice{display:flex;align-items:center;gap:8px;padding:5px 0}small,.muted{color:var(--muted)}header{height:78px;padding:0 4vw;display:flex;align-items:center;gap:36px;border-bottom:1px solid var(--line);background:#fffefb;position:sticky;top:0;z-index:20}.brand{font-size:27px;letter-spacing:2px;font-weight:700;text-decoration:none;white-space:nowrap}.brand span{color:var(--accent)}.brand small{font-size:11px;letter-spacing:1px;font-weight:400;margin-left:14px}nav{display:flex;gap:8px;flex:1}nav button{border-color:transparent;background:transparent}nav button.active{background:var(--soft);color:var(--accent)}#account{display:flex;gap:10px;align-items:center;font-size:12px}main{max-width:1440px;margin:0 auto;padding:40px 4vw}h1{font-size:30px;line-height:1.3;margin:0 0 14px;font-weight:600;letter-spacing:1px}h2{font-size:19px;margin:0 0 12px}h3{font-size:15px;margin:0 0 8px}p{margin:8px 0 14px}.eyebrow{color:var(--accent);font-size:11px;letter-spacing:2px;font-weight:700;margin-bottom:12px}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.between{justify-content:space-between}.hero{padding:5px 0 30px;border-bottom:1px solid var(--line);margin-bottom:26px}.hero p{max-width:760px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.card{background:white;border:1px solid var(--line);border-radius:10px;padding:24px}.card h2{margin-top:18px}.card .meta{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0 22px}.badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;padding:3px 9px;border-radius:4px;background:var(--soft);color:var(--accent);white-space:nowrap}.badge.amber{background:#fbefda;color:#926319}.badge.gray{background:#f0f1ed;color:var(--muted)}.empty{text-align:center;padding:60px 20px;color:var(--muted);border:1px dashed var(--line);border-radius:10px}.login{max-width:420px;margin:8vh auto}.login .card{padding:34px}.login button{width:100%;margin-top:25px}.notice{padding:12px 16px;background:#f7f2e6;border-left:3px solid var(--amber);font-size:12px;margin:16px 0}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.choices{max-height:180px;overflow:auto;border:1px solid var(--line);border-radius:6px;padding:8px 12px}.actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.tablewrap{overflow-x:auto}table{border-collapse:collapse;width:100%;background:white}th,td{text-align:left;border-bottom:1px solid var(--line);padding:14px 16px;vertical-align:middle}th{font-size:12px;color:var(--muted);font-weight:500;background:#f1f3ed}td .row{gap:6px}dialog{border:1px solid var(--line);border-radius:12px;padding:28px;width:min(760px,94vw);max-height:90vh;overflow:auto;color:var(--ink)}dialog::backdrop{background:#142c26aa;backdrop-filter:blur(3px)}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:200;background:var(--ink);color:white;border-radius:8px;padding:12px 22px;max-width:90vw;display:none;white-space:pre-wrap}.workspace{max-width:none;padding:0}.workbar{padding:14px 24px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:14px;flex-wrap:wrap}.workbar h2{margin:0;font-size:16px;flex:1}.workgrid{display:grid;grid-template-columns:minmax(0,1fr) 370px;height:calc(100vh - 145px)}.drawingarea{display:flex;min-width:0;flex-direction:column;background:#e6e9e1}.tools{padding:10px 18px;display:flex;gap:8px;align-items:center;flex-wrap:wrap;border-bottom:1px solid #d0d8cb;background:#f1f3ed}.tools select{width:auto;max-width:150px;padding:5px}.viewport{flex:1;overflow:auto;padding:28px;position:relative}.sheet{position:relative;margin:0 auto;box-shadow:0 3px 18px #20352f20;background:white;line-height:0;touch-action:auto}.sheet>img{width:100%;height:auto;display:block;user-select:none}.sheet.annotating{cursor:crosshair;touch-action:none}.pin{position:absolute;width:26px;height:26px;transform:translate(-50%,-50%);border-radius:50%;background:var(--accent);color:white;border:2px solid white;box-shadow:0 1px 6px #0004;font-size:11px;padding:0;line-height:22px;z-index:3}.pin.other{background:var(--amber)}.pin.selected{outline:3px solid #7fb29a}.redact{position:absolute;border:2px dashed #c14b3b;background:#edb0a780;pointer-events:none;z-index:4}.sidebar{overflow:auto;background:white;padding:22px;border-left:1px solid var(--line)}.sidebar hr{border:0;border-top:1px solid var(--line);margin:22px 0}.pointlist{display:grid;gap:8px}.pointcard{border:1px solid var(--line);border-radius:6px;padding:12px;cursor:pointer}.pointcard.active{border-color:var(--accent);background:#f5f8f2}.pointcard p{font-size:12px;margin:3px 0;white-space:pre-wrap}.scores{display:grid;grid-template-columns:1fr 1fr;gap:10px}.scores label{font-size:12px}.scores input{margin-top:3px;padding:7px}.pre{white-space:pre-wrap;overflow-wrap:anywhere}.save{font-size:11px;color:var(--muted);margin-left:auto}.divider{border-top:1px solid var(--line);margin:20px 0}.bigscore{font-size:36px;line-height:1.2;color:var(--accent)}.history{border-left:2px solid var(--line);padding:0 0 12px 12px;margin-top:12px}.history p{font-size:13px;white-space:pre-wrap}.help{font-size:12px;color:var(--muted);margin-top:8px}.footerline{margin-top:28px;font-size:11px;color:var(--muted)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(max-width:900px){header{height:auto;min-height:66px;gap:10px;padding:12px 16px;flex-wrap:wrap}.brand small{display:none}nav{gap:2px}nav button{padding:6px 9px}#account{margin-left:auto}.workgrid{grid-template-columns:minmax(0,1fr) 320px;height:calc(100vh - 150px)}main{padding:26px 18px}.workbar{padding:10px 14px}.sidebar{padding:16px}.viewport{padding:14px}}
@media(max-width:650px){h1{font-size:25px}.formgrid{grid-template-columns:1fr}.workgrid{display:flex;flex-direction:column;height:auto}.drawingarea{height:55vh;min-height:330px}.sidebar{border-left:0;border-top:1px solid var(--line);overflow:visible}.workbar h2{flex-basis:60%}.hero{padding-bottom:16px}.grid{grid-template-columns:1fr}.card{padding:20px}#account span{display:none}table{font-size:12px}th,td{padding:10px}.save{width:100%;margin-left:0}.workspace header{position:static}}
@media print{header,.workbar,.drawingarea,.actions,button{display:none!important}.workgrid{display:block;height:auto}.sidebar{border:0;overflow:visible}.sidebar textarea{border:0}.sidebar .pointcard{break-inside:avoid}main{padding:0}}
#printReportContent{display:none}@media print{body.printing>header,body.printing>main,body.printing>dialog,body.printing>#toast{display:none!important}body.printing>#printReportContent{display:block;padding:20px;color:#162c24}#printReportContent h2{margin-top:24px}#printReportContent .printpoint{break-inside:avoid;padding:12px 0;border-top:1px solid #ddd}}
.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px}.metrics .bigscore{font-size:28px;margin-top:12px}.chartrow{display:grid;grid-template-columns:80px 1fr 62px;gap:12px;align-items:center;margin:18px 0;font-size:12px}.charttrack{height:12px;border-radius:6px;background:#eef1ea;overflow:hidden}.chartbar{height:100%;background:#34765d;border-radius:6px}.chartrow b{text-align:right;font-size:11px}
.sheetUpload{border-top:3px solid var(--accent)}.sheetRequirements{gap:12px;margin:18px 0;padding:12px 16px;background:var(--soft);border-radius:8px}.sheetRequirements span+span{border-left:1px solid #cbd7c8;padding-left:12px}.card{box-shadow:0 3px 16px #233a3005}.sheetUpload input[type=file]{padding:18px;border-style:dashed;background:#fafcf8}

.listening{background:#b53f35!important;color:white!important;box-shadow:0 0 0 4px #b53f3518}

/* Shared Guantu cream and forest-green surfaces. */
body{background:#f5f2e9}header,.workbar,.sidebar,dialog,.card,table{background:#fffef9}button,input,select,textarea{background:#fffef9}th,.tools{background:#eeeee3}.hero{border-color:#dedfd2}.card,dialog{box-shadow:0 6px 24px #20352f08}.drawingarea{background:#e9e8dd}.badge{background:#e8efe6}.primary{background:#24634e!important;color:#fffef9}button:focus-visible,a:focus-visible{outline-color:#24634e}