.calc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-4);align-items:start}.calc-panel{background:var(--surface);border:var(--border-width) solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5)}.seg{position:relative;display:grid;background:var(--bg-subtle);border-radius:var(--radius-md);padding:4px}.seg[data-count="2"]{grid-template-columns:1fr 1fr}.seg[data-count="3"]{grid-template-columns:1fr 1fr 1fr}.seg[data-count="4"]{grid-template-columns:repeat(4,1fr)}.seg-thumb{position:absolute;top:4px;bottom:4px;left:4px;background:var(--surface);border:var(--border-width) solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);transition:transform var(--dur) var(--ease)}.seg[data-count="2"] .seg-thumb{width:calc((100% - 8px)/2)}.seg[data-count="3"] .seg-thumb{width:calc((100% - 8px) / 3)}.seg[data-count="4"] .seg-thumb{width:calc((100% - 8px)/4)}.seg[data-active="1"] .seg-thumb{transform:translate(100%)}.seg[data-active="2"] .seg-thumb{transform:translate(200%)}.seg[data-active="3"] .seg-thumb{transform:translate(300%)}.seg button{position:relative;z-index:1;border:0;background:transparent;color:var(--text-muted);font-weight:var(--weight-medium);font-size:var(--text-sm);padding:var(--space-2) var(--space-3);min-height:40px;border-radius:var(--radius-sm);cursor:pointer;transition:color var(--dur-fast) var(--ease);white-space:nowrap}.seg button:focus-visible{outline:none;box-shadow:var(--focus-ring)}.seg button:hover:not(.active){color:var(--text)}.seg button.active{color:var(--text);font-weight:var(--weight-semibold)}.calc-fields{display:grid;gap:var(--space-4);margin-top:var(--space-5)}.calc-field{display:grid;gap:var(--space-2);border:0;padding:0;margin:0;min-width:0}.calc-label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-muted)}.calc-input{display:flex;align-items:center;border:var(--border-width) solid var(--border-strong);border-radius:var(--radius-md);background:var(--bg);overflow:hidden;transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.calc-input:hover:not(:focus-within){border-color:color-mix(in srgb,var(--accent) 35%,var(--border-strong))}.calc-input:focus-within{border-color:var(--accent);box-shadow:var(--focus-ring)}.calc-input input:focus,.calc-input select:focus,.calc-input input:focus-visible,.calc-input select:focus-visible{box-shadow:none}.calc-input input,.calc-input select{flex:1;min-width:0;border:0;outline:0;background:transparent;padding:var(--space-3) var(--space-4);font-size:var(--text-lg);font-variant-numeric:tabular-nums}.calc-input select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238a92a0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-4) center;padding-right:var(--space-8)}.calc-input select option{background:var(--bg-elevated);color:var(--text)}.calc-suffix{padding-inline:var(--space-3);color:var(--text-muted);font-size:var(--text-sm);font-weight:var(--weight-medium);white-space:nowrap}.calc-row2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.only-imperial,.calc[data-system=imperial] .only-metric{display:none}.calc[data-system=imperial] .only-imperial{display:flex}.calc[data-system=imperial] .calc-row2.only-imperial{display:grid}.calc-result{background:linear-gradient(180deg,var(--accent-soft),var(--surface) 60%);display:flex;flex-direction:column;gap:var(--space-4);min-height:100%}.calc-result-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3)}.calc-result-label{color:var(--text-muted);font-size:var(--text-sm);font-weight:var(--weight-medium)}.calc-hero{display:inline-block;font-family:var(--font-display);font-size:var(--text-4xl);font-weight:var(--weight-bold);line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.03em;color:var(--accent)}.calc-hero-unit{font-size:var(--text-lg);color:var(--text-muted);font-weight:var(--weight-semibold);margin-inline-start:var(--space-1)}.calc-badge{align-self:flex-start;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--weight-semibold);background:color-mix(in srgb,var(--accent) 15%,transparent);color:var(--accent-600);transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.calc-rows{display:grid;gap:2px}.calc-rows .r{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-sm)}.calc-rows .r:nth-child(odd){background:color-mix(in srgb,var(--bg-subtle) 60%,transparent)}.calc-rows .r .k{color:var(--text-muted)}.calc-rows .r .v{font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums}.calc-rows .r.hl .v{color:var(--accent)}.calc-cycles{display:grid;gap:var(--space-2)}.calc-cyc{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);font-size:var(--text-sm);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--bg-subtle) 60%,transparent)}.calc-cyc .cyc-k{color:var(--text-muted)}.calc-cyc .cyc-v{font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;white-space:nowrap}.calc-foot{margin-top:auto;font-size:var(--text-xs);color:var(--text-muted);line-height:1.5}.calc-share-chip{display:inline-flex;align-items:center;gap:var(--space-2);margin-inline-start:auto;margin-top:auto;padding:var(--space-2) var(--space-3);border:var(--border-width) solid var(--border);border-radius:var(--radius-full);background:var(--surface);color:var(--text-muted);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;transition:color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.calc-share-chip svg{width:15px;height:15px;flex:none}.calc-share-chip:hover{color:var(--text);border-color:color-mix(in srgb,var(--accent) 45%,var(--border-strong))}.calc-share-chip:focus-visible{outline:none;border-color:var(--accent);box-shadow:var(--focus-ring)}.calc-share-chip.copied{color:var(--accent-600);border-color:var(--accent)}.calc-result:has(.calc-foot) .calc-share-chip,.calc-foot~.calc-share-chip{margin-top:0}@media(max-width:640px){.calc{grid-template-columns:minmax(0,1fr)}}