.tool{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:22px;margin:0 0 30px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:22px 28px;box-shadow:0 1px 0 var(--border),0 18px 40px -28px rgba(60,35,10,.45)}
.tool__title{grid-column:1/-1;font:var(--display-weight,750) 22px/1.2 var(--font-display);font-style:var(--display-style,normal);text-transform:var(--display-transform,none);margin:0}
.tool__form{display:grid;gap:14px;align-content:start}
.tool__form label{display:grid;gap:6px;font-weight:650;font-size:15px}
.tool__form small{font-weight:400;color:var(--muted);font-size:13px}
.tool__form input,.tool__form select{font:600 17px var(--font-body);color:var(--ink);background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:10px 12px;width:100%;min-height:46px}
.tool__form input:focus,.tool__form select:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:transparent}
.tool__adv summary{cursor:pointer;color:var(--link);font-size:14.5px;margin-bottom:10px}
.tool__out{display:grid;gap:14px;align-content:start}
.result{background:var(--accent);color:var(--accent-ink);border-radius:16px;padding:20px 22px;position:relative;overflow:hidden}
.result::after{content:"";position:absolute;right:-40px;top:-40px;width:150px;height:150px;border-radius:50%;border:18px solid currentColor;opacity:.09}
.result__pct{font:var(--display-weight,800) clamp(44px,8vw,64px)/1 var(--font-display);letter-spacing:-.02em;font-style:var(--display-style,normal);font-variant-numeric:tabular-nums}
.result__label{margin-top:8px;font-size:15.5px;max-width:30ch}
.result__one{margin-top:6px;font-weight:700;font-size:15px;opacity:.85}
.tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.tile{background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:12px 14px;display:grid;gap:2px}
.tile__v{font:750 21px/1.15 var(--font-display);font-variant-numeric:tabular-nums}
.tile__k{font-size:13px;color:var(--muted)}
.ladder{list-style:none;margin:0;padding:0;display:grid;gap:7px;font-size:14px}
.ladder li{display:grid;grid-template-columns:118px 1fr 62px;gap:10px;align-items:center}
.ladder__k{color:var(--muted)}
.ladder__bar{height:9px;border-radius:9px;background:var(--border);overflow:hidden}
.ladder__bar i{display:block;height:100%;background:var(--gold);border-radius:9px}
.ladder__v{text-align:right;font-variant-numeric:tabular-nums;font-weight:650}
.ladder .is-mine .ladder__k,.ladder .is-mine .ladder__v{color:var(--ink);font-weight:750}
.ladder .is-mine .ladder__bar i{background:var(--accent)}
.tool__note{grid-column:1/-1;margin:0;font-size:13px;color:var(--muted)}
@media (max-width:760px){.tool{grid-template-columns:1fr;padding:18px}.ladder li{grid-template-columns:96px 1fr 56px}}
.result__kicker{font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;opacity:.8;margin-bottom:6px}
.tool__more{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:18px 28px}
.tool__more h3{font:var(--display-weight,750) 17px/1.25 var(--font-display);font-style:var(--display-style,normal);text-transform:var(--display-transform,none);margin:0 0 4px}
.tool__more .table-wrap{margin:8px 0 0}
.tool__more table{font-size:14.5px}
.tool__more th,.tool__more td{padding:8px 12px}
.tool__more tr.is-mine td{font-weight:750;color:var(--ink);background:var(--accent-soft)}
.tool__share{grid-column:1/-1;display:flex;align-items:center;gap:12px}
.tool__share button{font:700 15px var(--font-body);background:var(--accent);color:var(--accent-ink);border:0;border-radius:10px;padding:10px 16px;cursor:pointer}
.tool__share button:hover{filter:brightness(1.05)}
.tool__share span{font-size:14px;color:var(--muted)}
@media (max-width:760px){.tool__more{grid-template-columns:1fr}}