*{box-sizing:border-box}:root{--ink:#17352a;--muted:#6d776f;--paper:#fffdf6;--green:#17854d;--green-dark:#0f6539;--green-soft:#e7f5eb;--yellow:#f4c94a;--red:#c24f45;--red-soft:#faece9;--border:#d9d2c2}body{color:var(--ink);background:linear-gradient(#e8f1e9 0 132px,#f5f1e7 132px 100%);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{font:inherit}.app{text-align:center;background:repeating-linear-gradient(0deg,#17352a05 0,#17352a05 1px,transparent 1px,transparent 4px),var(--paper);border-inline:1px solid #17352a0f;width:min(100%,450px);min-height:100vh;margin:0 auto;padding:26px 18px 46px}.landing-screen,.results-screen{padding-top:38px}.receipt-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.eyebrow{letter-spacing:.12em;color:var(--green-dark);font-size:.74rem;font-weight:900;display:inline-block}.streak-chip{border:1px solid var(--border);color:#795900;white-space:nowrap;background:#fff8dc;border-radius:999px;align-items:center;padding:7px 10px;font-size:.78rem;font-weight:800;display:inline-flex}h1{letter-spacing:-.065em;color:var(--ink);margin:18px 0 8px;font-size:clamp(2.9rem,14vw,4.6rem);line-height:.92}h1:after{content:"";background:var(--yellow);border-radius:999px;width:68px;height:6px;margin:16px auto 0;display:block}h2{letter-spacing:-.03em;margin:24px 0 18px;font-size:1.72rem}.hero-copy{margin:22px 0 7px;font-size:1.45rem;font-weight:850}.sub-copy{color:var(--muted);margin:0}.price-source{color:#6d6045;background:#fbf4df;border:1px dashed #b9ad91;border-radius:8px;margin-top:17px;padding:8px 11px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.73rem;font-weight:700;display:inline-flex}.question-source{margin-top:12px}.result-source{margin-top:20px}.basket-preview{border-bottom:10px solid var(--green);background:var(--green-soft);border-radius:16px 16px 8px 8px;justify-content:center;align-items:flex-end;gap:2px;max-width:330px;margin:28px auto 8px;padding:15px 12px 11px;display:flex}.basket-preview img{object-fit:contain;width:56px;height:72px}.primary-button{background:var(--green);color:#fff;cursor:pointer;width:100%;box-shadow:0 5px 0 var(--green-dark);border:none;border-radius:12px;margin-top:26px;padding:16px 20px;font-weight:900;transition:transform .11s,box-shadow .11s}.primary-button:active{box-shadow:0 2px 0 var(--green-dark);transform:translateY(3px)}.secondary-button{border:2px solid var(--ink);width:100%;color:var(--ink);cursor:pointer;background:0 0;border-radius:12px;padding:14px 20px;font-weight:850}.receipt-footer{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:8px;margin-top:28px;font-size:.75rem;font-weight:700;display:flex}.question-count{color:var(--muted);font-weight:850}.progress-bar{background:#ded8c9;border-radius:999px;height:7px;margin-top:13px;overflow:hidden}.progress-fill{border-radius:inherit;background:repeating-linear-gradient(90deg,var(--green) 0 18px,var(--green-dark) 18px 20px);height:100%;transition:width .18s}.comparison{gap:12px;display:grid}.product-choice{border:2px solid var(--border);width:100%;min-height:142px;color:var(--ink);text-align:left;cursor:pointer;background:#fff;border-radius:16px;grid-template-columns:104px minmax(0,1fr);align-items:center;padding:13px;transition:transform .12s,border-color .12s,background .12s;display:grid;overflow:hidden}.product-choice:active:not(:disabled){transform:scale(.985)}.product-image-wrap{background:#f6f2e8;border-radius:12px;place-items:center;width:92px;height:112px;display:grid}.product-image{object-fit:contain;width:80px;height:100px}.product-copy{min-width:0;padding-left:10px}.product-choice strong{font-size:1.04rem;line-height:1.2;display:block}.product-choice span{color:var(--muted);margin-top:7px;display:block}.product-choice .price{color:var(--ink);margin-top:13px;font-size:1.45rem;font-weight:950}.product-choice.correct{border-color:var(--green);background:var(--green-soft)}.product-choice.wrong{border-color:var(--red);background:var(--red-soft)}.product-choice.muted{opacity:.54}.product-choice:disabled{cursor:default}.versus{background:var(--yellow);width:42px;height:28px;color:var(--ink);letter-spacing:.08em;border-radius:999px;justify-self:center;place-items:center;font-size:.74rem;font-weight:950;display:inline-grid}.reveal{background:#fbf7eb;border:1px dashed #b9ad91;border-radius:12px;margin-top:22px;padding:18px}.feedback{font-size:1.38rem;font-weight:950}.correct-text{color:var(--green-dark)}.wrong-text{color:var(--red)}.reveal p{color:var(--muted);margin:8px 0 0}.reveal .primary-button{margin-top:18px}.result-time{color:var(--muted);margin:11px 0 0;font-size:1.35rem;font-weight:900}.result-grid{grid-template-columns:repeat(5,1fr);gap:9px;margin:28px 0 22px;display:grid}.result-tile{aspect-ratio:1;border-radius:9px;place-items:center;font-size:1.25rem;font-weight:950;display:grid}.correct-tile{background:var(--green);color:#fff}.wrong-tile{background:var(--red);color:#fff}.result-summary{margin:0;font-size:1.26rem;font-weight:850}.result-actions{gap:11px;margin-top:24px;display:grid}.result-actions .primary-button{margin-top:0}.share-status{color:var(--muted);margin-top:14px;font-size:.9rem}.share-preview{text-align:left;background:#fff9e8;border:1px dashed #b9ad91;border-radius:9px;gap:7px;margin-top:28px;padding:17px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;display:grid}.share-preview-label{letter-spacing:.1em;color:#7e7053;text-transform:uppercase;font-size:.69rem;font-weight:900}@media (width<=360px){.product-choice{grid-template-columns:88px minmax(0,1fr)}.product-image-wrap{width:78px;height:98px}.product-image{width:68px;height:88px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}