:root{--hc-accent:#007BFF;--hc-accent2:#00B4D8;--hc-bg:#F8F9FA;--hc-card:#ffffff;--hc-text:#1a1a2e;--hc-muted:#6c757d;--hc-border:#dee2e6;--hc-danger:#dc3545;--hc-success:#28a745;--hc-dark:#001830}.hc-section-title{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--hc-muted);margin-bottom:14px;margin-top:20px}.hc-explanation h2:first-child,.hc-section-title:first-child{margin-top:0}.hc-ctrl-row{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin-bottom:14px}.hc-ctrl-row>label{display:flex;align-items:center;gap:4px;font-size:.82rem;font-weight:600;color:var(--hc-text);white-space:nowrap;margin-bottom:0;flex-shrink:0;width:100%}.hc-label-text{display:inline-block;width:100px;flex-shrink:0}.hc-label-tip,.hc-num-wrap{display:inline-flex;align-items:center;flex-shrink:0}.hc-label-tip{justify-content:center;width:14px;height:14px;border-radius:50%;background:var(--hc-border);color:var(--hc-muted);font-size:9px;font-weight:700;cursor:help;margin-left:2px}.hc-ctrl-row>input[type=range]{width:100%;flex-basis:100%;accent-color:var(--hc-accent)}.hc-num-wrap{gap:2px;margin-left:auto}input.hc-num-input{width:70px!important;padding:3px 8px;border:1px solid var(--hc-border);border-radius:6px;font-family:"Roboto Mono",monospace;font-size:.82rem;text-align:right;color:var(--hc-text);box-sizing:border-box;height:auto}.hc-num-input:focus,.hc-select:focus{outline:0;border-color:var(--hc-accent);box-shadow:0 0 0 2px rgba(0,123,255,.15)}.hc-num-unit{font-size:.75rem;color:var(--hc-muted);min-width:24px}.hc-select{width:100%;padding:6px 10px;border:1px solid var(--hc-border);border-radius:6px;font-size:.82rem;color:var(--hc-text);background:var(--hc-card);cursor:pointer}.hc-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:6px}.hc-stat-card{background:var(--hc-bg);border-radius:8px;padding:10px 12px;border:1px solid var(--hc-border);text-align:center;transition:background-color .18s,border-color .18s,box-shadow .18s}.hc-stat-card.ok{background:rgba(0,184,148,.08);border-color:rgba(0,184,148,.4)}.hc-stat-card.ok .hc-stat-value{color:#00b894}.hc-stat-card.warn{background:rgba(220,53,69,.06);border-color:rgba(220,53,69,.35)}.hc-stat-card.warn .hc-stat-value{color:var(--hc-danger)}.hc-stat-card.flash{background:rgba(0,123,255,.12);border-color:rgba(0,123,255,.45)}.hc-stat-label{font-size:.7rem;color:var(--hc-muted);margin-bottom:2px}.hc-stat-value{font-family:"Roboto Mono",monospace;font-size:1rem;font-weight:700;color:var(--hc-accent)}.hc-stat-unit{font-size:.68rem;color:var(--hc-muted)}.hc-stat-value.text-danger{color:var(--hc-danger)!important}.hc-chart-tabs{display:flex;gap:0;margin-bottom:0;border-bottom:2px solid var(--hc-border)}.hc-chart-tab{font-size:.78rem;padding:8px 16px;border:0;border-bottom:2px solid transparent;background:0 0;cursor:pointer;color:var(--hc-muted);transition:all .2s;margin-bottom:-2px;font-weight:500}.hc-chart-tab:hover,.hc-explanation h3{color:var(--hc-text)}.hc-chart-tab.active{color:var(--hc-accent);border-bottom-color:var(--hc-accent);font-weight:600}.hc-chart-card{background:var(--hc-card);border:1px solid var(--hc-border);border-radius:10px;padding:14px;margin-bottom:16px}.hc-chart-header{display:flex;align-items:center;gap:6px;font-size:.85rem;font-weight:700;color:var(--hc-text);margin-bottom:12px;cursor:pointer;user-select:none}.hc-chart-header .hc-collapse-icon{font-size:.65rem;margin-left:auto;transition:transform .2s}.hc-theory-box{background:#f0f7ff;border-left:3px solid var(--hc-accent);border-radius:0 8px 8px 0;padding:14px 16px;margin-top:14px;font-size:.85rem;line-height:1.8}.hc-explanation h2,.hc-theory-box h4{font-weight:700;color:var(--hc-accent)}.hc-theory-box h4{font-size:.9rem;margin-bottom:8px}.hc-note{font-size:.78rem;color:var(--hc-muted);margin-top:8px;line-height:1.6}.hc-input-panel,.hc-viz-panel{background:var(--hc-card);border:1px solid var(--hc-border);border-radius:10px;padding:16px}.hc-explanation{margin-top:32px;padding-top:20px;border-top:1px solid var(--hc-border)}.hc-explanation h2{font-size:18px;margin:28px 0 12px;border-left:3px solid var(--hc-accent);padding-left:12px}.hc-explanation h3{font-size:15px;font-weight:700;margin:18px 0 8px}.hc-explanation li,.hc-explanation p{font-size:14px;line-height:1.8;color:var(--hc-text);margin-bottom:12px}.hc-explanation ol,.hc-explanation ul,.hj-explanation ol,.hj-explanation ul{padding-left:24px;margin-bottom:14px}.hc-explanation li{margin-bottom:4px}.hc-fblock{background:rgba(0,123,255,.04);border:1px solid rgba(0,123,255,.15);border-radius:8px;padding:16px 20px;margin:14px 0;overflow-x:auto}.hc-fblock p{margin-bottom:10px;font-size:14px}.hc-cmsg:last-child,.hc-fblock p:last-child,.hj-fblock p:last-child{margin-bottom:0}.hc-chat{background:rgba(0,123,255,.04);border:1px solid rgba(0,123,255,.1);border-radius:12px;padding:16px;margin:20px 0}.hc-cmsg{display:flex;gap:10px;margin-bottom:12px;align-items:flex-start}.hc-cmsg .hc-ico{font-size:22px;flex-shrink:0}.hc-cmsg .hc-bub{background:var(--hc-card);border-radius:8px;padding:10px 14px;font-size:14px;line-height:1.7;color:var(--hc-text);border:1px solid var(--hc-border)}.hc-cmsg.hc-st .hc-bub{border-left:3px solid var(--hc-accent2)}.hc-cmsg.hc-pr .hc-bub{border-left:3px solid #f59e0b}.hc-tab-panel{display:none}.hc-tab-panel.active{display:block}.hc-results-table{width:100%;border-collapse:collapse}.hc-results-table td,.hc-results-table th{padding:8px 12px;border-bottom:1px solid var(--hc-border);font-size:.85rem}.hc-results-table th{background:var(--hc-bg);font-weight:600;color:var(--hc-muted);text-align:left}.hc-results-table td:last-child{font-family:"Roboto Mono",monospace;font-weight:600;text-align:right;color:var(--hc-accent)}@media (max-width:640px){.hc-stats-grid{grid-template-columns:repeat(2,1fr)}.hc-num-input{width:60px!important}.hc-label-text{width:80px}.hc-chart-tab{padding:6px 10px;font-size:.72rem}}@media (max-width:420px){.hc-stats-grid{grid-template-columns:1fr 1fr}}:root{--hj-accent:#007BFF;--hj-accent2:#00B4D8;--hj-bg:#F8F9FA;--hj-card:#ffffff;--hj-text:#1a1a2e;--hj-muted:#6c757d;--hj-border:#dee2e6;--hj-danger:#dc3545;--hj-success:#28a745}.hj-section-title{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--hj-muted);margin-bottom:14px;margin-top:20px}.hj-explanation h2:first-child,.hj-section-title:first-child{margin-top:0}.hj-ctrl-row{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin-bottom:14px}.hj-ctrl-row>label{display:flex;align-items:center;gap:4px;font-size:.82rem;font-weight:600;color:var(--hj-text);white-space:nowrap;margin-bottom:0;flex-shrink:0;width:100%}.hj-label-text{display:inline-block;width:110px;flex-shrink:0}.hj-ctrl-row>input[type=range]{width:100%;flex-basis:100%;accent-color:var(--hj-accent)}.hj-num-wrap{display:inline-flex;align-items:center;gap:2px;flex-shrink:0;margin-left:auto}input.hj-num-input{width:100px!important;padding:3px 8px;border:1px solid var(--hj-border);border-radius:6px;font-family:"Roboto Mono",monospace;font-size:.82rem;text-align:right;color:var(--hj-text);box-sizing:border-box;height:auto}.hj-num-input:focus{outline:0;border-color:var(--hj-accent);box-shadow:0 0 0 2px rgba(0,123,255,.15)}.hj-num-unit{font-size:.75rem;color:var(--hj-muted);min-width:28px}.hj-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:6px}.hj-stat-card{background:var(--hj-bg);border-radius:8px;padding:10px 12px;border:1px solid var(--hj-border);text-align:center;transition:background-color .18s,border-color .18s,box-shadow .18s}.hj-stat-card.flash{background:rgba(0,123,255,.12);border-color:rgba(0,123,255,.45)}.hj-stat-label{font-size:.7rem;color:var(--hj-muted);margin-bottom:2px}.hj-stat-value{font-family:"Roboto Mono",monospace;font-size:1rem;font-weight:700;color:var(--hj-accent)}.hj-stat-unit{font-size:.68rem;color:var(--hj-muted)}.hj-chart-tabs{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.hj-chart-card,.hj-chart-tab{border:1px solid var(--hj-border)}.hj-chart-tab{font-size:.75rem;padding:4px 12px;border-radius:6px;background:var(--hj-bg);cursor:pointer;color:var(--hj-muted);transition:all .2s}.hj-chart-tab:hover{background:#e9ecef}.hj-chart-tab.active{background:var(--hj-accent);color:#fff;border-color:var(--hj-accent)}#hjCanvas{width:100%;border-radius:8px;background:#001830}.hj-chart-card{background:var(--hj-card);border-radius:10px;padding:14px;margin-bottom:16px}.hj-chart-title,.hj-explanation h3{font-weight:700;color:var(--hj-text)}.hj-chart-title{font-size:.85rem;margin-bottom:12px;display:flex;align-items:center;gap:6px;cursor:pointer;user-select:none}.hj-chart-title .chevron{margin-left:auto;font-size:.65rem;color:var(--hj-muted);transition:transform .2s}.hj-chart-title[aria-expanded=false] .chevron{transform:rotate(-90deg)}.hj-theory-box{background:#f0f7ff;border-left:3px solid var(--hj-accent);border-radius:0 8px 8px 0;padding:14px 16px;margin-top:14px;font-size:.85rem;line-height:1.8}.hj-explanation h2,.hj-theory-box h4{font-weight:700;color:var(--hj-accent)}.hj-theory-box h4{font-size:.9rem;margin-bottom:8px}.hj-warning{color:var(--hj-danger);font-size:.78rem;font-weight:600;margin-top:8px;padding:6px 10px;background:rgba(220,53,69,.06);border-radius:6px;border:1px solid rgba(220,53,69,.2)}.hj-warning.d-none{display:none}.hj-input-panel,.hj-viz-panel{background:var(--hj-card);border:1px solid var(--hj-border);border-radius:10px;padding:16px}.hj-faq-item{border:1px solid var(--hj-border);border-radius:8px;margin-bottom:8px;overflow:hidden}.hj-faq-q{width:100%;text-align:left;background:var(--hj-card);border:0;padding:10px 14px;font-size:.85rem;font-weight:600;cursor:pointer;display:flex;justify-content:space-between;align-items:center;color:var(--hj-text)}.hj-faq-q:hover{background:var(--hj-bg)}.hj-explanation,.hj-faq-a{border-top:1px solid var(--hj-border)}.hj-faq-a{display:none;padding:10px 14px;font-size:.83rem;line-height:1.7;color:var(--hj-text);background:var(--hj-bg)}.hj-explanation{margin-top:32px;padding-top:20px}.hj-explanation h2{font-size:18px;margin:28px 0 12px;border-left:3px solid var(--hj-accent);padding-left:12px}.hj-explanation h3{font-size:15px;margin:18px 0 8px}.hj-explanation li,.hj-explanation p{font-size:14px;line-height:1.8;color:var(--hj-text);margin-bottom:12px}.hj-explanation li{margin-bottom:4px}.hj-chat,.hj-fblock{background:rgba(0,123,255,.04)}.hj-fblock{border:1px solid rgba(0,123,255,.15);border-radius:8px;padding:16px 20px;margin:14px 0;overflow-x:auto}.hj-fblock p{margin-bottom:10px;font-size:14px}.hj-chat{border:1px solid rgba(0,123,255,.1);border-radius:12px;padding:16px;margin:20px 0}.hj-cmsg{display:flex;gap:10px;margin-bottom:12px;align-items:flex-start}.hj-cmsg:last-child{margin-bottom:0}.hj-cmsg .hj-ico{font-size:22px;flex-shrink:0}.hj-cmsg .hj-bub{background:var(--hj-card);border-radius:8px;padding:10px 14px;font-size:14px;line-height:1.7;color:var(--hj-text);border:1px solid var(--hj-border)}.hj-cmsg.hj-st .hj-bub{border-left:3px solid var(--hj-accent2)}.hj-cmsg.hj-pr .hj-bub{border-left:3px solid #f59e0b}@media (max-width:640px){.hj-stats-grid{grid-template-columns:repeat(2,1fr)}.hj-num-input{width:64px}}@media (max-width:420px){.hj-stats-grid{grid-template-columns:1fr 1fr}}#pneumatic-circuit-calc{background:#f8fafc;border-radius:8px;padding:10px;margin-bottom:20px}#pneumatic-circuit-calc>.row{display:flex;flex-wrap:nowrap}#pneumatic-circuit-calc>.row>.col-lg-4{flex:0 0 320px;max-width:320px;min-width:320px}#pneumatic-circuit-calc>.row>.col-lg-8{flex:1 1 0;min-width:0}@media (max-width:1199px){#pneumatic-circuit-calc>.row{flex-wrap:wrap}#pneumatic-circuit-calc>.row>.col-lg-4,#pneumatic-circuit-calc>.row>.col-lg-8{flex:0 0 100%;max-width:100%;min-width:0}}#pneumatic-circuit-calc h3{font-size:1.1rem;color:#2c3e50;margin-bottom:14px;padding-bottom:8px;border-bottom:2px solid #e8f4fd}.pc-input-section{background:#fff;border-radius:8px;padding:16px 12px;margin-bottom:16px;box-shadow:0 1px 4px rgba(0,0,0,.06)}.pc-form-row{display:flex;align-items:center;margin-bottom:12px;gap:8px}#pneumatic-circuit-calc .pc-form-row label{flex:0 0 120px;font-size:.88rem;color:#555;white-space:nowrap}.pc-form-row input:not([type=range]),.pc-form-row select{flex:0 0 100px;max-width:100px;padding:6px 10px;border:1px solid #ddd;border-radius:5px;font-size:.88rem;transition:border-color .2s}.pc-form-row input:not([type=range]):focus,.pc-form-row select:focus{outline:0;border-color:#4a90d9;box-shadow:0 0 0 2px rgba(74,144,217,.15)}.pc-form-row .pc-unit-label{flex:0 0 55px;font-size:.82rem;color:#888}.pc-has-slider{flex-wrap:wrap}.pc-has-slider input:not([type=range]){flex:0 0 100px;width:100px;max-width:100px}.pc-range{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;background:#e2e8f0;outline:0;cursor:pointer;transition:background .2s}.pc-range:hover{background:#cbd5e1}.pc-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#4a90d9;cursor:pointer;border:2px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:transform .15s,box-shadow .15s}.pc-range::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 2px 6px rgba(74,144,217,.4)}.pc-range::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#4a90d9;cursor:pointer;border:2px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,.2)}.pc-range::-moz-range-thumb:hover{transform:scale(1.2)}.pc-has-slider label{margin-top:0}.pc-has-slider .pc-unit-label{flex:0 0 auto;margin-top:0}.pc-has-slider .pc-range{flex-basis:100%;max-width:100%;margin-top:5px}.pc-result-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}@media (max-width:768px){.pc-result-cards{grid-template-columns:repeat(2,1fr)}}.pc-detail-section,.pc-result-card{background:#fff;border-radius:8px;box-shadow:0 1px 4px rgba(0,0,0,.06)}.pc-result-card{padding:14px 12px;text-align:center;border:1px solid transparent;border-left:3px solid #4a90d9;transition:background-color .18s,border-color .18s,box-shadow .18s}.pc-result-card.flash{background:rgba(0,123,255,.12);border-color:rgba(0,123,255,.45)}.pc-result-card .pc-label{font-size:.78rem;color:#666;margin-bottom:4px}.pc-result-card .pc-result-value{font-size:1.2rem;font-weight:700;color:#007bff}@media (max-width:1399px){.pc-result-card .pc-result-value{font-size:.95rem}}.pc-result-card .pc-unit{font-size:.72rem;font-weight:400;color:#888}.pc-detail-section{padding:16px 20px;margin-bottom:16px}.pc-detail-table{width:100%;border-collapse:collapse;font-size:.88rem}.pc-detail-table td,.pc-detail-table th{padding:8px 12px;border-bottom:1px solid #eee;transition:background-color .18s}.pc-detail-table td.flash{background-color:rgba(0,123,255,.1);box-shadow:inset 0 0 0 1px rgba(0,123,255,.45);border-radius:3px}.pc-detail-table th{background:#f8fafc;color:#555;font-weight:600;text-align:left}.pc-detail-table td:nth-child(2){text-align:right;font-weight:600;color:#007bff;min-width:80px}.pc-detail-table td:nth-child(3){text-align:right;color:#888;font-size:.82rem;min-width:60px}.pc-chart-container,.pc-formula-section{background:#fff;border-radius:8px;box-shadow:0 1px 4px rgba(0,0,0,.06)}.pc-chart-container{padding:16px;position:relative;height:300px}.pc-formula-section{padding:16px 20px;margin-top:16px;font-size:.88rem;color:#555;line-height:1.8}.pc-formula-section h4{font-size:.95rem;color:#2c3e50;margin-bottom:10px}.pc-theory-box{background:rgba(0,123,255,.04);padding:14px 16px;border-radius:0 8px 8px 0;border-left:3px solid #007bff}.pc-theory-box h3{font-size:.88rem;font-weight:700;color:#007bff;margin:0 0 8px;padding:0;border-bottom:none}.pc-theory-box h3 i{margin-right:6px}.pc-theory-box p{font-size:.88rem;color:#1a1a2e;line-height:1.7;margin:0}.pc-explanation-section{padding:20px 0 60px}.pc-explanation-section h2{font-size:1.2rem;font-weight:700;color:#007bff;margin:24px 0 10px;border-left:3px solid #007bff;padding-left:12px}.pc-chat{background:rgba(0,123,255,.04);padding:16px;border:1px solid rgba(0,123,255,.1);border-radius:12px}.pc-cmsg{display:flex;gap:10px;margin-bottom:12px}.pc-cmsg:last-child,.pc-fblock p:last-child{margin-bottom:0}.pc-ico{font-size:1.3rem;flex-shrink:0;line-height:1.5}.pc-bub{background:#fff;padding:10px 14px;border-radius:8px;font-size:.88rem;color:#1a1a2e;line-height:1.7}.pc-fblock{background:rgba(0,123,255,.04);padding:16px 20px;border-radius:8px;border:1px solid rgba(0,123,255,.15);margin:14px 0;overflow:auto}.pc-fblock li,.pc-fblock p{font-size:.88rem}.pc-fblock p{color:#1a1a2e;line-height:1.8;margin-bottom:8px}.howto-card{background:#fff;border-radius:14px;padding:20px 22px;box-shadow:0 2px 16px rgba(0,0,0,.06);border:1px solid #dee2e6;border-left:4px solid #007bff;margin:18px auto;max-width:1152px}.howto-card h3{font-size:1rem;margin:0 0 12px;color:#001f3f;font-weight:700;display:flex;align-items:center;gap:10px;letter-spacing:.02em}.howto-card h3 i{font-size:1em}.howto-card li,.howto-card p{font-size:.92rem;line-height:1.75;color:#2d3436;margin:4px 0}.howto-card ol,.howto-card ul{padding-left:24px;margin:8px 0}.howto-card.howto-guide{border-left-color:#007bff}.howto-card.howto-guide h3 i{color:#007bff}.howto-card.howto-example{border-left-color:#00b4d8}.howto-card.howto-example h3 i{color:#00b4d8}.howto-card.howto-notes{border-left-color:#e17055}.howto-card.howto-notes h3 i{color:#e17055}