:root{--primary-color:#2563eb;--secondary-color:#1e40af;--bg-color:#f3f4f6;--card-bg:#ffffff;--text-main:#1f2937;--text-muted:#6b7280;--highlight-bg:#eff6ff;--highlight-border:#3b82f6;--border-radius:12px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;background-color:var(--bg-color);color:var(--text-main);line-height:1.6;padding:20px}.container{max-width:800px;margin:0 auto}header{text-align:center;margin-bottom:30px}header h1{font-size:2rem;color:var(--primary-color);margin-bottom:10px}header p{color:var(--text-muted)}.converter-card{background:var(--card-bg);padding:30px;border-radius:var(--border-radius);box-shadow:0 4px 6px -1px rgba(0,0,0,0.1);margin-bottom:30px}.input-group{margin-bottom:25px}.input-group label{display:block;margin-bottom:8px;font-weight:600}.input-wrapper{display:flex;gap:10px}input[type="number"]{flex:2;padding:12px 15px;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;outline:none;transition:border-color 0.3s}input[type="number"]:focus{border-color:var(--primary-color)}select{flex:1;padding:12px;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;background-color:white;cursor:pointer;transition:background-color 0.2s}@media (hover:none) and (pointer:coarse){select:active{background-color:#f0f0f0}input[type="number"]:active{background-color:#fafafa}}.results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px}.result-item{background:#f9fafb;padding:15px;border-radius:8px;text-align:center;border:1px solid #e5e7eb;word-break:break-word;overflow-wrap:break-word}.result-item.highlight{background:var(--highlight-bg);border-color:var(--highlight-border);grid-column:1 / -1}.result-item .label{display:block;font-size:0.85rem;color:var(--text-muted);margin-bottom:5px}.result-item .value{display:block;font-size:1.8rem;font-weight:700;color:var(--text-main);word-break:break-word;overflow-wrap:break-word}.result-item.highlight .value{color:var(--primary-color);font-size:2.2rem}.result-item .unit{font-size:0.9rem;color:var(--text-muted);font-weight:normal}.result-item small{display:block;font-size:0.75rem;color:var(--text-muted);margin-top:5px}.reference-table{background:var(--card-bg);padding:30px;border-radius:var(--border-radius);box-shadow:0 4px 6px -1px rgba(0,0,0,0.1)}.reference-table h2{margin-bottom:20px;font-size:1.5rem;color:var(--text-main)}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}table{width:100%;border-collapse:collapse;min-width:600px}th,td{padding:12px 15px;text-align:left;border-bottom:1px solid #e5e7eb}th{background-color:#f9fafb;color:var(--text-main);font-weight:600}tr:last-child td{border-bottom:none}.note{margin-top:15px;font-size:0.85rem;color:var(--text-muted);font-style:italic}footer{text-align:center;margin-top:40px;color:var(--text-muted);font-size:0.9rem}@media (max-width:768px){body{padding:12px}.converter-card,.reference-table{padding:20px;margin-bottom:20px}header h1{font-size:1.6rem}header p{font-size:0.85rem}.input-group{margin-bottom:20px}.results-grid{gap:10px}.result-item{padding:12px}.result-item .value{font-size:1.4rem}.result-item.highlight .value{font-size:1.8rem}.result-item .label{font-size:0.75rem}.result-item .unit{font-size:0.8rem}.reference-table h2{font-size:1.3rem;margin-bottom:15px}th,td{padding:10px 12px;font-size:0.85rem}footer{margin-top:30px;font-size:0.8rem}}@media (max-width:600px){body{padding:8px}.converter-card,.reference-table{padding:15px;border-radius:10px}header{margin-bottom:20px}header h1{font-size:1.3rem}header p{font-size:0.75rem}.input-group{margin-bottom:15px}.input-group label{font-size:0.9rem;margin-bottom:6px}.input-wrapper{flex-direction:column;gap:8px}input[type="number"],select{width:100%;padding:12px;font-size:16px}.results-grid{grid-template-columns:repeat(2,1fr);gap:8px}.result-item{padding:10px 8px}.result-item .value{font-size:1.2rem}.result-item.highlight{grid-column:1 / -1}.result-item.highlight .value{font-size:1.5rem}.result-item .label{font-size:0.7rem}.result-item .unit{font-size:0.7rem}.result-item small{font-size:0.65rem;margin-top:3px}.reference-table h2{font-size:1.2rem}th,td{padding:8px 10px;font-size:0.8rem}.note{font-size:0.75rem}footer{margin-top:20px;font-size:0.7rem}}@media (max-width:400px){.results-grid{grid-template-columns:repeat(2,1fr);gap:6px}.result-item{padding:8px 6px}.result-item .value{font-size:1rem}.result-item.highlight .value{font-size:1.3rem}.result-item .label{font-size:0.65rem}.result-item .unit{font-size:0.65rem}}@media (max-width:768px) and (orientation:landscape){.container{max-width:90%}.results-grid{grid-template-columns:repeat(3,1fr)}.result-item.highlight{grid-column:span 1}}@media (hover:none) and (pointer:coarse){.input-wrapper input,.input-wrapper select{padding:14px 12px;font-size:16px}th,td{cursor:pointer}}