:root{color:#182a2a;--ink:#182a2a;--muted:#6b7772;--paper:#f4f1e9;--paper-raised:#fffdf7;--line:#cdd2ca;--line-dark:#aeb8b0;--green:#155b50;--green-dark:#0d4039;--orange:#d5572d;--yellow:#d4a62a;--blue:#39728b;background:#d8ddd7;font-family:Yu Gothic UI,Hiragino Kaku Gothic ProN,Meiryo,sans-serif}*{box-sizing:border-box}html{background-color:#d8ddd7;background-image:linear-gradient(90deg,#00000007 1px,#0000 1px),linear-gradient(#00000007 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:24px 24px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box}body{margin:0}button,input,select{font:inherit}button{color:inherit;cursor:pointer}.app{background:var(--paper);width:min(100%,680px);min-height:100dvh;margin:auto;box-shadow:0 0 0 1px #89948d,0 20px 70px #26322c30}.top{z-index:10;min-height:calc(54px + env(safe-area-inset-top));padding:calc(7px + env(safe-area-inset-top)) 10px 7px;border-bottom:2px solid var(--ink);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f7f3e9f2;grid-template-columns:34px minmax(0,1fr) auto auto;align-items:center;gap:8px;display:grid;position:sticky;top:0}.top>b{color:#fff;background:var(--orange);place-items:center;width:34px;height:34px;font:800 20px Georgia,serif;display:grid;transform:skew(-4deg)}.top>div{min-width:0}.top small,.top h1{margin:0;display:block}.top>div small{color:var(--green);letter-spacing:.16em;font-size:7px;font-weight:900}.top h1{letter-spacing:.04em;margin-top:1px;font-size:15px}.inventory{align-items:baseline;gap:3px;font:700 17px Georgia,serif;display:flex}.inventory small{color:var(--muted);letter-spacing:.08em;font:800 6px Yu Gothic UI,sans-serif}.version{border-left:1px solid var(--line-dark);color:var(--muted);padding-left:7px;font:800 8px Courier New,monospace}.catalogMain{padding:8px 8px calc(16px + env(safe-area-inset-bottom))}.catalogControls{z-index:8;top:calc(54px + env(safe-area-inset-top));border-bottom:1px solid var(--line-dark);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f4f1e9f2;margin:-8px -8px 8px;padding:7px 8px 6px;position:sticky}.search,.tableSearch{border:1px solid var(--ink);background:var(--paper-raised);align-items:center;gap:7px;display:flex}.search{height:38px;padding:0 8px;box-shadow:3px 3px #b8c0b9}.search>span,.tableSearch>span{color:var(--green);font-size:18px}.search input,.tableSearch input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:11px}.search>button{width:26px;height:26px;color:var(--muted);background:0 0;border:0;font-size:17px}.quickFilters{justify-content:space-between;align-items:center;margin-top:6px;display:flex}.quickFilters>span{color:var(--muted);font:800 8px Courier New,monospace}.favoriteFilter{border:1px solid var(--line-dark);color:#765d13;background:#fffaf0;align-items:center;gap:6px;min-height:28px;padding:4px 8px;font-size:9px;font-weight:800;display:flex}.favoriteFilter small{min-width:16px;color:var(--muted);background:#eee9dc;padding:1px 4px;font:700 8px Courier New,monospace}.favoriteFilter.on{color:#fff;background:#a77d0e;border-color:#a77d0e}.favoriteFilter.on small{color:#fff;background:#ffffff24}.filters{scrollbar-width:none;gap:4px;margin-top:6px;padding-bottom:2px;display:flex;overflow-x:auto}.filters::-webkit-scrollbar{display:none}.filters button{border:1px solid var(--line-dark);color:#3f504b;background:var(--paper-raised);white-space:nowrap;flex:none;align-items:center;gap:4px;min-height:28px;padding:4px 7px;font-size:8px;font-weight:800;display:flex}.filters button i{width:18px;height:18px;color:var(--green);background:#dfe8e1;place-items:center;font-size:8px;font-style:normal;display:grid}.filters button small{color:var(--muted);font:700 7px Courier New,monospace}.filters button.on{border-color:var(--green-dark);color:#fff;background:var(--green)}.filters button.on i,.filters button.on small{color:#fff;background:0 0}.toolIndex{border:1px solid var(--line-dark);background:var(--paper-raised)}.indexHeading{border-bottom:2px solid var(--ink);background:linear-gradient(135deg,#0000 70%,#155b500d 70%),#f7f3e8;justify-content:space-between;align-items:flex-end;min-height:50px;padding:7px 9px;display:flex}.indexHeading small,.panelHeading small{color:var(--orange);letter-spacing:.12em;font:800 7px Courier New,monospace}.indexHeading h2{margin:1px 0 0;font-size:17px}.indexHeading p{color:var(--muted);gap:8px;margin:0;font:700 7px Courier New,monospace;display:flex}.toolGroups{display:grid}.toolGroup+.toolGroup{border-top:7px solid #e1e4de}.toolGroup>header{border-bottom:1px solid var(--line);height:31px;color:var(--green-dark);background:#e8ede7;grid-template-columns:20px 1fr auto;align-items:center;gap:6px;padding:0 8px;display:grid}.toolGroup>header i{color:#fff;background:var(--green);place-items:center;width:20px;height:20px;font-size:8px;font-style:normal;display:grid}.toolGroup>header h3{letter-spacing:.04em;margin:0;font-size:10px}.toolGroup>header span{color:var(--muted);font:700 8px Courier New,monospace}.toolList article{border-bottom:1px solid #e2e5df;min-height:39px;display:flex}.toolList article:last-child{border-bottom:0}.toolList article:active{background:#edf1ec}.toolRow{text-align:left;background:0 0;border:0;flex:1;grid-template-columns:29px minmax(0,1fr) auto 10px;align-items:center;gap:6px;min-width:0;min-height:39px;padding:4px 5px 4px 8px;display:grid}.kind{border:1px solid var(--line-dark);color:var(--muted);text-align:center;padding:2px 0;font-size:7px;font-weight:900}.kind-計算{color:#a53d1f;background:#fff1e9;border-color:#b55a3b}.kind-表{color:#2f7088;background:#edf8fb;border-color:#4c8197}.toolRow b{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.toolRow small{color:var(--muted);font:700 7px Courier New,monospace}.toolRow em{color:var(--line-dark);font-size:16px;font-style:normal}.favorite{color:#a0a69f;background:0 0;border:0;border-left:1px solid #e2e5df;flex:0 0 34px;width:34px;font-size:15px}.favorite.on{color:#c49515}.empty{color:var(--muted);justify-items:center;gap:10px;padding:34px 12px;font-size:10px;display:grid}.empty button{border:1px solid var(--ink);background:var(--paper);padding:7px 10px;font-size:9px;font-weight:800}.tool{padding-bottom:calc(12px + env(safe-area-inset-bottom))}.toolTop{z-index:10;min-height:calc(56px + env(safe-area-inset-top));padding:calc(6px + env(safe-area-inset-top)) 7px 6px;border-bottom:2px solid var(--ink);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f7f3e9f2;grid-template-columns:52px minmax(0,1fr) 38px;align-items:center;display:grid;position:sticky;top:0}.backButton{height:34px;color:var(--green);background:0 0;border:0;align-items:center;padding:0;font-size:9px;font-weight:900;display:flex}.backButton span{margin-right:2px;font-size:25px;font-weight:400}.toolTop>div{text-align:center;min-width:0}.toolTop small{color:var(--orange);letter-spacing:.1em;font:800 7px Courier New,monospace;display:block}.toolTop h1{text-overflow:ellipsis;white-space:nowrap;margin:2px 0 0;font-size:13px;overflow:hidden}.toolTop .favorite{border:0;height:34px}.toolWorkspace{padding:7px}.inputPanel,.resultPanel,.tablePanel,.samplePanel{border:1px solid var(--line-dark);background:var(--paper-raised);margin-bottom:7px;padding:8px;box-shadow:2px 2px #d4d7d0}.panelHeading{justify-content:space-between;align-items:center;gap:8px;min-height:28px;margin-bottom:6px;display:flex}.panelHeading>div{min-width:0}.panelHeading h2{text-overflow:ellipsis;white-space:nowrap;margin:1px 0 0;font-size:13px;overflow:hidden}.panelHeading>button{border:0;border-bottom:1px solid var(--green);color:var(--green);background:0 0;padding:4px 6px;font-size:8px;font-weight:800}.panelHeading>span{color:var(--muted);font:800 8px Courier New,monospace}.inputContent.withDiagram{grid-template-columns:minmax(112px,.72fr) minmax(0,1.28fr);align-items:center;gap:7px;display:grid}.sectionDiagram{border-right:1px solid var(--line);min-width:0;margin:0}.sectionDiagram svg{width:100%;max-height:164px;display:block}.sectionDiagram figcaption{color:var(--muted);text-align:center;margin-top:-5px;font-size:6px}.sectionShape{fill:#cad8d1;stroke:var(--green-dark);stroke-linejoin:round;stroke-width:1.5px}.sectionShape.solid{fill:#abc2b7}.sectionVoid{fill:var(--paper-raised);stroke:var(--green-dark);stroke-width:1.2px}.axis{stroke:#6f8079;stroke-dasharray:5 3;stroke-width:.8px}.axisLabel,.dimensionLabel,.callout{fill:var(--ink);font-size:10px;font-weight:700}.dimensionLabel{text-anchor:middle}.dimension,.extension,.leader{fill:none;stroke:#526a61;stroke-width:.8px}.fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;display:grid}.fields label{border:1px solid var(--line);background:#f5f3ec;gap:3px;min-width:0;padding:5px;display:grid}.fields b{color:#42514c;text-overflow:ellipsis;white-space:nowrap;font-size:8px;line-height:1.2;overflow:hidden}.fields input,.fields select{border:1px solid var(--line-dark);width:100%;min-width:0;height:31px;color:var(--ink);text-align:right;background:#fff;border-radius:0;outline:0;padding:0 6px;font:700 13px Georgia,Yu Mincho,serif}.fields input:focus,.fields select:focus{border-color:var(--orange);box-shadow:inset 0 -2px var(--orange)}.calculate{color:#fff;background:var(--orange);border:0;justify-content:center;align-items:center;gap:8px;width:100%;min-height:38px;margin-top:7px;font-size:11px;font-weight:900;display:flex;box-shadow:inset 0 -3px #9d3717}.calculate span{letter-spacing:.12em;opacity:.76;font:800 7px Courier New,monospace}.resultPanel{box-shadow:inset 3px 0 var(--green), 2px 2px 0 #d4d7d0;border-color:#8fa89e}.calculationRows{border-top:2px solid var(--ink);border-left:1px solid var(--line);overflow-x:auto}.calculationRows>div{border-right:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:42px minmax(0,1fr) minmax(102px,.82fr);align-items:center;gap:6px;min-height:29px;padding:3px 6px;display:grid}.calculationRows>.calculationHeader{min-height:23px;color:var(--muted);background:#e8ede8}.calculationHeader b,.calculationHeader span,.calculationHeader strong{color:var(--muted);font:800 7px Yu Gothic UI,sans-serif}.calculationRows b{font-size:9px}.calculationRows span{color:var(--muted);white-space:nowrap;font:9px Georgia,Yu Mincho,serif;overflow-x:auto}.calculationRows strong{min-width:0;color:var(--green);text-align:right;white-space:nowrap;font:700 10px Georgia,serif}.calculationRows strong small{color:var(--muted);font:700 7px Yu Gothic UI,sans-serif}.calculationError{color:#8b321f;background:#fff0e9;border-left:3px solid #a13c25;margin:0;padding:8px;font-size:9px;line-height:1.5}.calculationNote{color:var(--muted);margin:6px 0 0;font-size:8px}.tableSearch{height:32px;margin-bottom:6px;padding:0 7px}.tableScroll{border:1px solid var(--line-dark);max-height:min(58dvh,520px);overflow:auto}.tableScroll table{border-collapse:separate;border-spacing:0;width:100%;font-size:8px}.tableScroll th,.tableScroll td{border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-align:right;white-space:nowrap;padding:5px 6px}.tableScroll th{z-index:2;color:#fff;background:var(--green);font-size:7px;position:sticky;top:0}.tableScroll th:first-child,.tableScroll td:first-child{text-align:left;position:sticky;left:0}.tableScroll td:first-child{background:var(--paper-raised)}.tableScroll th:first-child{z-index:3;background:var(--green-dark)}.supportStack{gap:5px;display:grid}.supportPanel{border:1px solid var(--line-dark);background:var(--paper-raised)}.supportPanel summary{cursor:pointer;grid-template-columns:1fr auto 20px;align-items:center;gap:7px;min-height:36px;padding:6px 8px;list-style:none;display:grid}.supportPanel summary::-webkit-details-marker{display:none}.supportPanel summary b{font-size:9px}.supportPanel summary span{color:var(--muted);font:700 8px Courier New,monospace}.supportPanel summary i{color:var(--green);text-align:center;font-size:14px;font-style:normal}.supportPanel[open] summary{border-bottom:1px solid var(--line);background:#e8ede8}.supportPanel[open] summary i{transform:rotate(45deg)}.supportContent{padding:7px 8px}.supportContent ul{margin:0;padding-left:16px}.supportContent li{margin:4px 0;font-size:8px;line-height:1.55}.supportContent dl{margin:0}.supportContent dl div{border-bottom:1px solid var(--line);grid-template-columns:minmax(40px,auto) 1fr;gap:6px;padding:4px 0;font-size:8px;display:grid}.supportContent dl div:last-child{border:0}.supportContent dt{font-weight:900}.supportContent dd{color:var(--muted);margin:0}.formulaList{overflow-x:auto}.formulaList p{border-bottom:1px solid var(--line);min-width:max-content;margin:0;padding:5px 0;font:10px Georgia,Yu Mincho,serif}.formulaList p:last-child{border:0}.referenceLinks{padding:0;list-style:none}.referenceLinks li{border-bottom:1px solid var(--line)}.referenceLinks li:last-child{border:0}.referenceLinks a{color:var(--green);gap:2px;padding:5px 0;text-decoration:none;display:grid}.referenceLinks b:after{content:" ↗"}.referenceLinks span,.referenceLinks small{color:var(--muted);font-size:7px}.samplePanel{color:var(--muted);font-size:9px;line-height:1.5}.samplePanel a{color:var(--green);font-weight:800}@media (width>=560px){body{padding:14px 0}.app{min-height:calc(100dvh - 28px)}.toolGroups{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.toolGroup+.toolGroup{border-top:0}.toolGroup{border-right:1px solid var(--line);border-bottom:7px solid #e1e4de}.toolWorkspace{grid-template-columns:minmax(0,1fr);display:grid}}@media (width<=350px){.top{grid-template-columns:32px minmax(0,1fr) auto}.inventory{display:none}.inputContent.withDiagram{grid-template-columns:100px minmax(0,1fr);gap:4px}.fields{gap:3px}.fields label{padding:3px}}@media (prefers-reduced-motion:no-preference){.toolGroup{animation:.22s ease-out both index-arrive}.toolGroup:nth-child(2){animation-delay:25ms}.toolGroup:nth-child(3){animation-delay:50ms}.toolGroup:nth-child(4){animation-delay:75ms}.toolGroup:nth-child(5){animation-delay:.1s}.toolGroup:nth-child(6){animation-delay:.125s}}@keyframes index-arrive{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}