.percent-header{border-bottom:0;padding-bottom:10px}.percent-main{padding-top:10px}.percent-workbench{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.percent-card{min-width:0;padding:clamp(22px,3vw,30px);border:1px solid color-mix(in srgb,var(--brand) 20%,var(--line));border-radius:16px;background:var(--surface);box-shadow:0 14px 34px #0f172a0d}.percent-card-heading{display:flex;align-items:flex-start;gap:10px;min-height:62px;margin-bottom:20px}.percent-step{display:grid;width:28px;height:28px;flex:0 0 28px;place-items:center;color:var(--brand);border-radius:8px;background:var(--brand-soft);font-size:.7rem;font-weight:760;letter-spacing:.04em}.percent-card h2{font-size:1rem;line-height:1.4}.percent-card-heading p:not(.percent-step){margin-top:4px;color:var(--muted);font-size:.78rem;line-height:1.5}.percent-field-row{display:grid;grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr);align-items:end;gap:8px}.percent-field-row .form-group{margin:0}.percent-field-row label{color:var(--ink);font-size:.78rem}.percent-symbol{display:grid;place-items:center;height:42px;color:var(--muted);font-size:1.1rem;font-weight:700}.percent-input-with-suffix{position:relative}.percent-input-with-suffix input{padding-right:34px}.percent-input-with-suffix span{position:absolute;top:50%;right:12px;color:var(--muted);font-weight:650;transform:translateY(-50%)}.percent-equation{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:18px 0 0;padding-top:14px;border-top:1px solid var(--line);color:var(--muted);font-size:.8rem}.percent-equation strong{color:color-mix(in srgb,var(--brand) 78%,var(--ink));font-size:clamp(1.25rem,2.8vw,1.7rem);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;text-align:right}.percent-choice{display:flex;gap:8px;margin-top:14px}.percent-choice label{display:inline-flex;align-items:center;gap:6px;padding:8px 11px;border:1px solid var(--line);border-radius:9px;color:var(--ink);font-size:.8rem;cursor:pointer}.percent-choice label:has(input:checked){border-color:color-mix(in srgb,var(--brand) 48%,var(--line));background:var(--brand-soft)}.percent-choice input{accent-color:var(--brand)}.percent-actions{display:flex;align-items:center;gap:14px;margin:16px 0 0}.percent-actions .btn{margin:0}.percent-privacy-note{color:var(--muted);font-size:.78rem}.percent-status{margin-top:14px;padding:11px 13px;border:1px solid transparent;border-radius:9px;font-size:.83rem;font-weight:650}.percent-status.error{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 30%,var(--line));background:color-mix(in srgb,var(--danger) 7%,var(--surface))}@media (max-width: 760px){.percent-workbench{grid-template-columns:1fr}}@media (max-width: 420px){.percent-field-row{grid-template-columns:minmax(0,1fr);gap:4px}.percent-symbol{display:none}.percent-actions{align-items:flex-start;flex-direction:column;gap:8px}}
