:root{color-scheme:light;--cream: #f7f3fc;--sand: #eee7f7;--ink: #241a33;--stone: #463a59;--muted: #6b6478;--faint: #6e657d;--line: #e3d9f0;--berry: #b0306a;--berry-soft: #fbe9f1;--play: #5b3fa0;--gold: #f2c14e;--bonus: #fff6db;--bonus-line: #f2c14e;--camera: #1a1325;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:var(--sand);color:var(--ink);-webkit-font-smoothing:antialiased}button,a{font:inherit;touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--berry);outline-offset:2px}.app-shell{min-height:100dvh;max-width:480px;margin:0 auto;background:var(--cream);display:flex;flex-direction:column}.app-main{flex:1;overflow:auto;padding:calc(12px + env(safe-area-inset-top)) 16px 16px}.page{display:flex;flex-direction:column;gap:8px}.header-row,.card-top,.row,.header-actions{display:flex;align-items:center;gap:8px}.header-row,.card-top{justify-content:space-between}.header-actions{margin-left:auto}.brand{margin:0;font-family:Georgia,Iowan Old Style,Palatino,serif;font-size:28px;font-weight:700;color:var(--ink)}.page-title{margin:0;font-size:26px}.subtitle{margin:0 0 4px;color:var(--muted)}.token-pill{margin:0;background:var(--berry-soft);color:var(--berry);font-weight:700;font-size:14px;border-radius:999px;padding:6px 12px}.play-link{color:var(--berry);font-weight:700;font-size:14px;text-decoration:none}.lead{margin:0;font-size:16px;font-weight:700;color:var(--ink)}.steps{display:flex;gap:8px}.step{flex:1;text-align:center;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--faint);font-weight:700;font-size:13px;padding:8px 10px}.step.on{background:var(--berry);border-color:var(--berry);color:#fff}.section-label{margin:4px 0 0;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);font-weight:600}.status{margin:0;font-size:16px;color:var(--stone)}.effect{margin:0;color:var(--play);font-size:15px}.muted,.meta,.device-hint,.code-line,.plain{margin:0;color:var(--muted)}.meta{font-size:13px}.device-hint{font-size:11px;color:var(--faint)}.code-line{font-size:12px;color:var(--faint)}.code-line.faint{color:#cfc6dc}.plain{font-size:14px}.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:8px}.card-bonus{background:var(--bonus);border-color:var(--bonus-line)}.card-title,.store-name{margin:0;font-size:17px}.store-name{font-size:17px}.dist{color:var(--muted);font-size:13px}.promo-line{margin:0;color:var(--berry);font-weight:600;font-size:14px}.primary-btn,.secondary-btn,.ghost-btn{border-radius:999px;border:0;padding:12px 16px}.primary-btn{background:var(--berry);color:#fff;font-weight:700}.primary-btn.block{width:100%;margin-top:4px}.primary-btn:disabled{opacity:.55;cursor:default}.secondary-btn{background:#fff;color:var(--ink);font-weight:600;border:1px solid var(--line);align-self:flex-start}.secondary-btn:disabled{color:var(--faint)}.ghost-btn{background:transparent;color:var(--faint);font-weight:600}.scanner-block{display:flex;flex-direction:column;gap:6px}.scanner-frame{position:relative;width:100%;height:280px;min-height:280px;border-radius:16px;overflow:hidden;background:var(--camera);border:1px solid var(--line)}.html5-host{position:absolute!important;top:0;right:0;bottom:0;left:0;width:100%;height:280px;min-width:240px;min-height:280px;overflow:hidden;background:var(--camera)}.html5-host video{width:100%!important;height:280px!important;min-height:280px!important;object-fit:fill!important;display:block!important;background:#000}.scanner-engine{margin:0;font-size:13px;font-weight:700;color:var(--berry)}.scanner-engine-meta,.scanner-engine-note{font-weight:500;color:var(--muted)}.scanner-engine-note{margin:0;font-size:12px}.html5-host img,#html5-reader__dashboard,#html5-reader__dashboard_section,#html5-reader__header_message,#qr-shaded-region{pointer-events:none}.html5-host img,#html5-reader__dashboard,#html5-reader__dashboard_section,#html5-reader__header_message{display:none!important}.scanner-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:20px;text-align:center;background:#1c1917b8;color:var(--cream)}.scanner-overlay p{margin:0}.history{list-style:none;margin:0;padding:0 0 12px;display:flex;flex-direction:column;gap:4px;color:var(--stone);font-size:13px}.history-title{margin:8px 0 0;font-size:15px}.scan-log{display:flex;flex-direction:column;gap:8px;margin-top:4px}.scan-log-day{margin:0;font-size:13px;color:var(--muted);font-weight:700}.scan-log-item{background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 12px}.scan-log-top{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:12px}.scan-log-tokens{color:var(--berry);font-weight:700}.scan-log-again{color:var(--stone);font-weight:700}.scan-log-title,.scan-log-barcode,.scan-log-store{margin:2px 0 0}.scan-log-title{font-weight:700;color:var(--ink)}.scan-log-barcode,.scan-log-store{color:var(--muted);font-size:12px}.banner,.checkin-banner{margin:0;background:var(--berry-soft);color:var(--ink);border-radius:12px;padding:10px 12px}.banner{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.banner p{margin:0}.tabbar{position:sticky;bottom:0;display:flex;background:var(--cream);border-top:1px solid var(--line);padding:6px 8px calc(6px + env(safe-area-inset-bottom))}.tabbar button{flex:1;border:0;background:transparent;color:var(--faint);font-weight:700;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 0}.tabbar button[aria-current=page]{color:var(--berry)}.tab-row{display:flex;gap:8px}.seg{flex:1;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--stone);font-weight:700;padding:10px}.seg.on{background:var(--berry);border-color:var(--berry);color:#fff}.map-wrap{height:420px;border-radius:16px;overflow:hidden;border:1px solid var(--line)}.map{width:100%;height:100%}.store-list{display:flex;flex-direction:column;gap:10px;padding-bottom:12px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;display:flex;align-items:flex-end;justify-content:center;z-index:20}.modal-card{width:min(480px,100%);background:var(--sand);border-radius:20px 20px 0 0;padding:20px 20px calc(20px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:12px}.modal-card h2{margin:0}.store-scroll{max-height:360px;overflow:auto;display:flex;flex-direction:column;gap:8px}.store-row{text-align:left;background:var(--cream);border:1px solid var(--line);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:2px}.loading-page{align-items:center;padding-top:48px}.spinner{width:36px;height:36px;border-radius:50%;border:3px solid var(--berry-soft);border-top-color:var(--berry);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:480px){body{background:var(--cream)}}.scan-log-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.scan-log-category{margin:2px 0 0;font-size:.8rem;color:var(--stone)}.privacy-link{margin:16px 0 8px;text-align:center;font-size:.85rem}.privacy-link a{color:var(--muted)}.switcher{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.switcher select,.code-input{font:inherit;padding:8px 10px;border-radius:10px;border:1px solid rgba(0,0,0,.2);background:#fff;min-width:0}.code-input{letter-spacing:.08em;width:100%;box-sizing:border-box}.link-form{display:grid;gap:8px;margin-top:10px}.sound-row{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px;margin:8px 0 10px}.sound-row strong{display:block;font-size:15px;color:var(--ink)}.sound-hint{display:block;font-size:12px;color:var(--muted);margin-top:2px}.sound-row input[type=checkbox]{width:22px;height:22px;accent-color:var(--berry, #b0306a);flex-shrink:0}