.zcalc{
  --zc-bg:#FFFFFF;
  --zc-panel:#FAFAF7;
  --zc-panel2:#F2F2EC;
  --zc-line:#E4E4DC;
  --zc-ink:#141414;
  --zc-dim:#6B6B63;
  --zc-orange:#FF5100;
  --zc-orange-soft:rgba(255,81,0,0.08);
  --zc-green:#0F7A44;
  --zc-red:#C0392B;
  --zc-mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Consolas,monospace;
  color:var(--zc-ink);
  font-family:inherit;
  margin:24px 0;
  scroll-margin-top:95px;
}
.zcalc *{box-sizing:border-box;}
.zcalc__head{
  border-bottom:2px solid var(--zc-orange);padding-bottom:12px;margin-bottom:16px;
}
.zcalc__head h2{margin:0;color:#1A1A1A;}
.zcalc__tag{
  display:inline-block;font-family:var(--zc-mono);font-size:10px;color:var(--zc-orange);
  background:var(--zc-orange-soft);border:1px solid rgba(255,81,0,0.3);
  padding:3px 9px;border-radius:20px;letter-spacing:0.05em;text-transform:uppercase;
  margin-bottom:10px;
}
.zcalc__grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start;}
@media(max-width:640px){.zcalc__grid{grid-template-columns:1fr;gap:12px;}}
.zcalc__panel{background:var(--zc-panel);border:1px solid var(--zc-line);border-radius:12px;padding:14px;}
.zcalc__result{display:flex;flex-direction:column;gap:12px;}
.zcalc label{display:block;font-size:12px;color:var(--zc-dim);margin:12px 0 6px;font-weight:500;}
.zcalc__inputs > label:first-child{margin-top:0;}
.zcalc input[type=number],.zcalc input[type=text],.zcalc select{
  width:100%;background:var(--zc-bg);border:1px solid var(--zc-line);color:var(--zc-ink);
  padding:9px 11px;border-radius:8px;font-size:15px;font-family:var(--zc-mono);
}
.zcalc select{font-family:inherit;font-size:14px;}
.zcalc input:focus,.zcalc select:focus{outline:none;border-color:var(--zc-orange);box-shadow:0 0 0 3px var(--zc-orange-soft);}
.zcalc input[type=number]{-moz-appearance:textfield;appearance:textfield;}
.zcalc input[type=number]::-webkit-outer-spin-button,.zcalc input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0;}
.zcalc ::selection{background:#FF5100;color:#FFFFFF;}
.zcalc ::-moz-selection{background:#FF5100;color:#FFFFFF;}
.zcalc input::selection{background:#FF5100;color:#FFFFFF;}
.zcalc input::-moz-selection{background:#FF5100;color:#FFFFFF;}
.zcalc__prefix{display:flex;align-items:stretch;border:1px solid var(--zc-line);border-radius:8px;overflow:hidden;background:var(--zc-bg);}
.zcalc__prefix:focus-within{border-color:var(--zc-orange);box-shadow:0 0 0 3px var(--zc-orange-soft);}
.zcalc__prefix span{display:flex;align-items:center;padding:0 12px;background:var(--zc-panel2);color:var(--zc-dim);font-family:var(--zc-mono);font-size:14px;}
.zcalc__prefix input{border:none;border-radius:0;box-shadow:none!important;}
.zcalc__dims{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;}
.zcalc__dim{display:flex;flex-direction:column;gap:3px;}
.zcalc__dim input{text-align:center;}
.zcalc__dim em{font-family:var(--zc-mono);font-size:10px;color:var(--zc-dim);text-align:center;font-style:normal;letter-spacing:0.08em;}
.zcalc__note{font-family:var(--zc-mono);font-size:11px;color:var(--zc-dim);margin-top:6px;line-height:1.5;}
.zcalc__note b{color:var(--zc-ink);}
.zcalc__sliderhead{display:flex;justify-content:space-between;align-items:baseline;margin:14px 0 4px;}
.zcalc__sliderhead span:first-child{font-size:12px;color:var(--zc-dim);}
.zcalc__sliderhead span:last-child{font-family:var(--zc-mono);color:var(--zc-orange);font-size:14px;font-weight:700;}
.zcalc input[type=range]{width:100%;accent-color:var(--zc-orange);height:4px;}
.zcalc__ticks{display:flex;justify-content:space-between;font-family:var(--zc-mono);font-size:10px;color:var(--zc-dim);margin-top:4px;}
.zcalc__hero{background:linear-gradient(160deg,var(--zc-panel2),var(--zc-panel));border:1px solid var(--zc-line);border-radius:12px;padding:16px;}
.zcalc__hero .zc-label{font-size:11px;text-transform:uppercase;letter-spacing:0.08em;color:var(--zc-dim);}
.zcalc__hero .zc-big{font-family:var(--zc-mono);font-size:30px;font-weight:700;color:var(--zc-green);margin:3px 0 2px;letter-spacing:-0.02em;line-height:1.1;}
.zcalc__hero .zc-sub{font-family:var(--zc-mono);font-size:11.5px;color:var(--zc-dim);}
.zcalc__line{display:flex;justify-content:space-between;align-items:baseline;padding:8px 0;border-bottom:1px dashed var(--zc-line);font-size:13px;gap:10px;}
.zcalc__line:last-child{border-bottom:none;}
.zcalc__line .zc-l{color:var(--zc-dim);}
.zcalc__line .zc-v{font-family:var(--zc-mono);font-weight:600;white-space:nowrap;}
.zcalc__line.zc-subline .zc-l{font-size:12px;color:#8A8A80;}
.zcalc__line.zc-subline .zc-v{color:#8A8A80;}
.zcalc__line.zc-total{border-top:1px solid var(--zc-line);border-bottom:none;margin-top:4px;padding-top:11px;font-size:14px;}
.zcalc__line.zc-total .zc-l{color:var(--zc-ink);font-weight:700;}
.zcalc__line.zc-total .zc-v{color:var(--zc-orange);font-size:16px;}
.zcalc__line--stack{align-items:flex-start;}
.zcalc__line--nb{border-bottom:none;padding-bottom:2px;}
.zcalc__sub{display:block;font-family:var(--zc-mono);font-size:9.5px;color:var(--zc-dim);margin-top:3px;line-height:1.4;font-weight:400;text-transform:lowercase;letter-spacing:0.02em;}
.zcalc__sub b{color:var(--zc-orange);font-weight:700;}
.zc-v--stack{display:flex;flex-direction:column;align-items:flex-end;}
.zcalc__sub--right{text-align:right;}
.zcalc__feedetails{margin:0;padding:0 0 9px;border-bottom:1px dashed var(--zc-line);}
.zcalc__feedetails > summary{list-style:none;cursor:pointer;font-family:var(--zc-mono);font-size:9.5px;text-transform:lowercase;letter-spacing:0.02em;color:var(--zc-dim);display:inline-flex;align-items:center;gap:5px;padding:2px 0;}
.zcalc__feedetails > summary::-webkit-details-marker{display:none;}
.zcalc__feedetails > summary::before{content:"";width:5px;height:5px;border-right:1.5px solid var(--zc-dim);border-bottom:1.5px solid var(--zc-dim);transform:rotate(-45deg);transition:transform 0.15s ease;}
.zcalc__feedetails[open] > summary::before{transform:rotate(45deg);}
.zcalc__feedetails > summary:hover{color:var(--zc-orange);}
.zcalc__feedetails ul{margin:5px 0 0;padding:0 0 0 15px;list-style:disc;}
.zcalc__feedetails li{font-family:var(--zc-mono);font-size:10px;color:var(--zc-dim);line-height:1.25;margin:0;}
.zcalc__feedetails li::marker{color:var(--zc-orange);}
.zcalc__feedetails li b{color:var(--zc-orange);font-weight:700;}
.zcalc__more{border:1px solid var(--zc-line);border-radius:12px;margin-top:10px;background:var(--zc-panel);}
.zcalc__more > summary{list-style:none;cursor:pointer;padding:13px 15px;font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:space-between;gap:10px;user-select:none;border-radius:11px;}
.zcalc__more[open] > summary{border-radius:11px 11px 0 0;}
.zcalc__more > summary::-webkit-details-marker{display:none;}
.zcalc__more > summary::after{content:"";width:8px;height:8px;border-right:2px solid var(--zc-dim);border-bottom:2px solid var(--zc-dim);transform:rotate(45deg);transition:transform 0.15s ease;flex-shrink:0;margin-right:2px;}
.zcalc__more[open] > summary::after{transform:rotate(-135deg);}
.zcalc__more > summary:hover{background:var(--zc-orange-soft);}
.zcalc__morebody{padding:0 15px 14px;border-top:1px solid var(--zc-line);}
.zcalc__morebody > *:first-child{margin-top:12px;}
.zcalc table{width:100%;border-collapse:collapse;font-size:12.5px;}
.zcalc th{text-align:left;font-size:10px;text-transform:uppercase;letter-spacing:0.05em;color:var(--zc-dim);padding:6px 8px;border-bottom:1px solid var(--zc-line);}
.zcalc td{padding:6px 8px;border-bottom:1px solid var(--zc-line);}
.zcalc tr.zc-tier-active td{background:var(--zc-orange-soft);color:var(--zc-orange);font-weight:700;}
.zcalc__hint{font-size:11.5px;color:var(--zc-dim);margin:10px 0 0;line-height:1.5;}
.zcalc__other{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;}
@media(max-width:640px){.zcalc__other{grid-template-columns:1fr;}}
.zcalc__othercard{position:relative;display:block;background:var(--zc-bg);border:1px solid var(--zc-line);border-radius:10px;padding:12px;}
.zcalc__othercard .zc-oct{display:block;font-size:12px;color:var(--zc-ink);font-weight:600;margin-bottom:2px;}
.zcalc__othercard .zc-ocr{display:block;font-family:var(--zc-mono);font-size:10.5px;color:var(--zc-dim);margin-bottom:8px;}
.zcalc__othercard .zc-ocres{display:block;font-family:var(--zc-mono);font-size:14px;font-weight:700;color:var(--zc-red);margin-top:8px;}
.zcalc__refitem{border:1px solid var(--zc-line);border-radius:10px;margin-bottom:8px;overflow:hidden;background:var(--zc-bg);}
.zcalc__refhead{display:flex;align-items:center;gap:12px;padding:10px 12px;cursor:pointer;user-select:none;}
.zcalc__refhead:hover{background:var(--zc-orange-soft);}
.zcalc__refmain{flex:1 1 auto;min-width:0;}
.zcalc__refname{font-size:12.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.zcalc__refex{font-size:10.5px;color:var(--zc-dim);margin-top:2px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.zcalc__refrange{font-family:var(--zc-mono);font-size:11px;color:var(--zc-orange);white-space:nowrap;flex-shrink:0;text-align:right;margin-left:auto;}
.zcalc__refchev{color:var(--zc-dim);font-size:10px;transition:transform 0.15s ease;flex-shrink:0;}
.zcalc__refitem.zc-open .zcalc__refchev{transform:rotate(90deg);}
.zcalc__refbody{display:none;padding:0 12px 10px;border-top:1px solid var(--zc-line);}
.zcalc__refitem.zc-open .zcalc__refbody{display:block;}
.zcalc__foot{font-family:var(--zc-mono);font-size:10.5px;color:var(--zc-dim);margin-top:14px;line-height:1.6;}
@media(max-width:640px){
  .zcalc{margin:18px 0;}
  .zcalc__panel{padding:13px;}
  .zcalc__hero{padding:14px;}
  .zcalc__hero .zc-big{font-size:26px;}
  .zcalc input[type=number],.zcalc input[type=text]{font-size:16px;}
}
.zcalc__combo{position:relative;}
.zcalc__combobtn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--zc-bg);border:1px solid var(--zc-line);color:var(--zc-ink);padding:10px 12px;border-radius:8px;font-size:14px;font-family:inherit;cursor:pointer;text-align:left;}
.zcalc__combobtn:focus{outline:none;border-color:var(--zc-orange);box-shadow:0 0 0 3px var(--zc-orange-soft);}
.zcalc__combobtn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.zcalc__caret{width:8px;height:8px;border-right:2px solid var(--zc-dim);border-bottom:2px solid var(--zc-dim);transform:rotate(45deg);flex-shrink:0;margin-top:-4px;transition:transform 0.15s ease;}
.zcalc__combo.is-open .zcalc__caret{transform:rotate(-135deg);margin-top:3px;}
.zcalc__combopop{position:absolute;z-index:40;left:0;right:0;top:calc(100% + 6px);background:var(--zc-bg);border:1px solid var(--zc-line);border-radius:10px;box-shadow:0 12px 30px rgba(20,20,20,0.16);overflow:hidden;}
.zcalc__comborow{display:flex;align-items:center;gap:6px;padding:8px;border-bottom:1px solid var(--zc-line);}
.zcalc__combosearch{flex:1;min-width:0;border:1px solid var(--zc-line);border-radius:7px;padding:8px 10px;font-size:14px;font-family:inherit;color:var(--zc-ink);}
.zcalc__combosearch:focus{outline:none;border-color:var(--zc-orange);box-shadow:0 0 0 3px var(--zc-orange-soft);}
.zcalc__comboclose{flex-shrink:0;width:34px;height:34px;border:1px solid var(--zc-line);background:var(--zc-panel);border-radius:7px;color:var(--zc-ink);font-size:20px;line-height:1;cursor:pointer;}
.zcalc__comboclose:hover{background:var(--zc-orange-soft);border-color:var(--zc-orange);color:var(--zc-orange);}
.zcalc__combolist{max-height:280px;overflow-y:auto;-webkit-overflow-scrolling:touch;}
.zcalc__opt{display:block;width:100%;text-align:left;background:none;border:none;border-bottom:1px solid var(--zc-line);padding:9px 12px;cursor:pointer;font-family:inherit;}
.zcalc__opt:last-child{border-bottom:none;}
.zcalc__opt:hover,.zcalc__opt.is-sel{background:var(--zc-orange-soft);}
.zcalc__opt span{display:block;font-size:13px;color:var(--zc-ink);font-weight:600;}
.zcalc__opt small{display:block;font-size:10.5px;color:var(--zc-dim);margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.zcalc__optempty{padding:14px 12px;color:var(--zc-dim);font-size:12.5px;}
.zcalc__info{display:inline-flex;align-items:center;justify-content:center;width:12px;height:12px;border-radius:50%;border:1px solid var(--zc-dim);background:none;color:var(--zc-dim);font-size:8px;font-style:italic;font-family:Georgia,serif;line-height:1;cursor:pointer;padding:0;margin-left:4px;vertical-align:middle;position:relative;top:-1px;}
.zcalc__info:hover{border-color:var(--zc-orange);color:var(--zc-orange);}
.zcalc__infopop{position:absolute;top:30px;left:8px;right:auto;width:min(250px,80vw);z-index:30;background:#141414;color:#fff;font-size:11px;line-height:1.5;padding:9px 11px;border-radius:8px;box-shadow:0 8px 22px rgba(0,0,0,0.24);}
.zcalc__dock{display:none;}
@media(max-width:640px){
  .zcalc__dock{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:90;align-items:center;gap:10px;background:#141414;color:#fff;padding:11px 16px calc(11px + env(safe-area-inset-bottom));box-shadow:0 -6px 20px rgba(0,0,0,0.2);transform:translateY(130%);transition:transform 0.25s ease;}
  .zcalc__dock.is-on{transform:none;}
  .zcalc__dock .zc-docklbl{font-family:'JetBrains Mono',ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;text-transform:uppercase;letter-spacing:0.07em;opacity:0.7;}
  .zcalc__dock .zc-dockval{font-family:'JetBrains Mono',ui-monospace,SFMono-Regular,Consolas,monospace;font-size:18px;font-weight:700;color:#3ED37F;margin-left:auto;}
  .zcalc__dock .zc-dockpct{font-family:'JetBrains Mono',ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;opacity:0.8;}
}
