:root{--ink:#18241f;--green:#1f5f46;--orange:#ef5b2a;--cream:#f5f1e7;--grid:#c4cec8;color:var(--ink);background:var(--cream);font-family:ui-monospace,SFMono-Regular,PingFang SC,monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background-image:linear-gradient(#1f5f460e 1px,#0000 1px),linear-gradient(90deg,#1f5f460e 1px,#0000 1px);background-size:24px 24px;min-width:320px;margin:0}button{font:inherit;color:inherit}header{border-bottom:2px solid var(--ink);background:var(--cream);justify-content:space-between;align-items:center;height:72px;padding:0 clamp(18px,4vw,64px);display:flex}.logo{color:inherit;align-items:center;gap:11px;text-decoration:none;display:flex}.logo span{background:var(--ink);width:38px;height:38px;color:var(--cream);place-items:center;font:700 23px serif;display:grid}.logo b{letter-spacing:.14em}.logo+p{letter-spacing:.12em;font-size:10px}.logo+p i{background:var(--orange);color:#fff;margin-left:8px;padding:5px 7px;font-style:normal}.hero{grid-template-columns:1.1fr .9fr;gap:70px;max-width:1320px;margin:auto;padding:72px clamp(18px,5vw,70px) 48px;display:grid}.kicker{color:var(--orange);letter-spacing:.2em;font-size:11px}.hero h1{margin:24px 0;font-family:FZKai-Z03,Kaiti SC,serif;font-size:clamp(46px,6vw,82px);font-weight:400;line-height:1.12}.hero h1 span{color:var(--orange);border-bottom:5px solid var(--orange)}.lead{color:#4b5751;max-width:620px;font:15px/2 PingFang SC,sans-serif}.chooser{flex-direction:column;justify-content:center;gap:30px;display:flex}fieldset{border:0;border-top:2px solid var(--ink);margin:0;padding:16px 0 0}legend{color:var(--green);padding:0 14px 0 0;font-size:11px;font-weight:700}.options{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.options button{border:1px solid var(--ink);text-align:left;cursor:pointer;background:#f5f1e7cc;justify-content:space-between;align-items:baseline;padding:14px;display:flex}.options button:hover{box-shadow:3px 3px var(--ink);transform:translate(-2px,-2px)}.options button.active{background:var(--green);color:#fff}.options b{font:700 15px PingFang SC,sans-serif}.options small{opacity:.75;font-size:9px}.cut-options{grid-template-columns:repeat(3,1fr)}.cut-options button{text-align:center;display:block}.cut-options b{font:32px Kaiti SC,serif;display:block}.board{border:2px solid var(--ink);max-width:1180px;box-shadow:12px 12px 0 var(--green);background:#fbfaf4;margin:0 auto 45px}.board-top{border-bottom:2px solid var(--ink);justify-content:space-between;align-items:end;padding:22px 26px;display:flex}.board-top span{letter-spacing:.18em;color:var(--green);font-size:9px}.board-top h2{margin:7px 0 0;font:400 28px PingFang SC,sans-serif}.board-top h2 strong{color:var(--orange);font-size:42px}.measure{text-align:right}.measure small,.measure b{display:block}.measure small{color:#67726c;font:10px PingFang SC,sans-serif}.measure b{margin-top:6px;font-size:18px}.diagram-wrap{padding-left:38px;position:relative}.axis-y{writing-mode:vertical-rl;letter-spacing:.18em;color:var(--green);font-size:9px;position:absolute;top:30%;left:10px}#diagram{width:100%;min-height:270px;display:block}.hot-face{cursor:pointer;transition:filter .2s}.hot-face:hover{filter:brightness(1.15);stroke:var(--orange)}.blade{stroke:var(--orange);stroke-width:8px;fill:none}.guide{stroke:var(--ink);stroke-width:2px;stroke-dasharray:8 8;fill:none;opacity:.55}.rotate,.rotate-tip{stroke:var(--green);stroke-width:4px;fill:none}.labels text,#diagram>text{fill:var(--green);letter-spacing:.12em;font:11px ui-monospace}.next-step{border:2px solid var(--ink);background:var(--cream);cursor:pointer;padding:10px 15px;position:absolute;bottom:20px;right:24px}.next-step span{color:var(--orange);margin-left:12px;font-size:19px}.steps{border-top:2px solid var(--ink);grid-template-columns:repeat(3,1fr);display:grid}.steps button{border:0;border-right:1px solid var(--ink);text-align:left;cursor:pointer;background:0 0;padding:18px}.steps button:last-child{border:0}.steps button span{color:var(--orange);margin-bottom:8px;font-size:10px;display:block}.steps button b{font:600 13px PingFang SC,sans-serif}.steps button.active{background:var(--ink);color:#fff}.notes-grid{grid-template-columns:1.4fr .7fr 1fr;gap:16px;max-width:1180px;margin:0 auto 80px;display:grid}.notes-grid article{border-top:4px solid var(--ink);background:#f5f1e7d9;padding:20px}.notes-grid article>span,.recent>div>span{color:var(--green);letter-spacing:.15em;font-size:10px}.instruction h3{margin:18px 0 8px;font:500 25px PingFang SC,sans-serif}.instruction>p{font:14px/1.8 PingFang SC,sans-serif}.tip{border-left:4px solid var(--orange);margin-top:20px;padding:1px 0 1px 14px}.tip b{color:var(--orange);font:11px PingFang SC,sans-serif}.tip p{margin:5px 0;font:12px/1.7 PingFang SC,sans-serif}.legend dl{margin:17px 0 0}.legend dl div{grid-template-columns:45px 1fr;align-items:center;margin:15px 0;font:11px PingFang SC,sans-serif;display:grid}.legend dt{width:34px}.line-solid{border-top:5px solid var(--orange)}.line-dash{border-top:2px dashed var(--ink)}.legend .arrow{color:var(--green);font-size:25px}.legend .face{background:#e3bb4d;border:2px solid #9b7422;height:23px}.recent>div:first-child{justify-content:space-between;display:flex}.recent>div>button{color:var(--orange);cursor:pointer;background:0 0;border:0;font-size:10px}.recent #recent-list{gap:6px;margin-top:16px;display:grid}.recent #recent-list>button{border:1px solid var(--grid);text-align:left;cursor:pointer;background:0 0;grid-template-columns:1fr 1fr;align-items:baseline;padding:9px;display:grid}.recent #recent-list>button span{font:12px PingFang SC,sans-serif}.recent #recent-list>button b{text-align:right;color:var(--orange);font:20px Kaiti SC,serif}.recent #recent-list>button small{color:#68736d;grid-column:1/-1;font-size:8px}.recent #recent-list>p{color:#69746f;font:11px/1.7 PingFang SC,sans-serif}footer{border-top:2px solid var(--ink);letter-spacing:.08em;justify-content:space-between;padding:24px clamp(18px,4vw,64px);font-size:9px;display:flex}@media (width<=900px){.hero{grid-template-columns:1fr;gap:30px;padding-top:45px}.board,.notes-grid{margin-left:18px;margin-right:18px}.notes-grid{grid-template-columns:1fr 1fr}.instruction{grid-column:1/-1}}@media (width<=600px){header{height:62px}.logo+p{display:none}.hero{padding-left:18px;padding-right:18px}.hero h1{font-size:46px}.options button{display:block}.options small{margin-top:4px;display:block}.board{box-shadow:6px 6px 0 var(--green)}.board-top{align-items:start}.board-top h2{font-size:20px}.board-top h2 strong{font-size:30px}.measure b{font-size:12px}.diagram-wrap{padding-left:15px;overflow:hidden}.axis-y{display:none}#diagram{width:150%;margin-left:-25%}.next-step{bottom:8px;right:10px}.steps{grid-template-columns:1fr}.steps button{border-right:0;border-bottom:1px solid var(--ink);padding:13px}.steps button span{margin-right:10px;display:inline}.notes-grid{grid-template-columns:1fr}.instruction{grid-column:auto}footer{gap:20px}}