:root,[data-theme=lotus]{--bbt-primary: #107E7D;--bbt-primary-deep: #0A5A59;--bbt-primary-soft: #E2F0EF;--bbt-primary-glow: rgba(16, 126, 125, .18);--bbt-primary-focus: rgba(16, 126, 125, .15);--bbt-accent-1: #C99A4E;--bbt-accent-1-soft: #F4EBDA;--bbt-accent-2: #5C8B7B;--bbt-accent-2-soft: #E4ECE7;--bbt-accent-3: #E78AA3;--bbt-accent-3-soft: #FBE8EE;--bbt-ink: #1F3A3A;--bbt-ink-soft: #3F5959}[data-theme=gold]{--bbt-primary: #C99A4E;--bbt-primary-deep: #8E6A2D;--bbt-primary-soft: #F4EBDA;--bbt-primary-glow: rgba(201, 154, 78, .22);--bbt-primary-focus: rgba(201, 154, 78, .18);--bbt-accent-1: #107E7D;--bbt-accent-1-soft: #E2F0EF;--bbt-accent-2: #5C8B7B;--bbt-accent-2-soft: #E4ECE7;--bbt-accent-3: #E78AA3;--bbt-accent-3-soft: #FBE8EE;--bbt-ink: #2D2416;--bbt-ink-soft: #5C4A2E}[data-theme=sage]{--bbt-primary: #5C8B7B;--bbt-primary-deep: #3F6555;--bbt-primary-soft: #E4ECE7;--bbt-primary-glow: rgba(92, 139, 123, .2);--bbt-primary-focus: rgba(92, 139, 123, .16);--bbt-accent-1: #107E7D;--bbt-accent-1-soft: #E2F0EF;--bbt-accent-2: #C99A4E;--bbt-accent-2-soft: #F4EBDA;--bbt-accent-3: #E78AA3;--bbt-accent-3-soft: #FBE8EE;--bbt-ink: #1F3329;--bbt-ink-soft: #3F5547}[data-theme=bua]{--bbt-primary: #E78AA3;--bbt-primary-deep: #B85F7C;--bbt-primary-soft: #FBE8EE;--bbt-primary-glow: rgba(231, 138, 163, .22);--bbt-primary-focus: rgba(231, 138, 163, .18);--bbt-accent-1: #107E7D;--bbt-accent-1-soft: #E2F0EF;--bbt-accent-2: #C99A4E;--bbt-accent-2-soft: #F4EBDA;--bbt-accent-3: #5C8B7B;--bbt-accent-3-soft: #E4ECE7;--bbt-ink: #3A2030;--bbt-ink-soft: #5C3F4A}:root,[data-theme]{--bbt-purple: var(--bbt-primary);--bbt-purple-deep: var(--bbt-primary-deep);--bbt-purple-soft: var(--bbt-primary-soft);--bbt-cyan: var(--bbt-accent-2);--bbt-cyan-soft: var(--bbt-accent-2-soft);--bbt-pink: var(--bbt-accent-1);--bbt-pink-soft: var(--bbt-accent-1-soft);--bbt-lotus: #E78AA3;--bbt-lotus-soft: #FBE8EE;--bbt-shadow-glow: 0 6px 18px var(--bbt-primary-glow)}[data-theme=gold]{--bbt-shadow-glow: 0 6px 18px rgba(201, 154, 78, .22)}[data-theme=sage]{--bbt-shadow-glow: 0 6px 18px rgba(92, 139, 123, .2)}[data-theme=bua]{--bbt-shadow-glow: 0 6px 18px rgba(231, 138, 163, .22)}.bbt-theme-switch{display:inline-flex;gap:6px;padding:4px;background:var(--bbt-surface);border:1px solid var(--bbt-border);border-radius:999px;box-shadow:var(--bbt-shadow-sm)}.bbt-theme-swatch{width:28px;height:28px;border-radius:999px;border:2px solid transparent;cursor:pointer;padding:0;transition:transform .12s ease,border-color .12s ease}.bbt-theme-swatch:hover{transform:scale(1.08)}.bbt-theme-swatch[aria-pressed=true]{border-color:var(--bbt-ink);box-shadow:0 0 0 2px var(--bbt-surface) inset}.bbt-theme-swatch.lotus{background:#107e7d}.bbt-theme-swatch.gold{background:#c99a4e}.bbt-theme-swatch.sage{background:#5c8b7b}.bbt-theme-swatch.bua{background:#e78aa3}:root{--bbt-bg: #FAF6F0;--bbt-bg-warm: #F4ECE0;--bbt-surface: #FFFFFF;--bbt-surface-2: #F7F2E9;--bbt-muted: #7A8B8B;--bbt-border: #E8DFCF;--bbt-border-strong: #CDC3AE;--bbt-mint: #4F8F6B;--bbt-mint-soft: #DEEBE2;--bbt-amber: #B4823C;--bbt-amber-soft: #F2E5CC;--bbt-error: #C25450;--bbt-error-soft: #F6E1E0;--bbt-density-pad: 16px;--bbt-density-gap: 12px;--bbt-density-row: 56px;--bbt-r-xs: 8px;--bbt-r-sm: 12px;--bbt-r-md: 16px;--bbt-r-lg: 24px;--bbt-r-xl: 32px;--bbt-r-pill: 999px;--bbt-font-display: "Prompt", "Noto Sans Thai", system-ui, sans-serif;--bbt-font-body: "Sarabun", "Noto Sans Thai", system-ui, sans-serif;--bbt-font-mono: "IBM Plex Mono", ui-monospace, monospace;--bbt-shadow-sm: 0 1px 2px rgba(31, 58, 58, .05), 0 1px 3px rgba(31, 58, 58, .04);--bbt-shadow-md: 0 4px 12px rgba(31, 58, 58, .07), 0 2px 4px rgba(31, 58, 58, .04);--bbt-shadow-lg: 0 12px 32px rgba(31, 58, 58, .1), 0 4px 8px rgba(31, 58, 58, .05)}*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:var(--bbt-font-body);color:var(--bbt-ink);font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--bbt-bg)}button,input,select,textarea{font-family:inherit}a{color:var(--bbt-primary-deep);text-decoration:none}a:hover{text-decoration:underline}.bbt-card{background:var(--bbt-surface);border:1px solid var(--bbt-border);border-radius:var(--bbt-r-md);box-shadow:var(--bbt-shadow-sm)}.bbt-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--bbt-r-pill);font-size:12px;font-weight:500;background:var(--bbt-purple-soft);color:var(--bbt-purple-deep)}.bbt-pill.pink{background:var(--bbt-pink-soft);color:#be185d}.bbt-pill.cyan{background:var(--bbt-cyan-soft);color:#0e7490}.bbt-pill.mint{background:var(--bbt-mint-soft);color:#065f46}.bbt-pill.amber{background:var(--bbt-amber-soft);color:#92400e}.bbt-pill.gray{background:#f1ecf7;color:var(--bbt-muted)}.bbt-pill.error{background:var(--bbt-error-soft);color:var(--bbt-error)}.bbt-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 22px;border-radius:var(--bbt-r-pill);border:none;background:var(--bbt-purple);color:#fff;font-weight:500;font-size:16px;cursor:pointer;box-shadow:var(--bbt-shadow-glow);transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.bbt-btn:hover:not(:disabled){transform:translateY(-1px);background:var(--bbt-purple-deep)}.bbt-btn:active:not(:disabled){transform:translateY(0)}.bbt-btn:disabled{opacity:.5;cursor:not-allowed}.bbt-btn.ghost{background:transparent;color:var(--bbt-purple-deep);box-shadow:none;border:1px solid var(--bbt-border-strong)}.bbt-btn.ghost:hover:not(:disabled){background:var(--bbt-purple-soft)}.bbt-btn.pink{background:var(--bbt-pink);box-shadow:0 6px 18px #c99a4e38}.bbt-btn.pink:hover:not(:disabled){background:#b0863f}.bbt-btn.danger{background:var(--bbt-error);box-shadow:0 6px 18px #c2545038}.bbt-btn.danger:hover:not(:disabled){background:#a33d3a}.bbt-btn.sm{height:38px;font-size:14px;padding:0 16px}.bbt-btn.lg{height:56px;font-size:18px;padding:0 30px}.bbt-input{height:48px;border-radius:var(--bbt-r-sm);border:1.5px solid var(--bbt-border);background:var(--bbt-surface);padding:0 16px;font-size:16px;color:var(--bbt-ink);outline:none;transition:border-color .12s ease,box-shadow .12s ease;width:100%}.bbt-input:focus{border-color:var(--bbt-primary);box-shadow:0 0 0 4px var(--bbt-primary-focus)}.bbt-input::placeholder{color:var(--bbt-muted);opacity:.8}.bbt-input:disabled{background:var(--bbt-bg-warm);color:var(--bbt-ink-soft);cursor:not-allowed}.bbt-label{font-size:13px;font-weight:500;color:var(--bbt-ink-soft);margin-bottom:6px;display:block}.bbt-toast{display:flex;align-items:center;gap:12px;padding:14px 18px 14px 14px;border-radius:var(--bbt-r-md);background:var(--bbt-surface);box-shadow:var(--bbt-shadow-lg);border:1px solid var(--bbt-border);min-width:280px}.bbt-toast .icon{width:36px;height:36px;border-radius:999px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.bbt-toast.success .icon{background:var(--bbt-mint-soft);color:var(--bbt-mint)}.bbt-toast.info .icon{background:var(--bbt-purple-soft);color:var(--bbt-purple-deep)}.bbt-toast.warn .icon{background:var(--bbt-amber-soft);color:var(--bbt-amber)}.bbt-toast.error .icon{background:var(--bbt-error-soft);color:var(--bbt-error)}.bbt-toast .title{font-weight:600;font-size:14px}.bbt-toast .sub{font-size:12px;color:var(--bbt-muted);margin-top:1px}.bbt-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#2d1b4e6b;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100}.bbt-modal{background:var(--bbt-surface);border-radius:var(--bbt-r-lg);box-shadow:var(--bbt-shadow-lg);width:460px;max-width:calc(100% - 32px);padding:28px;position:relative;border:1px solid var(--bbt-border)}@keyframes bbt-bob{0%,to{transform:translateY(0) rotate(-.5deg)}50%{transform:translateY(-3px) rotate(.5deg)}}.bbt-bob{animation:bbt-bob 6s ease-in-out infinite;transform-origin:center bottom}.bbt-no-scrollbar::-webkit-scrollbar{display:none}.bbt-no-scrollbar{scrollbar-width:none}.bbt-icon-btn{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:var(--bbt-purple-soft);color:var(--bbt-purple-deep);border:none;cursor:pointer}.bbt-icon-btn:hover{background:var(--bbt-purple);color:#fff}#root{min-height:100vh}