.td-top{justify-content:space-between}
.td-unit{font-size:.4em;font-weight:700;letter-spacing:0}
.td-in{grid-template-columns:repeat(3,minmax(0,1fr))}
.td-in .input-unit .input{padding-right:40px}
.td-in.imp{grid-template-columns:repeat(2,minmax(0,1fr))}
.td-in.imp .td-hft{grid-column:1/-1;order:3}
.td-pair{display:flex;gap:8px}
.td-pair .input-unit{flex:1;min-width:0}
.td-goal{display:flex;width:100%}
.td-goal button{flex:1}
.td-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
.td-stats .stat{text-align:center;padding:12px 6px}
.td-stats b small{font-size:13px;font-weight:600;color:var(--muted);margin-left:1px}
@media (max-width:480px){.td-stats b{font-size:18px}}
.td-meals{display:flex}
.td-meals button{flex:1}
.td-bar{display:flex;height:12px;border-radius:99px;overflow:hidden;gap:2px}
.td-bar i{display:block;transition:flex .2s}
.td-p,.td-r0{--c:#ef4444}.td-c,.td-r1{--c:#f59e0b}.td-f,.td-r2{--c:#3b82f6}
.td-bar i{background:var(--c)}
.td-table td:first-child{white-space:nowrap}
.td-table td:first-child::before{content:"";display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;background:var(--c)}
.td-table th,.td-table td{text-align:right}
.td-table th:first-child,.td-table td:first-child{text-align:left}
.td-n{font-style:normal}
.td-stats .stat > span{hyphens:auto;-webkit-hyphens:auto;overflow-wrap:normal}
.td-mopts{display:grid;gap:12px;grid-template-columns:minmax(0,1fr)}
@media (min-width:560px){.td-mopts{grid-template-columns:minmax(0,1fr) minmax(0,190px)}}
.td-h2{margin-bottom:10px}
.td-pc,.td-pcth{color:var(--muted);font-weight:600;font-size:12px}
@media (max-width:480px){.td-table th,.td-table td{padding-left:8px;padding-right:8px;font-size:14px}}
@media (max-width:480px){
  .table.td-table th,.table.td-table td{padding:10px 7px;font-size:14px}

  .td-table .td-pc{display:block;margin-left:16px}
  .td-table th{white-space:normal;hyphens:auto;-webkit-hyphens:auto;vertical-align:bottom}
}
@media (max-width:480px){
  .table.td-table td:first-child{position:relative;padding-left:24px}
  .td-table td:first-child::before{position:absolute;left:8px;top:15px;margin:0}
  .td-table .td-pc{margin-left:0}
}
.table.td-table td:first-child{white-space:nowrap;overflow-wrap:normal;word-break:normal}
