:root{color:#fbeee6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#1a0c08;font:16px/1.5 Avenir Next,Segoe UI,Helvetica Neue,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body,h1,h2,h3,p,ol,ul,dl,dd{margin:0}ol,ul{padding:0}a{color:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent;font-family:inherit}:root{--bg:#1a0c08;--panel:#281410;--panel-solid:#351b15;--ink:#fbeee6;--ink-2:#ecccbb;--ink-3:#b58e7d;--flame:#ef6a2e;--ember:#f2a24a;--deep:#b7381d;--char:#7a1410;--leaf:#7fae4a;--line:#ef6a2e3d;--line-soft:#ef6a2e1f;--serif:"Iowan Old Style", "Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif}.shell{background:radial-gradient(120% 60% at 50% -8%, #5a1c0e 0%, #5a1c0e00 60%), radial-gradient(90% 50% at 100% 100%, #33110c 0%, #33110c00 55%), var(--bg);min-height:100dvh;position:relative;overflow:hidden}.grain{pointer-events:none;z-index:0;background:radial-gradient(140% 90% at 50% 0,#0000 55%,#00000073 100%);position:absolute;inset:0}.app{z-index:1;width:100%;max-width:468px;padding:0 18px calc(28px + env(safe-area-inset-bottom));min-height:100dvh;margin:0 auto;position:relative}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.topbar{z-index:5;background:linear-gradient(180deg, var(--bg) 62%, #1a0c0800);justify-content:space-between;align-items:center;padding:14px 0 12px;display:flex;position:sticky;top:0}.wordmark{color:var(--ink);font-family:var(--serif);letter-spacing:.01em;background:0 0;border:0;align-items:center;gap:9px;padding:4px 2px;font-size:18px;font-weight:600;display:inline-flex}.sauce-mark{flex:none}.mark-cap{fill:#3a201a;stroke:#783c1e99;stroke-width:.8px}.mark-bottle{fill:#33191400;stroke:#ef6a2e8c;stroke-width:1.1px}.mark-sauce{fill:var(--deep)}.mark-chili{fill:var(--ember)}.ghost-btn{border:1px solid var(--line);min-height:40px;color:var(--ink);background:#ef6a2e17;border-radius:999px;align-items:center;gap:6px;padding:8px 15px;font-size:14px;font-weight:600;display:inline-flex}.ghost-btn:active{transform:translateY(1px)}.link-btn{color:var(--ember);background:0 0;border:0;margin:16px auto 0;padding:8px 4px;font-size:13.5px;font-weight:600;display:inline-block}.tabs{z-index:4;background:var(--panel);border:1px solid var(--line-soft);border-radius:14px;gap:3px;margin-bottom:6px;padding:5px;display:flex;position:sticky;top:56px}.tab{min-height:42px;color:var(--ink-3);letter-spacing:.005em;background:0 0;border:0;border-radius:10px;flex:1;padding:6px 1px;font-size:12.5px;font-weight:600}.tab.active{color:var(--ember);box-shadow:inset 0 0 0 1px var(--line);background:linear-gradient(#5a2410,#351b15)}.toast{border:1px solid var(--line);color:var(--ink);text-align:center;background:#ef6a2e24;border-radius:12px;margin:8px 0 0;padding:10px 14px;font-size:13.5px}.pane{padding-top:8px;animation:.28s both rise}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.pane{animation:none}}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--ember);margin:0 0 6px;font-size:11.5px;font-weight:700}h1{font-family:var(--serif);letter-spacing:-.01em;font-size:33px;font-weight:600;line-height:1.08}h1 em{color:var(--flame);font-style:italic}h2{font-family:var(--serif);letter-spacing:-.01em;font-size:24px;font-weight:600}h3{font-family:var(--serif);font-size:19px;font-weight:600}.lede{color:var(--ink-2);margin-top:12px;font-size:15.5px;line-height:1.55}.lede b{color:var(--ink)}.intro{color:var(--ink-2);margin:4px 0 14px;font-size:14.5px;line-height:1.5}.intro b{color:var(--ink)}.hero{padding:16px 2px 8px}.hero.small{padding-bottom:4px}.hero-cta{flex-direction:column;gap:12px;margin-top:22px;display:flex}.solid-btn{background:linear-gradient(180deg, var(--ember), var(--deep));color:#2a0f06;letter-spacing:.01em;border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:50px;padding:12px 22px;font-size:16px;font-weight:700;display:inline-flex;box-shadow:0 8px 24px #b7381d5c}.solid-btn.wide{width:100%;margin-top:24px}.solid-btn:active{transform:translateY(1px)}.solid-btn:disabled{opacity:.42;box-shadow:none;color:#4a2418}.block{margin-top:30px}.block-head{margin-bottom:4px}.scoville{padding:6px 2px 2px}.scoville-bar{padding-top:20px;position:relative}.scoville-strip{background:linear-gradient(90deg,#5ea84a 0%,#86b23f 11%,#b7bf39 22%,#e0b83a 33%,#e8933a 45%,#e2702f 55%,#d94f27 70%,#b8331c 88%,#7f1410 100%);border-radius:999px;height:16px;box-shadow:inset 0 0 0 1px #00000040,0 6px 16px #b7381d4d}.scoville-pins{height:16px;position:absolute;top:20px;left:0;right:0}.scoville-pin{flex-direction:column;align-items:center;display:flex;position:absolute;top:50%;transform:translate(-50%,-50%)}.scoville-pin .scoville-dot{width:11px;height:11px;box-shadow:0 0 0 2.5px var(--bg), inset 0 0 0 1px #0000004d;border-radius:50%}.scoville-pin .scoville-emoji{font-size:15px;line-height:1;position:absolute;top:-20px}.scoville-pin.on .scoville-dot{box-shadow:0 0 0 2.5px var(--bg), 0 0 9px #ffffffbf}.scoville-ends{letter-spacing:.03em;color:var(--ink-3);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:10px;font-size:10.5px;display:flex}.scoville-legend{flex-wrap:wrap;gap:7px;margin-top:12px;display:flex}.scoville-chip{border:1px solid var(--line-soft);background:var(--panel);min-height:40px;color:var(--ink-2);border-left:3px solid var(--accent,var(--flame));border-radius:999px;align-items:center;gap:6px;padding:6px 13px 6px 10px;font-size:12.5px;font-weight:600;display:inline-flex}.scoville-chip .scoville-emoji{font-size:15px}.scoville-chip.on{color:var(--ink);background:var(--panel-solid);box-shadow:inset 0 0 0 1px var(--line)}.heatbar{border:1px solid var(--line-soft);border-radius:999px;height:9px;margin:12px 0 2px;position:relative;overflow:hidden}.heatbar-track{opacity:.16;background:linear-gradient(90deg,#5ea84a,#b7bf39,#e0b83a,#e8933a,#e2702f,#d94f27,#b8331c,#7f1410);position:absolute;inset:0}.heatbar-fill{border-radius:999px;height:100%;transition:width .35s;position:relative;box-shadow:0 0 8px #ef6a2e66}@media (prefers-reduced-motion:reduce){.heatbar-fill{transition:none}}.pepper-list{flex-direction:column;gap:10px;display:flex}.pepper-card{background:radial-gradient(120% 80% at 100% 0%, #ef6a2e14, #ef6a2e00 60%), var(--panel);border:1px solid var(--line-soft);border-left:3px solid var(--accent,var(--flame));cursor:pointer;border-radius:16px;padding:15px 16px 16px}.pepper-card.on{background:var(--panel-solid);box-shadow:inset 0 0 0 1px var(--line)}.pepper-head{align-items:center;gap:12px;display:flex}.pepper-emoji{border:1px solid var(--line-soft);background:#00000042;border-radius:12px;flex:none;justify-content:center;align-items:center;width:42px;height:42px;font-size:23px;display:inline-flex}.pepper-title{flex-direction:column;gap:2px;display:flex}.pepper-title h3{font-size:19px;line-height:1.05}.pepper-shu{letter-spacing:.01em;color:var(--ember);font-variant-numeric:tabular-nums;font-size:12px;font-weight:700}.pepper-taste{color:var(--ink);margin:8px 0 0;font-size:13px;font-style:italic}.pepper-note{color:var(--ink-3);margin:6px 0 0;font-size:12.5px;line-height:1.5}.cool-list{flex-direction:column;gap:8px;margin:4px 0 0;padding:0;list-style:none;display:flex}.cool-list li{border:1px solid var(--line-soft);background:var(--panel);border-radius:13px;align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.cool-emoji{background:#00000038;border-radius:10px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;font-size:18px;display:inline-flex}.cool-text{flex-direction:column;gap:2px;display:flex}.cool-text b{color:var(--ink);font-size:14px}.cool-text span{color:var(--ink-2);font-size:12.5px;line-height:1.5}.flavor-head{margin:4px 0 12px}.flavor-badge{font-family:var(--serif);color:var(--tint,var(--ember));background:color-mix(in srgb, var(--tint,var(--ember)) 15%, transparent);border:1px solid color-mix(in srgb, var(--tint,var(--ember)) 42%, transparent);border-radius:999px;align-items:center;gap:7px;padding:6px 14px;font-size:16px;font-weight:600;display:inline-flex}.flavor-note{color:var(--ink-2);margin:9px 2px 0;font-size:13px;line-height:1.5}.style-list{flex-direction:column;gap:12px;display:flex}.style-card{background:radial-gradient(120% 80% at 100% 0%, #ef6a2e14, #ef6a2e00 60%), var(--panel);border:1px solid var(--line-soft);border-left:3px solid var(--accent,var(--flame));border-radius:18px;padding:16px}.style-top{align-items:center;gap:12px;display:flex}.style-emoji{border:1px solid var(--line-soft);background:#0000003d;border-radius:13px;flex:none;justify-content:center;align-items:center;width:44px;height:44px;font-size:24px;display:inline-flex}.style-title{flex-direction:column;gap:2px;display:flex}.style-title h3{font-size:20px;line-height:1.05}.style-region{color:var(--ink-3);letter-spacing:.01em;font-size:11.5px}.style-blurb{color:var(--ink-2);margin:12px 0;font-size:13.5px;line-height:1.55}.style-facts{flex-direction:column;gap:0;margin:0;display:flex}.style-facts>div{border-top:1px solid var(--line-soft);grid-template-columns:68px 1fr;gap:10px;padding:8px 0;display:grid}.style-facts dt{letter-spacing:.05em;text-transform:uppercase;color:var(--ink-3);padding-top:2px;font-size:11px}.style-facts dd{color:var(--ink-2);margin:0;font-size:13px;line-height:1.5}.pref{margin-top:24px}.pref-q{font-family:var(--serif);color:var(--ink);margin:0 0 10px;font-size:17px}.pref-row{flex-direction:column;gap:8px;display:flex}.pref-opt{border:1px solid var(--line-soft);background:var(--panel);min-height:52px;color:var(--ink);text-align:left;border-radius:14px;align-items:center;gap:13px;padding:9px 14px;font-size:15px;font-weight:600;display:flex}.pref-opt:active{transform:translateY(1px)}.pref-opt.on{border-color:var(--flame);background:var(--panel-solid);box-shadow:inset 0 0 0 1px var(--line)}.pref-emoji{background:#00000038;border-radius:10px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;font-size:19px;display:inline-flex}.pref-label{flex:1}.pref-hint{color:var(--ink-3);letter-spacing:.01em;flex:none;font-size:11px;font-weight:600}.pref-opt.on .pref-hint{color:var(--ember)}.pref-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.pref-tile{border:1px solid var(--line-soft);background:var(--panel);min-height:74px;color:var(--ink);text-align:left;border-radius:14px;flex-direction:column;align-items:flex-start;gap:8px;padding:12px 14px;font-size:14px;font-weight:600;display:flex}.pref-tile:active{transform:translateY(1px)}.pref-tile.on{border-color:var(--flame);background:var(--panel-solid);box-shadow:inset 0 0 0 1px var(--line)}.pref-tile .pref-emoji{width:36px;height:36px;font-size:20px}.result{background:radial-gradient(100% 60% at 50% 0%, #ef6a2e29, #ef6a2e00 65%), var(--panel);border:1px solid var(--line);text-align:center;border-radius:22px;padding:22px 18px 20px}.result .eyebrow{text-align:center}.result-bottle-wrap{filter:drop-shadow(0 14px 22px #00000080);width:128px;margin:2px auto 4px}.result-name{font-size:27px}.result-flavor{color:var(--ember);font-weight:600}.result-shu{color:var(--ember);font-variant-numeric:tabular-nums;margin-top:3px;font-size:14px;font-weight:700}.result .heatbar{max-width:240px;margin:14px auto 0}.ladder-mini{justify-content:center;gap:3px;margin:14px auto 0;padding:0;display:flex}.ladder-mini .rung{width:16px;height:9px;box-shadow:inset 0 0 0 1px var(--line-soft);background:#ffffff14;border-radius:3px}.ladder-mini .rung.on{box-shadow:0 0 8px #ffffff80}.result-line{color:var(--ink-2);text-align:left;margin:16px 0 0;font-size:14.5px;line-height:1.6}.result-line b{color:var(--ink)}.result-style{border:1px solid var(--line-soft);border-left:3px solid var(--accent,var(--flame));background:var(--panel-solid);text-align:left;border-radius:15px;margin:16px 0 0;padding:14px 15px}.result-style .style-title h3{font-size:18px}.result-pairs{color:var(--ink-2);margin:10px 0 0;font-size:13px;line-height:1.5}.result-pairs b{color:var(--ink)}.result-pairs span{margin-right:4px}.result-cool{border:1px solid var(--line-soft);color:var(--ink-2);text-align:left;background:#ecd9b614;border-radius:12px;margin:14px 0 0;padding:11px 13px;font-size:13px;line-height:1.5}.result-cool b{color:var(--ink)}.result-cool span{margin-right:5px}.result-actions{gap:10px;margin-top:22px;display:flex}.result-actions .solid-btn{flex:2;min-height:48px;margin-top:0}.result-actions .ghost-btn{flex:1;justify-content:center}.result .link-btn{margin-top:14px;display:block}.result-bottle{display:block;overflow:visible}.bottle-shadow{fill:#0006}.bottle-cap{fill:#43231b;stroke:#783c1e99;stroke-width:1px}.bottle-collar{fill:#52281d}.bottle-glass{fill:#ffffff0d;stroke:#ef6a2e66;stroke-width:1.3px}.bottle-fill{opacity:.95}.bottle-label{fill:#f6ead9;stroke:#00000026;stroke-width:.8px}.bottle-label-emoji{font-size:20px}.bottle-label-text{letter-spacing:.14em;fill:var(--char);font-size:13px;font-weight:800;font-family:var(--serif)}.bottle-shine{fill:none;stroke:#ffffff38;stroke-width:3px;stroke-linecap:round}.bottle-heat path{fill:none;stroke:#ef6a2e59;stroke-width:2.4px;stroke-linecap:round}.foot{border-top:1px solid var(--line-soft);color:var(--ink-3);justify-content:space-between;gap:10px;margin-top:36px;padding:18px 0 6px;font-size:11px;display:flex}.foot span:first-child{font-family:var(--serif);color:var(--ink-2)}@media (width<=374px){h1{font-size:29px}.tab{font-size:11.5px}.style-facts>div{grid-template-columns:60px 1fr}.scoville-mark{width:54px}.scoville-name{font-size:9.5px}.pref-hint{display:none}}