.calculator-ui .input, .calculator-ui .input-small, .calculator-ui .select, .calculator-ui .share-input{
  width:100%;
  background:#313a47;
  color:#cdd5df;
  border:1px solid #4c5767;
  border-radius:3px;
  padding:8px 10px;
  font-size:12px;
  height:34px;
}
.calculator-ui .input::placeholder{color:#7e8897}
.calculator-ui .select{padding-right:28px}

.calculator-ui .top-nav{
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:1200;
  height:36px;
  border-bottom:1px solid var(--line);
  background:rgba(34,43,56,.96);
  backdrop-filter:blur(2px);
}
.calculator-ui .top-nav-inner{
  max-width:1476px;
  height:100%;
  margin:0 auto;
  padding:0 18px;
  display:flex;
  align-items:center;
  gap:14px;
}
.calculator-ui .top-nav-logo{
  color:#e5e0d8;
  text-decoration:none;
  font-size:14px;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
  line-height:1;
}
.calculator-ui .top-nav-logo:hover{filter:brightness(1.08)}
.calculator-ui .top-nav-tab{
  display:inline-flex;
  align-items:center;
  height:24px;
  padding:0 10px;
  border:1px solid transparent;
  border-radius:3px;
  color:#b8c1cc;
  text-decoration:none;
  font-size:11px;
  transition:filter .15s ease, background-color .15s ease, border-color .15s ease, color .15s ease;
  cursor:pointer;
}
.calculator-ui .top-nav-tab.is-active{border-color:#4c5767;background:#2a3441;color:#d7dde5}
.calculator-ui .top-nav-tab:hover{background:#2d3744;border-color:#4c5767;color:#d7dde5;filter:brightness(1.1)}

.calculator-ui .container{
  max-width:1476px;
  width:100%;
  margin-left:auto;
  margin-right:auto;
  padding:54px 18px 34px;
}
.calculator-ui .section{
  padding-top:20px;
  border-top:1px solid var(--line);
  margin-top:20px;
}
.calculator-ui .section:first-child{margin-top:0;border-top:0;padding-top:0}
.calculator-ui .section-title{
  color:var(--heading);
  font-size:12px;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
  margin:0 0 10px;
}
.calculator-ui .label{
  display:block;
  color:#a6afbb;
  font-size:10px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.12em;
  margin-bottom:6px;
}

.calculator-ui .option-button, .calculator-ui .secondary-button{
  display:inline-flex;
  align-items:center;
  background:#313a47;
  color:#d7dde5;
  border:1px solid #505b6b;
  border-radius:4px;
  height:34px;
  padding:8px 12px;
  font-size:12px;
  font-weight:700;
  text-decoration:none;
  transition:filter .15s ease, background-color .15s ease, border-color .15s ease, color .15s ease;
}
.calculator-ui .option-button:hover, .calculator-ui .secondary-button:hover, .calculator-ui .copy-button:hover{filter:brightness(1.3)}

.calculator-ui .copy-button{
  background:#374150;
  color:#dbe1e8;
  border:1px solid #505b6b;
  border-radius:4px;
  height:34px;
  padding:0 12px;
  font-size:12px;
  transition:filter .15s ease;
}
.calculator-ui .hidden{display:none!important}

.calculator-ui .table-shell{
  border:1px solid var(--line);
  border-radius:4px;
  overflow:hidden;
  background:rgba(36,45,57,.78);
}
.calculator-ui table{
  width:100%;
  border-collapse:collapse;
}
.calculator-ui th, .calculator-ui td{
  border-right:1px solid var(--line-soft);
  border-top:1px solid var(--line-soft);
  padding:6px 8px;
  vertical-align:middle;
}
.calculator-ui thead th{
  color:#9fa8b4;
  font-size:10px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.12em;
  background:rgba(44,52,63,.72);
  white-space:nowrap;
}
.calculator-ui thead tr:first-child th{border-top:0}
.calculator-ui th:last-child, .calculator-ui td:last-child{border-right:0}
.calculator-ui tbody td{
  font-size:12px;
  color:#c7cfd8;
}

.calculator-ui .modal-overlay{
  position:fixed;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(7,10,15,.72);
  z-index:1000;
}
.calculator-ui .modal-panel{
  width:min(680px, calc(100vw - 32px));
  background:#2d3643;
  border:1px solid #546071;
  border-radius:14px;
  box-shadow:0 18px 48px rgba(0,0,0,.38);
  padding:18px 22px 20px;
}
.calculator-ui .modal-copy{
  color:#e5e0d8;
  font-size:13px;
  line-height:1.4;
  margin:0 0 12px;
}
.calculator-ui .modal-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}
.calculator-ui .modal-button{
  height:24px;
  border-radius:8px;
  border:1px solid #596577;
  background:#434e60;
  color:#d7dde5;
  font-size:12px;
  font-weight:700;
  transition:filter .15s ease, background-color .15s ease, border-color .15s ease, color .15s ease;
}
.calculator-ui .modal-button:hover{filter:brightness(1.1)}
.calculator-ui .modal-button-danger{
  background:#9b4545;
  border-color:#b24e4e;
  color:#f5ecec;
}

.calculator-ui .note-input{
  min-width:90px;
  height:24px;
  padding:3px 7px;
  font-size:11px;
}
.calculator-ui .multiline-input{
  display:block;
  width:100%;
  min-width:0;
  min-height:24px;
  max-height:40px;
  line-height:1.25;
  resize:none;
  overflow:hidden;
  white-space:normal;
  padding-top:4px;
  padding-bottom:4px;
}
.calculator-ui .note-input.hidden{display:none!important}