.calc{flex-direction:column;gap:2rem;padding-bottom:9.6rem;display:flex}.calc__tabs{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);align-self:flex-start;align-items:center;gap:.4rem;padding:.4rem;display:inline-flex}.calc__tab{color:var(--color-muted);border-radius:var(--radius-sm);font-family:var(--font-body);cursor:pointer;background:0 0;border:none;align-items:center;gap:.7rem;min-height:4.4rem;padding:.8rem 1.6rem;font-size:1.3rem;font-weight:600;transition:background-color .14s,color .14s;display:inline-flex}.calc__tab:hover{color:var(--color-text)}.calc__tab--active{background:var(--color-surface-3);color:var(--color-accent)}.calc__inputs{grid-template-columns:1fr;gap:1.4rem;display:grid}@media (width>=640px){.calc__inputs{grid-template-columns:repeat(2,1fr)}}.calc__shortcuts{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:.6rem;display:flex}.calc__shortcuts-label{color:var(--color-muted);text-transform:uppercase;letter-spacing:.1em;font-size:1.1rem;font-weight:700}.calc__shortcut{background:var(--color-surface-2);min-width:5.4rem;height:4.4rem;color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-display);cursor:pointer;justify-content:center;align-items:center;padding:0 1.2rem;font-size:1.3rem;font-weight:700;transition:all .14s;display:inline-flex}.calc__shortcut:hover{background:var(--color-surface-3);border-color:var(--color-accent);color:var(--color-accent)}.calc__shortcut:active{transform:scale(.97)}.calc__error{background:color-mix(in srgb, var(--color-destructive) 10%, transparent);border:1px solid color-mix(in srgb, var(--color-destructive) 35%, transparent);border-radius:var(--radius-md);color:var(--color-destructive);padding:1.6rem 1.8rem;font-size:1.4rem;font-weight:600}.calc__result-grid{grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:2rem;display:grid}.calc__result-grid--3{grid-template-columns:repeat(3,1fr)}@media (width>=640px){.calc__result-grid{grid-template-columns:repeat(4,1fr)}}.calc__stat{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;gap:.4rem;padding:1.2rem 1.4rem;display:flex}.calc__stat-label{text-transform:uppercase;letter-spacing:.12em;color:var(--color-muted);font-size:1rem;font-weight:700}.calc__stat-value{font-family:var(--font-display);color:var(--color-text);font-variant-numeric:tabular-nums;font-size:1.8rem;font-weight:700;line-height:1.1}.calc__stat-value--accent{color:var(--color-accent)}.calc__stat-value--warning{color:var(--color-warning)}.calc__diagram{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);justify-content:center;align-items:center;gap:0;padding:2rem 1rem;display:flex;overflow-x:auto}.calc__diagram-side{align-items:center;display:flex}.calc__plate{width:2.2rem;min-width:2.2rem;color:var(--color-text);font-family:var(--font-display);text-align:center;border:1px solid var(--color-border);border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;margin:0 .1rem;font-size:1rem;font-weight:700;line-height:1;display:flex}.calc__plate-label{writing-mode:vertical-rl;display:block;transform:rotate(180deg)}.calc__bar-shaft{background:linear-gradient(180deg, color-mix(in srgb, var(--color-accent) 45%, transparent), color-mix(in srgb, var(--color-accent) 22%, transparent));border-top:1px solid color-mix(in srgb, var(--color-accent) 65%, transparent);border-bottom:1px solid color-mix(in srgb, var(--color-accent) 10%, transparent);border-radius:.3rem;flex-shrink:0;width:14rem;height:1rem;position:relative}.calc__bar-mark{background:color-mix(in srgb, var(--color-accent) 70%, transparent);width:.4rem;height:1.2rem;position:absolute;top:50%;transform:translateY(-50%)}.calc__bar-mark:first-child{left:1rem}.calc__bar-mark:nth-child(2){left:50%;transform:translate(-50%,-50%)}.calc__bar-mark:nth-child(3){right:1rem}.calc__collar{background:linear-gradient(180deg, color-mix(in srgb, var(--color-accent) 55%, transparent), color-mix(in srgb, var(--color-accent) 25%, transparent));border-radius:.2rem;flex-shrink:0;width:.6rem;height:4rem}.calc__breakdown{margin-top:2.4rem}.calc__breakdown-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.14em;color:var(--color-muted);margin:0 0 1rem;font-size:1.1rem;font-weight:700}.calc__breakdown-list{flex-direction:column;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.calc__breakdown-item{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);align-items:center;gap:1rem;padding:.8rem 1.2rem;display:flex}.calc__breakdown-plate{border-radius:var(--radius-sm);color:var(--color-text);font-family:var(--font-display);border:1px solid var(--color-border);justify-content:center;align-items:baseline;gap:.2rem;min-width:5.6rem;padding:.4rem .9rem;font-size:1.3rem;font-weight:700;display:inline-flex}.calc__breakdown-plate--dumbbell{background:var(--color-surface-3);border-color:var(--alpha-border)}.calc__breakdown-unit{opacity:.8;font-size:.9rem;font-weight:600}.calc__breakdown-x{color:var(--color-muted);font-size:1.3rem;font-weight:700}.calc__breakdown-count{font-family:var(--font-display);color:var(--color-text);font-variant-numeric:tabular-nums;min-width:2.4rem;font-size:1.4rem;font-weight:700}.calc__breakdown-total{color:var(--color-muted);font-variant-numeric:tabular-nums;margin-left:auto;font-size:1.2rem}.calc__empty{text-align:center;color:var(--color-muted);padding:1rem;font-size:1.3rem}.calc__dumbbell-summary{font-family:var(--font-display);color:var(--color-text);text-align:center;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);font-variant-numeric:tabular-nums;letter-spacing:.02em;margin-bottom:1.6rem;padding:1.4rem 1.6rem;font-size:1.6rem;font-weight:700;line-height:1.3}.calc__dumbbells{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:3.2rem;min-height:26rem;padding:2.4rem 1.2rem;display:flex}.calc__dumbbell{flex-direction:column;align-items:center;gap:.8rem;display:flex}.calc__dumbbell-weight{font-family:var(--font-display);color:var(--color-text);font-variant-numeric:tabular-nums;font-size:1.6rem;font-weight:700;line-height:1}.calc__dumbbell-body{align-items:center;gap:0;display:flex}.calc__dumb-head{border:1px solid var(--alpha-border);background:linear-gradient(180deg, var(--color-surface-3), var(--color-surface-2));box-shadow:inset 0 0 0 1px var(--alpha-border-faint), var(--shadow-2);border-radius:.6rem;flex-shrink:0}.calc__dumb-handle{background:linear-gradient(180deg, color-mix(in srgb, var(--color-accent) 45%, transparent), color-mix(in srgb, var(--color-accent) 22%, transparent));border-top:1px solid color-mix(in srgb, var(--color-accent) 65%, transparent);border-bottom:1px solid color-mix(in srgb, var(--color-accent) 10%, transparent);border-radius:.2rem;flex-shrink:0;width:4.6rem;height:.8rem}.calc__plate--25{background:linear-gradient(180deg, color-mix(in srgb, var(--color-destructive) 65%, transparent), color-mix(in srgb, var(--color-destructive) 40%, transparent))}.calc__plate--20{background:linear-gradient(180deg, color-mix(in srgb, var(--color-info) 65%, transparent), color-mix(in srgb, var(--color-info) 40%, transparent))}.calc__plate--15{background:linear-gradient(180deg, color-mix(in srgb, var(--color-warning) 65%, transparent), color-mix(in srgb, var(--color-warning) 40%, transparent))}.calc__plate--10{background:linear-gradient(180deg, color-mix(in srgb, var(--color-success) 65%, transparent), color-mix(in srgb, var(--color-success) 40%, transparent))}.calc__plate--5{background:linear-gradient(180deg, color-mix(in srgb, var(--color-text) 75%, var(--color-muted)), var(--color-muted));color:var(--color-bg)}.calc__plate--2_5{background:linear-gradient(180deg, var(--color-surface-3), var(--color-surface-2))}.calc__plate--2{background:linear-gradient(180deg, color-mix(in srgb, var(--color-muted) 55%, transparent), color-mix(in srgb, var(--color-muted) 30%, transparent))}.calc__plate--1_5{background:linear-gradient(180deg, color-mix(in srgb, var(--color-muted) 40%, transparent), color-mix(in srgb, var(--color-muted) 20%, transparent))}.calc__plate--1_25{background:linear-gradient(180deg, color-mix(in srgb, var(--color-muted) 30%, transparent), color-mix(in srgb, var(--color-muted) 15%, transparent))}.calc__plate--1{background:linear-gradient(180deg, color-mix(in srgb, var(--color-muted) 25%, transparent), color-mix(in srgb, var(--color-muted) 12%, transparent))}
