.tool-page{padding-top:var(--space-8);padding-bottom:var(--space-12);max-width:760px}.mm-hero{margin-bottom:var(--space-6)}.tool-desc{color:var(--ink-light);font-size:var(--text-lg);margin-bottom:var(--space-2);line-height:1.6}.mm-input-card{background:var(--paper);border:2px solid var(--grid);border-radius:var(--radius-lg, 12px);padding:var(--space-6);margin-bottom:var(--space-4)}.field-label{display:block;font-family:var(--font-display);font-weight:600;font-size:var(--text-sm);color:var(--ink);margin-bottom:var(--space-2);text-transform:uppercase;letter-spacing:.04em}.text-input{width:100%;border:1px solid var(--grid);border-radius:8px;padding:var(--space-3);font-family:var(--font-body);font-size:var(--text-base);color:var(--ink);background:var(--desk-warm, #faf8f5);margin-bottom:0;transition:border-color .15s ease}.text-input:focus{outline:none;border-color:var(--coral)}.formula-input{font-size:var(--text-xl);font-family:SF Mono,Fira Code,Consolas,monospace;letter-spacing:.02em;padding:var(--space-4)}.error-msg{color:#c0392b;font-size:var(--text-sm);font-weight:600;min-height:1.4em;margin-top:var(--space-2);margin-bottom:0}.examples-section{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-8)}.examples-label{font-family:var(--font-display);font-weight:600;font-size:var(--text-sm);color:var(--ink-light);text-transform:uppercase;letter-spacing:.04em;flex-shrink:0}.example-chips{display:flex;gap:var(--space-2);flex-wrap:wrap}.chip{display:inline-flex;align-items:center;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:var(--text-sm);padding:var(--space-1) var(--space-3);border-radius:999px;border:1.5px solid var(--grid);background:var(--paper);color:var(--ink);cursor:pointer;transition:border-color .15s ease,background .15s ease;white-space:nowrap;line-height:1.6}.chip:hover{border-color:var(--coral);background:color-mix(in srgb,var(--coral) 8%,transparent)}.chip sub{font-size:.75em;vertical-align:baseline;position:relative;top:.25em}.result--hidden{display:none}.result-section{margin-bottom:var(--space-10)}.formula-display{display:flex;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-4)}.formula-label{font-family:var(--font-display);font-weight:600;font-size:var(--text-sm);color:var(--ink-light);text-transform:uppercase;letter-spacing:.04em;flex-shrink:0}.formula-rendered{font-family:SF Mono,Fira Code,Consolas,monospace;font-size:var(--text-2xl);color:var(--ink);font-weight:600}.formula-rendered sub{font-size:.7em;vertical-align:baseline;position:relative;top:.3em}.mass-card{background:var(--paper);border:2px solid var(--grid);border-radius:var(--radius-lg, 12px);padding:var(--space-6);margin-bottom:var(--space-6);display:flex;align-items:baseline;gap:var(--space-3);flex-wrap:wrap;box-shadow:var(--shadow-peel, 0 2px 8px rgba(0,0,0,.06))}.mass-label{font-family:var(--font-display);font-weight:600;font-size:var(--text-sm);color:var(--ink-light);text-transform:uppercase;letter-spacing:.04em}.mass-value{font-family:var(--font-display);font-weight:800;font-size:var(--text-4xl, 2.25rem);color:var(--coral);line-height:1}.mass-unit{font-family:var(--font-display);font-weight:600;font-size:var(--text-lg);color:var(--ink-light)}.comp-bar-section{margin-bottom:var(--space-6)}.comp-bar{display:flex;height:28px;border-radius:999px;overflow:hidden;border:1.5px solid var(--grid);margin-bottom:var(--space-3)}.comp-bar-seg{height:100%;transition:width .3s ease;position:relative}.comp-bar-seg:first-child{border-radius:999px 0 0 999px}.comp-bar-seg:last-child{border-radius:0 999px 999px 0}.comp-bar-seg:only-child{border-radius:999px}.comp-legend{display:flex;gap:var(--space-4);flex-wrap:wrap}.comp-legend-item{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--ink)}.comp-legend-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.breakdown-section{margin-bottom:var(--space-6)}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.breakdown-table{width:100%;border-collapse:collapse;font-size:var(--text-sm);margin-top:var(--space-2)}.breakdown-table th,.breakdown-table td{padding:var(--space-2) var(--space-3);text-align:left;border-bottom:1px solid var(--grid)}.breakdown-table th{font-family:var(--font-display);font-weight:700;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-light);background:color-mix(in srgb,var(--grid) 30%,transparent)}.breakdown-table td{color:var(--ink)}.breakdown-table td:first-child{font-weight:700}.breakdown-table tfoot td{font-weight:700;border-top:2px solid var(--ink);border-bottom:none}.el-symbol{font-family:SF Mono,Fira Code,Consolas,monospace;font-weight:700;margin-right:var(--space-1)}.el-name{color:var(--ink-light);font-weight:400}.seo-content{margin-top:var(--space-16);border-top:2px solid var(--grid);padding-top:var(--space-10)}.seo-content h2{font-size:var(--text-xl);margin-top:var(--space-8);margin-bottom:var(--space-3)}.seo-content h2:first-child{margin-top:0}.seo-content p,.seo-content ul{color:var(--ink-light);line-height:1.7;margin-bottom:var(--space-4)}.seo-content ul{padding-left:var(--space-6)}.seo-content li{margin-bottom:var(--space-2)}@media(max-width:480px){.formula-input{font-size:var(--text-lg);padding:var(--space-3)}.mass-value{font-size:var(--text-3xl, 1.875rem)}.formula-rendered{font-size:var(--text-xl)}.mass-card{padding:var(--space-4)}.comp-bar{height:22px}.examples-section{flex-direction:column;align-items:flex-start;gap:var(--space-2)}}