.lls-card{
background:#fff;
border:1px solid rgba(0,0,0,.08);
border-radius:14px;
box-shadow:0 10px 28px rgba(0,0,0,.10);
padding:22px;
margin:20px 0;
}
.lls-note{font-size:13px;color:#666;margin:0 0 16px}
.lls-field{margin:0 0 16px}
.lls-field>label{display:block;font-weight:700;margin:0 0 6px}
.lls-static{font-size:18px}
.lls-inline{display:flex;align-items:center;gap:8px}
.lls-inline input{width:100%;max-width:220px;padding:10px 12px;border:1px solid #ccc;border-radius:8px;background:#fff}
.lls-rate-options{display:flex;flex-direction:column;gap:7px;margin-bottom:8px}
.lls-section,.lls-person{border-top:1px solid #eee;padding-top:16px;margin-top:8px}
.lls-person h4,.lls-result h4{margin:0 0 12px}
.lls-results{margin-top:22px}
.lls-result{border-top:1px solid #e7e7e7;padding-top:12px;margin-top:12px}
.lls-result>div,.lls-pair-summary>div{display:flex;justify-content:space-between;gap:16px;padding:8px 0}
.lls-total{font-size:18px;font-weight:700;border-top:1px solid #ddd;margin-top:6px;padding-top:12px!important}
.lls-balance-note{font-size:13px;color:#a33;margin:8px 0 0}
.lls-disclaimer{font-size:12px;line-height:1.7;color:#777;margin:18px 0 0}
@media(max-width:640px){
.lls-card{padding:16px}
.lls-result>div,.lls-pair-summary>div{align-items:flex-start}
.lls-inline input{max-width:100%}
}
.lls-pair-summary{
margin-top:18px;
background:#f3f3f3;
border-radius:10px;
padding:10px 14px;
}
.lls-pair-summary>div{
font-size:17px;
font-weight:700;
border-bottom:1px solid #ddd;
}
.lls-pair-summary>div:last-child{
border-bottom:0;
} .lls-mode-switch{
display:grid;
grid-template-columns:1fr 1fr;
gap:0;
margin:0 0 16px;
border:1px solid #d7d7d7;
border-radius:10px;
overflow:hidden;
background:#f6f6f6;
}
.lls-mode-tab{
position:relative;
margin:0;
cursor:pointer;
user-select:none;
}
.lls-mode-tab + .lls-mode-tab{border-left:1px solid #d7d7d7}
.lls-mode-tab input{
position:absolute;
opacity:0;
pointer-events:none;
}
.lls-mode-tab span{
display:block;
padding:12px 16px;
text-align:center;
font-weight:700;
line-height:1.4;
background:#f6f6f6;
transition:background .18s ease, box-shadow .18s ease;
}
.lls-mode-tab:hover span{background:#ededed}
.lls-mode-tab input:checked + span{
background:#fff;
box-shadow:inset 0 -3px 0 rgba(0,0,0,.65);
}
.lls-mode-tab input:focus-visible + span{
outline:2px solid currentColor;
outline-offset:-3px;
}
.lls-results strong{font-variant-numeric:tabular-nums}