.tc-card{flex-direction:column;display:flex}.tc-card .card-head{margin-bottom:6px}.tc-note{color:var(--ink-2);margin:0 0 16px;font-size:14px}.tc-rows{gap:8px;margin-bottom:12px;display:grid}.tc-row{grid-template-columns:64px repeat(4,minmax(0,1fr)) 34px;align-items:center;gap:6px;display:grid}.tc-sign{text-align:center;background-position:right 8px center;padding-inline:12px 28px;font-weight:600}[dir=rtl] .tc-sign{background-position:8px}.tc-unit{background:var(--fill);cursor:text;border-radius:12px;align-items:center;min-width:0;height:46px;padding-inline-end:10px;display:flex}.tc-unit:focus-within{outline:3px solid var(--focus);outline-offset:1px}.tc-unit-input{font-variant-numeric:tabular-nums;width:100%;min-width:0;height:100%;color:var(--ink);text-align:end;-moz-appearance:textfield;background:0 0;border:0;flex:1;padding:0 4px 0 12px;font-size:16px}.tc-unit-input:focus{outline:none}.tc-unit-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.tc-unit-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.tc-unit span{color:var(--ink-2);flex:none;font-size:13px}.tc-units{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.tc-remove:disabled{opacity:.3;cursor:default}.tc-result{border-top:1px solid var(--line);flex-wrap:wrap;align-items:baseline;gap:4px 14px;margin-top:18px;padding-top:16px;display:flex}.tc-result-label{color:var(--ink-2);flex-basis:100%;font-size:13px;font-weight:500}.tc-result-value{letter-spacing:-.035em;font-variant-numeric:tabular-nums;font-size:clamp(34px,6vw,48px);font-weight:700;line-height:1.1}.tc-result-words{color:var(--ink-2);font-size:15px}.tc-day{align-self:center}.tc-tiles{margin-top:16px}.tc-tiles .tile-value{overflow-wrap:anywhere;font-size:clamp(20px,3vw,26px)}.tc-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.tc-span{grid-column:1/-1}.tc-pair{grid-template-columns:minmax(0,1fr);gap:20px;display:grid}@media (width>=760px){.tc-pair{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=520px){.tc-row{grid-template-columns:58px repeat(2,minmax(0,1fr)) 34px}.tc-row .tc-unit:nth-of-type(3){grid-column:2}.tc-row .tc-remove{grid-area:1/4}.tc-row{border-bottom:1px solid var(--line);padding-bottom:8px}.tc-row:last-child{border-bottom:0;padding-bottom:0}}