:root{--bg:#f3efe6;--bg-elev:#fffefb;--bg-elev-2:#ece6d8;--border:#e0d9c8;--border-soft:#ebe5d7;--ink:#1d1a14;--text:#1d1a14;--text-dim:#5f5847;--text-faint:#948b77;--accent:#cf4318;--accent-deep:#a5330f;--accent-soft:#f6e3d6;--accent-2:#2f5d4f;--accent-2-soft:#dce8e2;--good:#2f7d31;--mid:#b4740a;--bad:#b5321c;--grade-aplus:#2f7d31;--grade-a:#4d8a2a;--grade-b:#7f8a1e;--grade-c:#b4740a;--grade-d:#c85a17;--grade-f:#b5321c;--radius:8px;--radius-tag:4px;--maxw:1180px;--font-display:"Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Times New Roman", serif;--font:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, "DejaVu Sans Mono", Consolas, monospace;--shadow:0 1px 2px #281e0a0d, 0 1px 1px #281e0a0a}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-size:15px;line-height:1.5}body{background-image:radial-gradient(#78643c0d 1px,#0000 1px);background-size:22px 22px}a{color:var(--accent-deep);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:var(--maxw);margin:0 auto;padding:0 22px}.site-header{border-bottom:1.5px solid var(--ink);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20;background:#f3efe6e6;position:sticky;top:0}.nav{align-items:center;gap:22px;height:62px;display:flex}.brand{font-family:var(--font-display);color:var(--ink);letter-spacing:-.2px;align-items:center;gap:11px;font-size:21px;font-weight:700;display:flex}.brand:hover{text-decoration:none}.brand .logo{background:var(--accent);color:#fff;width:32px;height:32px;font-family:var(--font-display);border:1.5px solid var(--accent-deep);box-shadow:2px 2px 0 var(--ink);border-radius:7px;place-items:center;font-size:19px;font-weight:800;display:grid}.brand-accent{color:var(--accent)}.nav-links{align-items:center;gap:20px;margin-left:auto;display:flex}.nav-links a{color:var(--text-dim);text-transform:uppercase;letter-spacing:.6px;font-size:13px;font-weight:600;font-family:var(--mono)}.nav-links a:hover{color:var(--accent-deep);text-decoration:none}.btn{background:var(--accent);color:#fff;border:1.5px solid var(--accent-deep);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font);text-transform:none;letter-spacing:0;box-shadow:2px 2px 0 var(--accent-deep);border-radius:6px;padding:8px 15px;display:inline-block}.btn:hover{background:var(--accent-deep);box-shadow:1px 1px 0 var(--accent-deep);text-decoration:none;transform:translate(1px,1px)}.btn.secondary{background:var(--bg-elev);color:var(--ink);border-color:var(--ink);box-shadow:2px 2px 0 var(--ink)}.btn.secondary:hover{background:var(--bg-elev-2);box-shadow:1px 1px 0 var(--ink)}.hero{padding:42px 0 26px}.eyebrow{font-family:var(--mono);text-transform:uppercase;letter-spacing:1px;color:var(--accent-deep);margin-bottom:12px;font-size:11.5px;font-weight:600}.hero h1{font-family:var(--font-display);letter-spacing:-1px;color:var(--ink);margin:0 0 14px;font-size:46px;font-weight:700;line-height:1.03}.hero h1 .grad{color:var(--ink);background:linear-gradient(transparent 60%, var(--accent-soft) 60%, var(--accent-soft) 92%, transparent 92%);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 2px}.hero p{color:var(--text-dim);max-width:660px;margin:0;font-size:16.5px}.statbar{border-top:1.5px solid var(--ink);flex-wrap:wrap;gap:30px;margin-top:26px;padding-top:18px;display:flex}.stat .num{font-size:25px;font-weight:700;font-family:var(--mono);color:var(--ink)}.stat .lbl{color:var(--text-faint);text-transform:uppercase;letter-spacing:.8px;font-size:11px;font-family:var(--mono)}.goals{flex-wrap:wrap;gap:8px;margin:22px 0 6px;display:flex}.goal-btn{background:var(--bg-elev);border:1.5px solid var(--border);color:var(--ink);cursor:pointer;font-family:var(--font);text-align:left;border-radius:7px;flex-direction:column;align-items:flex-start;gap:1px;padding:8px 14px;font-size:14px;font-weight:700;line-height:1.25;display:flex}.goal-btn:hover{border-color:var(--ink)}.goal-btn.active{background:var(--ink);color:var(--bg);border-color:var(--ink)}.goal-btn .goal-hint{color:var(--text-faint);font-size:11px;font-weight:500;font-family:var(--mono)}.goal-btn.active .goal-hint{color:#c8bfa8}.controls{flex-wrap:wrap;align-items:center;gap:8px;margin:20px 0 10px;display:flex}.controls input[type=search],.controls select,.field select{background:var(--bg-elev);border:1.5px solid var(--border);color:var(--ink);font-size:14px;font-family:var(--font);border-radius:6px;padding:9px 12px}.controls input[type=search]{flex:1;min-width:220px}.controls input[type=search]:focus,select:focus{border-color:var(--accent);outline:none}.chip{background:var(--bg-elev);border:1.5px solid var(--border);color:var(--text-dim);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:12px;font-family:var(--mono);text-transform:lowercase;letter-spacing:.2px;border-radius:6px;padding:6px 11px}.chip:hover{border-color:var(--ink);color:var(--ink)}.chip.active{background:var(--accent-2);color:#fff;border-color:var(--accent-2)}.chip.avoid-active{background:var(--bad);color:#fff;border-color:var(--bad)}.table-wrap{border:1.5px solid var(--ink);border-radius:var(--radius);background:var(--bg-elev);box-shadow:var(--shadow);overflow-x:auto}table.leaderboard{border-collapse:collapse;table-layout:fixed;width:100%;min-width:720px;font-size:13.5px}.leaderboard th,.leaderboard td{text-align:right;white-space:nowrap;padding:10px 8px}.leaderboard th{color:var(--text-faint);text-transform:uppercase;letter-spacing:.5px;border-bottom:1.5px solid var(--ink);cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--bg-elev);font-size:10px;font-weight:700;font-family:var(--mono)}.leaderboard th:first-child,.leaderboard td:first-child{width:30px}.leaderboard th.barcol,.leaderboard td.barcell{width:auto}.leaderboard th:not(.left):not(.barcol),.leaderboard td:not(.left):not(.barcell){width:8.6%}.leaderboard th:hover{color:var(--ink)}.leaderboard th.sorted{color:var(--accent-deep)}.leaderboard th.left,.leaderboard td.left{text-align:left}.leaderboard td{border-bottom:1px solid var(--border-soft);font-family:var(--mono);color:var(--ink)}.leaderboard tr:last-child td{border-bottom:none}.leaderboard tbody tr:hover{background:#faf6ec}.rank{color:var(--text-faint);width:34px}.bar-cards{display:none}.bar-card{border:1.5px solid var(--border);background:var(--bg-elev);box-shadow:var(--shadow);border-radius:10px;margin-bottom:10px;padding:12px;display:block}.bar-card:hover{border-color:var(--ink);text-decoration:none}.bar-card-head{align-items:center;gap:10px;display:flex}.bar-card-rank{font-family:var(--mono);color:var(--text-faint);flex:none;min-width:16px;font-size:12px}.bar-card .barmeta{flex:1;min-width:0}.bar-card .bn{color:var(--ink);font-weight:700;line-height:1.2;display:block}.bar-card .bb{color:var(--text-faint);font-size:11.5px;font-family:var(--mono);margin-top:2px;display:block}.bar-card-score{flex:none;align-items:center;gap:8px;margin-left:auto;display:flex}.bar-card-score .sc{font-weight:700;font-family:var(--mono);color:var(--ink);font-size:18px}.bar-metrics{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:11px;display:grid}.bar-metrics>div{background:var(--bg);border:1px solid var(--border-soft);text-align:center;border-radius:7px;padding:6px 4px}.bar-metrics b{font-family:var(--mono);color:var(--ink);font-size:15px;font-weight:700;display:block}.bar-metrics span{color:var(--text-faint);text-transform:uppercase;letter-spacing:.4px;font-size:9.5px;font-family:var(--mono)}.bar-metrics b.pos{color:var(--good)}.bar-metrics b.neg{color:var(--bad)}.bar-metrics b.warn{color:var(--mid)}@media (max-width:720px){.listwrap{display:none}.bar-cards{display:block}}.leaderboard.compare{min-width:480px}.leaderboard.compare th,.leaderboard.compare td{text-align:center;width:38%}.leaderboard.compare th.left,.leaderboard.compare td.left{text-align:left;width:24%}.leaderboard.compare th{position:static;top:auto}.leaderboard td.barcell{text-align:left;font-family:var(--font);white-space:normal}.barcell .bn{color:var(--ink);text-overflow:ellipsis;font-weight:700;display:block;overflow:hidden}.barcell .bb{color:var(--text-faint);font-size:11.5px;font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.barcell .barmeta{min-width:0;overflow:hidden}.barcell a{color:var(--ink)}.barcell a:hover{color:var(--accent-deep);text-decoration:none}.thumb{color:#2a2213;width:40px;height:40px;font-size:14px;font-weight:800;font-family:var(--font-display);border:1.5px solid #0000001f;border-radius:7px;flex:none;place-items:center;display:grid;overflow:hidden}.rowflex{align-items:center;gap:10px;min-width:0;display:flex}.grade{font-family:var(--font-display);text-align:center;color:#fff;border:1.5px solid #0000002e;border-radius:5px;min-width:34px;padding:3px 8px;font-size:13px;font-weight:800;display:inline-block}.grade.g-Aplus,.grade.g-A{background:var(--grade-a)}.grade.g-B{background:var(--grade-b)}.grade.g-C{background:var(--grade-c)}.grade.g-D{background:var(--grade-d)}.grade.g-F{background:var(--grade-f)}.score{color:var(--ink);font-weight:700}.pos{color:var(--good)}.neg{color:var(--bad)}.warn{color:var(--mid)}.tag{border-radius:var(--radius-tag);background:var(--bg-elev);color:var(--text-dim);border:1.5px solid var(--border);font-size:10.5px;font-family:var(--mono);text-transform:uppercase;letter-spacing:.4px;margin:3px 4px 3px 0;padding:3px 7px;display:inline-block}.tag.good{color:var(--good);border-color:var(--good);background:#eef5ec}.tag.bad{color:var(--bad);border-color:var(--bad);background:#f8ece9}.detail-head{flex-wrap:wrap;align-items:flex-start;gap:22px;margin:26px 0;display:flex}.detail-thumb{color:#2a2213;width:132px;height:132px;font-size:34px;font-weight:800;font-family:var(--font-display);border:1.5px solid var(--ink);box-shadow:var(--shadow);border-radius:12px;flex:none;place-items:center;display:grid}.detail-title h1{font-size:32px;font-family:var(--font-display);letter-spacing:-.5px;margin:0 0 4px}.detail-title .brand-line{color:var(--text-dim);font-family:var(--mono);font-size:13px}.brand-line .crumb{color:var(--accent-deep);text-underline-offset:2px;text-decoration:underline}.brand-line .crumb:hover{color:var(--accent)}.big-score{align-items:baseline;gap:10px;margin:14px 0;display:flex}.big-score .val{font-size:46px;font-weight:800;font-family:var(--mono);color:var(--ink)}.grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:18px 0;display:grid}.card{background:var(--bg-elev);border:1.5px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.card .k{color:var(--text-faint);text-transform:uppercase;letter-spacing:.6px;font-size:10.5px;font-family:var(--mono)}.card .v{font-size:23px;font-weight:700;font-family:var(--mono);color:var(--ink);margin-top:4px}.card .sub{color:var(--text-faint);font-size:12px;font-family:var(--mono)}a.card:hover{border-color:var(--ink);text-decoration:none}.award-card .k{color:var(--accent-deep);font-weight:700}.award-card:hover{box-shadow:3px 3px 0 var(--ink);transform:translate(-1px,-1px)}.section{margin:32px 0}.section h2{font-size:21px;font-family:var(--font-display);letter-spacing:-.3px;margin:0 0 12px;padding-left:14px;position:relative}.section h2:before{content:"";background:var(--accent);border-radius:2px;width:4px;position:absolute;top:4px;bottom:4px;left:0}.why-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.why-head{font-family:var(--mono);text-transform:uppercase;letter-spacing:.6px;margin-bottom:6px;font-size:12px;font-weight:700}.why-list{margin:0;padding-left:18px}.why-list li{color:var(--text-dim);margin:6px 0}@media (max-width:640px){.why-grid{grid-template-columns:1fr}}.bars-vis{margin:6px 0}.bars-vis .row{align-items:center;gap:12px;margin:9px 0;display:flex}.bars-vis .lab{width:150px;color:var(--text-dim);flex:none;font-size:13px}.bars-vis .track{background:var(--bg-elev-2);border:1px solid var(--border);border-radius:3px;flex:1;height:10px;overflow:hidden}.bars-vis .fill{background:var(--accent);height:100%;display:block}.bars-vis .pct{text-align:right;width:42px;font-family:var(--mono);color:var(--text-dim);font-size:13px}.nutri-table{border-collapse:collapse;width:100%;font-size:14px}.nutri-table td{border-bottom:1px solid var(--border-soft);padding:9px 4px}.nutri-table td:last-child{text-align:right;font-family:var(--mono);color:var(--ink)}.nutri-table td.ind{color:var(--text-dim);padding-left:20px}footer.site-footer{border-top:1.5px solid var(--ink);color:var(--text-faint);margin-top:64px;padding:30px 0;font-size:13px}footer.site-footer a{color:var(--text-dim)}.form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.field{flex-direction:column;gap:6px;display:flex}.field.full{grid-column:1/-1}.field label{color:var(--text-dim);font-size:13px;font-weight:600}.field label .req{color:var(--bad)}.field input,.field textarea,.field select{background:var(--bg-elev);border:1.5px solid var(--border);color:var(--ink);font-size:14px;font-family:var(--font);border-radius:6px;width:100%;padding:10px 12px}.field input:focus,.field textarea:focus{border-color:var(--accent);outline:none}.hint{color:var(--text-faint);font-size:12px}.notice{border:1.5px solid;border-radius:6px;margin:14px 0;padding:12px 14px;font-size:14px}.notice.ok{border-color:var(--good);color:#245e26;background:#eef5ec}.notice.err{border-color:var(--bad);color:#8f2817;background:#f8ece9}.notice.info{background:var(--bg-elev);border-color:var(--border);color:var(--text-dim)}.prose{max-width:760px}.prose h2{font-family:var(--font-display);margin-top:30px}.prose p,.prose li{color:var(--text-dim)}.prose code{background:var(--bg-elev-2);font-family:var(--mono);color:var(--accent-deep);border-radius:4px;padding:2px 6px;font-size:13px}.meth-table{border-collapse:collapse;width:100%}.meth-table th,.meth-table td{text-align:left;border-bottom:1px solid var(--border-soft);vertical-align:top;padding:12px}.meth-table th{color:var(--text-faint);text-transform:uppercase;font-size:11px;font-family:var(--mono)}.meth-table td:nth-child(2){font-family:var(--mono);color:var(--accent-deep);white-space:nowrap}@media (max-width:720px){.form-grid{grid-template-columns:1fr}.hero h1{font-size:34px}.nav-links a:not(.btn){display:none}}
