:root{color:#191a16;font-synthesis:none;text-rendering:optimizelegibility;--ink:#191a16;--paper:#f6f5f1;--surface:#fff;--acid:#d8ff65;--muted:#707268;--line:#dcdcd4;background:#f6f5f1;font-family:Inter,ui-rounded,SF Pro Rounded,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--paper)}body{background:radial-gradient(circle at 90% 0%, #d8ff653d, transparent 28rem), var(--paper);min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{-webkit-tap-highlight-color:transparent}.app-shell{width:min(100%,720px);min-height:100vh;padding:max(20px, env(safe-area-inset-top)) 20px max(36px, env(safe-area-inset-bottom));margin:0 auto}.screen{animation:.18s ease-out enter}@keyframes enter{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.topbar{justify-content:space-between;align-items:center;gap:16px;margin:8px 0 30px;display:flex}.topbar--compact{text-align:center;grid-template-columns:52px 1fr 52px;margin-bottom:24px;display:grid}.topbar h1{letter-spacing:-.055em;margin:2px 0 0;font-size:clamp(1.8rem,7vw,2.6rem)}.topbar--compact h1{letter-spacing:-.035em;font-size:1.4rem}.topbar__spacer{width:52px}.eyebrow{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:.76rem;font-weight:800}.icon-button{width:52px;height:52px;color:var(--ink);cursor:pointer;background:#ebeae5;border:0;border-radius:50%;font-size:1.85rem;line-height:1}.icon-button--dark{background:var(--ink);color:var(--acid)}.primary-button,.secondary-button{cursor:pointer;border:0;border-radius:16px;padding:16px 20px;font-weight:800}.primary-button{background:var(--ink);color:#fff;box-shadow:0 10px 24px #191a162e}.primary-button--full{width:100%;margin-top:4px}.secondary-button{background:var(--acid);width:100%;color:var(--ink)}.install-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffc7;border:1px solid #191a161a;border-radius:19px;grid-template-columns:48px 1fr auto;align-items:center;gap:13px;margin:-8px 0 26px;padding:13px;display:grid;box-shadow:0 8px 24px #191a160f}.install-card img{border-radius:13px;width:48px;height:48px}.install-card strong{font-size:.92rem;display:block}.install-card p{color:var(--muted);margin:3px 0 0;font-size:.74rem;line-height:1.35}.install-card button{background:var(--ink);color:var(--acid);cursor:pointer;border:0;border-radius:12px;padding:10px 13px;font-size:.78rem;font-weight:850}.empty-state{flex-direction:column;justify-content:center;align-items:flex-start;min-height:65vh;padding-bottom:10vh;display:flex}.empty-state h2{letter-spacing:-.06em;max-width:560px;margin:10px 0 12px;font-size:clamp(2rem,9vw,3.8rem);line-height:.98}.empty-state>p:not(.eyebrow){max-width:470px;color:var(--muted);margin:0 0 26px;font-size:1.05rem;line-height:1.5}.empty-state__cards{width:160px;height:106px;margin:0 0 36px 10px;position:relative}.empty-state__cards span{background:var(--ink);border-radius:20px;position:absolute;inset:0;transform:rotate(-8deg)}.empty-state__cards span:nth-child(2){background:#ff6b61;transform:translate(18px,6px)rotate(2deg)}.empty-state__cards span:nth-child(3){background:var(--acid);transform:translate(34px,15px)rotate(11deg)}.card-grid,.brand-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px;display:grid}.tile-button{min-width:0;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.tile-button__label{text-overflow:ellipsis;white-space:nowrap;padding:8px 4px 0;font-size:.88rem;font-weight:750;display:block;overflow:hidden}.brand-card{aspect-ratio:1.58;border-radius:21px;place-items:center;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0000000f,0 5px 13px #22231d0f}.brand-card img{object-fit:cover;width:100%;height:100%}.brand-card__wordmark{letter-spacing:-.035em;text-align:center;max-width:82%;font-size:clamp(.92rem,4.8vw,1.45rem);font-weight:900}.brand-card__plus{background:#ffffff8c;border-radius:50%;place-items:center;width:62px;height:62px;font-size:2.2rem;display:grid}.brand-card--compact{aspect-ratio:2.25;margin-bottom:26px}.brand-card--compact .brand-card__wordmark{font-size:1.8rem}.search-field{border:1px solid var(--line);background:#ffffffb8;border-radius:17px;align-items:center;gap:10px;margin-bottom:24px;padding:0 17px;display:flex}.search-field>span{font-size:1.6rem;transform:rotate(-20deg)}.search-field input{width:100%;color:var(--ink);background:0 0;border:0;outline:0;padding:16px 0}.section-label{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin:0 0 14px;font-size:.78rem;font-weight:800}.screen--form{padding-bottom:24px}.card-form{gap:18px;display:grid}.field{gap:8px;font-size:.9rem;font-weight:800;display:grid}.field input,.field select{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--ink);border-radius:15px;outline:none;padding:16px}.field input:focus,.field select:focus{border-color:var(--ink);box-shadow:0 0 0 3px #d8ff65bf}.divider{color:var(--muted);align-items:center;gap:12px;font-size:.78rem;display:flex}.divider:before,.divider:after{content:"";background:var(--line);flex:1;height:1px}.helper-text,.privacy-note,.detail-hint{color:var(--muted);text-align:center;margin:-8px 0 0;font-size:.8rem;line-height:1.45}.form-error{color:#b52121;text-align:center;margin:0;font-size:.84rem;font-weight:700}.barcode-preview{background:#fff;border-radius:16px;place-items:center;min-height:126px;padding:12px;display:grid;overflow:auto}.barcode-preview canvas{max-width:100%;display:block;height:auto!important}.barcode-preview canvas.is-hidden{display:none}.text-button{cursor:pointer;background:0 0;border:0;font-size:.78rem;font-weight:800}.text-button--danger{color:#bd2222}.loyalty-card{background:#fff;border-radius:28px;margin-top:10vh;overflow:hidden;box-shadow:0 22px 60px #191a1624}.loyalty-card__header{justify-content:space-between;align-items:center;padding:24px;font-size:1.25rem;font-weight:900;display:flex}.offline-pill{letter-spacing:.08em;text-transform:uppercase;background:#ffffff2e;border-radius:99px;padding:8px 11px;font-size:.68rem}.loyalty-card__code{text-align:center;padding:34px 20px 30px}.loyalty-card__code p{letter-spacing:.1em;overflow-wrap:anywhere;margin:18px 0 0;font-size:clamp(1.05rem,5vw,1.5rem)}.detail-hint{max-width:360px;margin:24px auto 0}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}@media (width>=620px){.brand-grid,.card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.brand-card__wordmark{font-size:1.25rem}}@media (width<=430px){.install-card{grid-template-columns:44px 1fr}.install-card img{width:44px;height:44px}.install-card button{grid-column:1/-1;width:100%}}@media (prefers-reduced-motion:reduce){.screen{animation:none}}