:root{--bg: #0f1419;--panel: #1a2129;--panel-2: #222c37;--border: #2e3a47;--text: #e6edf3;--muted: #8b9aa8;--accent: #f0a202;--accent-2: #4ca3ff;--good: #3fb950;--warn: #d29922;--bad: #f85149;--radius: 10px;font-synthesis:none}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.45}a{color:var(--accent-2)}.app{max-width:1100px;margin:0 auto;padding:24px 18px 80px}header.hero h1{margin:0;font-size:1.9rem;background:linear-gradient(90deg,#ffc23d,#e09400);-webkit-background-clip:text;background-clip:text;color:transparent}header.hero .tagline{margin:2px 0 10px;font-style:italic;color:var(--accent);letter-spacing:.02em}header.hero p{margin:0;color:var(--muted);max-width:70ch}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:18px;margin-top:20px}.panel h2{margin:0 0 4px;font-size:1.15rem}.panel .sub{color:var(--muted);font-size:.85rem;margin:0 0 14px}.row{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end}.field{display:flex;flex-direction:column;gap:4px}.field label{font-size:.78rem;color:var(--muted);text-transform:uppercase;letter-spacing:.03em}input[type=number],select{background:var(--panel-2);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:7px 9px;font-size:.95rem;width:100%}input[type=number]:focus,select:focus{outline:none;border-color:var(--accent-2)}button{background:var(--panel-2);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:7px 12px;font-size:.9rem;cursor:pointer}button:hover{border-color:var(--accent-2)}button.primary{background:var(--accent);color:#1a1300;border-color:var(--accent);font-weight:600}.profile-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.profile-grid .field label{text-transform:none;letter-spacing:0;font-size:.8rem;color:var(--text)}.profile-grid .range{font-size:.7rem;color:var(--muted)}table{width:100%;border-collapse:collapse;font-size:.92rem}th,td{text-align:right;padding:8px 10px;border-bottom:1px solid var(--border)}th:first-child,td:first-child{text-align:left}th{color:var(--muted);font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:.03em}tr.miss td{color:var(--warn)}.badge{display:inline-block;padding:1px 7px;border-radius:999px;font-size:.72rem;font-weight:600}.badge.ok{background:#3fb95026;color:var(--good)}.badge.warn{background:#d2992226;color:var(--warn)}.badge.bad{background:#f8514926;color:var(--bad)}.salt-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.salt-card{background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:10px 12px}.salt-card .amount{font-size:1.4rem;font-weight:700;color:var(--accent)}.salt-card .name{font-weight:600}.salt-card .formula,.salt-card .hint{color:var(--muted);font-size:.78rem}.toggle-list{display:flex;flex-wrap:wrap;gap:8px 16px}.toggle{display:flex;align-items:center;gap:6px;font-size:.88rem}.callout{border-left:3px solid var(--accent);background:var(--panel-2);padding:10px 12px;border-radius:6px;font-size:.85rem;margin-top:12px;margin-bottom:12px}.callout.warn{border-color:var(--warn)}.stat-row{display:flex;flex-wrap:wrap;gap:22px;margin-top:6px}.stat .v{font-size:1.5rem;font-weight:700}.stat .l{color:var(--muted);font-size:.78rem}.muted{color:var(--muted)}.small{font-size:.82rem}details summary{cursor:pointer;color:var(--muted)}.grain-row{display:grid;grid-template-columns:1.5fr .9fr .9fr auto;gap:8px;margin-bottom:8px;align-items:center}@media(max-width:720px){.app{padding:16px 12px 64px}.panel{padding:14px}.profile-grid{grid-template-columns:repeat(3,1fr);gap:8px}.grain-row{grid-template-columns:1fr 1fr auto}.grain-row>select{grid-column:1 / -1}input[type=number],select,button{font-size:16px;padding:10px 11px}}@media(max-width:560px){.profile-grid{grid-template-columns:repeat(2,1fr)}.responsive-table thead{display:none}.responsive-table,.responsive-table tbody,.responsive-table tr,.responsive-table td{display:block;width:100%}.responsive-table tr{background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:8px 12px;margin-bottom:10px}.responsive-table td{display:flex;justify-content:space-between;align-items:center;text-align:right;padding:5px 0;border:none}.responsive-table td:before{content:attr(data-label);color:var(--muted);font-size:.74rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;text-align:left;padding-right:12px}.responsive-table td.ion-name{justify-content:flex-start;font-weight:700;font-size:1.05rem;border-bottom:1px solid var(--border);padding-bottom:7px;margin-bottom:3px}.responsive-table td.ion-name:before{content:none}}