:root{--purple-100:#efe6ff;--purple-200:#d6bfff;--purple-300:#b794ff;--purple-400:#a06bff;--purple-500:#8a3ffc;--purple-600:#7024e0;--purple-700:#5516b0;--purple-800:#3a0e7a;--purple-900:#1f0845;--lime-100:#f4ffd6;--lime-200:#e6ff99;--lime-300:#d6ff5c;--lime-400:#c5f82a;--lime-500:#a8da0f;--lime-600:#7fa80a;--lime-700:#577307;--bg-0:#0b0a10;--bg-1:#121019;--bg-2:#1a1724;--bg-3:#242033;--line-1:#ffffff14;--line-2:#ffffff29;--line-3:#6e6984;--text-1:#f5f3fa;--text-2:#b9b4c7;--text-3:#837e97;--on-lime:#0b0a10;--on-purple:#fff;--scrim:#0009;--color-primary:var(--purple-500);--color-accent:var(--lime-400);--focus-ring:var(--lime-400);--risk-low-fg:var(--lime-400);--risk-low-bg:color-mix(in srgb, var(--lime-400) 12%, transparent);--risk-medium-fg:var(--purple-300);--risk-medium-bg:color-mix(in srgb, var(--purple-500) 14%, transparent);--risk-high-fg:var(--on-purple);--risk-high-bg:var(--purple-500);--risk-critical-fg:var(--on-purple);--risk-critical-bg:var(--purple-700);--hatch:color-mix(in srgb, var(--purple-900) 60%, transparent);--glow-purple:0 0 0 1px var(--purple-500), 0 0 24px color-mix(in srgb, var(--purple-500) 45%, transparent);--glow-lime:0 0 0 1px var(--lime-400), 0 0 16px color-mix(in srgb, var(--lime-400) 40%, transparent);--radius-sm:2px;--radius-md:4px;--radius-lg:8px;--radius-pill:999px;--shadow-1:0 1px 0 var(--line-1);--shadow-2:0 8px 24px #00000073;--font-ui:"IBM Plex Sans Thai", "Noto Sans Thai", "Leelawadee UI", system-ui, sans-serif;--font-display:"Space Grotesk", "IBM Plex Sans Thai", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;--fs-xs:.75rem;--fs-sm:.875rem;--fs-md:1rem;--fs-lg:1.25rem;--fs-xl:1.5rem;--fs-2xl:2rem;--fs-3xl:3rem;--fs-4xl:3.25rem;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--sp-8:64px;--dur-fast:.12s;--dur-base:.18s;--dur-slow:.32s;--ease-out:cubic-bezier(.2, .8, .2, 1);--app-max:480px;--nav-h:64px;--touch:44px}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg-0);min-height:100dvh;color:var(--text-1);font-family:var(--font-ui);font-size:var(--fs-md);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5}h1,h2,h3,p{margin:0}button,input{font:inherit;color:inherit}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:var(--radius-md)}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.muted{color:var(--text-2)}.small{font-size:var(--fs-xs)}.eyebrow{font-family:var(--font-display);font-size:var(--fs-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);font-weight:600}.shell{min-height:100dvh}.page{max-width:var(--app-max);padding:0 var(--sp-4);padding-bottom:calc(var(--sp-6) + env(safe-area-inset-bottom,0px));margin:0 auto}.shell-nav .page{padding-bottom:calc(var(--nav-h) + var(--sp-6) + env(safe-area-inset-bottom,0px))}.content{gap:var(--sp-5);padding-top:var(--sp-4);flex-direction:column;display:flex}.topbar{top:env(safe-area-inset-top,0px);z-index:5;align-items:center;gap:var(--sp-2);min-height:56px;margin:0 calc(var(--sp-4) * -1);padding:0 var(--sp-3);background:color-mix(in srgb, var(--bg-0) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line-1);display:flex;position:sticky}.topbar-title{font-size:var(--fs-lg);font-weight:600}.icon-btn{width:var(--touch);height:var(--touch);border-radius:var(--radius-lg);cursor:pointer;background:0 0;border:0;place-items:center;display:inline-grid}.icon-btn:hover{background:var(--bg-2)}.nav{z-index:10;height:calc(var(--nav-h) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:var(--bg-1);border-top:1px solid var(--line-1);justify-content:space-around;display:flex;position:fixed;inset:auto 0 0}.nav-brand,.nav-logout{display:none}.nav-item{min-width:var(--touch);color:var(--text-3);font-size:var(--fs-xs);cursor:pointer;transition:color var(--dur-fast) var(--ease-out);background:0 0;border:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;display:flex;position:relative}.nav-item:hover,.nav-item.is-active{color:var(--text-1)}.nav-item.is-active:before{content:"";background:var(--lime-400);height:2px;box-shadow:var(--glow-lime);position:absolute;top:0;left:28%;right:28%}.btn{justify-content:center;align-items:center;gap:var(--sp-2);min-height:var(--touch);padding:0 var(--sp-5);border-radius:var(--radius-lg);cursor:pointer;transition:background var(--dur-fast) var(--ease-out), border-color var(--dur-fast), transform var(--dur-fast);border:1px solid #0000;font-weight:600;display:inline-flex}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-sm{min-height:36px;padding:0 var(--sp-3);font-size:var(--fs-sm)}.btn-lg{min-height:52px;font-size:var(--fs-md)}.btn-block{width:100%}.btn-primary{background:var(--purple-500);color:var(--on-purple)}.btn-primary:hover:not(:disabled){background:var(--purple-600)}.btn-accent{background:var(--lime-400);color:var(--on-lime)}.btn-accent:hover:not(:disabled){background:var(--lime-300)}.btn-secondary{border-color:var(--line-3);color:var(--text-1);background:0 0}.btn-secondary:hover:not(:disabled){background:var(--bg-2)}.btn-ghost{color:var(--text-2);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--bg-2);color:var(--text-1)}.spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.badge{align-items:center;gap:var(--sp-1);padding:2px var(--sp-2);border-radius:var(--radius-pill);font-size:var(--fs-xs);white-space:nowrap;font-weight:600;display:inline-flex}.badge-completed{background:var(--risk-low-bg);color:var(--risk-low-fg)}.badge-review{background:var(--risk-medium-bg);color:var(--risk-medium-fg);box-shadow:inset 0 0 0 1px var(--purple-500)}.badge-blocked{color:var(--risk-critical-fg);background:repeating-linear-gradient(135deg, transparent 0 5px, var(--hatch) 5px 7px), var(--risk-critical-bg)}.hero{padding:var(--sp-5) 0 var(--sp-4) var(--sp-4);border-left:2px solid var(--lime-400);position:relative}.hello{color:var(--text-2);margin-bottom:var(--sp-4)}.balance{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:clamp(2.25rem, 11vw, var(--fs-4xl));letter-spacing:-.03em;font-weight:600;line-height:1.05}.account-line{margin-top:var(--sp-2);color:var(--text-3);font-size:var(--fs-sm)}.quick{gap:var(--sp-2);grid-template-columns:repeat(3,1fr);display:grid}.quick-item{align-items:flex-start;gap:var(--sp-3);min-height:88px;padding:var(--sp-3);border:1px solid var(--line-1);border-radius:var(--radius-lg);background:var(--bg-1);transition:background var(--dur-fast), border-color var(--dur-fast);flex-direction:column;font-weight:600;display:flex}.quick-item:hover{background:var(--bg-2);border-color:var(--line-2)}.quick-primary{background:var(--purple-500);border-color:var(--purple-500);color:var(--on-purple)}.quick-primary:hover{background:var(--purple-600);border-color:var(--purple-600)}.install{justify-content:space-between;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border:1px dashed var(--line-2);border-radius:var(--radius-lg);font-size:var(--fs-sm);color:var(--text-2);display:flex}.section-head{margin-bottom:var(--sp-2);justify-content:space-between;align-items:baseline;display:flex}.section-head h2{font-size:var(--fs-md);font-weight:600}.text-link{color:var(--lime-400);font-size:var(--fs-sm);font-weight:600}.text-link:hover{text-decoration:underline}.txn-list,.timeline{border-top:1px solid var(--line-1);margin:0;padding:0;list-style:none}.txn-list li,.timeline li{border-bottom:1px solid var(--line-1)}.txn{justify-content:space-between;align-items:center;gap:var(--sp-3);min-height:64px;padding:var(--sp-3) var(--sp-1);display:flex}.txn:hover{background:var(--bg-1)}.txn-main{flex-direction:column;min-width:0;display:flex}.txn-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.txn-meta{font-size:var(--fs-xs);color:var(--text-3)}.txn-side{align-items:flex-end;gap:var(--sp-1);flex-direction:column;display:flex}.txn-amount{font-weight:600}.empty{align-items:flex-start;gap:var(--sp-2);padding:var(--sp-5) var(--sp-4);border:1px solid var(--line-1);border-radius:var(--radius-lg);background:var(--bg-1);flex-direction:column;display:flex}.empty-title{font-weight:600}.empty-body{color:var(--text-2);font-size:var(--fs-sm);margin-bottom:var(--sp-2)}.alert{justify-content:space-between;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-lg);background:var(--bg-3);font-size:var(--fs-sm);display:flex}.alert-error{background:var(--risk-medium-bg);box-shadow:inset 3px 0 0 var(--purple-500)}.alert-title{font-weight:600}.alert-body{color:var(--text-2)}.banner-offline{align-items:center;gap:var(--sp-2);margin:var(--sp-3) 0 0;padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-md);background:var(--bg-3);color:var(--text-2);font-size:var(--fs-sm);display:flex}.toast{left:50%;bottom:calc(var(--nav-h) + var(--sp-4) + env(safe-area-inset-bottom,0px));z-index:20;align-items:center;gap:var(--sp-4);padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-lg);background:var(--bg-3);box-shadow:var(--shadow-2);font-size:var(--fs-sm);display:flex;position:fixed;transform:translate(-50%)}.toast-action{color:var(--lime-400);cursor:pointer;min-height:var(--touch);background:0 0;border:0;font-weight:700}.field{gap:var(--sp-1);flex-direction:column;display:flex}.field label{font-size:var(--fs-sm);color:var(--text-2);font-weight:500}.field input{min-height:48px;padding:0 var(--sp-3);border:1px solid var(--line-3);border-radius:var(--radius-lg);background:var(--bg-1);transition:border-color var(--dur-fast)}.field input::placeholder{color:var(--text-3)}.field input:hover{border-color:var(--text-2)}.field input:focus-visible{border-color:var(--lime-400);box-shadow:var(--glow-lime);outline:none}.field-msg{font-size:var(--fs-xs);color:var(--text-3)}.field-error input{border-color:var(--purple-400)}.field-error .field-msg,.field-error-text{color:var(--purple-300);font-weight:500}.amount-input{font-weight:600;font-size:var(--fs-2xl)!important;min-height:64px!important}.payees{gap:var(--sp-2);margin:var(--sp-2) 0 var(--sp-4);flex-direction:column;display:flex}.payee{align-items:center;gap:var(--sp-3);min-height:60px;padding:var(--sp-2) var(--sp-3);border:1px solid var(--line-1);border-radius:var(--radius-lg);background:var(--bg-1);text-align:left;cursor:pointer;transition:border-color var(--dur-fast), background var(--dur-fast);display:flex}.payee:hover{background:var(--bg-2)}.payee.is-selected{border-color:var(--lime-400);background:var(--bg-2);box-shadow:inset 3px 0 0 var(--lime-400)}.payee-avatar{background:var(--purple-800);width:36px;height:36px;color:var(--purple-200);border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}.payee-who{flex-direction:column;min-width:0;display:flex}.payee-name{font-weight:600}.payee-meta{font-size:var(--fs-xs);color:var(--text-3)}.chips{gap:var(--sp-2);margin-top:var(--sp-2);flex-wrap:wrap;display:flex}.chip{min-height:var(--touch);padding:0 var(--sp-3);border:1px solid var(--line-3);border-radius:var(--radius-pill);font-family:var(--font-mono);font-size:var(--fs-sm);cursor:pointer;background:0 0}.chip:hover{background:var(--bg-2)}.chip.is-active{border-color:var(--lime-400);color:var(--lime-400)}.sticky-cta{margin:0 calc(var(--sp-4) * -1);padding:var(--sp-3) var(--sp-4) calc(var(--sp-3) + env(safe-area-inset-bottom,0px));background:linear-gradient(to top, var(--bg-0) 70%, transparent);position:sticky;bottom:0}.skeleton-list{height:196px;margin:var(--sp-2) 0 var(--sp-4);border-radius:var(--radius-lg);background:linear-gradient(90deg, var(--bg-1), var(--bg-2), var(--bg-1));background-size:200% 100%;animation:1.2s linear infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.review{gap:var(--sp-2);flex-direction:column;display:flex}.review-amount{font-size:var(--fs-3xl);letter-spacing:-.03em;font-weight:600;line-height:1.1}.kv{margin:var(--sp-3) 0 0;border-top:1px solid var(--line-1);width:100%}.kv>div{justify-content:space-between;gap:var(--sp-4);padding:var(--sp-3) 0;border-bottom:1px solid var(--line-1);display:flex}.kv dt{color:var(--text-3);font-size:var(--fs-sm)}.kv dd{text-align:right;overflow-wrap:anywhere;margin:0;font-weight:500}.secure-note{align-items:flex-start;gap:var(--sp-2);margin-top:var(--sp-3);padding:var(--sp-3);border-radius:var(--radius-lg);background:var(--risk-medium-bg);color:var(--purple-200);font-size:var(--fs-sm);display:flex}.analysis{align-items:center;gap:var(--sp-3);padding-top:var(--sp-6);text-align:center;flex-direction:column;display:flex}.analysis-mark{width:88px;height:88px;color:var(--lime-400);background:var(--bg-1);box-shadow:inset 0 0 0 1px var(--line-2);border-radius:50%;place-items:center;display:grid;position:relative}.analysis-mark.is-scanning:after{content:"";border:2px solid #0000;border-top-color:var(--lime-400);border-right-color:var(--purple-500);border-radius:50%;animation:1.1s linear infinite spin;position:absolute;inset:-6px}.analysis-title{font-size:var(--fs-xl);font-weight:600}.steps{width:100%;margin:var(--sp-4) 0 0;gap:var(--sp-4);text-align:left;flex-direction:column;padding:0;list-style:none;display:flex}.step-head{justify-content:space-between;gap:var(--sp-3);margin-bottom:var(--sp-2);font-size:var(--fs-sm);display:flex}.step-label{font-family:var(--font-display);letter-spacing:.02em;font-weight:600}.step-state{gap:var(--sp-2);color:var(--text-3);display:inline-flex}.step-value{font-family:var(--font-mono);color:var(--text-1);font-weight:600}.step-bar{border-radius:var(--radius-pill);background:var(--bg-2);height:6px;overflow:hidden}.step-bar span{border-radius:inherit;background:var(--lime-400);width:0;height:100%;transition:width var(--dur-slow) var(--ease-out);display:block}.step-running .step-bar span{background:linear-gradient(90deg, var(--purple-500), var(--lime-400));width:45%;animation:scan 1s var(--ease-out) infinite alternate}.step-done .step-bar span{width:100%}.step-done .step-state{color:var(--lime-400)}.step-skipped .step-bar span,.step-fallback .step-bar span{background:repeating-linear-gradient(135deg, var(--bg-3) 0 6px, var(--line-2) 6px 8px);width:100%}.step-fallback .step-state{color:var(--purple-300)}.step-note{margin-top:var(--sp-1);font-size:var(--fs-xs);color:var(--text-3)}@keyframes scan{0%{transform:translate(-60%)}to{transform:translate(160%)}}.result{align-items:center;gap:var(--sp-3);padding-top:var(--sp-6);text-align:center;flex-direction:column;display:flex}.result-mark{border-radius:50%;place-items:center;width:96px;height:96px;display:grid;position:relative}.result-completed .result-mark{background:var(--risk-low-bg);color:var(--lime-400);box-shadow:var(--glow-lime)}.result-review .result-mark{background:var(--purple-500);color:var(--on-purple);box-shadow:var(--glow-purple)}.result-blocked .result-mark{color:var(--on-purple);background:repeating-linear-gradient(135deg, transparent 0 7px, var(--hatch) 7px 10px), var(--purple-700);box-shadow:0 0 0 1px var(--purple-500)}.result-eyebrow{color:var(--text-2)}.result-completed .result-eyebrow{color:var(--lime-400)}.result-review .result-eyebrow{color:var(--purple-300)}.result-blocked .result-eyebrow{color:var(--purple-200)}.result-title{font-size:var(--fs-2xl);font-weight:700;line-height:1.2}.result-body{max-width:34ch;color:var(--text-2)}.result-amount{font-size:var(--fs-2xl);font-weight:600}.result-blocked .result-amount{text-decoration:line-through;-webkit-text-decoration-color:var(--purple-400);text-decoration-color:var(--purple-400);color:var(--text-3)}.result-actions{justify-content:center;gap:var(--sp-2);margin-top:var(--sp-3);flex-wrap:wrap;display:flex}.pulse-dot{background:var(--lime-400);width:14px;height:14px;box-shadow:var(--glow-lime);border-radius:50%;animation:1.6s ease-in-out infinite pulse;position:absolute;top:6px;right:6px}@keyframes pulse{50%{opacity:.5;transform:scale(.6)}}.risk-level{align-items:center;gap:var(--sp-3);display:flex}.risk-chip{padding:2px var(--sp-3);border-radius:var(--radius-pill);font-family:var(--font-display);letter-spacing:.08em;font-weight:700;font-size:var(--fs-sm)}.risk-low{background:var(--risk-low-bg);color:var(--risk-low-fg)}.risk-mid{background:var(--risk-medium-bg);color:var(--risk-medium-fg);box-shadow:inset 0 0 0 1px var(--purple-500)}.risk-high{background:var(--risk-high-bg);color:var(--risk-high-fg);box-shadow:var(--glow-purple)}.receive{align-items:center;gap:var(--sp-2);padding-top:var(--sp-4);text-align:center;flex-direction:column;display:flex}.qr{aspect-ratio:1;width:min(240px,70vw);padding:var(--sp-3);border-radius:var(--radius-lg);background:var(--text-1);grid-template-columns:repeat(21,1fr);display:grid}.qr span.on{background:var(--bg-0)}.receive-account{font-size:var(--fs-xl);margin-bottom:var(--sp-2);font-weight:600}.login{max-width:400px;min-height:100dvh;padding:var(--sp-8) var(--sp-5) var(--sp-5);gap:var(--sp-2);flex-direction:column;margin:0 auto;display:flex}.login-mark{width:44px;height:44px;margin-bottom:var(--sp-4);border-radius:var(--radius-lg);background:var(--purple-700);position:relative}.login-pulse{background:var(--lime-400);height:3px;box-shadow:var(--glow-lime);position:absolute;bottom:10px;left:10px;right:10px}.wordmark{font-family:var(--font-display);font-size:var(--fs-3xl);letter-spacing:.04em;font-weight:700;line-height:1}.wordmark span{color:var(--lime-400)}.login-tag{color:var(--text-2);margin-bottom:var(--sp-6)}.login-form{gap:var(--sp-4);flex-direction:column;display:flex}.disclaimer{padding-top:var(--sp-6);font-size:var(--fs-xs);color:var(--text-3);margin-top:auto}@media (width>=1024px){.shell-nav{grid-template-columns:240px 1fr;display:grid}.nav{top:0;justify-content:flex-start;gap:var(--sp-1);height:100dvh;padding:var(--sp-5) var(--sp-3);border-top:0;border-right:1px solid var(--line-1);flex-direction:column;position:sticky;inset:auto}.nav-brand{padding:0 var(--sp-3) var(--sp-5);font-family:var(--font-display);font-weight:700;font-size:var(--fs-lg);letter-spacing:.06em;display:block}.nav-brand span{color:var(--lime-400)}.nav-item{justify-content:flex-start;gap:var(--sp-3);min-height:var(--touch);padding:0 var(--sp-3);border-radius:var(--radius-lg);font-size:var(--fs-sm);flex-direction:row;flex:none}.nav-item:hover{background:var(--bg-2)}.nav-item.is-active{background:var(--bg-3)}.nav-item.is-active:before{width:2px;height:auto;inset:20% auto 20% 0}.nav-logout{margin-top:auto;display:flex}.shell-nav .page{width:100%;padding-bottom:var(--sp-7)}.toast{bottom:var(--sp-5)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}