#brant-blind-app { --brant-white:#FFFFFF; --brant-beige:#FCCEAE; --brant-violet:#2F1122; --brant-orange:#EE4423; color:var(--brant-violet); font-family:Inter,Arial,sans-serif; scroll-margin-top:20px; }
#brant-blind-app *,#brant-blind-app *::before,#brant-blind-app *::after { box-sizing:border-box; }
#brant-blind-app .bt { max-width:760px; margin:32px auto; padding:42px; background:var(--brant-white); border:1px solid var(--brant-beige); border-radius:20px; box-shadow:0 12px 32px rgba(47,17,34,.07); text-align:center; }
#brant-blind-app .bt-header { margin:0 auto 38px; }
#brant-blind-app .bt h1,#brant-blind-app .bt h2,#brant-blind-app .bt p { color:var(--brant-violet); }
#brant-blind-app .bt h1[tabindex="-1"]:focus,#brant-blind-app .bt h2[tabindex="-1"]:focus { outline:none; }
#brant-blind-app .bt h1 { margin:4px 0 12px; font-size:clamp(30px,5vw,44px); line-height:1.08; letter-spacing:-.035em; }
#brant-blind-app .bt h2 { margin:0; font-size:20px; }
#brant-blind-app .bt-eyebrow { margin:0; color:var(--brant-orange)!important; font-size:12px; font-weight:800; letter-spacing:.16em; }
#brant-blind-app .bt-progress { margin:0; font-size:15px; font-weight:600; }
#brant-blind-app .bt-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
#brant-blind-app button { font:inherit; }
#brant-blind-app .bt-slot,#brant-blind-app .bt-duel-card { cursor:pointer; color:var(--brant-violet); background:var(--brant-white); border:1px solid var(--brant-beige); border-radius:16px; transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease; }
#brant-blind-app .bt-slot { min-height:248px; display:flex; flex-direction:column; align-items:center; padding:27px 12px 20px; }
#brant-blind-app .bt-slot-badge { width:112px; height:112px; display:grid; flex:0 0 112px; place-items:center; color:var(--brant-white); background:var(--brant-violet); border:6px solid var(--brant-beige); border-radius:50%; font-size:38px; font-weight:800; font-variant-numeric:tabular-nums; font-feature-settings:"tnum" 1; letter-spacing:0; line-height:1; text-align:center; }
#brant-blind-app .bt-slot-stars { display:block; min-height:27px; margin:19px 0 8px; color:var(--brant-violet); font-size:23px; letter-spacing:1px; line-height:1; }
#brant-blind-app .bt-slot small { display:block; min-height:16px; font-size:12px; font-weight:600; line-height:1.35; }
#brant-blind-app .bt-slot-count-placeholder { visibility:hidden; }
#brant-blind-app .bt-slot:hover,#brant-blind-app .bt-slot:focus-visible,#brant-blind-app .bt-duel-card:hover,#brant-blind-app .bt-duel-card:focus-visible { border-color:var(--brant-violet); box-shadow:0 12px 24px rgba(47,17,34,.13); outline:none; transform:translateY(-2px); }
#brant-blind-app .bt-primary { display:inline-flex; justify-content:center; align-items:center; min-height:52px; margin-top:28px; padding:14px 25px; cursor:pointer; color:var(--brant-white); background:var(--brant-violet); border:1px solid var(--brant-violet); border-radius:10px; font-size:13px; font-weight:800; letter-spacing:.08em; transition:transform .16s ease,background .16s ease; }
#brant-blind-app .bt-primary:hover,#brant-blind-app .bt-primary:focus-visible { background:var(--brant-orange); border-color:var(--brant-orange); outline:3px solid var(--brant-beige); outline-offset:3px; transform:translateY(-1px); }
#brant-blind-app button:disabled { cursor:wait; opacity:.6; transform:none!important; }
#brant-blind-app .bt-reveal { width:min(100%,360px); min-height:58px; margin:34px auto 0; padding:17px 24px; border-radius:14px; box-shadow:0 10px 24px rgba(47,17,34,.14); font-size:14px; letter-spacing:.06em; }
#brant-blind-app .bt-reveal:hover,#brant-blind-app .bt-reveal:focus-visible { background:var(--brant-violet); border-color:var(--brant-orange); box-shadow:0 12px 28px rgba(47,17,34,.18),0 0 0 3px rgba(238,68,35,.12); outline:none; transform:translateY(-2px); }
#brant-blind-app .bt-screen { max-width:650px; min-height:390px; display:grid; align-items:center; }
#brant-blind-app .bt-tasting { width:min(100%,480px); margin:auto; text-align:left; }
#brant-blind-app .bt-back { padding:4px 0; cursor:pointer; color:var(--brant-violet); background:transparent; border:0; border-bottom:1px solid transparent; font-size:14px; font-weight:700; }
#brant-blind-app .bt-back:hover,#brant-blind-app .bt-back:focus-visible { border-bottom-color:var(--brant-orange); outline:none; }
#brant-blind-app .bt-tasting-heading { margin:22px 0 24px; text-align:center; }
#brant-blind-app .bt-number { display:grid; place-items:center; width:142px; height:142px; margin:12px auto 0; color:var(--brant-white); background:var(--brant-violet); border:6px solid var(--brant-beige); border-radius:50%; font-size:78px; font-weight:800; font-variant-numeric:tabular-nums; font-feature-settings:"tnum" 1; line-height:1; letter-spacing:0; text-align:center; }
#brant-blind-app .bt-rating { display:flex; justify-content:center; gap:5px; margin:0 0 25px; }
#brant-blind-app .bt-star { padding:2px; cursor:pointer; color:var(--brant-violet); background:transparent; border:0; font-size:42px; line-height:1; }
#brant-blind-app .bt-star.is-selected { color:var(--brant-orange); }
#brant-blind-app .bt-star:focus-visible { outline:3px solid var(--brant-beige); border-radius:5px; }
#brant-blind-app .bt-tasting label,#brant-blind-app .bt-start label { display:block; margin-bottom:8px; font-size:14px; font-weight:700; text-align:left; }
#brant-blind-app textarea,#brant-blind-app input { width:100%; padding:14px; color:var(--brant-violet); background:var(--brant-white); border:1px solid var(--brant-beige); border-radius:10px; font:inherit; resize:vertical; }
#brant-blind-app textarea { min-height:130px; font-size:14px; line-height:1.55; }
#brant-blind-app textarea:focus,#brant-blind-app input:focus { border-color:var(--brant-violet); outline:3px solid var(--brant-beige); }
#brant-blind-app .bt-tasting .bt-primary,#brant-blind-app .bt-start .bt-primary { width:100%; }
#brant-blind-app .bt-head-to-head { width:100%; }
#brant-blind-app .bt-head-to-head h1 { max-width:490px; margin:12px auto 34px; font-size:clamp(25px,4vw,36px); }
#brant-blind-app .bt-versus { display:grid; grid-template-columns:1fr auto 1fr; gap:18px; align-items:center; max-width:580px; margin:auto; }
#brant-blind-app .bt-versus-word { color:var(--brant-orange); font-size:15px; font-weight:900; letter-spacing:.12em; }
#brant-blind-app .bt-duel-card { min-height:185px; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:24px 16px; text-align:center; }
#brant-blind-app .bt-duel-number { font-size:clamp(58px,10vw,88px); font-weight:800; font-variant-numeric:tabular-nums; font-feature-settings:"tnum" 1; letter-spacing:0; line-height:1; }
#brant-blind-app .bt-duel-label { margin-top:13px; font-size:11px; font-weight:800; letter-spacing:.1em; line-height:1.3; text-transform:uppercase; }
#brant-blind-app .bt-start { width:min(100%,440px); margin:auto; }
#brant-blind-app .bt-start .bt-primary { width:100%; }
#brant-blind-app .bt-message { max-width:460px; margin:auto; padding:28px; background:var(--brant-beige); border-radius:16px; }
#brant-blind-app .bt-message p { margin-bottom:0; }
#brant-blind-app .bt-result-hero { text-align:center; }
#brant-blind-app .bt-result-hero-badge { width:112px; height:112px; display:grid; place-items:center; margin:12px auto 14px; color:var(--brant-white); background:var(--brant-violet); border:6px solid var(--brant-beige); border-radius:50%; font-size:46px; font-weight:800; font-variant-numeric:tabular-nums; font-feature-settings:"tnum" 1; line-height:1; }
#brant-blind-app .bt-result-hero h1 { margin-top:0; }
#brant-blind-app .bt-results { display:grid; gap:14px; text-align:left; }
#brant-blind-app .bt-result-card { padding:20px; background:var(--brant-white); border:1px solid var(--brant-beige); border-radius:16px; box-shadow:0 6px 18px rgba(47,17,34,.05); }
#brant-blind-app .bt-result-card.is-winner { border-color:var(--brant-orange); box-shadow:0 8px 22px rgba(47,17,34,.08); }
#brant-blind-app .bt-result-card-head { display:flex; gap:14px; align-items:center; }
#brant-blind-app .bt-result-title-wrap { min-width:0; display:flex; flex-wrap:wrap; gap:8px 10px; align-items:center; }
#brant-blind-app .bt-result-card-head h2 { margin:0; font-size:20px; line-height:1.2; }
#brant-blind-app .bt-winner-badge { display:inline-flex; align-items:center; min-height:24px; padding:5px 9px; color:var(--brant-white); background:var(--brant-orange); border-radius:999px; font-size:9px; font-weight:800; letter-spacing:.12em; line-height:1; }
#brant-blind-app .bt-result-badge { width:54px; height:54px; display:grid; flex:0 0 54px; place-items:center; color:var(--brant-white); background:var(--brant-violet); border:4px solid var(--brant-beige); border-radius:50%; font-size:18px; font-weight:800; font-variant-numeric:tabular-nums; line-height:1; }
#brant-blind-app .bt-result-meta { display:flex; gap:10px; align-items:center; margin:14px 0 0 68px; color:rgba(47,17,34,.72); font-size:13px; }
#brant-blind-app .bt-result-score { color:var(--brant-violet); font-weight:800; }
#brant-blind-app .bt-result-notes { display:grid; gap:8px; margin:18px 0 0 68px; }
#brant-blind-app .bt-result-notes .bt-result-notes-title { margin:0 0 2px; color:var(--brant-orange)!important; font-size:10px; font-weight:800; letter-spacing:.14em; }
#brant-blind-app .bt-result-note { display:flex; gap:12px; align-items:flex-start; justify-content:space-between; padding:11px 12px; background:rgba(252,206,174,.32); border-radius:10px; }
#brant-blind-app .bt-result-note-rating { flex:0 0 auto; white-space:nowrap; color:rgba(47,17,34,.68); font-size:11px; font-weight:800; }
#brant-blind-app .bt-result-note-text { min-width:0; font-size:13px; line-height:1.45; }
#brant-blind-app .bt-result-buy { display:inline-flex; align-items:center; min-height:38px; margin:18px 0 0 68px; padding:9px 14px; color:var(--brant-white)!important; background:var(--brant-violet); border-radius:9px; font-size:11px; font-weight:800; letter-spacing:.06em; text-decoration:none; }
#brant-blind-app .bt-result-buy:hover,#brant-blind-app .bt-result-buy:focus-visible { background:var(--brant-orange); outline:none; }
#brant-blind-app .bt-start .bt-privacy { display:flex; gap:10px; align-items:flex-start; margin:16px 0 0; color:var(--brant-violet); font-size:13px; font-weight:500; line-height:1.45; text-align:left; }
#brant-blind-app .bt-privacy input { width:18px; height:18px; flex:0 0 18px; margin:1px 0 0; padding:0; accent-color:var(--brant-violet); }
#brant-blind-app .bt-privacy a { color:var(--brant-violet); font-weight:700; text-decoration:underline; text-decoration-color:var(--brant-orange); text-underline-offset:2px; }
#brant-blind-app .bt-privacy a:hover,#brant-blind-app .bt-privacy a:focus-visible { color:var(--brant-orange); outline:none; }

@media (min-width:641px) { #brant-blind-app .bt-grid { display:flex; flex-wrap:wrap; justify-content:center; gap:18px; } #brant-blind-app .bt-grid .bt-slot { flex:0 0 calc((100% - 54px)/4); min-width:0; } }
@media (max-width:640px) { #brant-blind-app .bt-result-hero-badge { width:92px; height:92px; margin:10px auto 12px; border-width:5px; font-size:38px; } #brant-blind-app .bt-result-card { padding:16px; } #brant-blind-app .bt-result-card-head { align-items:flex-start; } #brant-blind-app .bt-result-card-head h2 { padding-top:5px; font-size:18px; } #brant-blind-app .bt-result-badge { width:48px; height:48px; flex-basis:48px; border-width:3px; font-size:16px; } #brant-blind-app .bt-result-meta,#brant-blind-app .bt-result-notes,#brant-blind-app .bt-result-buy { margin-left:62px; } #brant-blind-app .bt-result-meta { flex-wrap:wrap; } #brant-blind-app .bt { margin:18px auto; padding:29px 18px; border-radius:16px; } #brant-blind-app .bt-grid { grid-template-columns:repeat(2,1fr); gap:12px; } #brant-blind-app .bt-slot { min-height:212px; padding:22px 10px 17px; grid-column:auto!important; } #brant-blind-app .bt-slot-badge { width:92px; height:92px; flex-basis:92px; border-width:5px; font-size:33px; } #brant-blind-app .bt-slot-stars { margin-top:16px; font-size:20px; } #brant-blind-app .bt-grid .bt-slot:last-child:nth-child(odd) { grid-column:span 2!important; max-width:calc(50% - 6px); width:100%; justify-self:center; } #brant-blind-app .bt-versus { grid-template-columns:1fr; gap:10px; } #brant-blind-app .bt-versus-word { order:1; } #brant-blind-app .bt-duel-card:first-child { order:0; } #brant-blind-app .bt-duel-card:last-child { order:2; } #brant-blind-app .bt-duel-card { min-height:120px; } #brant-blind-app .bt-number { width:124px; height:124px; } }