.intro{font-size:var(--font-size-lg);color:var(--color-text-light);margin-bottom:var(--space-xl)}.last-updated{font-size:.85rem;color:var(--color-text-muted, #6b7280);margin-top:-.5rem;margin-bottom:1.5rem}.converter-form{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--space-lg);margin-bottom:var(--space-xl)}.converter-row{display:flex;align-items:center;gap:var(--space-md)}.converter-col{flex:1;display:flex;flex-direction:column;gap:var(--space-xs)}.converter-col label{font-size:.85rem;font-weight:500;color:var(--color-text)}.converter-col input,.converter-col select{padding:var(--space-sm);border:1px solid var(--color-border);border-radius:var(--border-radius);font-size:var(--font-size-base);width:100%;box-sizing:border-box}.converter-col input:focus,.converter-col select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #3b82f626}.converter-col input[readonly]{background:var(--color-bg-alt);cursor:default}.swap-btn-wrapper{display:flex;align-items:center;margin-top:1.5rem}.swap-btn{width:40px;height:40px;border:1px solid var(--color-border);border-radius:50%;background:var(--color-bg);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:var(--color-text);transition:all .2s}.swap-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-bg-alt)}.swap-btn:active{transform:rotate(180deg)}.converter-result{text-align:center;padding:var(--space-lg);background:var(--color-primary);color:#fff;border-radius:var(--border-radius);margin-bottom:var(--space-xl)}.converter-result .value{font-size:var(--font-size-2xl);font-weight:600}.converter-result .detail{font-size:.85rem;opacity:.85;margin-top:var(--space-xs)}.converter-actions{display:flex;gap:var(--space-md);align-items:center;flex-wrap:wrap;margin-bottom:var(--space-lg)}.conversion-table-section{margin-bottom:var(--space-xl)}.conversion-table-section h2{margin-bottom:var(--space-md)}.all-to-all-section{margin-bottom:var(--space-xl);overflow-x:auto}.all-to-all-section h2{margin-bottom:var(--space-md)}.all-to-all-tabs{display:flex;gap:var(--space-xs);margin-bottom:var(--space-md);flex-wrap:wrap}.all-to-all-tabs button{padding:var(--space-xs) var(--space-md);border:1px solid var(--color-border);border-radius:var(--border-radius);background:var(--color-bg);cursor:pointer;font-size:.85rem;font-weight:500;color:var(--color-text);transition:all .15s}.all-to-all-tabs button:hover{border-color:var(--color-primary);color:var(--color-primary)}.all-to-all-tabs button.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.all-to-all-content{overflow-x:auto}.all-to-all-table{width:100%;border-collapse:collapse;font-size:.8rem}.all-to-all-table th,.all-to-all-table td{padding:6px 8px;border:1px solid var(--color-border);text-align:right;white-space:nowrap}.all-to-all-table th{background:var(--color-bg-alt);font-weight:600;text-align:center}.all-to-all-table td.diagonal{background:var(--color-bg-alt);font-weight:600;color:var(--color-primary)}.all-to-all-table th:first-child,.all-to-all-table td:first-child{text-align:left;font-weight:600;background:var(--color-bg-alt);position:sticky;left:0;z-index:1}.formula-section{margin-bottom:var(--space-xl);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--space-lg)}.formula-section h2{margin-bottom:var(--space-md)}.formula-display{font-family:Courier New,monospace;font-size:var(--font-size-lg);font-weight:600;padding:var(--space-md);background:var(--color-bg-alt);border-radius:var(--border-radius);text-align:center;margin-bottom:var(--space-md)}.formula-example-label{font-size:.85rem;font-weight:600;color:var(--color-text-muted);margin:0 0 var(--space-xs)}.formula-example{font-size:.9rem;color:var(--color-text-light);line-height:1.6}.formula-example strong{color:var(--color-text)}.unit-definitions{margin-bottom:var(--space-xl)}.unit-definitions h2{margin-bottom:var(--space-md)}.unit-def-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.unit-def-card{padding:var(--space-md);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--border-radius)}.unit-def-card .unit-symbol{font-size:var(--font-size-lg);font-weight:700;color:var(--color-primary);margin-bottom:var(--space-xs)}.unit-def-card .unit-name{font-weight:600;margin-bottom:var(--space-xs)}.unit-def-card .unit-desc{font-size:.85rem;color:var(--color-text-light);line-height:1.5}.related-converters{margin-bottom:var(--space-xl)}.related-converters h2{margin-bottom:var(--space-md)}.related-subheading{margin:var(--space-lg) 0 var(--space-md);font-size:1.1rem}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md)}.related-card{display:block;padding:var(--space-md);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--border-radius);text-decoration:none;color:var(--color-text);transition:border-color .15s,box-shadow .15s}.related-card:hover{border-color:var(--color-primary);box-shadow:0 2px 8px #3b82f61a}.related-card .card-title{font-weight:600;margin-bottom:var(--space-xs);color:var(--color-primary)}.related-card .card-desc{font-size:.85rem;color:var(--color-text-light)}.chart-mini{position:relative;height:220px;margin:var(--space-md) 0 var(--space-xl)}@media (max-width: 768px){.converter-row{flex-direction:column;align-items:stretch}.swap-btn-wrapper{align-self:center;transform:rotate(90deg)}.unit-def-grid{grid-template-columns:1fr}.related-grid{grid-template-columns:1fr 1fr}.all-to-all-table{font-size:.75rem}}@media (max-width: 640px){.related-grid{grid-template-columns:1fr}.converter-actions{flex-direction:column;align-items:stretch}}@media (max-width: 480px){.converter-form,.formula-section{padding:var(--space-md)}.chart-mini{height:180px}.all-to-all-table th,.all-to-all-table td{padding:4px 5px;font-size:.7rem}}