.sens{gap:20px;display:grid}.sens-io{grid-template-columns:minmax(0,1fr) 52px minmax(0,1fr);align-items:center;gap:12px;display:grid}.sens-side{background:var(--tile);border:0;border-radius:24px;align-content:start;gap:14px;min-width:0;height:100%;margin:0;padding:20px;display:grid}.sens-side legend{float:left;letter-spacing:.06em;text-transform:uppercase;width:100%;color:var(--muted);margin-bottom:2px;padding:0;font-size:12px;font-weight:650}.sens .tool-field input,.sens .tool-field select{width:100%;min-width:0}.sens-side .tool-field input,.sens-side .tool-field select{background:var(--surface);box-shadow:var(--ring)}.sens-pair{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start;gap:10px;display:grid}.sens-side.is-to{background:var(--ink);color:#fff}.sens-side.is-to legend,.sens-side.is-to .tool-field span{color:#ffffff9e}.sens-side.is-to .tool-field input,.sens-side.is-to .tool-field select{color:#fff;background:#ffffff17;box-shadow:inset 0 0 0 1px #ffffff14}.sens-side.is-to .tool-field select option{color:var(--ink);background:#fff}.sens-side.is-to .tool-field input:focus-visible,.sens-side.is-to .tool-field select:focus-visible{outline-color:#fff}.sens-result{gap:6px;min-width:0;display:grid}.sens-result span{color:#ffffff9e;font-size:12px;font-weight:600}.sens-result output{text-overflow:ellipsis;font-family:var(--font-mono);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:clamp(34px,4.4vw,48px);font-weight:500;line-height:1.05;display:block;overflow:hidden}.sens-result small{color:#e9a47f;margin-left:2px;font-size:.5em}.sens-copy{color:var(--ink);background:#fff;justify-self:start}.sens-copy:focus-visible{outline-color:#fff}.sens-swap{background:var(--surface);width:52px;height:52px;box-shadow:var(--ring), var(--float);color:var(--ink);transition:transform .5s var(--ease-spring);border:0;border-radius:50%;place-items:center;padding:0;display:grid}.sens-swap:hover{transform:rotate(180deg)}.sens-swap:active{transform:rotate(180deg)scale(.92)}.sens-notes{gap:8px;display:grid}.sens-notes b{color:var(--ink-2);font-weight:600}.sens-all h3{letter-spacing:-.01em;flex-wrap:wrap;align-items:baseline;gap:8px;margin:8px 0 12px;font-size:15px;font-weight:600;display:flex}.sens-all h3 small{color:var(--muted);font-size:13px;font-weight:500}.sens-all ul{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}.sens-all button{width:100%;min-height:46px;box-shadow:inset 0 0 0 1px var(--line);color:var(--ink-2);text-align:left;background:0 0;border:0;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:0 16px;font-size:14px;transition:background-color .2s,box-shadow .2s;display:flex}.sens-all button:hover{background:var(--tile)}.sens-all button[aria-pressed=true]{background:var(--accent-soft);color:var(--ink);box-shadow:inset 0 0 0 1px #a84a1c40}.sens-all b{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--ink);font-size:15px;font-weight:500}@media (max-width:759px){.sens-io{grid-template-columns:minmax(0,1fr);gap:8px}.sens-swap{justify-self:center;transform:rotate(90deg)}.sens-swap:hover{transform:rotate(270deg)}.sens-swap:active{transform:rotate(270deg)scale(.92)}.sens-side{border-radius:20px;padding:16px}}