:root{font-family:ui-rounded,"PingFang TC","Noto Sans TC",system-ui,sans-serif;color:#503c31;background:#fff7ea;font-synthesis:none;--ink:#503c31;--mint:#b5dfcf;--coral:#f5aa98;--lemon:#ffe28a}*{box-sizing:border-box}body{margin:0;background:radial-gradient(#decbb945 1px,transparent 1px) 0 0/18px 18px}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer;min-height:46px;border:1.6px solid var(--ink);background:#fffdf7;border-radius:13px;padding:10px 16px;box-shadow:0 3px 0 #503c3122;font-weight:700}button:hover:not(:disabled){background:#fff0c1;transform:translateY(-1px)}button:active{transform:translateY(1px);box-shadow:none}button:disabled{opacity:.55;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #ac5c3c;outline-offset:4px}button.primary{background:var(--mint)}button.soft{border-color:#cbb6a3;box-shadow:none;background:#fffaf1}button.small{font-size:.8rem;padding:7px 12px}a{color:#7b4b30}header{max-width:1270px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:24px 28px 12px;gap:16px}.brand{font-weight:900;font-size:1.08rem;letter-spacing:.06em}.brand span{display:block;font-size:.68rem;letter-spacing:.2em;color:#97745c;margin-top:4px}.badge{border:1px solid #cdb49a;border-radius:30px;padding:7px 13px;font-size:.75rem;background:#fffaf2;white-space:nowrap}.shell{max-width:1220px;margin:0 auto;padding:14px 28px 40px}.intro{display:flex;justify-content:space-between;align-items:flex-end;margin:9px 0 25px;gap:16px}h1{font-size:clamp(1.65rem,3.2vw,2.65rem);letter-spacing:.035em;line-height:1.35;margin:0 0 9px}h1 em{font-style:normal;background:linear-gradient(transparent 66%,#ffdf8a 66%)}p{line-height:1.75;margin:8px 0}.subtitle{color:#826b59;font-size:.9rem}.chapter{display:flex;gap:7px;margin-bottom:20px}.chapter button{flex:1;min-width:0;background:#fff9ed;border-color:#d9c8b6;box-shadow:none;text-align:left;font-size:.88rem;padding:11px}.chapter button.current{background:var(--mint);border-color:var(--ink)}.chapter .num{display:inline-grid;place-items:center;width:26px;height:26px;border:1px solid;border-radius:50%;margin-right:7px;background:#fffaf1;font-size:.78rem}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:22px;align-items:start}.panel{background:#fffdf8;border:1.5px solid #d2bba6;border-radius:23px;box-shadow:0 5px 0 #e8d5bd66;overflow:hidden}.bench-head{padding:19px 23px 0;display:flex;justify-content:space-between;gap:14px;align-items:center}.eyebrow{font-size:.72rem;color:#8b6f58;letter-spacing:.15em;font-weight:800;margin:0 0 5px}h2{font-size:1.2rem;line-height:1.5;margin:0}h3{font-size:1rem;margin:0 0 11px}.fluid{padding:6px 11px;border-radius:25px;background:#e1f1e9;font-size:.76rem;white-space:nowrap}.bench{position:relative;margin-top:4px}.bench svg{display:block;width:100%;height:auto;overflow:visible}.bench [data-drag]{cursor:grab;touch-action:none}.bench [data-drag]:active{cursor:grabbing}.instrument-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 22px 18px}.instrument{background:#f6f4e8;border:1px solid #d9c7b1;border-radius:14px;padding:12px 15px}.instrument .label{font-size:.72rem;color:#7e6857}.number{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:1.7rem;font-weight:700;line-height:1.5;letter-spacing:.02em}.number small{font-family:inherit;font-size:.8rem}.status{font-size:.73rem;color:#806b59}.action-zone{border-top:1px dashed #d9c3a9;padding:17px 22px 21px;background:#fffaf0}.action-zone button{max-width:100%}.action-line{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.hint{color:#88705d;font-size:.79rem;line-height:1.65}.teacher{padding:19px;background:#fff7dc;display:flex;gap:12px;align-items:flex-start;border-bottom:1px dashed #dcc698}.teacher svg{width:66px;min-width:66px;height:83px}.teacher .eyebrow{color:#94683f}.teacher p{font-size:.85rem;line-height:1.8;margin:3px 0}.evidence{padding:20px}.evidence-item{border:1px solid #e1d1be;border-radius:12px;padding:11px 13px;margin-top:9px;background:#fffcf5}.evidence-item .row{display:flex;justify-content:space-between;gap:9px;align-items:center}.evidence-item b{font-family:ui-monospace,monospace;font-size:1.08rem}.evidence-item span{font-size:.8rem}.evidence-item.empty{color:#9c8875;border-style:dashed}.question{padding:20px;border-top:1px dashed #d5c0ab}.question p{font-size:.86rem}.field{display:flex;gap:8px;align-items:center;margin:12px 0}.field label{font-size:.85rem;min-width:65px}.field input{min-width:0;width:100%;border:1.5px solid #cfbaa5;border-radius:10px;padding:11px;background:white}.field span{font-size:.8rem}textarea{width:100%;resize:vertical;min-height:100px;border:1.5px solid #cfbaa5;border-radius:11px;padding:11px;line-height:1.65}details{font-size:.82rem;line-height:1.8}summary{cursor:pointer;padding:9px 0}.notice{background:#fff0d6;border:1px solid #d8b87d;border-radius:12px;padding:12px 15px;font-size:.85rem;margin:14px 0}.notice:empty{display:none}.message{font-size:.85rem;color:#89502e;line-height:1.7;margin:12px 0 0;min-height:1.4em}.saved{margin-top:27px}.section-title{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:15px}.saved-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.saved-card{padding:20px;background:#fffdf7;border:1.5px solid #d1bda9;border-radius:19px}.saved-card h3{display:flex;justify-content:space-between;gap:10px}.saved-card dl{display:grid;grid-template-columns:1fr 1fr;gap:9px;font-size:.83rem}.saved-card dt{color:#86705d}.saved-card dd{margin:0;text-align:right;font-family:ui-monospace,monospace}.saved-card blockquote{margin:15px 0;padding:12px;background:#f5f2e7;border-radius:11px;font-size:.85rem;line-height:1.8;overflow-wrap:anywhere}.empty-saved{padding:24px;border:1px dashed #ccb79e;border-radius:16px;color:#957b65;font-size:.85rem;grid-column:1/-1}.compare{padding:22px;margin-top:17px;background:#edf5e8;border:1.5px solid #adc4a4;border-radius:19px}.compare h3{font-size:1.13rem}.compare p{font-size:.9rem}.foot{margin-top:27px;padding-top:19px;border-top:1px dashed #d7c3ad;font-size:.77rem;color:#8f7764}.footer-row{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}.tools{display:flex;gap:8px;flex-wrap:wrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.reset{font-size:.75rem;background:transparent;border:0;box-shadow:none;text-decoration:underline;padding:5px;min-height:44px}.preview-up{filter:drop-shadow(0 -10px 3px #ffba7299)}@media(max-width:850px){.workspace{grid-template-columns:minmax(0,1fr)}.side{display:grid;grid-template-columns:1fr 1fr}.teacher{grid-column:1/-1;border-bottom:1px dashed #dcc698}.question{border-top:0;border-left:1px dashed #d5c0ab}.intro .badge{display:none}.shell{padding:12px 18px 30px}header{padding:20px 18px 8px}}@media(max-width:480px){header{padding:17px 14px 5px}.shell{padding:12px 12px 28px}.brand{font-size:.9rem}.badge{font-size:.65rem;padding:6px 8px}.intro{margin-bottom:18px}.subtitle{font-size:.8rem}.chapter{gap:5px}.chapter button{font-size:.7rem;padding:8px 5px;text-align:center;line-height:1.6}.chapter .num{display:grid;margin:0 auto 4px;width:23px;height:23px}.bench-head{padding:16px 15px 0}.bench-head h2{font-size:1.05rem}.fluid{font-size:.67rem;padding:5px 8px}.instrument-row{padding:0 12px 13px;gap:8px}.instrument{padding:9px 11px}.number{font-size:1.35rem}.instrument .label,.status{font-size:.67rem}.action-zone{padding:15px}.side{display:block}.question{border-left:0;border-top:1px dashed #d5c0ab}.saved-grid{grid-template-columns:1fr}.section-title h2{font-size:1.07rem}.evidence,.question{padding:17px}.workspace{gap:17px}h1{font-size:1.65rem}.action-line button{flex-grow:1}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Local touch hit areas are real HTML boxes; the rest of the bench remains scrollable. */
.bench .drag-handle{position:absolute;display:block;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border:0;border-radius:10px;background:transparent;box-shadow:none;transform:translate(-50%,-50%);touch-action:none;cursor:grab;z-index:2}
.bench .drag-handle:hover:not(:disabled),.bench .drag-handle:active{transform:translate(-50%,-50%);background:#b5dfcf33;box-shadow:none}
.bench .drag-handle.preview-up{transform:translate(-50%,calc(-50% - 8px));background:#f5aa9844}
#lower{touch-action:none}
.new-round{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 17px;font-size:.85rem}.new-round .hint{flex-basis:100%;margin:0}.resume-link a{display:inline-flex;align-items:center;min-height:44px}
summary{min-height:44px;overflow-wrap:anywhere}.badge{white-space:normal;overflow-wrap:anywhere;max-width:100%;min-width:0}.saved-card h3{flex-wrap:wrap}.saved-card,.saved-card h3,.saved-card dl,.workspace>*,.instrument,.bench-head>*,header>*{min-width:0}.saved-card dl{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.saved-card dd,.number{overflow-wrap:anywhere}.bench-head,.section-title,header{flex-wrap:wrap}.fluid{white-space:normal;overflow-wrap:anywhere;max-width:100%}.brand span{overflow-wrap:anywhere}.notice .action-line{margin-top:10px}.notice button{min-width:0;overflow-wrap:anywhere}dialog{max-width:calc(100vw - 28px);border:1.5px solid var(--ink);border-radius:16px;background:#fffaf1}dialog textarea{min-width:0}