@import"https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500;600;700&display=swap";@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css";[data-v-1a04a3f7]{box-sizing:border-box}body[data-v-1a04a3f7],button[data-v-1a04a3f7],input[data-v-1a04a3f7],textarea[data-v-1a04a3f7],select[data-v-1a04a3f7]{font-family:Kanit,sans-serif}.page-container[data-v-1a04a3f7]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:radial-gradient(circle at top center,var(--page-shell-radial-top),transparent 34%),radial-gradient(circle at bottom center,var(--page-shell-radial-bottom),transparent 48%),var(--page-shell-gradient);padding:20px;font-family:Kanit,sans-serif;transition:background .3s ease}.maintenance-banner[data-v-1a04a3f7]{width:100%;max-width:420px;background:var(--maintenance-banner-bg);border-radius:12px;border-left:4px solid var(--maintenance-banner-border);margin-bottom:20px;box-shadow:0 4px 12px var(--warning-soft-border);overflow:hidden}.maintenance-content[data-v-1a04a3f7]{display:flex;align-items:flex-start;gap:12px;padding:16px}.maintenance-icon[data-v-1a04a3f7]{display:flex;align-items:center;justify-content:center;color:var(--maintenance-banner-icon);font-size:1.5rem;animation:pulse-icon-1a04a3f7 2s infinite}.maintenance-text[data-v-1a04a3f7]{color:var(--maintenance-banner-text);font-size:.9rem;line-height:1.5}.maintenance-text strong[data-v-1a04a3f7]{color:var(--maintenance-banner-strong)}.maintenance-text small[data-v-1a04a3f7]{display:block;margin-top:4px;color:var(--maintenance-banner-strong);font-size:.8rem;opacity:.9}@keyframes pulse-icon-1a04a3f7{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.slide-down-enter-active[data-v-1a04a3f7],.slide-down-leave-active[data-v-1a04a3f7]{transition:all .4s cubic-bezier(.34,1.56,.64,1);overflow:hidden}.slide-down-enter-from[data-v-1a04a3f7],.slide-down-leave-to[data-v-1a04a3f7]{opacity:0;max-height:0;margin-bottom:0;padding-top:0;padding-bottom:0;transform:translateY(-20px)}.slide-down-enter-to[data-v-1a04a3f7],.slide-down-leave-from[data-v-1a04a3f7]{max-height:150px;opacity:1;transform:translateY(0)}.home-card-shell[data-v-1a04a3f7]{position:relative;width:100%;max-width:420px}.usage-guide-trigger[data-v-1a04a3f7]{position:fixed;top:24px;right:24px;z-index:1600;display:flex;align-items:center;justify-content:center;min-height:46px;padding:0 14px;border:1px solid var(--floating-border);border-radius:999px;background:var(--floating-surface);color:var(--floating-text);cursor:pointer;box-shadow:var(--floating-shadow);gap:8px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease,opacity .2s ease}.usage-guide-trigger i[data-v-1a04a3f7]{font-size:.95rem;color:var(--floating-text-muted)}.usage-guide-trigger span[data-v-1a04a3f7]{display:inline-flex;align-items:center;font-size:.8rem;font-weight:700;line-height:1;white-space:nowrap}.usage-guide-trigger[data-v-1a04a3f7]:hover{transform:translateY(-1px) scale(1.03);border-color:var(--floating-border-strong);background:var(--floating-surface-hover);box-shadow:var(--floating-shadow-hover)}.usage-guide-trigger[data-v-1a04a3f7]:focus-visible{outline:none;border-color:var(--floating-border-strong);box-shadow:0 0 0 3px var(--theme-focus-ring),var(--floating-shadow-hover)}.usage-guide-trigger.active[data-v-1a04a3f7]{background:var(--floating-surface-strong);border-color:var(--floating-border-strong);box-shadow:var(--floating-shadow-hover)}.usage-guide-trigger-first-time[data-v-1a04a3f7]{opacity:1;animation:usageGuideTriggerPulse-1a04a3f7 2.6s ease-in-out 2}.usage-guide-trigger-subtle[data-v-1a04a3f7]{opacity:.92}.usage-guide-overlay[data-v-1a04a3f7]{position:fixed;inset:0;z-index:1500;padding:24px;display:flex;align-items:center;justify-content:center;background:var(--floating-backdrop-strong);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.usage-guide-panel[data-v-1a04a3f7]{width:100%;max-width:min(92vw,560px);max-height:min(92vh,900px);display:flex;flex-direction:column;background:var(--floating-surface-strong);border:1px solid var(--floating-border);border-radius:18px;box-shadow:var(--floating-shadow-hover);overflow:hidden}.usage-guide-header[data-v-1a04a3f7]{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px 18px 12px}.usage-guide-header-copy h2[data-v-1a04a3f7]{margin:2px 0 0;color:var(--floating-text);font-size:1.18rem;font-weight:700;line-height:1.15}.usage-guide-eyebrow[data-v-1a04a3f7]{display:inline-block;color:var(--link-accent);font-size:.68rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.usage-guide-close[data-v-1a04a3f7]{width:36px;height:36px;border:1px solid var(--floating-border);border-radius:999px;background:var(--panel-close-bg);color:var(--panel-close-text);cursor:pointer;transition:transform .2s ease,border-color .2s ease,background .2s ease}.usage-guide-close[data-v-1a04a3f7]:hover{transform:translateY(-1px);border-color:var(--floating-border-strong);background:var(--panel-close-bg-hover)}.usage-guide-close[data-v-1a04a3f7]:focus-visible{outline:none;border-color:var(--floating-border-strong);box-shadow:0 0 0 3px var(--theme-focus-ring)}.usage-guide-poster-shell[data-v-1a04a3f7]{flex:1;min-height:0;padding:0 18px 14px;display:flex;align-items:center;justify-content:center;overflow:auto;position:relative;background:var(--panel-soft-bg)}.usage-guide-video-frame[data-v-1a04a3f7]{position:relative;width:min(100%,430px);aspect-ratio:9 / 16;max-height:calc(92vh - 174px);border-radius:20px;overflow:hidden;background:var(--video-frame-bg);box-shadow:var(--floating-shadow-hover)}.usage-guide-video[data-v-1a04a3f7]{width:100%;height:100%;display:block;border-radius:20px;border:1px solid var(--floating-border);background:var(--bg-primary);box-shadow:none;object-fit:cover}.usage-guide-video[data-v-1a04a3f7]{outline:none}.usage-guide-video-overlay[data-v-1a04a3f7]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:20px;background:var(--video-overlay-bg)}.usage-guide-loading[data-v-1a04a3f7]{display:inline-flex;align-items:center;gap:10px;padding:14px 18px;border-radius:999px;background:var(--video-loading-bg);color:var(--video-loading-text);font-size:.92rem;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.usage-guide-start-button[data-v-1a04a3f7],.usage-guide-secondary[data-v-1a04a3f7]{min-height:46px;padding:0 18px;border-radius:999px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-family:Kanit,sans-serif;font-size:.88rem;font-weight:700;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease}.usage-guide-start-button[data-v-1a04a3f7]{background:var(--primary-action-bg);color:var(--primary-action-text);box-shadow:var(--primary-action-shadow)}.usage-guide-start-button[data-v-1a04a3f7]:hover,.usage-guide-secondary[data-v-1a04a3f7]:hover{transform:translateY(-1px)}.usage-guide-secondary[data-v-1a04a3f7]{background:var(--surface-soft);color:var(--text-primary);border-color:var(--border-color)}.usage-guide-footer[data-v-1a04a3f7]{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:0 18px 18px}.usage-guide-understood[data-v-1a04a3f7]{flex-shrink:0;margin-left:auto;min-height:42px;padding:0 16px;border:none;border-radius:12px;background:var(--primary-action-bg);color:var(--primary-action-text);font-size:.8rem;font-weight:700;cursor:pointer;box-shadow:var(--primary-action-shadow);transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.usage-guide-understood[data-v-1a04a3f7]:hover{transform:translateY(-1px);filter:brightness(1.03);box-shadow:var(--primary-action-shadow-hover)}.usage-guide-understood[data-v-1a04a3f7]:focus-visible{outline:none;box-shadow:0 0 0 3px var(--theme-focus-ring),var(--primary-action-shadow-hover)}.usage-guide-fade-enter-active[data-v-1a04a3f7],.usage-guide-fade-leave-active[data-v-1a04a3f7]{transition:opacity .24s ease,transform .24s ease}.usage-guide-fade-enter-from[data-v-1a04a3f7],.usage-guide-fade-leave-to[data-v-1a04a3f7]{opacity:0;transform:translateY(8px)}.usage-guide-state-fade-enter-active[data-v-1a04a3f7],.usage-guide-state-fade-leave-active[data-v-1a04a3f7]{transition:opacity .2s ease}.usage-guide-state-fade-enter-from[data-v-1a04a3f7],.usage-guide-state-fade-leave-to[data-v-1a04a3f7]{opacity:0}@keyframes usageGuideTriggerPulse-1a04a3f7{0%,to{transform:translateY(0) scale(1);box-shadow:0 8px 26px #02061742,0 0 #60a5fa1f}50%{transform:translateY(-1px) scale(1.03);box-shadow:0 10px 30px #0206174d,0 0 0 7px #60a5fa00}}.order-card[data-v-1a04a3f7]{width:100%;max-width:420px;background:var(--bg-card, #ffffff);border-radius:16px;box-shadow:0 4px 24px var(--shadow-color, rgba(0, 0, 0, .08));overflow:hidden;border:1px solid var(--border-color, #e5e7eb);transition:transform .3s cubic-bezier(.25,.1,.25,1),box-shadow .3s cubic-bezier(.25,.1,.25,1),background .3s ease,border-color .3s ease}.order-card[data-v-1a04a3f7]:hover{transform:scale(1.01) translateY(-4px);box-shadow:0 12px 40px var(--shadow-hover, rgba(0, 0, 0, .12))}.status-available[data-v-1a04a3f7]{color:var(--success-strong)!important}.status-expired[data-v-1a04a3f7]{color:var(--history-status-expired-text)!important}.status-unavailable[data-v-1a04a3f7]{color:var(--history-status-used-text)!important}.centered-card-header[data-v-1a04a3f7]{position:relative;display:flex;flex-direction:column;align-items:center;padding:32px 24px 20px;background:var(--bg-card, #fff);gap:16px;transition:background .3s ease}.auth-status-shell[data-v-1a04a3f7]{position:absolute;top:16px;right:18px;display:flex;justify-content:flex-end;align-items:center;min-width:128px;min-height:34px;z-index:2}.auth-status-placeholder[data-v-1a04a3f7]{color:var(--text-muted, #9ca3af);font-size:.75rem}.access-mode-shell[data-v-1a04a3f7]{display:flex;align-items:center;justify-content:flex-end;gap:6px}.access-mode-option[data-v-1a04a3f7]{position:relative;display:inline-flex;align-items:center;gap:4px}.access-mode-option-login[data-v-1a04a3f7]{flex-direction:column;align-items:flex-end;gap:5px}.access-mode-chip[data-v-1a04a3f7]{border:1px solid var(--auth-chip-border);border-radius:999px;background:var(--auth-chip-bg);color:var(--text-secondary);padding:7px 12px;font-size:.74rem;font-weight:500;line-height:1;cursor:pointer;white-space:nowrap;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,color .2s ease,background .2s ease;font-family:Kanit,sans-serif;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.access-mode-chip-login[data-v-1a04a3f7]{border-color:var(--auth-chip-border);background:var(--auth-chip-bg);color:var(--text-secondary);padding-inline:12px}.access-mode-chip-login-cta[data-v-1a04a3f7]{border-color:var(--floating-border);background:var(--floating-surface-strong);color:var(--floating-text);font-weight:600;font-size:.75rem;letter-spacing:.01em;padding:9px 14px;box-shadow:var(--floating-shadow)}.access-mode-chip-login-cta[data-v-1a04a3f7]:hover{background:var(--floating-surface-hover);border-color:var(--floating-border-strong);color:var(--floating-text);box-shadow:var(--floating-shadow-hover)}.access-mode-chip-login-cta[data-v-1a04a3f7]:active{transform:translateY(0);box-shadow:0 8px 14px #0206173d}.access-mode-chip-login-cta[data-v-1a04a3f7]:focus-visible{outline:none;border-color:#94a3b8a3;box-shadow:0 0 0 3px #94a3b829,0 12px 20px #02061738}.access-mode-helper[data-v-1a04a3f7]{display:block;padding-right:6px;color:var(--text-muted);font-size:.63rem;line-height:1.15;white-space:nowrap}.access-mode-chip[data-v-1a04a3f7]:hover{transform:translateY(-1px);border-color:var(--floating-border-strong);box-shadow:var(--auth-chip-shadow);color:var(--text-primary);background:var(--auth-chip-bg-hover)}.access-mode-chip-active[data-v-1a04a3f7]{background:var(--surface-accent);border-color:var(--floating-border-strong);color:var(--link-accent);box-shadow:var(--auth-chip-shadow)}.auth-entry-link[data-v-1a04a3f7]{color:var(--text-secondary, #6b7280);font-size:.82rem;font-weight:500;text-decoration:none;transition:color .2s ease}.auth-entry-link[data-v-1a04a3f7]:hover{color:var(--link-accent)}.auth-menu-shell[data-v-1a04a3f7]{position:relative;max-width:190px}.auth-chip[data-v-1a04a3f7]{display:inline-flex;align-items:center;gap:8px;max-width:190px;padding:7px 10px;border:1px solid var(--auth-chip-border, rgba(148, 163, 184, .28));border-radius:999px;background:var(--auth-chip-bg, rgba(255, 255, 255, .88));color:var(--text-primary, #1f2937);cursor:pointer;box-shadow:0 8px 20px #0f172a14;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease,background .2s ease;font-family:Kanit,sans-serif;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.auth-chip[data-v-1a04a3f7]:hover{transform:translateY(-1px);background:var(--auth-chip-bg-hover, rgba(226, 232, 240, .96));border-color:var(--floating-border-strong);box-shadow:var(--auth-chip-shadow, 0 14px 30px rgba(15, 23, 42, .08))}.auth-chip[data-v-1a04a3f7]:focus-visible{outline:none;background:var(--auth-chip-bg-hover, rgba(226, 232, 240, .96));border-color:var(--floating-border-strong);box-shadow:0 0 0 3px var(--theme-focus-ring),var(--auth-chip-shadow, 0 14px 30px rgba(15, 23, 42, .08))}.auth-chip-icon[data-v-1a04a3f7]{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:999px;background:var(--auth-chip-icon-bg, rgba(37, 99, 235, .12));color:var(--link-accent);flex-shrink:0;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0f}.auth-chip-icon-fallback[data-v-1a04a3f7]{background:var(--auth-chip-icon-bg, rgba(37, 99, 235, .12))}.auth-chip-icon-line[data-v-1a04a3f7]{background:#06c75529}.auth-chip-icon-google[data-v-1a04a3f7]{background:#ffffffeb;box-shadow:inset 0 0 0 1px #94a3b82e,0 2px 8px #0f172a14}.auth-chip-provider-mark[data-v-1a04a3f7]{width:16px;height:16px;display:block;object-fit:contain}.auth-chip-icon-line .auth-chip-provider-mark[data-v-1a04a3f7]{width:15px;height:15px}.auth-chip-label[data-v-1a04a3f7]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;font-weight:500;color:inherit}.auth-chip-caret[data-v-1a04a3f7]{font-size:.72rem;color:var(--text-secondary, #6b7280);opacity:.88;flex-shrink:0}.auth-popover[data-v-1a04a3f7]{position:absolute;top:calc(100% + 8px);right:0;min-width:0;padding:6px;border:1px solid var(--auth-chip-border, var(--border-color, #e5e7eb));border-radius:12px;background:var(--auth-popover-bg, var(--bg-card, #fff));box-shadow:0 16px 30px #0206172e;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.auth-popover-action[data-v-1a04a3f7]{display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:112px;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--text-primary, #1f2937);text-align:center;padding:7px 11px;cursor:pointer;font-family:Kanit,sans-serif;font-size:.8rem;font-weight:500;line-height:1.1;transition:background .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease}.auth-popover-action[data-v-1a04a3f7]:hover{background:var(--auth-popover-hover, rgba(148, 163, 184, .12))}.auth-popover-action[data-v-1a04a3f7]:focus-visible{outline:none;background:var(--auth-popover-hover, rgba(148, 163, 184, .12));box-shadow:inset 0 0 0 1px var(--floating-border-strong)}.auth-popover-logout[data-v-1a04a3f7]{border-color:var(--danger-soft-border);background:var(--danger-soft-bg);color:var(--danger-text-strong)}.auth-popover-logout[data-v-1a04a3f7]:hover{background:#f871711f;border-color:var(--danger-soft-border)}.auth-popover-enter-active[data-v-1a04a3f7],.auth-popover-leave-active[data-v-1a04a3f7]{transition:opacity .16s ease,transform .16s ease}.auth-popover-enter-from[data-v-1a04a3f7],.auth-popover-leave-to[data-v-1a04a3f7]{opacity:0;transform:translateY(-4px) scale(.98)}.fb-account-trigger[data-v-1a04a3f7]{display:inline-flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.fb-icon-wrapper[data-v-1a04a3f7]{position:relative;display:inline-flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:50%;background:#1877f2;background:radial-gradient(circle at 50% 5%,#5eb1ff,#1877f2,#0a58ca);box-shadow:0 8px 16px #1877f24d,inset 0 -3px 6px #0000004d,inset 0 3px 6px #fff9;animation:fb-float-1a04a3f7 3.5s ease-in-out infinite;transition:all .4s cubic-bezier(.34,1.56,.64,1);text-decoration:none}.fb-icon-wrapper[data-v-1a04a3f7]:before{content:"";position:absolute;top:2%;left:15%;width:70%;height:40%;background:linear-gradient(180deg,#fffc,#fff0);border-radius:50%/60% 60% 40% 40%;pointer-events:none}.fb-icon-wrapper[data-v-1a04a3f7]:hover{transform:scale(1.15) translateY(-5px);animation-play-state:paused;box-shadow:0 12px 24px #1877f280,0 0 20px #1877f266,inset 0 -3px 6px #0000004d,inset 0 3px 6px #ffffffb3}.fb-icon-wrapper .fa-facebook-f[data-v-1a04a3f7]{font-size:2.25rem;color:#fff;z-index:1;margin-top:6px;margin-left:4px;line-height:1;text-shadow:0 2px 4px rgba(0,0,0,.2)}.fb-account-hint[data-v-1a04a3f7]{max-width:104px;color:var(--text-muted);font-size:.72rem;line-height:1.25;text-align:center;transition:color .2s ease}.fb-account-trigger:hover .fb-account-hint[data-v-1a04a3f7]{color:var(--text-secondary)}@keyframes fb-float-1a04a3f7{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.stock-box-centered[data-v-1a04a3f7]{display:flex;flex-direction:column;align-items:center}.stock-label[data-v-1a04a3f7]{font-size:1rem;font-weight:600;color:var(--text-secondary, #6b7280);margin-bottom:-4px}.stock-value[data-v-1a04a3f7]{font-size:2.25rem;font-weight:700;line-height:1.2;color:var(--success-accent);will-change:transform,color;transform-origin:center}.stock-value.stock-value-loading[data-v-1a04a3f7]{color:var(--text-primary);letter-spacing:.08em}.stock-value.stock-pulse[data-v-1a04a3f7]{animation:stockPulse-1a04a3f7 .5s ease}.stock-updated[data-v-1a04a3f7]{display:flex;align-items:center;gap:4px;font-size:.66rem;color:var(--text-muted, #9ca3af);margin-top:2px;transition:color .3s ease}.stock-updated.stock-updated-warning[data-v-1a04a3f7]{justify-content:center;text-align:center;color:var(--warning-text-strong)}.stock-updated i[data-v-1a04a3f7]{font-size:.54rem}@keyframes stockPulse-1a04a3f7{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.card-divider[data-v-1a04a3f7]{height:1px;background:var(--border-color, #e5e7eb);margin:0 24px;transition:background .3s ease}.input-section[data-v-1a04a3f7]{position:relative;padding:20px 24px 28px}.input-label[data-v-1a04a3f7]{display:block;font-size:.95rem;font-weight:500;color:var(--text-primary, #374151);margin-bottom:12px;transition:color .3s ease}.breathing-text[data-v-1a04a3f7]{animation:text-breathe-1a04a3f7 2.5s ease-in-out infinite}@keyframes text-breathe-1a04a3f7{0%,to{opacity:.8;transform:scale(1);text-shadow:0 0 0 transparent}50%{opacity:1;transform:scale(1.01);text-shadow:0 0 8px var(--theme-focus-ring)}}.quantity-input[data-v-1a04a3f7]{width:100%;padding:16px;font-size:1.5rem;font-weight:500;text-align:center;border:2px solid var(--border-color, #e5e7eb);border-radius:12px;background:var(--bg-input, #ffffff);color:var(--text-primary, #1f2937);outline:none;transition:all .2s;font-family:Kanit,sans-serif}.quantity-input[data-v-1a04a3f7]:disabled{cursor:wait;opacity:.7}.quantity-input[data-v-1a04a3f7]:focus{border-color:var(--info-accent);background:var(--bg-card, #fff);color:var(--text-primary, #1f2937);box-shadow:0 0 0 3px var(--theme-focus-ring)}.quantity-input.input-error[data-v-1a04a3f7]{border-color:var(--danger-accent)}.quantity-input.input-highlight[data-v-1a04a3f7]{border-color:var(--warning-accent);box-shadow:0 0 0 3px var(--warning-soft-border)}.quantity-input[data-v-1a04a3f7]::placeholder{color:var(--text-muted)}.quantity-input[data-v-1a04a3f7]::-webkit-outer-spin-button,.quantity-input[data-v-1a04a3f7]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.quantity-input[type=number][data-v-1a04a3f7]{-moz-appearance:textfield}.input-hint[data-v-1a04a3f7]{position:absolute;bottom:6px;left:0;right:0;font-size:.8rem;color:var(--text-muted, #9ca3af);text-align:center;margin:0;animation:softPulse-1a04a3f7 2.5s ease-in-out infinite;transition:color .3s ease,opacity .3s ease}.input-hint.error-text[data-v-1a04a3f7]{color:var(--danger-accent);animation:none}.input-hint.neutral-text[data-v-1a04a3f7]{color:var(--info-accent);font-style:italic;font-weight:500;opacity:.9;animation:none}.out-of-stock-warning[data-v-1a04a3f7]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;background:var(--danger-soft-bg);border:1px dashed var(--danger-soft-border);border-radius:12px;color:var(--danger-text);text-align:center}.out-of-stock-warning i[data-v-1a04a3f7]{font-size:2rem;color:var(--danger-text-soft)}.out-of-stock-warning span[data-v-1a04a3f7]{font-size:1.1rem;font-weight:500}@keyframes softPulse-1a04a3f7{0%,to{opacity:.5}50%{opacity:1}}.summary-section[data-v-1a04a3f7]{padding:16px 24px;background:var(--bg-section, #ffffff);border-top:1px solid var(--border-color, #e5e7eb);transition:background .3s ease,border-color .3s ease;display:flex;justify-content:center}.compact-summary-container[data-v-1a04a3f7]{display:flex;align-items:flex-end;justify-content:center;gap:12px;width:100%;opacity:0;transform:translateY(10px);transition:opacity .4s ease,transform .4s ease;pointer-events:none}.compact-summary-container.fade-in-active[data-v-1a04a3f7]{opacity:1;transform:translateY(0);pointer-events:auto}.compact-item[data-v-1a04a3f7]{display:flex;flex-direction:column;align-items:center;gap:4px}.compact-label[data-v-1a04a3f7]{font-size:.8rem;color:var(--text-secondary, #6b7280);white-space:nowrap}.compact-value[data-v-1a04a3f7]{font-size:1.25rem;font-weight:600;color:var(--text-primary, #1f2937);display:flex;align-items:baseline}.compact-value small[data-v-1a04a3f7]{font-size:.75rem;font-weight:500;color:var(--text-secondary, #6b7280);margin-left:2px}.bonus-green[data-v-1a04a3f7]{color:var(--success-accent)}.total-highlight[data-v-1a04a3f7]{color:var(--info-accent);font-size:1.4rem;font-weight:700}.compact-operator[data-v-1a04a3f7]{font-size:1.25rem;font-weight:600;color:var(--text-secondary, #9ca3af);margin-bottom:2px}.card-footer[data-v-1a04a3f7]{padding:20px 24px 24px;background:var(--bg-card, #fff);border-top:1px solid var(--border-color, #e5e7eb);transition:background .3s ease,border-color .3s ease}.fade-slide-enter-active[data-v-1a04a3f7],.fade-slide-leave-active[data-v-1a04a3f7]{transition:all .8s cubic-bezier(.16,1,.3,1);overflow:hidden}.fade-slide-enter-from[data-v-1a04a3f7],.fade-slide-leave-to[data-v-1a04a3f7]{opacity:0;max-height:0;padding-top:0;padding-bottom:0;margin-top:0;transform:translateY(-10px) scale(.98);border-color:transparent}.fade-slide-enter-to[data-v-1a04a3f7],.fade-slide-leave-from[data-v-1a04a3f7]{max-height:200px;opacity:1;transform:translateY(0) scale(1)}.price-row[data-v-1a04a3f7]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.price-label[data-v-1a04a3f7]{font-size:.95rem;color:var(--text-secondary, #6b7280);transition:color .3s ease}.price-value[data-v-1a04a3f7]{font-size:2rem;font-weight:700;color:var(--text-primary, #1f2937);transition:color .3s ease;display:flex;align-items:baseline}.price-value small[data-v-1a04a3f7]{font-size:1rem;font-weight:500;color:var(--text-secondary, #6b7280);margin-left:6px}.payment-btn[data-v-1a04a3f7]{position:relative;overflow:hidden;width:100%;padding:16px 24px;background:var(--primary-action-bg);color:var(--primary-action-text);font-size:1.1rem;font-weight:600;border:none;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .2s;font-family:Kanit,sans-serif}.payment-btn[data-v-1a04a3f7]:after{content:"";position:absolute;top:0;left:-150%;width:100%;height:100%;background:linear-gradient(to right,#fff0,#ffffff1a 30%,#fff6,#ffffff1a 70%,#fff0);transform:skew(-25deg);animation:btn-shine-1a04a3f7 8s cubic-bezier(.25,1,.5,1) infinite}@keyframes btn-shine-1a04a3f7{0%{left:-150%}30%{left:150%}to{left:150%}}.payment-btn[data-v-1a04a3f7]:hover:not(:disabled){background:var(--primary-action-bg-hover);transform:translateY(-1px);box-shadow:var(--primary-action-shadow-hover)}.payment-btn[data-v-1a04a3f7]:active:not(:disabled){transform:translateY(0)}.payment-btn.btn-disabled[data-v-1a04a3f7],.payment-btn[data-v-1a04a3f7]:disabled{background:var(--action-disabled-bg);color:var(--action-disabled-text);cursor:not-allowed;transform:none;box-shadow:none}.payment-btn.btn-disabled[data-v-1a04a3f7]:after,.payment-btn[data-v-1a04a3f7]:disabled:after{display:none}.payment-btn i[data-v-1a04a3f7]{font-size:1rem;z-index:1}.qr-panel[data-v-1a04a3f7]{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bg-primary);z-index:2000;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box;transition:background .3s ease}.floating-toast[data-v-1a04a3f7]{position:fixed;bottom:24px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:12px 20px;border-radius:10px;font-size:.9rem;border:1px solid var(--floating-border);box-shadow:var(--floating-shadow);z-index:1000}.info-toast[data-v-1a04a3f7]{background:var(--floating-surface-strong);color:var(--link-accent);border-color:var(--info-soft-border)}.error-toast[data-v-1a04a3f7]{background:var(--floating-surface-strong);color:var(--danger-text-strong);border-color:var(--danger-soft-border)}.toast-fade-enter-active[data-v-1a04a3f7],.toast-fade-leave-active[data-v-1a04a3f7]{transition:all .3s ease}.toast-fade-enter-from[data-v-1a04a3f7],.toast-fade-leave-to[data-v-1a04a3f7]{opacity:0;transform:translate(-50%) translateY(20px)}.download-stack[data-v-1a04a3f7]{position:fixed;right:16px;bottom:82px;z-index:980}.download-notifier-button[data-v-1a04a3f7]{position:relative;display:flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;background:var(--history-tab-bg);color:var(--history-tab-text);border:1px solid var(--floating-border);border-radius:50%;cursor:pointer;box-shadow:var(--floating-shadow);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease;font-family:Kanit,sans-serif;overflow:visible}.download-notifier-button i[data-v-1a04a3f7]{font-size:1rem;color:var(--link-accent)}.download-notifier-button[data-v-1a04a3f7]:hover{background:var(--history-tab-bg-active);border-color:var(--floating-border-strong);transform:translateY(-1px) scale(1.03);box-shadow:var(--floating-shadow-hover)}.download-notifier-button[data-v-1a04a3f7]:focus-visible{outline:2px solid var(--info-accent);outline-offset:2px}.download-notifier-badge[data-v-1a04a3f7]{position:absolute;top:-7px;right:-7px;min-width:24px;height:24px;padding:0 6px;border-radius:999px;background:var(--history-badge-bg-guest);color:var(--history-badge-text);font-size:.7rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--history-badge-shadow-guest)}.download-notifier-button-pulse[data-v-1a04a3f7]{animation:downloadNotifierPulse-1a04a3f7 .8s ease-in-out 3}@keyframes downloadNotifierPulse-1a04a3f7{0%,to{transform:translateY(0) scale(1);box-shadow:var(--floating-shadow)}50%{transform:translateY(-2px) scale(1.03);box-shadow:var(--floating-shadow-hover)}}.tooltip-fade-enter-active[data-v-1a04a3f7],.tooltip-fade-leave-active[data-v-1a04a3f7]{transition:all .2s ease}.tooltip-fade-enter-from[data-v-1a04a3f7],.tooltip-fade-leave-to[data-v-1a04a3f7]{opacity:0;transform:translate(-50%) translateY(0)}.line-browser-warning[data-v-1a04a3f7]{position:fixed;inset:0;background:var(--floating-backdrop-strong);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.line-warning-content[data-v-1a04a3f7]{background:var(--floating-surface-strong);border:1px solid var(--floating-border);border-radius:16px;padding:24px;max-width:400px;width:100%;transition:background .3s ease;box-shadow:var(--floating-shadow-hover)}.line-warning-header[data-v-1a04a3f7]{display:flex;align-items:center;gap:10px;color:var(--warning-accent);font-weight:600;margin-bottom:16px}.line-warning-body p[data-v-1a04a3f7]{color:var(--text-primary);margin-bottom:12px;line-height:1.6}.line-warning-actions[data-v-1a04a3f7]{display:flex;gap:10px;margin:16px 0}.browser-button[data-v-1a04a3f7],.copy-link-button[data-v-1a04a3f7]{flex:1;padding:12px;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s;font-family:Kanit,sans-serif}.browser-button[data-v-1a04a3f7]{background:var(--primary-action-bg);color:var(--primary-action-text);border:none}.browser-button[data-v-1a04a3f7]:hover{background:var(--primary-action-bg-hover)}.copy-link-button[data-v-1a04a3f7]{background:var(--surface-soft);color:var(--text-primary);border:1px solid var(--border-color)}.copy-link-button[data-v-1a04a3f7]:hover{background:var(--surface-soft-hover)}.line-warning-note[data-v-1a04a3f7]{font-size:.85rem;color:var(--text-secondary);text-align:center}.tooltip-overlay[data-v-1a04a3f7]{position:fixed;inset:0;background:var(--modal-overlay-bg);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.tooltip-card[data-v-1a04a3f7]{background:var(--bg-card, #fff);border-radius:16px;max-width:400px;width:100%;overflow:hidden;box-shadow:var(--floating-shadow-hover);transition:background .3s ease}.tooltip-header[data-v-1a04a3f7]{display:flex;align-items:center;gap:10px;padding:16px 20px;background:linear-gradient(135deg,#1877f2,#0d5bbd);color:#fff}.tooltip-header i[data-v-1a04a3f7]{font-size:1.25rem}.tooltip-header span[data-v-1a04a3f7]{flex:1;font-weight:600}.tooltip-close[data-v-1a04a3f7]{background:#fff3;border:none;color:#fff;width:28px;height:28px;border-radius:50%;font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.tooltip-close[data-v-1a04a3f7]:hover{background:#ffffff4d}.tooltip-body[data-v-1a04a3f7]{padding:20px}.tooltip-body ul[data-v-1a04a3f7]{list-style:none;padding:0;margin:0}.tooltip-body li[data-v-1a04a3f7]{padding:8px 0 8px 24px;position:relative;color:var(--text-primary, #374151);font-size:.9rem;border-bottom:1px solid var(--border-color, #f3f4f6);transition:color .3s ease,border-color .3s ease}.tooltip-body li[data-v-1a04a3f7]:last-child{border-bottom:none}.tooltip-body li[data-v-1a04a3f7]:before{content:"✓";position:absolute;left:0;color:#10b981;font-weight:600}@media(max-width:640px){.usage-guide-trigger[data-v-1a04a3f7]{top:16px;right:16px}.usage-guide-overlay[data-v-1a04a3f7]{padding:0}.usage-guide-header[data-v-1a04a3f7]{padding:16px 16px 10px}.usage-guide-poster-shell[data-v-1a04a3f7]{padding:0 14px 14px}.usage-guide-footer[data-v-1a04a3f7]{padding:0 16px 16px}.usage-guide-panel[data-v-1a04a3f7]{max-width:100vw;max-height:100vh;min-height:100vh;border-radius:0}.usage-guide-video-frame[data-v-1a04a3f7]{width:min(100%,420px);max-height:calc(100vh - 170px)}.usage-guide-understood[data-v-1a04a3f7]{width:100%}}@media(max-width:480px){.page-container[data-v-1a04a3f7]{padding:12px}.usage-guide-trigger[data-v-1a04a3f7]{top:14px;right:14px;min-height:42px;padding:0 12px;gap:7px}.usage-guide-trigger-subtle[data-v-1a04a3f7]{opacity:.94}.usage-guide-trigger span[data-v-1a04a3f7]{font-size:.74rem}.usage-guide-overlay[data-v-1a04a3f7]{padding:0}.usage-guide-header-copy h2[data-v-1a04a3f7]{font-size:1.04rem}.usage-guide-eyebrow[data-v-1a04a3f7]{font-size:.62rem}.usage-guide-close[data-v-1a04a3f7]{width:32px;height:32px}.usage-guide-poster-shell[data-v-1a04a3f7],.usage-guide-footer[data-v-1a04a3f7]{padding:0 12px 12px}.usage-guide-video-frame[data-v-1a04a3f7]{width:100%;max-height:calc(100vh - 160px);border-radius:18px}.usage-guide-loading[data-v-1a04a3f7]{font-size:.84rem;padding:12px 14px}.usage-guide-start-button[data-v-1a04a3f7],.usage-guide-secondary[data-v-1a04a3f7]{width:100%}.order-card[data-v-1a04a3f7]{border-radius:12px}.card-header[data-v-1a04a3f7]{padding:20px 16px 16px}.card-title[data-v-1a04a3f7]{font-size:1.25rem}.stock-box[data-v-1a04a3f7]{padding:10px 12px;min-width:85px}.stock-value[data-v-1a04a3f7]{font-size:1.5rem}.input-section[data-v-1a04a3f7],.summary-section[data-v-1a04a3f7],.card-footer[data-v-1a04a3f7]{padding-left:16px;padding-right:16px}.card-divider[data-v-1a04a3f7]{margin:0 16px}.auth-status-shell[data-v-1a04a3f7]{top:14px;right:16px;min-width:0;max-width:calc(100% - 32px)}.auth-menu-shell[data-v-1a04a3f7],.auth-chip[data-v-1a04a3f7]{max-width:156px}.fb-account-trigger[data-v-1a04a3f7]{gap:6px}.fb-icon-wrapper[data-v-1a04a3f7]{width:54px;height:54px}.fb-icon-wrapper .fa-facebook-f[data-v-1a04a3f7]{font-size:2.05rem}.fb-account-hint[data-v-1a04a3f7]{max-width:94px;font-size:.68rem}.access-mode-shell[data-v-1a04a3f7]{gap:5px}.access-mode-option[data-v-1a04a3f7]{gap:3px}.access-mode-option-login[data-v-1a04a3f7]{gap:4px}.access-mode-chip[data-v-1a04a3f7]{padding:6px 10px;font-size:.72rem}.access-mode-chip-login[data-v-1a04a3f7]{padding-inline:11px}.access-mode-chip-login-cta[data-v-1a04a3f7]{font-size:.7rem;padding:8px 11px}.access-mode-helper[data-v-1a04a3f7]{padding-right:4px;font-size:.58rem}.quantity-input[data-v-1a04a3f7]{padding:14px;font-size:1.25rem}.price-value[data-v-1a04a3f7]{font-size:1.75rem}.payment-btn[data-v-1a04a3f7]{padding:14px 20px;font-size:1rem}.floating-toast[data-v-1a04a3f7]{left:12px;right:12px;transform:none;font-size:.85rem}.toast-fade-enter-from[data-v-1a04a3f7],.toast-fade-leave-to[data-v-1a04a3f7]{transform:translateY(20px)}.download-stack[data-v-1a04a3f7]{bottom:72px;right:12px}.download-notifier-button[data-v-1a04a3f7]{width:46px;height:46px}.download-notifier-badge[data-v-1a04a3f7]{top:-6px;right:-6px;min-width:22px;height:22px;font-size:.66rem}}.history-drawer[data-v-1a04a3f7]{position:fixed;top:50%;right:0;transform:translateY(-50%) translate(100%);width:172px;max-height:70vh;background:var(--floating-surface-strong);border-radius:12px 0 0 12px;border:1px solid var(--floating-border);border-right:none;box-shadow:-2px 0 16px var(--shadow-color);transition:transform 1.2s ease,background .3s ease;z-index:120;display:flex}.history-drawer.drawer-open[data-v-1a04a3f7]{transform:translateY(-50%) translate(0)}.history-drawer.drawer-account[data-v-1a04a3f7]{width:min(78vw,252px);max-height:min(60vh,352px)}.drawer-tab[data-v-1a04a3f7]{position:absolute;left:-52px;top:50%;transform:translateY(-50%);width:52px;min-height:52px;padding:0;background:var(--history-tab-bg);color:var(--history-tab-text);border:1px solid var(--floating-border);border-right:none;border-radius:12px 0 0 12px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:0;font-size:.78rem;line-height:1;text-align:center;box-shadow:-10px 10px 22px var(--shadow-color);transition:transform .2s ease,background .2s ease,box-shadow .2s ease,border-color .2s ease;overflow:visible}.drawer-tab[data-v-1a04a3f7]:hover{background:var(--history-tab-bg-active);transform:translateY(-50%) translate(-2px);box-shadow:-12px 12px 26px var(--shadow-hover)}.drawer-tab[data-v-1a04a3f7]:focus-visible{outline:2px solid var(--info-accent);outline-offset:2px;box-shadow:-12px 12px 26px var(--shadow-hover)}.drawer-tab[data-v-1a04a3f7]:active{transform:translateY(-50%) translate(-1px) scale(.98)}.drawer-tab-account[data-v-1a04a3f7]{background:var(--history-tab-bg-active);border-color:var(--floating-border-strong)}.drawer-tab-account[data-v-1a04a3f7]:hover{background:var(--history-tab-bg-active)}.drawer-tab i[data-v-1a04a3f7]{position:relative;z-index:1;font-size:.95rem;flex-shrink:0}.drawer-tab-badge[data-v-1a04a3f7]{position:absolute;top:8px;right:8px;width:8px;height:8px;border-radius:999px;background:var(--history-pulse-dot);box-shadow:0 0 0 2px var(--bg-card);animation:drawerBadgePulse-1a04a3f7 .76s ease-in-out 3}.drawer-tab-count-badge[data-v-1a04a3f7]{position:absolute;top:6px;right:5px;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--history-badge-bg-guest);color:var(--history-badge-text);font-size:.64rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--history-badge-shadow-guest);z-index:2}.drawer-tab-count-badge-personal[data-v-1a04a3f7]{background:var(--history-badge-bg-personal);box-shadow:var(--history-badge-shadow-personal)}.drawer-tab-pulse[data-v-1a04a3f7]{animation:drawerTabPulse-1a04a3f7 .76s ease-in-out 3}.drawer-content[data-v-1a04a3f7]{flex:1;display:flex;flex-direction:column;overflow:hidden}.history-callout[data-v-1a04a3f7]{position:absolute;top:50%;left:-172px;transform:translateY(-50%);max-width:136px;padding:10px 12px;border:1px solid var(--history-callout-border);border-radius:14px;background:var(--history-callout-bg);color:var(--floating-text);font-family:Kanit,sans-serif;font-size:.72rem;font-weight:600;line-height:1.35;text-align:left;cursor:pointer;box-shadow:-14px 18px 34px var(--shadow-hover);z-index:125}.history-callout-personal[data-v-1a04a3f7]{border-color:var(--history-callout-personal-border);color:var(--floating-text);box-shadow:var(--history-callout-personal-shadow)}.history-callout[data-v-1a04a3f7]:after{content:"";position:absolute;top:50%;right:-7px;width:14px;height:14px;background:var(--history-callout-arrow);border-top:1px solid var(--history-callout-border);border-right:1px solid var(--history-callout-border);transform:translateY(-50%) rotate(45deg)}.history-callout-personal[data-v-1a04a3f7]:after{border-top-color:var(--history-callout-personal-border);border-right-color:var(--history-callout-personal-border)}.history-callout[data-v-1a04a3f7]:hover{transform:translateY(-50%) translate(-2px)}.history-callout[data-v-1a04a3f7]:focus-visible{outline:2px solid var(--info-accent);outline-offset:2px}.history-callout-personal[data-v-1a04a3f7]:focus-visible{outline-color:var(--warning-accent)}.history-callout-fade-enter-active[data-v-1a04a3f7],.history-callout-fade-leave-active[data-v-1a04a3f7]{transition:opacity .22s ease,transform .22s ease}.history-callout-fade-enter-from[data-v-1a04a3f7],.history-callout-fade-leave-to[data-v-1a04a3f7]{opacity:0;transform:translateY(-50%) translate(10px)}.drawer-header[data-v-1a04a3f7]{padding:7px 8px;background:var(--bg-card);color:var(--text-primary);border-radius:12px 0 0;border-bottom:1px solid var(--border-color);transition:background .3s ease,color .3s ease}.drawer-account-header[data-v-1a04a3f7]{display:flex;align-items:center;justify-content:space-between;gap:5px;min-width:0;flex-wrap:nowrap}.drawer-account-label[data-v-1a04a3f7]{display:inline-flex;align-items:center;gap:5px;min-width:0;flex:1;color:var(--text-primary);font-size:.67rem;font-weight:700;line-height:1.1}.drawer-account-label i[data-v-1a04a3f7]{color:var(--link-accent);flex-shrink:0}.drawer-account-label span[data-v-1a04a3f7]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drawer-link[data-v-1a04a3f7]{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-height:22px;padding:0 7px;border-radius:999px;background:var(--surface-accent);color:var(--link-accent);text-decoration:none;font-size:.61rem;font-weight:700;line-height:1;white-space:nowrap}.drawer-link[data-v-1a04a3f7]:hover{color:var(--link-accent-hover)}.status-indicator[data-v-1a04a3f7]{display:flex;align-items:center;gap:6px}.status-dot[data-v-1a04a3f7]{width:6px;height:6px;background:var(--history-pulse-dot);border-radius:50%;animation:pulse-dot-1a04a3f7 1.5s ease-in-out infinite}@keyframes pulse-dot-1a04a3f7{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}@keyframes drawerTabPulse-1a04a3f7{0%,to{transform:translateY(-50%) translate(0)}50%{transform:translateY(-50%) translate(-4px)}}@keyframes drawerBadgePulse-1a04a3f7{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.78);opacity:.7}}.status-text[data-v-1a04a3f7]{font-size:.75rem}.status-time[data-v-1a04a3f7]{display:block;margin-top:2px;font-size:.65rem;color:var(--text-muted);transition:color .3s ease}.drawer-body[data-v-1a04a3f7]{flex:1;padding:6px 6px 8px;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.history-title[data-v-1a04a3f7]{font-size:.68rem;font-weight:700;color:var(--text-secondary);margin:2px 0 6px;letter-spacing:.01em;transition:color .3s ease}.history-list[data-v-1a04a3f7]{display:flex;flex-direction:column;gap:4px}.history-list-personal[data-v-1a04a3f7]{gap:8px}.history-item[data-v-1a04a3f7]{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;background:var(--history-item-bg);border:1px solid var(--history-item-border);border-radius:10px;transition:background .3s ease,border-color .3s ease}.history-item-personal[data-v-1a04a3f7]{display:grid;gap:6px;padding:10px 11px;border-radius:12px;border:1px solid var(--history-item-border);align-items:stretch;background:var(--history-item-bg);box-shadow:inset 0 1px 0 var(--history-item-highlight)}.history-row[data-v-1a04a3f7]{min-width:0}.history-row-primary[data-v-1a04a3f7]{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.history-row-meta[data-v-1a04a3f7]{display:flex;align-items:baseline;justify-content:space-between;gap:6px 8px;flex-wrap:wrap}.history-row-status[data-v-1a04a3f7]{display:flex;align-items:center;justify-content:space-between;gap:6px 8px;flex-wrap:wrap}.history-info[data-v-1a04a3f7]{display:flex;align-items:center;gap:4px}.history-info-personal[data-v-1a04a3f7]{display:grid;gap:4px}.history-item-top[data-v-1a04a3f7]{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.history-item-bottom[data-v-1a04a3f7]{display:flex;align-items:center;justify-content:space-between;gap:8px}.history-qty[data-v-1a04a3f7]{min-width:0;font-size:.72rem;color:var(--text-primary);font-weight:700;line-height:1.2;transition:color .3s ease}.history-bonus[data-v-1a04a3f7]{font-size:.62rem;color:var(--history-status-available-text)}.history-amount[data-v-1a04a3f7]{font-size:.74rem;color:var(--link-accent);font-weight:700;white-space:nowrap}.history-time[data-v-1a04a3f7]{font-size:.62rem;color:var(--text-muted);transition:color .3s ease;white-space:nowrap}.history-status[data-v-1a04a3f7]{min-height:18px;padding:0 8px;border-radius:999px;background:var(--neutral-chip-bg);border:1px solid var(--neutral-chip-border);font-size:.56rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.history-status.status-available[data-v-1a04a3f7]{background:var(--history-status-available-bg);border-color:var(--history-status-available-border);color:var(--history-status-available-text)}.history-status.status-expired[data-v-1a04a3f7]{background:var(--history-status-expired-bg);border-color:var(--history-status-expired-border);color:var(--history-status-expired-text)}.history-status.status-unavailable[data-v-1a04a3f7],.history-status.status-pending[data-v-1a04a3f7]{color:var(--neutral-chip-text)}.history-status.status-used[data-v-1a04a3f7]{color:var(--history-status-used-text)}.history-expiry[data-v-1a04a3f7]{color:var(--text-muted);font-size:.62rem;line-height:1.2;text-align:right}.history-download-button[data-v-1a04a3f7]{min-width:76px;min-height:28px;border-radius:999px;padding:0 10px;border:1px solid transparent;font-size:.62rem;font-weight:700;cursor:pointer;font-family:Kanit,sans-serif;white-space:nowrap;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease}.history-download-button.action-available[data-v-1a04a3f7]{background:var(--primary-action-bg);color:var(--primary-action-text);box-shadow:var(--primary-action-shadow)}.history-download-button.action-waiting[data-v-1a04a3f7],.history-download-button.action-expired[data-v-1a04a3f7],.history-download-button.action-secondary[data-v-1a04a3f7]{background:var(--neutral-chip-bg);border-color:var(--neutral-chip-border);color:var(--neutral-chip-text)}.history-download-button[data-v-1a04a3f7]:not(:disabled):hover{transform:translateY(-1px)}.history-download-button[data-v-1a04a3f7]:disabled{cursor:not-allowed;opacity:1;box-shadow:none}.history-note[data-v-1a04a3f7]{font-size:.68rem;color:var(--text-secondary);text-align:right}.guest-download-section[data-v-1a04a3f7]{display:grid;gap:8px;margin-bottom:12px;padding:8px;border-radius:12px;border:1px solid var(--history-guest-border);background:var(--history-guest-bg)}.guest-download-header[data-v-1a04a3f7]{display:flex;align-items:center;justify-content:space-between;gap:6px}.guest-download-title[data-v-1a04a3f7]{min-width:0;font-size:.7rem;font-weight:700;color:var(--text-primary);letter-spacing:.01em;transition:color .3s ease}.guest-download-clear[data-v-1a04a3f7]{min-height:20px;padding:0 7px;border:1px solid var(--neutral-chip-border);border-radius:999px;background:var(--surface-soft);color:var(--text-secondary);font-size:.54rem;font-weight:700;font-family:Kanit,sans-serif;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease}.guest-download-clear[data-v-1a04a3f7]:hover{background:var(--surface-soft-hover);border-color:var(--floating-border-strong);color:var(--text-primary)}.history-list-guest-downloads[data-v-1a04a3f7]{gap:8px}.history-item-guest-download[data-v-1a04a3f7]{display:grid;gap:6px;padding:10px 11px;border-radius:12px;border:1px solid var(--history-guest-border);align-items:stretch;background:var(--history-guest-bg)}.history-item-used[data-v-1a04a3f7]{background:var(--neutral-chip-bg);border-color:var(--neutral-chip-border)}.history-item-guest-download .history-row-status[data-v-1a04a3f7]{justify-content:flex-start}.history-item-used .history-qty[data-v-1a04a3f7],.history-item-used .history-time[data-v-1a04a3f7]{color:var(--text-secondary)}.history-empty[data-v-1a04a3f7]{text-align:center;padding:14px 10px;color:var(--text-muted);font-size:.72rem;line-height:1.45;transition:color .3s ease}.history-empty strong[data-v-1a04a3f7]{display:block;color:var(--text-primary);margin-bottom:4px}.history-empty small[data-v-1a04a3f7]{display:block;line-height:1.5}.history-empty-error[data-v-1a04a3f7]{color:var(--danger-text-strong)}@media(max-width:480px){.history-drawer[data-v-1a04a3f7]{width:146px}.history-drawer.drawer-account[data-v-1a04a3f7]{width:min(74vw,236px);max-height:min(54vh,320px)}.drawer-tab[data-v-1a04a3f7]{width:46px;left:-46px;min-height:46px}.drawer-tab-badge[data-v-1a04a3f7]{top:7px;right:7px;width:7px;height:7px}.drawer-tab-count-badge[data-v-1a04a3f7]{top:5px;right:4px;min-width:20px;height:20px;font-size:.6rem}.history-callout[data-v-1a04a3f7]{left:-144px;max-width:118px;padding:9px 10px;font-size:.66rem}.history-note[data-v-1a04a3f7]{text-align:left}.guest-download-section[data-v-1a04a3f7]{padding:6px}.guest-download-title[data-v-1a04a3f7]{font-size:.68rem}.guest-download-clear[data-v-1a04a3f7]{min-height:21px;padding:0 6px;font-size:.54rem}.drawer-header[data-v-1a04a3f7]{padding:6px 7px}.drawer-account-label[data-v-1a04a3f7]{font-size:.63rem}.drawer-link[data-v-1a04a3f7]{min-height:21px;padding:0 6px;font-size:.58rem}.history-item-personal[data-v-1a04a3f7]{padding:5px 6px}.history-download-button[data-v-1a04a3f7]{min-width:64px;min-height:23px;font-size:.56rem}}@media(prefers-reduced-motion:reduce){.drawer-tab[data-v-1a04a3f7],.drawer-tab-badge[data-v-1a04a3f7],.download-notifier-button[data-v-1a04a3f7]{transition:none!important}.drawer-tab-pulse[data-v-1a04a3f7],.drawer-tab-badge[data-v-1a04a3f7],.download-notifier-button-pulse[data-v-1a04a3f7],.status-dot[data-v-1a04a3f7]{animation:none!important}}.line-floating-btn[data-v-1a04a3f7]{position:fixed;bottom:24px;right:24px;width:48px;height:48px;border-radius:50%;background:var(--line-floating-bg);border:1px solid var(--line-floating-border);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--line-floating-shadow);transition:all .3s ease;z-index:1000}.line-floating-btn[data-v-1a04a3f7]:hover{transform:scale(1.1);box-shadow:var(--floating-shadow-hover)}.line-floating-btn.active[data-v-1a04a3f7]{background:var(--line-floating-bg-active);box-shadow:var(--line-floating-shadow)}.line-floating-btn .line-icon[data-v-1a04a3f7]{width:26px;height:26px}.line-floating-btn .fa-times[data-v-1a04a3f7]{color:#fff;font-size:1.5rem}.line-qr-popup[data-v-1a04a3f7]{position:fixed;inset:0;background:var(--floating-backdrop);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1001;padding:20px}.line-qr-card[data-v-1a04a3f7]{background:var(--line-popup-card-bg);border-radius:20px;overflow:hidden;border:1px solid var(--floating-border);box-shadow:var(--floating-shadow-hover);max-width:320px;width:100%;animation:popIn-1a04a3f7 .3s ease}@keyframes popIn-1a04a3f7{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.line-qr-header[data-v-1a04a3f7]{display:flex;align-items:center;gap:10px;padding:16px 20px;background:#00b900;color:#fff;font-weight:600;font-size:1.1rem}.line-header-icon[data-v-1a04a3f7]{width:28px;height:28px}.line-qr-close[data-v-1a04a3f7]{margin-left:auto;background:#fff3;border:none;width:30px;height:30px;border-radius:50%;color:#fff;font-size:1.4rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.line-qr-close[data-v-1a04a3f7]:hover{background:#ffffff4d}.line-qr-body[data-v-1a04a3f7]{padding:24px;text-align:center}.line-qr-image[data-v-1a04a3f7]{width:200px;height:200px;border-radius:12px;box-shadow:0 4px 12px #0000001a}.line-qr-text[data-v-1a04a3f7]{margin-top:16px;color:var(--line-popup-text);font-size:1rem;font-weight:500}.line-popup-enter-active[data-v-1a04a3f7]{animation:popIn-1a04a3f7 .3s ease}.line-popup-leave-active[data-v-1a04a3f7]{animation:popIn-1a04a3f7 .2s ease reverse}.iphone-warning-overlay[data-v-1a04a3f7]{position:fixed;inset:0;background:var(--floating-backdrop-strong);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.iphone-warning-modal[data-v-1a04a3f7]{background:var(--floating-surface-strong);border-radius:20px;width:100%;max-width:360px;overflow:hidden;border:1px solid var(--floating-border);box-shadow:var(--floating-shadow-hover);animation:modalPop-1a04a3f7 .3s ease}@keyframes modalPop-1a04a3f7{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.iphone-warning-header[data-v-1a04a3f7]{display:flex;align-items:center;gap:10px;padding:16px 20px;background:var(--floating-surface-strong);color:var(--floating-text);font-weight:600;font-size:1rem}.iphone-warning-header i.fab[data-v-1a04a3f7]{font-size:1.4rem}.iphone-warning-close[data-v-1a04a3f7]{margin-left:auto;background:var(--panel-close-bg);border:none;width:28px;height:28px;border-radius:50%;color:var(--panel-close-text);font-size:1.3rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.iphone-warning-close[data-v-1a04a3f7]:hover{background:var(--panel-close-bg-hover)}.iphone-warning-body[data-v-1a04a3f7]{padding:24px 20px;text-align:center}.iphone-warning-icon[data-v-1a04a3f7]{width:60px;height:60px;background:var(--warning-action-bg);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;animation:bounce-1a04a3f7 1s ease infinite}@keyframes bounce-1a04a3f7{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.iphone-warning-icon i[data-v-1a04a3f7]{font-size:1.8rem;color:var(--primary-action-text)}.iphone-warning-body h3[data-v-1a04a3f7]{font-size:1.2rem;font-weight:700;color:var(--floating-text);margin:0 0 8px}.iphone-warning-body p[data-v-1a04a3f7]{font-size:.95rem;color:var(--floating-text-muted);margin:0 0 20px}.iphone-steps[data-v-1a04a3f7]{background:var(--panel-soft-bg);border-radius:12px;padding:16px;text-align:left;border:1px solid var(--floating-border)}.iphone-steps .step[data-v-1a04a3f7]{display:flex;align-items:flex-start;gap:12px;padding:8px 0}.iphone-steps .step[data-v-1a04a3f7]:not(:last-child){border-bottom:1px dashed var(--border-color)}.iphone-steps .step-num[data-v-1a04a3f7]{display:flex;align-items:center;justify-content:center;width:24px;height:24px;min-width:24px;background:var(--primary-action-bg);color:var(--primary-action-text);border-radius:50%;font-size:.8rem;font-weight:700}.iphone-steps .step span[data-v-1a04a3f7]:last-child{font-size:.9rem;color:var(--text-primary);line-height:1.4}.iphone-warning-alert[data-v-1a04a3f7]{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:16px;padding:10px 16px;background:var(--danger-soft-bg);border:1px solid var(--danger-soft-border);border-radius:8px;color:var(--danger-text);font-size:.85rem;font-weight:600}.iphone-warning-alert i[data-v-1a04a3f7]{font-size:1rem}.iphone-warning-footer[data-v-1a04a3f7]{padding:0 20px 20px}.iphone-warning-btn[data-v-1a04a3f7]{width:100%;padding:14px 20px;background:var(--success-action-bg);border:none;border-radius:12px;color:var(--primary-action-text);font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s;font-family:Kanit,sans-serif}.iphone-warning-btn[data-v-1a04a3f7]:hover{transform:translateY(-2px);box-shadow:var(--success-action-shadow)}.iphone-warning-btn[data-v-1a04a3f7]:active{transform:translateY(0)}.modal-fade-enter-active[data-v-1a04a3f7]{animation:modalFadeIn-1a04a3f7 .3s ease}.modal-fade-leave-active[data-v-1a04a3f7]{animation:modalFadeIn-1a04a3f7 .2s ease reverse}@keyframes modalFadeIn-1a04a3f7{0%{opacity:0}to{opacity:1}}.admin-entry-link[data-v-1a04a3f7]{position:fixed;top:16px;right:16px;z-index:20;display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;background:var(--floating-surface);border:1px solid var(--floating-border);color:var(--floating-text);text-decoration:none;font-size:.8rem;font-weight:600;letter-spacing:.02em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--floating-shadow)}.admin-entry-link[data-v-1a04a3f7]:hover{background:var(--floating-surface-hover);transform:translateY(-1px)}@media(max-width:640px){.admin-entry-link[data-v-1a04a3f7]{top:10px;right:10px;padding:7px 10px;font-size:.75rem}}.queue-panel[data-v-1a04a3f7]{width:min(92vw,460px);margin:18px auto 0}.queue-panel-card[data-v-1a04a3f7]{background:var(--floating-surface-strong);color:var(--floating-text);border-radius:20px;padding:22px 20px;box-shadow:var(--floating-shadow-hover);border:1px solid var(--floating-border);text-align:center}.queue-panel-icon[data-v-1a04a3f7]{width:56px;height:56px;margin:0 auto 14px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:var(--surface-accent);font-size:1.3rem}.queue-panel-title[data-v-1a04a3f7]{font-size:1.05rem;font-weight:700;margin-bottom:8px}.queue-panel-message[data-v-1a04a3f7]{font-size:.95rem;line-height:1.6;color:var(--floating-text-muted)}.queue-panel-hint[data-v-1a04a3f7]{margin-top:8px;font-size:.8rem;line-height:1.5;color:var(--text-secondary)}.queue-panel-position[data-v-1a04a3f7]{margin-top:12px;font-size:.92rem;font-weight:600;color:var(--warning-text)}.queue-panel-cancel[data-v-1a04a3f7]{margin-top:18px;border:none;border-radius:999px;padding:10px 18px;background:var(--danger-soft-bg);color:var(--danger-text);font-weight:600;cursor:pointer;transition:transform .2s ease,background .2s ease}.queue-panel-cancel[data-v-1a04a3f7]:hover{transform:translateY(-1px);background:var(--danger-soft-border)}:root,:root[data-theme=day]{color-scheme:light;--bg-primary: #eef6ff;--bg-card: #ffffff;--bg-input: #ffffff;--bg-section: #f5faff;--text-primary: #17324f;--text-secondary: #5f7993;--text-muted: #7f95ab;--border-color: #d7e4f2;--shadow-color: rgba(66, 102, 146, .12);--shadow-hover: rgba(59, 130, 246, .18);--theme-focus-ring: rgba(96, 165, 250, .18);--auth-chip-bg: rgba(255, 255, 255, .92);--auth-chip-bg-hover: rgba(243, 248, 255, .98);--auth-chip-border: rgba(148, 163, 184, .26);--auth-chip-shadow: 0 14px 30px rgba(59, 130, 246, .12);--auth-chip-icon-bg: rgba(37, 99, 235, .12);--auth-popover-bg: rgba(255, 255, 255, .98);--auth-popover-hover: rgba(59, 130, 246, .08);--surface-soft: rgba(255, 255, 255, .76);--surface-soft-hover: rgba(247, 250, 255, .94);--surface-strong: rgba(255, 255, 255, .96);--surface-accent: rgba(59, 130, 246, .08);--link-accent: #2563eb;--link-accent-hover: #1d4ed8;--page-shell-gradient: linear-gradient(180deg, #eff6ff 0%, #f8fbff 100%);--page-shell-radial-top: rgba(96, 165, 250, .22);--page-shell-radial-bottom: rgba(191, 219, 254, .4);--floating-surface: rgba(255, 255, 255, .94);--floating-surface-hover: rgba(243, 248, 255, .98);--floating-surface-strong: linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(240, 247, 255, .96));--floating-text: #163252;--floating-text-muted: #6b8199;--floating-border: rgba(148, 163, 184, .22);--floating-border-strong: rgba(96, 165, 250, .28);--floating-shadow: 0 10px 28px rgba(59, 130, 246, .16);--floating-shadow-hover: 0 14px 32px rgba(59, 130, 246, .22);--floating-backdrop: rgba(15, 23, 42, .28);--floating-backdrop-strong: rgba(15, 23, 42, .42);--panel-soft-bg: rgba(238, 246, 255, .72);--panel-close-bg: rgba(255, 255, 255, .88);--panel-close-bg-hover: rgba(244, 249, 255, 1);--panel-close-text: #315478;--history-item-bg: linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(243, 248, 255, .96));--history-item-border: rgba(148, 163, 184, .16);--history-item-highlight: rgba(255, 255, 255, .72);--history-guest-bg: linear-gradient(180deg, rgba(246, 250, 255, .98), rgba(236, 245, 255, .96));--history-guest-border: rgba(96, 165, 250, .18);--history-callout-bg: linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(241, 247, 255, .96));--history-callout-border: rgba(96, 165, 250, .22);--history-callout-arrow: rgba(255, 255, 255, .98);--history-callout-personal-border: rgba(249, 115, 22, .24);--history-callout-personal-shadow: -14px 18px 34px rgba(249, 115, 22, .16);--history-tab-bg: linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(240, 247, 255, .96));--history-tab-bg-active: linear-gradient(180deg, rgba(239, 246, 255, .98), rgba(219, 234, 254, .96));--history-tab-text: #163252;--history-badge-bg: #2563eb;--history-badge-text: #eff6ff;--history-badge-bg-guest: linear-gradient(180deg, #ef4444, #dc2626);--history-badge-bg-personal: linear-gradient(180deg, #fb923c, #f97316);--history-badge-shadow-guest: 0 0 0 3px var(--bg-card), 0 10px 18px rgba(220, 38, 38, .28);--history-badge-shadow-personal: 0 0 0 3px var(--bg-card), 0 10px 18px rgba(249, 115, 22, .32);--history-pulse-dot: #38bdf8;--history-status-available-bg: rgba(59, 130, 246, .14);--history-status-available-border: rgba(59, 130, 246, .22);--history-status-available-text: #93c5fd;--history-status-expired-bg: rgba(245, 158, 11, .12);--history-status-expired-border: rgba(245, 158, 11, .18);--history-status-expired-text: #d97706;--history-status-used-text: #6b7280;--neutral-chip-bg: rgba(100, 116, 139, .12);--neutral-chip-border: rgba(148, 163, 184, .16);--neutral-chip-text: #5f7993;--line-floating-bg: rgba(210, 244, 222, .96);--line-floating-bg-active: rgba(186, 236, 201, .98);--line-floating-border: rgba(6, 199, 85, .18);--line-floating-shadow: 0 14px 28px rgba(34, 197, 94, .14);--line-popup-card-bg: #ffffff;--line-popup-text: #28435d;--line-popup-header-bg: #00b900;--line-popup-close-bg: rgba(255, 255, 255, .2);--modal-overlay-bg: rgba(15, 23, 42, .36);--modal-inline-close-bg: rgba(255, 255, 255, .95);--modal-inline-close-text: #16417c;--auth-page-background: linear-gradient(180deg, #e7f2ff 0%, #f7fbff 100%);--auth-page-radial-top: rgba(59, 130, 246, .18);--auth-page-radial-bottom: rgba(191, 219, 254, .46);--auth-card-bg: linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(241, 247, 255, .96));--auth-card-border: rgba(148, 163, 184, .18);--auth-card-shadow: 0 34px 70px rgba(59, 130, 246, .14), inset 0 1px 0 rgba(255, 255, 255, .55);--auth-heading: #17324f;--auth-subtle-text: rgba(95, 121, 147, .88);--auth-option-bg: linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(244, 248, 255, .94));--auth-option-border: rgba(148, 163, 184, .16);--auth-option-shadow: 0 14px 36px rgba(59, 130, 246, .12), inset 0 1px 0 rgba(255, 255, 255, .72);--auth-ghost-button-bg: rgba(255, 255, 255, .88);--auth-ghost-button-border: rgba(148, 163, 184, .26);--auth-ghost-button-text: #214263;--auth-google-button-bg: linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(239, 246, 255, .98));--auth-google-button-bg-disabled: linear-gradient(180deg, rgba(255, 255, 255, .92), rgba(239, 246, 255, .88));--auth-google-button-text: #17324f;--auth-guest-button-bg: linear-gradient(180deg, rgba(236, 245, 255, .96), rgba(224, 237, 255, .94));--auth-guest-button-text: #17324f;--auth-icon-shell-google-bg: rgba(255, 255, 255, .94);--auth-icon-shell-google-border: rgba(148, 163, 184, .16);--auth-icon-shell-guest-bg: rgba(37, 99, 235, .1);--auth-icon-shell-guest-text: #2563eb;--qr-card-bg: #ffffff;--qr-card-text: #111827;--qr-card-muted: #4b5563;--qr-card-border: #e5e7eb;--qr-card-soft-bg: #f9fafb;--qr-card-shadow: 0 25px 45px -20px rgba(0, 0, 0, .35);--qr-header-bg: #16417c;--qr-header-text: #ffffff;--qr-preparing-bg: linear-gradient(135deg, rgba(22, 65, 124, .12), rgba(0, 169, 80, .12));--qr-share-bg: rgba(16, 185, 129, .14);--qr-share-border: rgba(16, 185, 129, .2);--qr-share-text: #0f9a64;--qr-accent-text: #4daeb4;--brand-promptpay-green: #00a950;--primary-action-bg: linear-gradient(135deg, #3b82f6, #2563eb);--primary-action-bg-hover: linear-gradient(135deg, #2563eb, #1d4ed8);--primary-action-text: #eff6ff;--primary-action-shadow: 0 14px 24px rgba(37, 99, 235, .24);--primary-action-shadow-hover: 0 16px 28px rgba(37, 99, 235, .28);--action-disabled-bg: #d1d5db;--action-disabled-text: #9ca3af;--success-accent: #10b981;--success-strong: #059669;--success-soft-bg: rgba(16, 185, 129, .18);--success-soft-border: rgba(16, 185, 129, .2);--success-text: #047857;--success-action-bg: linear-gradient(135deg, #10b981 0%, #059669 100%);--success-action-shadow: 0 6px 20px rgba(16, 185, 129, .35);--warning-accent: #f59e0b;--warning-strong: #d97706;--warning-soft-bg: rgba(245, 158, 11, .16);--warning-soft-border: rgba(245, 158, 11, .28);--warning-text: #92400e;--warning-text-strong: #b45309;--warning-action-bg: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);--warning-action-shadow: 0 12px 24px rgba(120, 53, 15, .2);--danger-accent: #ef4444;--danger-strong: #dc2626;--danger-soft-bg: #fef2f2;--danger-soft-border: #fecaca;--danger-text: #dc2626;--danger-text-strong: #b91c1c;--danger-text-soft: #f87171;--info-accent: #3b82f6;--info-soft-bg: rgba(59, 130, 246, .14);--info-soft-border: rgba(59, 130, 246, .22);--info-text: #2563eb;--maintenance-banner-bg: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%);--maintenance-banner-border: #f59e0b;--maintenance-banner-icon: #d97706;--maintenance-banner-text: #92400e;--maintenance-banner-strong: #b45309;--video-frame-bg: #dbeafe;--video-overlay-bg: linear-gradient(180deg, rgba(219, 234, 254, .18), rgba(15, 23, 42, .28));--video-loading-bg: rgba(255, 255, 255, .7);--video-loading-text: #17324f}:root[data-theme=night],.dark-mode{color-scheme:dark;--bg-primary: #0f0f0f;--bg-card: #1a1a1a;--bg-input: #252525;--bg-section: #1f1f1f;--text-primary: #f5f5f5;--text-secondary: #a3a3a3;--text-muted: #737373;--border-color: #333333;--shadow-color: rgba(0, 0, 0, .4);--shadow-hover: rgba(0, 0, 0, .6);--theme-focus-ring: rgba(96, 165, 250, .18);--auth-chip-bg: rgba(47, 55, 68, .78);--auth-chip-bg-hover: rgba(62, 71, 84, .92);--auth-chip-border: rgba(148, 163, 184, .22);--auth-chip-shadow: 0 16px 34px rgba(2, 6, 23, .34);--auth-chip-icon-bg: rgba(96, 165, 250, .18);--auth-popover-bg: rgba(26, 31, 38, .96);--auth-popover-hover: rgba(148, 163, 184, .16);--surface-soft: rgba(43, 49, 60, .88);--surface-soft-hover: rgba(54, 62, 76, .94);--surface-strong: rgba(31, 36, 46, .96);--surface-accent: rgba(96, 165, 250, .12);--link-accent: #7cb6ff;--link-accent-hover: #a7cbff;--page-shell-gradient: linear-gradient(180deg, #0f1116 0%, #11131a 100%);--page-shell-radial-top: rgba(59, 130, 246, .14);--page-shell-radial-bottom: rgba(15, 23, 42, .42);--floating-surface: rgba(31, 41, 55, .94);--floating-surface-hover: rgba(39, 50, 68, .98);--floating-surface-strong: linear-gradient(180deg, rgba(2, 6, 23, .98), rgba(15, 23, 42, .96));--floating-text: #f8fafc;--floating-text-muted: rgba(226, 232, 240, .76);--floating-border: rgba(148, 163, 184, .18);--floating-border-strong: rgba(96, 165, 250, .32);--floating-shadow: 0 12px 28px rgba(2, 6, 23, .3);--floating-shadow-hover: 0 16px 32px rgba(2, 6, 23, .36);--floating-backdrop: rgba(2, 6, 23, .52);--floating-backdrop-strong: rgba(2, 6, 23, .75);--panel-soft-bg: rgba(2, 6, 23, .36);--panel-close-bg: rgba(15, 23, 42, .84);--panel-close-bg-hover: rgba(30, 41, 59, .92);--panel-close-text: #e2e8f0;--history-item-bg: linear-gradient(180deg, rgba(19, 28, 40, .96), rgba(24, 34, 48, .92));--history-item-border: rgba(148, 163, 184, .14);--history-item-highlight: rgba(255, 255, 255, .04);--history-guest-bg: linear-gradient(180deg, rgba(16, 24, 39, .96), rgba(19, 29, 45, .92));--history-guest-border: rgba(96, 165, 250, .14);--history-callout-bg: linear-gradient(180deg, rgba(30, 41, 59, .98), rgba(17, 24, 39, .98));--history-callout-border: rgba(96, 165, 250, .18);--history-callout-arrow: rgba(24, 33, 48, .98);--history-callout-personal-border: rgba(249, 115, 22, .26);--history-callout-personal-shadow: -14px 18px 34px rgba(249, 115, 22, .18);--history-tab-bg: linear-gradient(180deg, rgba(17, 24, 39, .98), rgba(30, 41, 59, .96));--history-tab-bg-active: linear-gradient(180deg, rgba(30, 41, 59, .98), rgba(51, 65, 85, .94));--history-tab-text: #f8fafc;--history-badge-bg: #2563eb;--history-badge-text: #eff6ff;--history-badge-bg-guest: linear-gradient(180deg, #ef4444, #dc2626);--history-badge-bg-personal: linear-gradient(180deg, #fb923c, #f97316);--history-badge-shadow-guest: 0 0 0 3px var(--bg-card), 0 10px 18px rgba(220, 38, 38, .28);--history-badge-shadow-personal: 0 0 0 3px var(--bg-card), 0 10px 18px rgba(249, 115, 22, .32);--history-pulse-dot: #38bdf8;--history-status-available-bg: rgba(59, 130, 246, .14);--history-status-available-border: rgba(59, 130, 246, .22);--history-status-available-text: #93c5fd;--history-status-expired-bg: rgba(245, 158, 11, .12);--history-status-expired-border: rgba(245, 158, 11, .18);--history-status-expired-text: #fbbf24;--history-status-used-text: rgba(226, 232, 240, .72);--neutral-chip-bg: rgba(100, 116, 139, .18);--neutral-chip-border: rgba(148, 163, 184, .18);--neutral-chip-text: rgba(226, 232, 240, .72);--line-floating-bg: #1f2937;--line-floating-bg-active: #333333;--line-floating-border: rgba(255, 255, 255, .08);--line-floating-shadow: 0 14px 28px rgba(0, 0, 0, .36);--line-popup-card-bg: rgba(15, 23, 42, .98);--line-popup-text: #e2e8f0;--line-popup-header-bg: #00b900;--line-popup-close-bg: rgba(255, 255, 255, .16);--modal-overlay-bg: rgba(0, 0, 0, .72);--modal-inline-close-bg: rgba(31, 41, 55, .96);--modal-inline-close-text: #e5e7eb;--auth-page-background: linear-gradient(180deg, #0f1116 0%, #11131a 100%);--auth-page-radial-top: rgba(59, 130, 246, .14);--auth-page-radial-bottom: rgba(15, 23, 42, .42);--auth-card-bg: linear-gradient(180deg, rgba(22, 24, 31, .98), rgba(14, 16, 22, .96));--auth-card-border: rgba(255, 255, 255, .09);--auth-card-shadow: 0 34px 70px rgba(0, 0, 0, .38), inset 0 1px 0 rgba(255, 255, 255, .05);--auth-heading: #f8fafc;--auth-subtle-text: rgba(226, 232, 240, .72);--auth-option-bg: linear-gradient(180deg, rgba(22, 24, 31, .92), rgba(18, 20, 27, .88));--auth-option-border: rgba(255, 255, 255, .08);--auth-option-shadow: inset 0 1px 0 rgba(255, 255, 255, .04), 0 14px 36px rgba(0, 0, 0, .18);--auth-ghost-button-bg: rgba(148, 163, 184, .16);--auth-ghost-button-border: rgba(148, 163, 184, .2);--auth-ghost-button-text: #e2e8f0;--auth-google-button-bg: linear-gradient(180deg, rgba(31, 35, 48, .98), rgba(25, 29, 40, .95));--auth-google-button-bg-disabled: linear-gradient(180deg, rgba(31, 35, 48, .84), rgba(25, 29, 40, .8));--auth-google-button-text: #f8fafc;--auth-guest-button-bg: linear-gradient(180deg, rgba(27, 31, 43, .94), rgba(20, 23, 32, .92));--auth-guest-button-text: #f8fafc;--auth-icon-shell-google-bg: rgba(255, 255, 255, .08);--auth-icon-shell-google-border: rgba(255, 255, 255, .05);--auth-icon-shell-guest-bg: rgba(148, 163, 184, .14);--auth-icon-shell-guest-text: #e5e7eb;--qr-card-bg: #161b24;--qr-card-text: #f8fafc;--qr-card-muted: #b2c0d1;--qr-card-border: rgba(148, 163, 184, .22);--qr-card-soft-bg: rgba(30, 41, 59, .86);--qr-card-shadow: 0 25px 45px -18px rgba(2, 6, 23, .58);--qr-header-bg: #16417c;--qr-header-text: #ffffff;--qr-preparing-bg: linear-gradient(135deg, rgba(22, 65, 124, .18), rgba(0, 169, 80, .14));--qr-share-bg: rgba(16, 185, 129, .18);--qr-share-border: rgba(16, 185, 129, .24);--qr-share-text: #6ee7b7;--qr-accent-text: #7dd3fc;--brand-promptpay-green: #00a950;--primary-action-bg: linear-gradient(135deg, #3b82f6, #2563eb);--primary-action-bg-hover: linear-gradient(135deg, #2563eb, #1d4ed8);--primary-action-text: #eff6ff;--primary-action-shadow: 0 14px 24px rgba(37, 99, 235, .2);--primary-action-shadow-hover: 0 16px 28px rgba(37, 99, 235, .24);--action-disabled-bg: rgba(71, 85, 105, .72);--action-disabled-text: rgba(203, 213, 225, .62);--success-accent: #34d399;--success-strong: #10b981;--success-soft-bg: rgba(16, 185, 129, .18);--success-soft-border: rgba(16, 185, 129, .2);--success-text: #6ee7b7;--success-action-bg: linear-gradient(135deg, #10b981 0%, #059669 100%);--success-action-shadow: 0 6px 20px rgba(16, 185, 129, .28);--warning-accent: #fbbf24;--warning-strong: #f59e0b;--warning-soft-bg: rgba(245, 158, 11, .14);--warning-soft-border: rgba(245, 158, 11, .22);--warning-text: #fde68a;--warning-text-strong: #fbbf24;--warning-action-bg: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);--warning-action-shadow: 0 12px 24px rgba(120, 53, 15, .24);--danger-accent: #ef4444;--danger-strong: #f87171;--danger-soft-bg: rgba(127, 29, 29, .18);--danger-soft-border: rgba(248, 113, 113, .28);--danger-text: #fecaca;--danger-text-strong: #fca5a5;--danger-text-soft: #fca5a5;--info-accent: #7cb6ff;--info-soft-bg: rgba(59, 130, 246, .16);--info-soft-border: rgba(59, 130, 246, .22);--info-text: #93c5fd;--maintenance-banner-bg: linear-gradient(135deg, rgba(120, 53, 15, .22), rgba(146, 64, 14, .16));--maintenance-banner-border: #f59e0b;--maintenance-banner-icon: #fbbf24;--maintenance-banner-text: #fde68a;--maintenance-banner-strong: #fbbf24;--video-frame-bg: #050816;--video-overlay-bg: linear-gradient(180deg, rgba(2, 6, 23, .2), rgba(2, 6, 23, .68));--video-loading-bg: rgba(255, 255, 255, .12);--video-loading-text: #f8fafc}body{font-family:sans-serif;background-color:var(--bg-primary);margin:0;transition:background-color .3s ease}#app{position:relative;min-height:100vh}.page-content{position:relative;z-index:1;background:var(--bg-primary);min-height:100vh;transition:background .3s ease}.page-content>*{position:relative;z-index:1}