:root{--bg:#14100e;--panel:#1c1613;--fg:#f5efe6;--muted:#f5efe69e;--line:#ffffff1f;--brand:#ffd84d;--brand-ink:#1a1400;--brand-2:#ff8a3d;--warn:#ffb02e;--danger:#ff6b5e;--snap:.18s;--ease:cubic-bezier(.2, 0, 0, 1)}*{box-sizing:border-box}html,body,#root{background:var(--bg);width:100%;height:100%;color:var(--fg);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;overscroll-behavior:none;margin:0;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,Helvetica Neue,Arial,PingFang SC,Noto Sans,sans-serif}body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;overflow:hidden}button{font:inherit}.bgs-site{width:100%;height:100%;position:relative;overflow:hidden}.bgs-hint{bottom:max(28px, env(safe-area-inset-bottom));z-index:50;pointer-events:none;text-align:center;transition:opacity var(--snap) var(--ease);white-space:nowrap;position:absolute;left:50%;transform:translate(-50%)}.bgs-hint--hidden{opacity:0}.bgs-hint span{color:#ffffffd9;letter-spacing:.04em;text-shadow:0 2px 8px #00000080;font-size:18px;font-weight:700;animation:2.4s ease-in-out infinite bgs-pulse;display:inline-block}@keyframes bgs-pulse{0%,to{opacity:.55}50%{opacity:1}}.bgs-spinner{border:2px solid #ffffff40;border-top-color:var(--brand);vertical-align:-4px;border-radius:50%;width:18px;height:18px;margin-right:10px;animation:.8s linear infinite bgs-spin;display:inline-block}@keyframes bgs-spin{to{transform:rotate(360deg)}}.bgs-chip{letter-spacing:.02em;border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-block}.bgs-chip--warn{color:var(--warn);border-color:#ffb02e80}.bgs-bar{background:#ffffff1f;border-radius:3px;height:6px;position:relative;overflow:hidden}.bgs-bar i{background:var(--brand);transition:width .4s var(--ease);border-radius:3px;position:absolute;inset:0 auto 0 0}.bgs-btn{cursor:pointer;min-height:52px;transition:background var(--snap) var(--ease), color var(--snap) var(--ease), transform .15s var(--ease), border-color var(--snap) var(--ease);-webkit-tap-highlight-color:transparent;border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-size:17px;font-weight:800;text-decoration:none;display:inline-flex}.bgs-btn:active{transform:scale(.98)}.bgs-btn--primary{background:var(--brand);color:var(--brand-ink)}.bgs-btn--primary:hover{background:#ffe06e}.bgs-btn--primary:disabled{color:#1a140080;cursor:default;background:#ffd84d59;transform:none}.bgs-btn--ghost{color:var(--fg);border:1.5px solid var(--line);background:0 0}.bgs-btn--ghost:hover{border-color:#fff6}.bgs-btn--block{width:100%}.bgs-lang{z-index:300;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000073;border-radius:10px;gap:4px;padding:4px;display:flex;position:fixed;top:16px;right:16px}.bgs-lang__btn{color:#ffffff8c;cursor:pointer;background:0 0;border:none;border-radius:7px;padding:5px 10px;font-size:13px;font-weight:700;transition:all .15s}.bgs-lang__btn--active{color:#fff;background:#fff3}.bgs-reveal{z-index:200;background:radial-gradient(at 50% 45%,#0a050240 0%,#0a05028c 70%);justify-content:center;align-items:center;padding:16px;animation:.18s cubic-bezier(.2,0,0,1) bgs-fadein;display:flex;position:absolute;inset:0}.bgs-reveal--out{pointer-events:none;animation:.18s cubic-bezier(.2,0,0,1) forwards bgs-fadeout}@keyframes bgs-fadein{0%{opacity:0}to{opacity:1}}@keyframes bgs-fadeout{0%{opacity:1}to{opacity:0}}.bgs-reveal__card{text-align:center;color:#2a1810;background:linear-gradient(#fffaf0 0%,#fff3df 100%);border:1.5px solid #c4a06abf;border-radius:18px;width:min(88vw,460px);max-width:460px;padding:48px 36px 26px;animation:.18s cubic-bezier(.2,0,0,1) both bgs-cardsnap;position:relative;box-shadow:inset 0 0 0 6px #fff8ec,inset 0 0 0 7px #c4a06a8c,0 30px 80px #0000008c}.bgs-reveal__card:before{content:"";background:#c4a06a;border-radius:1px;width:10px;height:10px;position:absolute;top:24px;left:50%;transform:translate(-50%)rotate(45deg);box-shadow:-34px 0 0 -3px #c4a06a,34px 0 0 -3px #c4a06a}@keyframes bgs-cardsnap{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.bgs-reveal__line1{color:#2a1810;letter-spacing:-.02em;margin-bottom:6px;font-size:clamp(26px,5vw,42px);font-weight:900;line-height:1.12}.bgs-reveal__line2{color:#b8894a;margin-bottom:28px;font-size:clamp(18px,3.5vw,28px);font-weight:700}.bgs-reveal__cta{color:#ffd84d;cursor:pointer;background:#1a1a24;border:none;border-radius:14px;width:100%;margin-bottom:12px;padding:16px 24px;font-size:18px;font-weight:800;transition:background .15s,transform .15s;display:block}.bgs-reveal__cta:hover{background:#2a2a38}.bgs-reveal__cta:active{transform:scale(.98)}.bgs-reveal__again{color:#2a1810bf;cursor:pointer;background:0 0;border:1.5px solid #2a181038;border-radius:10px;padding:10px 20px;font-size:15px;font-weight:600;transition:border-color .15s,color .15s}.bgs-reveal__again:hover{color:#2a1810;border-color:#2a181080}.bgs-reveal__hint{color:#2a18108c;margin-top:10px;font-size:12.5px;line-height:1.4}.bgs-reveal__extra{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:14px;display:flex}.bgs-reveal__extra button,.bgs-reveal__extra a{color:#2a1810;cursor:pointer;background:#2a18100f;border:none;border-radius:10px;padding:9px 14px;font-size:14px;font-weight:600;text-decoration:none;transition:background .15s}.bgs-reveal__extra button:hover,.bgs-reveal__extra a:hover{background:#2a18101f}.bgs-reveal__foot{letter-spacing:.08em;text-transform:uppercase;color:#2a181073;margin-top:18px;font-size:11px}.kiosk{grid-template-rows:1fr;grid-template-columns:1fr 340px;display:grid;position:absolute;inset:0}@media (orientation:portrait){.kiosk{grid-template-rows:1fr auto;grid-template-columns:1fr}}.kiosk-stage{background:radial-gradient(ellipse at 50% 60%, #2a1c14 0%, var(--bg) 70%);position:relative;overflow:hidden}.kiosk-loading{color:var(--muted);pointer-events:none;z-index:40;font-size:16px;font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.kiosk-banner{top:max(20px, env(safe-area-inset-top));background:var(--brand);color:var(--brand-ink);letter-spacing:.01em;z-index:60;animation:kiosk-snap-in var(--snap) var(--ease) both;pointer-events:none;white-space:nowrap;border-radius:12px;padding:12px 22px;font-size:20px;font-weight:900;position:absolute;left:50%;transform:translate(-50%)}.kiosk-banner--warn{background:var(--warn)}@keyframes kiosk-snap-in{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.kiosk-progress{top:max(20px, env(safe-area-inset-top));z-index:58;border:1px solid var(--line);pointer-events:none;width:min(60%,420px);animation:kiosk-snap-in var(--snap) var(--ease) both;background:#14100ec7;border-radius:14px;grid-template-columns:1fr auto;align-items:center;gap:8px 12px;padding:12px 18px 14px;font-size:16px;font-weight:700;display:grid;position:absolute;left:50%;transform:translate(-50%)}.kiosk-progress .bgs-bar{height:8px}.kiosk-progress b{font-size:18px}.kiosk-sheet{z-index:300;background:radial-gradient(ellipse at 50% 55%, #2a1c14 0%, var(--bg) 70%);animation:kiosk-fadein var(--snap) var(--ease);position:absolute;inset:0}.kiosk-sheet .phone-page{padding-top:max(22px, env(safe-area-inset-top))}.kiosk-sheet .upload-drop{aspect-ratio:auto;height:min(360px,42vh)}@keyframes kiosk-fadein{0%{opacity:0}to{opacity:1}}.kiosk-back{left:20px;bottom:max(24px, env(safe-area-inset-bottom));z-index:55;color:var(--fg);border:1px solid var(--line);cursor:pointer;transition:background var(--snap) var(--ease);background:#00000073;border-radius:10px;padding:10px 14px;font-size:14px;font-weight:700;position:absolute}.kiosk-back:hover{background:#000000a6}.kiosk-panel{background:var(--panel);border-left:1px solid var(--line);padding:22px 26px max(18px, env(safe-area-inset-bottom));flex-direction:column;gap:12px;display:flex;position:relative;overflow:hidden}@media (orientation:portrait){.kiosk-panel{border-left:none;border-top:1px solid var(--line);padding:18px 22px max(18px, env(safe-area-inset-bottom));grid-template-columns:200px 1fr;grid-template-areas:"brand title""qr steps""qr scan""qr or""qr take""qr note""status status""foot foot";gap:10px 22px;display:grid}.kiosk-brand{grid-area:brand}.kiosk-title{grid-area:title}.kiosk-qr{grid-area:qr}.kiosk-scan{grid-area:scan}.kiosk-or{grid-area:or}.kiosk-take{grid-area:take}.kiosk-take-note{grid-area:note;margin:0}.kiosk-steps{grid-area:steps}.kiosk-status{grid-area:status}.kiosk-foot{grid-area:foot}}.kiosk-brand{letter-spacing:-.02em;color:var(--fg);font-size:22px;font-weight:900}.kiosk-brand:after{content:"";background:var(--brand);vertical-align:2px;border-radius:2px;width:8px;height:8px;margin-left:6px;display:inline-block}.kiosk-title{letter-spacing:-.015em;margin:0;font-size:24px;font-weight:900;line-height:1.2}.kiosk-qr{aspect-ratio:1;background:#fff;border-radius:14px;align-self:center;width:100%;max-width:min(288px,100vh - 560px);padding:10px}@media (orientation:portrait){.kiosk-qr{max-width:288px}}.kiosk-qr img{width:100%;height:100%;image-rendering:pixelated;display:block}.kiosk-qr__empty{background:#eee;border-radius:8px;width:100%;height:100%}.kiosk-scan{color:var(--fg);margin:0;font-size:15px;font-weight:600;line-height:1.4}.kiosk-or{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:10px;font-size:12px;font-weight:700;display:flex}.kiosk-or:before,.kiosk-or:after{content:"";background:var(--line);flex:1;height:1px}.kiosk-take{width:100%;min-height:50px;font-size:15px}.kiosk-take svg{color:var(--brand);flex:none}.kiosk-take-note{color:var(--muted);opacity:.85;margin:-6px 0 0;font-size:12px;line-height:1.4}.kiosk-takeaway{text-align:left;color:#2a1810;background:#2a18100d;border-radius:12px;align-items:center;gap:14px;max-width:100%;padding:10px 12px;font-size:14px;font-weight:600;line-height:1.35;display:flex}.kiosk-takeaway img{width:104px;height:104px;image-rendering:pixelated;background:#fff;border-radius:8px;flex:none;padding:4px}.kiosk-takeaway--stage{right:20px;bottom:max(24px, env(safe-area-inset-bottom));z-index:55;text-align:center;border:1px solid var(--line);width:148px;color:var(--fg);pointer-events:none;animation:kiosk-fadein var(--snap) var(--ease);background:#00000073;flex-direction:column;gap:8px;padding:8px 8px 10px;font-size:12px;line-height:1.3;position:absolute}.kiosk-takeaway--stage img{width:116px;height:116px}.kiosk-steps{counter-reset:step;color:var(--muted);flex-direction:column;gap:6px;margin:0;padding:0;font-size:14px;line-height:1.35;list-style:none;display:flex}.kiosk-steps li{counter-increment:step;align-items:baseline;gap:10px;display:flex}.kiosk-steps li:before{content:counter(step);width:22px;height:22px;color:var(--brand);background:#ffd84d24;border-radius:6px;flex:none;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:inline-flex;transform:translateY(2px)}.kiosk-status{flex-direction:column;gap:10px;min-height:0;margin-top:auto;display:flex;overflow:hidden}.kiosk-job{color:var(--fg);grid-template-columns:1fr auto;align-items:center;gap:6px 10px;font-size:13px;font-weight:600;display:grid}.kiosk-job .bgs-bar,.kiosk-progress .bgs-bar{grid-area:2/1/auto/-1}.kiosk-job b,.kiosk-progress b{color:var(--brand);font-variant-numeric:tabular-nums;grid-area:1/2}.kiosk-foot{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);justify-content:space-between;font-size:11px;display:flex}.kiosk-sid{opacity:.45;text-transform:none;letter-spacing:0}.phone{background:radial-gradient(ellipse at 50% 55%, #2a1c14 0%, var(--bg) 70%);position:absolute;inset:0;overflow:hidden}.phone-top{padding:max(18px, env(safe-area-inset-top)) 72px 12px 20px;z-index:40;pointer-events:none;transition:opacity var(--snap) var(--ease);position:absolute;top:0;left:0;right:0}.phone-top.is-hidden,.phone-bottom.is-hidden{opacity:0;pointer-events:none}.phone-brand{letter-spacing:-.01em;color:var(--muted);margin-bottom:6px;font-size:15px;font-weight:900}.phone-brand:after{content:"";background:var(--brand);vertical-align:1px;border-radius:2px;width:6px;height:6px;margin-left:5px;display:inline-block}.phone-title{letter-spacing:-.02em;text-shadow:0 2px 12px #00000073;margin:0;font-size:clamp(24px,6.5vw,34px);font-weight:900;line-height:1.12}.phone-sub{color:var(--muted);max-width:34ch;margin:8px 0 0;font-size:15px;line-height:1.4}.phone-hint{bottom:calc(max(20px, env(safe-area-inset-bottom)) + 84px)}.phone-bottom{padding:12px 20px max(20px, env(safe-area-inset-bottom));z-index:45;transition:opacity var(--snap) var(--ease);background:linear-gradient(#14100e00 0%,#14100ebf 100%);position:absolute;bottom:0;left:0;right:0}.phone-bottom--row{gap:10px;display:flex}.phone-bottom--row .bgs-btn{flex:1}.phone-bottom--compact{gap:8px}.phone-bottom--compact .bgs-btn{white-space:nowrap;text-overflow:ellipsis;flex:auto;min-width:0;min-height:46px;padding:0 10px;font-size:13.5px;overflow:hidden}.phone-loading{color:var(--muted);z-index:40;pointer-events:none;font-size:15px;font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.phone-loadfail{z-index:60;text-align:center;border:1px solid var(--line);background:#14100ed9;border-radius:16px;width:min(86vw,360px);padding:22px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.phone-loadfail p{margin:0 0 14px;font-weight:700}.phone-toast{left:50%;bottom:calc(max(20px, env(safe-area-inset-bottom)) + 140px);background:var(--fg);color:var(--bg);z-index:300;animation:bgs-fadein var(--snap) var(--ease);border-radius:10px;padding:8px 14px;font-size:14px;font-weight:700;position:absolute;transform:translate(-50%)}.phone-page{-webkit-overflow-scrolling:touch;padding:max(18px, env(safe-area-inset-top)) 20px max(24px, env(safe-area-inset-bottom));flex-direction:column;gap:14px;max-width:520px;margin:0 auto;display:flex;position:absolute;inset:0;overflow-y:auto}.phone-page--center{text-align:center;justify-content:center;align-items:center}.phone-back{color:var(--muted);cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:6px 0;font-size:15px;font-weight:700}.phone-back--inline{align-self:center;margin-top:12px}.phone-back:hover{color:var(--fg)}.phone-h1{letter-spacing:-.02em;margin:4px 0 0;font-size:clamp(24px,6.5vw,32px);font-weight:900;line-height:1.15}.phone-tip{color:var(--muted);margin:0;font-size:14px;line-height:1.45}.phone-tip--center{text-align:center;max-width:34ch}.phone-tip--kiosk{color:var(--brand);font-weight:600}.phone-privacy{color:var(--muted);opacity:.8;margin:-6px 0 0;font-size:12px}.phone-error{color:#ffd2cd;background:#ff6b5e1f;border:1px solid #ff6b5e73;border-radius:12px;padding:10px 14px;font-size:14px;font-weight:600}.phone-actions{gap:10px;margin-top:auto;padding-top:10px;display:flex}.phone-actions--col{flex-direction:column;width:100%;margin-top:18px}.upload-drop{aspect-ratio:4/3;width:100%;color:var(--fg);cursor:pointer;transition:border-color var(--snap) var(--ease), background var(--snap) var(--ease);-webkit-tap-highlight-color:transparent;background:#ffffff0a;border:1.5px dashed #ffffff4d;border-radius:18px;padding:0;overflow:hidden}.upload-drop:hover{border-color:var(--brand)}.upload-drop--has{border-style:solid;border-color:var(--line);background:#000}.upload-drop img{object-fit:contain;width:100%;height:100%;display:block}.upload-drop__inner{flex-direction:column;align-items:center;gap:12px;display:flex}.upload-drop__icon{color:var(--brand)}.upload-drop__label{font-size:16px;font-weight:700}.gen-pct{letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:var(--fg);font-size:64px;font-weight:900;line-height:1}.gen-pct small{color:var(--muted);margin-left:2px;font-size:26px;font-weight:800}.gen-bar{width:min(80vw,320px);height:8px}.gen-phases{color:var(--muted);flex-direction:column;align-items:flex-start;gap:10px;margin:8px 0 0;padding:0;font-size:15px;font-weight:600;list-style:none;display:flex}.gen-phases li{transition:color var(--snap) var(--ease);align-items:center;gap:10px;display:flex}.gen-phases li.is-active{color:var(--fg)}.gen-phases li.is-done{color:var(--brand)}.gen-phases__dot{border:2px solid;border-radius:50%;flex:none;width:10px;height:10px}.gen-phases li.is-done .gen-phases__dot,.gen-phases li.is-active .gen-phases__dot{background:currentColor}.gen-fail__icon{width:56px;height:56px;color:var(--danger);background:#ff6b5e26;border-radius:50%;justify-content:center;align-items:center;font-size:30px;font-weight:900;display:flex}