:root{--paper: #efe4cf;--card: #fff8ec;--ink: #1c1710;--muted: #6b6154;--line: #d8c9ab;--stamp: #c0392b;--stamp-dark: #9a2b20;--jade: #1f6a56;--gold: #b08a3e;--shadow: 0 18px 40px rgba(70, 42, 18, .12);--sans: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--serif: "Noto Serif SC", "Songti SC", serif;--num: "IBM Plex Sans", "Noto Sans SC", sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:var(--sans);color:var(--ink);background:linear-gradient(180deg,rgba(192,57,43,.06),transparent 180px),repeating-linear-gradient(90deg,transparent 0 23px,rgba(28,23,16,.035) 23px 24px),var(--paper);-webkit-tap-highlight-color:transparent}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.page{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:28px 0 64px}.masthead{display:flex;gap:20px;justify-content:space-between;align-items:flex-end;flex-wrap:wrap}.brand{display:flex;gap:14px;align-items:center}.brand img{width:52px;height:52px;object-fit:contain;border-radius:12px;background:var(--card);border:1px solid var(--line)}.seal{width:56px;height:56px;display:grid;place-items:center;border:2px solid var(--stamp);color:var(--stamp);font-family:var(--serif);font-size:28px;font-weight:700;transform:rotate(-8deg);background:#c0392b14}h1{margin:0;font-family:var(--serif);font-size:34px;letter-spacing:.12em}.brand p,#cat-hint,.note{margin:4px 0 0;color:var(--muted)}.muted{color:var(--muted);font-size:13px}.search{position:relative;flex:1;min-width:min(100%,280px);max-width:360px}.search input,.panel-unit,.ghost,.cat-btn,.preset,.btn-z,.z-input{font:inherit}.search input,.z-input{width:100%;height:46px;border:1px solid var(--line);background:var(--card);padding:0 14px;border-radius:999px;color:var(--ink)}.hits{position:absolute;z-index:5;top:calc(100% + 8px);left:0;right:0;background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;overflow:hidden}.hit{width:100%;text-align:left;border:0;background:transparent;padding:10px 14px;cursor:pointer}.hit:hover,.hit:focus{background:#f4e7d0}.hit b{font-weight:700}.hit span{color:var(--muted);margin-left:8px}.cats{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 18px}.cat-btn{border:1px solid var(--line);background:#fff8ecb3;color:var(--ink);padding:8px 12px;border-radius:999px;cursor:pointer}.cat-btn.active{background:var(--ink);border-color:var(--ink);color:#fff8ec}.layout{display:grid;grid-template-columns:1.2fr .8fr;grid-template-areas:"board sheet" "calc sheet" "tools tools";gap:16px;align-items:start}.board{grid-area:board}.sheet{grid-area:sheet;align-self:stretch}.calc{grid-area:calc}.tools{grid-area:tools}.board,.sheet,.calc,.tools{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:22px;padding:22px}.board-head,.sheet-head,.calc-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}h2{margin:0;font-family:var(--serif);font-size:26px}.ghost{border:1px solid var(--line);background:transparent;padding:8px 12px;border-radius:999px;cursor:pointer;color:var(--ink)}.ghost:hover{background:#f4e7d0}.rf-box{margin-top:16px;border:1px solid var(--line);border-radius:16px;padding:14px;background:#fffdf7}.rf-box[hidden]{display:none}.z-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.z-now{font-family:var(--num);font-size:28px;font-weight:600}.z-now small{color:var(--muted);font-size:16px}.z-btns{display:flex;gap:8px;flex-wrap:wrap}.btn-z{flex:1;min-width:72px;padding:10px;border:1px solid var(--line);border-radius:10px;background:#fffaf1;cursor:pointer}.btn-z.active{background:var(--stamp);border-color:var(--stamp);color:#fff8ec}.z-input{border-radius:12px;margin-top:8px;text-align:right;font-family:var(--num)}.panels{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:stretch;margin-top:18px}.panel{border:1px solid var(--line);border-radius:18px;padding:14px 16px 16px;background:linear-gradient(180deg,#fffdf7,#f7ecda)}.panel-to{background:linear-gradient(180deg,#fff7f3,#f8e4dc);border-color:#e8b4ac}.panel-kicker{display:block;color:var(--muted);font-size:13px;letter-spacing:.18em}.panel-value{width:100%;border:0;background:transparent;font-family:var(--num);font-size:clamp(28px,4vw,44px);font-weight:600;letter-spacing:-.03em;color:var(--ink);padding:6px 0 8px;outline:none}.panel-unit{width:100%;height:42px;border:1px solid var(--line);background:#fffaf1;border-radius:12px;padding:0 10px}.swap-fab{align-self:center;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:var(--stamp);color:#fff8ec;cursor:pointer}.swap-fab:hover{background:var(--stamp-dark)}.formula{margin:16px 0 8px;font-size:15px;color:var(--jade);font-weight:500}.presets{display:flex;flex-wrap:wrap;gap:8px}.preset{border:1px dashed var(--gold);background:#b08a3e14;color:var(--ink);border-radius:999px;padding:6px 10px;cursor:pointer}.table-wrap{overflow:auto;margin-top:12px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--line);font-size:14px}th{color:var(--muted);font-weight:500}td.num,th.num{text-align:right;font-family:var(--num);font-variant-numeric:tabular-nums}tbody tr{cursor:pointer}tbody tr:hover{background:#f7ecda}tbody tr.current{background:#f8e4dc}.group-row td{color:var(--stamp);font-weight:700;letter-spacing:.08em;padding-top:16px;cursor:default;background:transparent;border-bottom-color:transparent}.note{margin-top:16px;font-size:13px}@media(max-width:860px){.layout{grid-template-columns:1fr;grid-template-areas:"board" "calc" "sheet" "tools"}.panels{grid-template-columns:1fr}.swap-fab{justify-self:center;transform:rotate(90deg)}h1{font-size:28px}}.calc-head p{margin:4px 0 0;color:var(--muted);font-size:13px}.calc-bridge{display:flex;gap:8px;flex-wrap:wrap}.calc-screen{margin-top:14px;border:1px solid var(--line);border-radius:16px;padding:12px 16px;background:#1c1710;color:#fff8ec;text-align:right}.calc-expr{min-height:20px;color:#d8c9ab;font-size:13px}.calc-display{font-family:var(--num);font-size:clamp(28px,5vw,40px);font-weight:600;letter-spacing:-.03em;word-break:break-all;display:block;width:100%;border:0;padding:0;background:transparent;color:inherit;text-align:right;outline:none;caret-color:#f4e7d0}.calc-keys{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}.calc-keys button{height:48px;border:1px solid var(--line);border-radius:12px;background:#fffaf1;font:inherit;font-family:var(--num);font-size:20px;cursor:pointer;color:var(--ink);touch-action:manipulation}.calc-keys button:hover{background:#f4e7d0}.calc-keys button:active{transform:scale(.97)}.calc-keys .op{background:#f7ecda;color:var(--stamp-dark)}.calc-keys .eq{background:var(--stamp);border-color:var(--stamp);color:#fff8ec}.calc-keys .eq:hover{background:var(--stamp-dark)}.calc-keys .ac{background:#efe4cf}.steps{margin:12px 0 8px;display:grid;gap:8px}.steps[hidden]{display:none}.step{display:grid;grid-template-columns:minmax(96px,auto) 1fr;gap:10px;align-items:baseline;border-left:3px solid var(--jade);background:#1f6a560f;border-radius:0 10px 10px 0;padding:8px 12px}.step-title{color:var(--jade);font-size:12px;font-weight:600;letter-spacing:.02em}.step-expr{font-family:var(--num);font-size:13px;line-height:1.7;overflow-wrap:break-word;word-break:normal;color:var(--ink)}.step-note{grid-column:1 / -1;font-size:12px;line-height:1.5;color:var(--muted)}@media(max-width:620px){.step{grid-template-columns:1fr;gap:4px;padding:10px 12px}.step-expr{font-size:14px}}.tools-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.tools-head p{margin:4px 0 0;color:var(--muted);font-size:13px}.tool-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;margin-top:16px}.tool-card{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:10px;row-gap:2px;align-items:center;text-align:left;border:1px solid var(--line);background:#fffdf7;border-radius:14px;padding:12px;cursor:pointer}.tool-card:hover{background:#f7ecda}.tool-card.active{border-color:var(--stamp);background:#fff7f3}.tool-index{grid-row:span 2;width:34px;height:34px;display:grid;place-items:center;border:1.5px solid var(--stamp);border-radius:9px;color:var(--stamp);font-family:var(--num);font-size:13px;font-weight:600}.tool-name{font-weight:600;font-size:14px}.tool-card .tool-hint{grid-column:2;color:var(--muted);font-size:12px}.tool-panel{margin-top:16px;border:1px solid var(--line);border-radius:18px;padding:16px;background:linear-gradient(180deg,#fffdf7,#f9f1e2)}.tool-panel[hidden]{display:none}.tool-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.tool-panel-head h3{margin:0;font-family:var(--serif);font-size:20px}.tool-panel-head p{margin:4px 0 0;color:var(--muted);font-size:13px}.tool-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-top:14px}.tool-field{display:grid;gap:4px}.tool-field span{color:var(--muted);font-size:12px}.tool-field input,.tool-field select{font:inherit;height:42px;border:1px solid var(--line);background:#fffaf1;border-radius:10px;padding:0 10px;color:var(--ink);width:100%}.tool-outputs{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin-top:16px}.tool-out{border:1px solid var(--line);border-radius:12px;background:#fffdf7;padding:8px 10px}.tool-out span{display:block;color:var(--muted);font-size:12px}.tool-out b{font-family:var(--num);font-size:18px;font-weight:600;display:block;margin-top:2px;word-break:break-all}.tool-out b em{font-style:normal;color:var(--muted);font-size:12px;margin-left:4px}.tool-rows{overflow:auto;margin-top:14px}.tool-rows table td:first-child{font-weight:600;white-space:nowrap}.tool-note{margin:12px 0 0;color:var(--muted);font-size:12px;line-height:1.6}