.answer-box{background:var(--primary-light);border-left:4px solid var(--primary);border-radius:var(--radius-sm);color:var(--text-secondary);margin:20px 0;padding:18px 20px;font-size:1.02em;line-height:1.7}.answer-box strong{color:var(--primary)}.calc-intro{text-align:center;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);background:#fff;margin:30px 0;padding:2.5rem 2rem}.intro-text{color:var(--text-secondary);margin-bottom:1.5rem;font-size:1.1rem;line-height:1.7}.calc-info{flex-wrap:wrap;justify-content:center;gap:12px;margin:1.5rem 0;display:flex}.calc-info p{background:var(--bg-muted);color:var(--text-secondary);border-radius:20px;margin:0;padding:7px 14px;font-size:.9rem;font-weight:500}.calc-form{border-radius:var(--radius);text-align:left;background:#fff;max-width:500px;margin:1.5rem auto 0;padding:1.8rem}.form-group{margin-bottom:1.1rem}.form-group label{color:var(--text);margin-bottom:8px;font-size:.92rem;font-weight:600;display:block}.input-wrapper{align-items:center;gap:8px;display:flex}.input-wrapper input{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);flex:1;padding:.8rem 1rem;font-size:1rem;transition:all .15s}.input-wrapper input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light);outline:none}.input-unit{color:var(--text-tertiary);min-width:30px;font-size:1rem;font-weight:600}.form-group select{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);cursor:pointer;background:#fff;padding:.8rem 1rem;font-size:1rem;transition:all .15s}.form-group select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light);outline:none}.btn-primary{background:var(--primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;width:100%;margin-top:.5rem;padding:.95rem 2rem;font-size:1.05rem;font-weight:600;transition:background .15s}.btn-primary:hover{background:var(--primary-hover)}.content-section{max-width:800px;margin:40px auto;line-height:1.8}.content-section h2{color:var(--text);margin-top:2rem;margin-bottom:1rem;font-size:1.4em}.content-section p{color:var(--text-secondary);margin-bottom:15px}.content-section li strong,.content-section p strong{color:var(--primary)}.conv-table{border-collapse:collapse;width:100%;max-width:640px;margin:0 auto 24px;font-size:.95em}.conv-table th,.conv-table td{text-align:center;border-bottom:1px solid var(--border);padding:11px 14px}.conv-table thead th{background:var(--bg-muted);color:var(--text);font-weight:700}.conv-table td{color:var(--text-secondary)}.conv-table td:first-child{color:var(--text);font-weight:700}.conv-table tbody tr:nth-child(2n){background:var(--bg-subtle)}.conv-table tbody tr:last-child td{border-bottom:none}.faq-list{max-width:800px;margin:10px auto}.faq-item{background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:14px;padding:18px 22px}.faq-q{color:var(--text);margin:0 0 8px;font-weight:700}.faq-a{color:var(--text-secondary);margin:0;line-height:1.75}.result-container{padding:40px 20px}.conv-result{flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;margin:20px 0 10px;display:flex}.conv-from,.conv-to{color:var(--text);font-size:2.6em;font-weight:800}.conv-to{color:var(--primary)}.conv-unit{color:var(--text-tertiary);margin-left:5px;font-size:.42em;font-weight:600}.conv-eq{color:var(--text-tertiary);font-size:2em;font-weight:700}.conv-note{text-align:center;color:var(--text-secondary);margin-bottom:30px;font-size:1.05em}.bmi-table-section{margin-bottom:30px}.bmi-table-section h3{color:var(--text);text-align:center;margin-bottom:20px;font-size:1.3em}.bmi-table{border-collapse:collapse;width:100%;max-width:500px;margin:0 auto;font-size:.95em}.bmi-table th,.bmi-table td{text-align:center;border-bottom:1px solid var(--border);padding:12px 16px}.bmi-table thead th{background:var(--bg-muted);color:var(--text);font-weight:700}.bmi-table td{color:var(--text-secondary)}.bmi-table tbody tr:nth-child(2n){background:var(--bg-subtle)}.bmi-table tbody tr:last-child td{border-bottom:none}#retry-btn{max-width:300px;margin:40px auto;display:block}@media (width<=768px){.calc-info{flex-direction:column;gap:10px}.calc-form{padding:20px}.conv-from,.conv-to{font-size:2em}.conv-table th,.conv-table td{padding:9px 8px;font-size:.85em}}