.bin-calculator{min-width:0;margin-bottom:2rem}.bin-tagline{color:var(--color-text-secondary);margin:0 0 1.5rem;font-size:1.125rem}.bin-toolbar{flex-wrap:wrap;align-items:end;gap:1.25rem;margin-bottom:1.5rem;display:flex}.bin-toolbar>label{flex:1;min-width:200px}.bin-calculator label{font-weight:600;display:block}.bin-calculator :is(input:not([type=radio]),select,textarea){border:1px solid var(--color-control-border);background:var(--color-card);width:100%;min-width:0;min-height:48px;color:var(--color-text);font:inherit;border-radius:.5rem;margin-top:.4rem;padding:.7rem}.bin-calculator textarea{resize:vertical;overflow-wrap:anywhere;font-family:ui-monospace,monospace}.bin-view{border:0;gap:.4rem;margin:0;padding:0;display:flex}.bin-view legend{margin-bottom:.4rem;font-weight:600}.bin-view label{border:1px solid var(--color-border);background:var(--color-card);cursor:pointer;border-radius:.5rem;align-items:center;gap:.45rem;min-height:48px;padding:.65rem;display:flex}.bin-view-selected{color:var(--color-primary-deep);background:var(--color-primary-light)!important;border-color:var(--color-primary)!important}.bin-inputs,.bin-result,.bin-breakdown,.bin-inspector,.bin-learn,.bin-reference{min-width:0;padding:clamp(1rem,2.5vw,1.75rem)}.bin-calculator h2{font-size:1.25rem}.bin-result{background:linear-gradient(145deg,var(--color-primary-light),var(--color-card))}.bin-primary{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;max-height:280px;color:var(--color-primary-deep);min-height:2.5em;font:650 clamp(1.25rem,2vw,1.65rem)/1.6 ui-monospace,monospace;overflow:auto}.bin-muted{color:var(--color-text-secondary)}.bin-counter{font-size:.875rem}.bin-actions{flex-wrap:wrap;align-items:center;gap:.65rem;margin:1rem 0;display:flex}.bin-copy-status{min-height:1.65em}.bin-error,.bin-warning{color:#92400e;overflow-wrap:anywhere}.bin-error:empty{margin:0}.bin-invalid-preview{overflow-wrap:anywhere}.bin-invalid-preview mark{color:#78350f;background:#fef3c7;border:2px solid #92400e;border-radius:.2rem;padding:.1rem;font-weight:750}.bin-breakdown,.bin-inspector,.bin-learn,.bin-reference{margin-top:1.25rem}.bin-table-scroll{max-width:100%;overflow:auto}.bin-table{border-collapse:collapse;width:100%;min-width:430px}.bin-table :is(th,td){text-align:left;border-bottom:1px solid var(--color-border);padding:.65rem}.bin-table caption{text-align:left;color:var(--color-text-secondary);margin:.5rem 0;font-size:.875rem}.bin-byte{font:inherit;border:1px solid var(--color-border);background:var(--color-card);min-height:44px;color:var(--color-primary-deep);cursor:pointer;border-radius:.4rem;padding:.5rem;font-family:ui-monospace,monospace}.bin-selected{background:var(--color-primary-light)}.bin-selected .bin-byte{border-color:var(--color-primary);font-weight:750}.bin-inspector dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.bin-inspector dt{color:var(--color-text-secondary)}.bin-inspector dd{overflow-wrap:anywhere;margin:0;font-weight:600}.bin-math{overflow-wrap:anywhere;font-family:ui-monospace,monospace}.bin-learn li{margin:1rem 0}.bin-learn li p{margin-top:.25rem}.bin-reference summary{cursor:pointer;min-height:44px;color:var(--color-primary-deep);font-weight:650}.bin-calculator button:disabled{opacity:.5;cursor:default}.bin-calculator :is(button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}@media (max-width:390px){.bin-inspector dl{gap:.75rem}.bin-table :is(th,td){padding:.45rem}}@media (prefers-reduced-motion:reduce){.bin-calculator *{scroll-behavior:auto;transition:none}}.bin-calculator #bin-input,.bin-calculator #bin-copy-text{font-family:ui-monospace,monospace}.bin-table-hint{color:var(--color-text-secondary);font-size:.875rem;display:none}@media (max-width:600px){.bin-table-hint{display:block}}