.tool-header{display:flex;align-items:center;justify-content:space-between;padding:16px;background-color:var(--color-accent);color:#fff}.back-link{color:#fff;text-decoration:none}.tool-title{font-size:18px;margin:0;font-weight:600}.share-button{background:none;border:none;color:#fff;cursor:pointer;padding:4px}.converter-container{background-color:var(--card-bg-color);border-radius:var(--border-radius);padding:20px;box-shadow:var(--box-shadow);margin-bottom:24px;width:100%;box-sizing:border-box}.category-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;border-bottom:1px solid var(--border-color);padding-bottom:12px}.category-tab{padding:8px 12px;background-color:#f0f0f0;border:none;border-radius:var(--border-radius);font-size:14px;cursor:pointer;transition:background-color .2s,color .2s}.category-tab:hover{background-color:#e0e0e0}.category-tab.active{background-color:var(--color-accent);color:#fff}.converter-form{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.input-section,.output-section{display:flex;flex-direction:column;gap:12px}.form-group{margin-bottom:8px}.form-label{display:block;font-weight:600;margin-bottom:8px;color:var(--color-text)}.form-input,.form-select{width:100%;padding:12px;border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:16px;box-sizing:border-box}.form-input:focus,.form-select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-light)}.result-input{font-weight:700;background-color:var(--color-surface-hover)}.swap-button{align-self:center;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:#f0f0f0;border:none;cursor:pointer;transition:background-color .2s}.swap-button:hover{background-color:#e0e0e0}.result-details{background-color:var(--color-surface-hover);border-radius:var(--border-radius);padding:16px}.formula-display{font-size:14px;color:var(--color-text-secondary);margin-bottom:16px;line-height:1.5}.action-buttons{display:flex;gap:12px}.action-button{display:flex;align-items:center;gap:8px;padding:10px 16px;background-color:#f0f0f0;border:none;border-radius:var(--border-radius);font-size:14px;cursor:pointer;transition:background-color .2s}.action-button:hover{background-color:#e0e0e0}.common-conversions,.unit-info{background-color:var(--card-bg-color);border-radius:var(--border-radius);padding:20px;box-shadow:var(--box-shadow);margin-bottom:24px;width:100%;box-sizing:border-box}.section-title{font-size:18px;margin:0 0 16px;color:var(--color-accent);font-weight:600}.conversion-buttons{display:flex;flex-wrap:wrap;gap:8px}.conversion-button{padding:8px 12px;background-color:#f0f0f0;border:none;border-radius:var(--border-radius);font-size:14px;cursor:pointer;transition:background-color .2s}.conversion-button:hover{background-color:#e0e0e0}.unit-info-content{font-size:14px;line-height:1.6;color:var(--color-text)}.unit-info-content h4{font-size:16px;margin:16px 0 8px;color:var(--color-text)}.unit-info-content p{margin:0 0 12px}.unit-info-content ul{margin:0 0 16px;padding-left:20px}.unit-info-content li{margin-bottom:4px}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%) translateY(100px);background-color:#000c;color:#fff;padding:12px 24px;border-radius:8px;font-size:14px;opacity:0;transition:transform .3s ease,opacity .3s ease;z-index:1000;pointer-events:none}.toast.show{transform:translate(-50%) translateY(0);opacity:1}@media(min-width:768px){.tool-title{font-size:22px}.converter-form{flex-direction:row;align-items:center}.input-section,.output-section{flex:1}.swap-button{margin:0 16px}.category-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px}.category-tab{white-space:nowrap}}