.converter{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-3);box-shadow:var(--shadow-tool);padding:20px;position:relative;overflow:hidden;container-type:inline-size}.tool-col{max-width:760px}.input-row{grid-template-columns:.8fr 1.4fr;gap:12px;display:grid}.entry-hint{color:var(--muted);margin:8px 2px 0;font-size:.875rem;display:none}@media (pointer:fine){.entry-hint{display:block}}.reading{color:var(--ink);margin:6px 2px 0;font-size:.875rem;font-weight:600}.field-error{color:var(--error);margin:6px 2px 0;font-size:.875rem;font-weight:600}.live{border-top:1px solid var(--line);min-height:6.5rem;margin-top:16px;padding-top:12px}.answer-head{justify-content:space-between;align-items:center;gap:12px;min-height:40px;display:flex}.result-kicker{color:var(--muted);margin:0;font-size:.9375rem}.copy-btn{flex:none;min-height:40px;padding:6px 14px}.copy-btn .ico svg{width:16px;height:16px;display:block}.result-main{letter-spacing:-.03em;font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:baseline;gap:8px;margin:4px 0 8px;font-size:clamp(3rem,1.5rem + 12cqi,4.5rem);font-weight:700;line-height:1.05;display:flex}.result-main .num{background:linear-gradient(transparent 66%, var(--mark) 66%, var(--mark) 92%, transparent 92%);padding:0 .04em}.live[data-valid=false] .num{background:0 0}.result-main .unit{letter-spacing:-.01em;color:var(--muted);font-size:.38em;font-weight:600}.result-main.small{margin:6px 0;font-size:clamp(2rem,1rem + 8cqi,2.7rem)}.result-main .as{letter-spacing:0;color:var(--accent);font-size:.875rem;font-weight:600}.converter-root[data-ready] .result-main{animation:numIn var(--dur-fast) var(--ease-out)}@keyframes numIn{0%{opacity:0;transform:translateY(4px)}}.result-note{color:var(--muted);margin:6px 0 0;font-size:.875rem}.primary-density{align-items:center;gap:var(--s-2);margin:0 0 var(--s-2);color:var(--muted);font-size:.875rem;display:flex}.primary-density:empty{display:none}.bridge-items{display:contents}.showas{gap:var(--s-2);margin:var(--s-3) 0 0;flex-wrap:wrap;display:flex}.showas:empty{display:none}.chip.unit{font-variant-numeric:tabular-nums}.examples{align-items:center;gap:var(--s-2);margin:var(--s-3) 0 0;color:var(--muted);flex-wrap:wrap;font-size:.875rem;display:flex}.frac b{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.frac i{font-variant-numeric:diagonal-fractions;font-style:normal}.anchor{align-items:flex-start;gap:8px;margin:12px 0 0;font-size:.9375rem;line-height:1.5;display:flex}.anchor .ico{color:var(--accent);flex:none;margin-top:2px}.anchor .ico svg{width:18px;height:18px;display:block}.bridge{color:var(--muted);align-items:center;gap:var(--s-2);flex-wrap:wrap;margin:12px 0 0;font-size:.875rem;display:flex}.bridge b{color:var(--ink)}#bridgeDetails .bridge{margin:0}.density-pick{align-items:center;gap:var(--s-2);display:inline-flex}.density-label{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.primary-density .density-label{clip:auto;width:auto;height:auto;color:var(--ink);margin:0;font-weight:600;position:static;overflow:visible}.density-pick select,.tool-field select,.tool-field input{border:1px solid var(--line-strong);border-radius:var(--r-1);background:var(--surface);min-height:36px;padding:0 8px;font-size:.875rem}.link-chip{border:1px solid var(--line-strong);background:var(--surface);min-height:36px;color:var(--accent);cursor:pointer;font-variant-numeric:tabular-nums;border-radius:999px;padding:4px 12px;font-size:.875rem;font-weight:600}.assume{color:var(--muted);margin-top:12px;font-size:.9375rem}.assume-text{margin:0;line-height:1.5}.assume-text b{color:var(--ink);font-weight:600}.assume-opts{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.assume-did{font-size:.875rem}.assume-opt{gap:6px;padding:6px 12px}.assume-opt b{font-weight:600}.assume-opt span{color:var(--muted);font-variant-numeric:tabular-nums}.context-line{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;font-size:.875rem;display:flex}.context-line b{color:var(--ink);font-weight:600}.link-btn{min-height:36px;color:var(--accent);cursor:pointer;text-underline-offset:.18em;background:0 0;border:0;padding:6px 0;font-size:.875rem;font-weight:600;text-decoration:underline 1px}.details{border-top:1px solid var(--line);margin-top:16px}.details summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:48px;font-weight:600;list-style:none;display:flex}.details summary::-webkit-details-marker{display:none}.details .chev{color:var(--muted);transition:transform var(--dur-fast) var(--ease-out);display:inline-flex}.details .chev svg{width:18px;height:18px;display:block}.details[open] .chev{transform:rotate(180deg)}.details-body{justify-items:start;gap:16px;padding-bottom:4px;display:grid}.details-body>*{min-width:0;max-width:100%}.details-body>div{width:100%}.details-body h3{margin:0 0 8px;font-size:.875rem;font-weight:600}.all-units{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;column-gap:24px;margin:0;display:grid}.all-units>div{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding:6px 0;font-size:.9375rem;display:flex}.all-units dt{color:var(--muted)}.all-units dd{font-variant-numeric:tabular-nums;margin:0;font-weight:600}.why-body{border-radius:var(--r-2);background:var(--surface-2);color:var(--muted);padding:12px 14px;font-size:.875rem;line-height:1.65}.why-body div+div{margin-top:6px}.also{align-items:center;gap:var(--s-2);color:var(--muted);flex-wrap:wrap;font-size:.875rem;display:flex}.tool-chips{gap:var(--s-2);flex-wrap:wrap;display:flex}.tool-btn[aria-expanded=true]{background:var(--accent-soft);border-color:var(--accent)}#share .ico svg{width:16px;height:16px;display:block}.tool-panel{margin-top:16px}.tool-panel[hidden]{margin-top:0}.tool-panel>.inner{padding:0 19px}.tool-panel>.inner>.tool-body{padding:19px 0}.tool-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.tool-head h3{margin:0;font-size:1rem;font-weight:600}.tool-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.tool-field{flex-direction:column;gap:5px;display:flex}.tool-field label{color:var(--ink);font-size:.875rem;font-weight:600}.tool-field .pair{gap:6px;display:flex}.tool-field input{flex:1;width:100%;min-width:0;min-height:42px;font-size:1rem}.tool-field select{width:84px;min-height:42px;font-size:.9375rem}.tool-out{border-radius:var(--r-2);background:var(--surface-2);font-variant-numeric:tabular-nums;margin-top:12px;padding:12px 14px;font-size:.9375rem;line-height:1.65}.tool-out b{letter-spacing:-.01em;font-size:1.25rem}.tool-out p{margin:8px 0 0}.mini{border-collapse:collapse;width:100%;font-size:.875rem}.mini td{border-bottom:1px solid var(--line);padding:6px 4px}.mini td:last-child{text-align:right;font-variant-numeric:tabular-nums}.mini tr:last-child td{border-bottom:0}.side{flex-direction:column;gap:32px;display:flex}.side h2{letter-spacing:-.01em;margin:0 0 8px;font-size:1rem;font-weight:700}.starts-list{border-top:1px solid var(--line)}.size-btn{border:0;border-bottom:1px solid var(--line);text-align:left;cursor:pointer;width:100%;min-height:44px;transition:background var(--dur-fast) var(--ease-out);background:0 0;border-radius:0;align-items:center;gap:8px;padding:8px 10px;font-size:.9375rem;display:flex;position:relative}.size-btn .chk{visibility:hidden;flex:none;display:inline-block}.size-btn[aria-pressed=true]{background:var(--accent-soft);border-radius:var(--r-1);box-shadow:inset 0 0 0 1px var(--accent);z-index:1;border-bottom-color:#0000}.size-btn[aria-pressed=true] .chk{visibility:visible}.size-label{flex:1;font-weight:500}.size-note{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.875rem}.size-btn:active{transform:scale(.99)}.guide-prompt{color:var(--muted);margin:16px 0 0;font-size:.9375rem}.guide-link{color:var(--accent);text-underline-offset:.18em;text-decoration:underline 1px}.guide-link:hover{text-decoration-thickness:2px}@media (hover:hover){.link-chip:hover{border-color:var(--ink)}.size-btn:hover:not([aria-pressed=true]){background:var(--surface-2)}}.link-chip:active{transform:scale(.97)}@media (width<=980px){.side{grid-template-columns:1fr 1fr;align-items:start;gap:24px 32px;display:grid}}@media (width<=720px){.converter{padding:16px}.side,.tool-grid{grid-template-columns:1fr}.live{min-height:0;margin-top:12px;padding-top:8px}.answer-head,.copy-btn{min-height:36px}.result-main{margin:2px 0 6px;font-size:clamp(2.75rem,1.25rem + 10cqi,4.5rem)}.showas{gap:6px;margin-top:8px}.showas .chip{min-height:36px;padding:4px 12px}.anchor{margin-top:10px}.assume{margin-top:10px;font-size:.875rem}}@media (width<=520px){.showas .chip:nth-child(n+4){display:none}}@media (forced-colors:active){.size-btn[aria-pressed=true]{box-shadow:none;border:3px solid highlight}.result-main .num{background:0 0}}@media (prefers-contrast:more){.size-btn{border-bottom-width:2px}}