.per-soft-wrapper{--per-border:#1e293b;max-width:1060px;margin:0 auto;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:#1e293b;box-sizing:border-box}
.per-soft-wrapper *{box-sizing:border-box}
.per-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:16px;align-items:start}
.per-card{background:#fff;border:2.5px solid var(--per-border);border-radius:20px;padding:20px;box-shadow:4px 4px 0 var(--per-border);margin-bottom:16px}
.per-card-title{margin:0 0 10px;font-size:18px;font-weight:900}
.per-label{display:block;font-weight:800;font-size:14px;margin:13px 0 5px}
.per-inp{width:100%;border:2px solid var(--per-border);border-radius:12px;padding:10px 12px;font-size:16px;font-weight:700;font-variant-numeric:tabular-nums;background:#fffef5}
.per-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.per-chip{border:2px solid var(--per-border);background:#ffedd5;border-radius:999px;padding:7px 13px;font-weight:800;font-size:13.5px;cursor:pointer;box-shadow:2px 2px 0 var(--per-border)}
.per-chip:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--per-border)}
.per-hint{font-size:13.5px;color:#64748b;line-height:1.55;margin:12px 0 0}
.per-note{font-size:13.5px;color:#64748b;line-height:1.55;margin:8px 0 0}
.per-row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.per-diff-out{font-size:16px;margin:14px 0 0}
.per-verdict{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2.5px solid var(--per-border);border-radius:16px;padding:13px 15px;font-weight:800;font-size:15.5px;line-height:1.55;box-shadow:3px 3px 0 var(--per-border);margin:0 0 14px}
.per-hero{background:linear-gradient(135deg,#fdba74,#fb923c);border:2.5px solid var(--per-border);border-radius:18px;padding:18px;text-align:center;box-shadow:4px 4px 0 var(--per-border)}
.per-hero-label{font-size:12.5px;font-weight:900;letter-spacing:1.2px;color:#7c2d12}
.per-hero-num{font-size:42px;font-weight:900;font-variant-numeric:tabular-nums;line-height:1.1}
.per-hero-unit{font-size:22px;margin-left:4px;color:#7c2d12}
.per-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
.per-stat{background:#fffbeb;border:2px solid var(--per-border);border-radius:14px;padding:10px 12px;box-shadow:3px 3px 0 var(--per-border)}
.per-stat-cap{display:block;font-size:12.5px;font-weight:800;color:#64748b}
.per-stat-val{display:block;font-size:17px;font-weight:900;font-variant-numeric:tabular-nums;margin-top:2px}
.per-meter-wrap{margin-top:16px}
.per-meter{height:22px;border:2.5px solid var(--per-border);border-radius:999px;background:linear-gradient(90deg,#22c55e 0 10%,#a3e635 10% 30%,#facc15 30% 55%,#fb923c 55% 75%,#ef4444 75% 100%);position:relative;overflow:hidden}
.per-meter-fill{position:absolute;top:0;right:0;bottom:0;background:rgba(255,255,255,.82)}
.per-btn{border:2.5px solid var(--per-border);border-radius:14px;padding:11px 20px;font-size:15.5px;font-weight:900;cursor:pointer;box-shadow:3px 3px 0 var(--per-border)}
.per-btn:active{transform:translate(3px,3px);box-shadow:0 0 0 var(--per-border)}
.per-btn-main{background:#fdba74;color:#1e293b}
.per-actions{margin-top:14px}
.per-acc{padding:2px 0}
.per-acc summary{font-weight:900;font-size:16px;cursor:pointer}
@media (max-width:860px){.per-grid{grid-template-columns:1fr}.per-stats{grid-template-columns:1fr}}