:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page-bg:#f4f7fb;--surface-card:#fff;--surface-soft:#eef4fa;--surface-neutral:#eef4fa;--header-bg:#f4f7fb;--bottom-bar-bg:#fff;--text-primary:#102033;--text-secondary:#66758a;--text-section:#102033;--line-color:#d7e1ec;--line-strong:#d7e1ec;--brand-color:#2ea6ff;--brand-pressed:#0e86e8;--brand-soft:#e6f5ff;--button-text:#fff;--success-color:#1fad83;--success-soft:#e7f8f1;--warning-color:#c98a1a;--warning-soft:#fff4dd;--danger-color:#d84f6a;--danger-soft:#fdecef;--shadow-card:0 10px 30px #10203314;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--radius-sm:12px;--radius-md:16px;--radius-lg:20px;--radius-pill:999px;--font-display:"Sora", "Noto Sans SC", "PingFang SC", sans-serif;--font-body:"Noto Sans SC", "PingFang SC", "Hiragino Sans GB", sans-serif;--layout-max-width:480px}*{box-sizing:border-box}html,body{background:radial-gradient(circle at top right, #2ea6ff14, transparent 32%), linear-gradient(180deg, var(--page-bg) 0%, var(--page-bg) 100%);min-height:100%;margin:0}body{color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}button,input{font:inherit}button{color:inherit;background:0 0;border:0;padding:0}button:not(:disabled){cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}input{border:1px solid var(--line-strong);outline:none;width:100%}h1,h2,h3,p,strong,span{margin:0}code{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:.92em}#app{min-height:100dvh}.app-shell{width:min(100%, var(--layout-max-width));min-height:100dvh;padding:max(16px, env(safe-area-inset-top)) var(--space-4) calc(116px + env(safe-area-inset-bottom));margin:0 auto}.app-bar{z-index:30;justify-content:space-between;align-items:center;gap:var(--space-4);min-height:56px;margin:0 calc(-1 * var(--space-4)) var(--space-4);padding:0 var(--space-4);background:#ffffffad;background:color-mix(in srgb, var(--header-bg) 92%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid #d7e1ecb8;border-bottom:1px solid color-mix(in srgb, var(--line-color) 82%, transparent);display:flex;position:sticky;top:0}.app-bar__leading{align-items:center;gap:var(--space-3);min-width:0;display:flex}.app-bar__copy{gap:2px;min-width:0;display:grid}.app-bar__eyebrow{color:var(--text-secondary);font-size:12px;line-height:16px}.app-bar__title{color:var(--text-primary);letter-spacing:-.01em;font-size:16px;font-weight:700;line-height:22px}.app-main{gap:var(--space-4);display:grid}.icon-button,.icon-spacer{flex:0 0 44px;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.icon-button{border-radius:var(--radius-pill);background:var(--surface-soft);color:var(--text-primary);font-size:18px}.ghost-link{min-height:44px;padding:0 var(--space-3);border-radius:var(--radius-pill);color:var(--brand-color);font-size:13px;font-weight:600}.page-stack{gap:var(--space-3);display:grid}.notice,.hero-card,.card,.state-panel,.action-bar{border:1px solid var(--line-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.notice,.card,.state-panel{background:var(--surface-card)}.notice{padding:var(--space-3) var(--space-4);font-size:13px;line-height:18px}.notice--success{background:var(--success-soft);color:var(--success-color)}.notice--warning{background:var(--warning-soft);color:var(--warning-color)}.notice--danger{background:var(--danger-soft);color:var(--danger-color)}.notice--neutral{background:var(--surface-neutral);color:var(--text-primary)}.hero-card{gap:var(--space-4);padding:var(--space-4);background:radial-gradient(circle at top right, #2ea6ff24, transparent 42%), linear-gradient(180deg, var(--surface-card), color-mix(in srgb, var(--surface-soft) 52%, var(--surface-card)));display:grid}.hero-card--confirm{background:radial-gradient(circle at top right, #2ea6ff29, transparent 40%), linear-gradient(180deg, var(--surface-card), color-mix(in srgb, var(--brand-soft) 38%, var(--surface-card)))}.hero-card--detail{background:radial-gradient(circle at top right, #1fad8324, transparent 40%), linear-gradient(180deg, var(--surface-card), color-mix(in srgb, var(--surface-soft) 58%, var(--surface-card)))}.hero-card__top,.state-panel__top,.section-head{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.section-head--tight{margin-bottom:var(--space-2)}.hero-card__meta,.state-panel__meta,.section-kicker,.field-help,.history-item__bottom,.section-badge{color:var(--text-secondary);font-size:12px;line-height:16px}.hero-card__amount,.state-panel__amount{font-family:var(--font-display);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:32px;font-weight:700;line-height:40px}.hero-card__copy,.section-copy,.state-panel__copy p,.empty-panel p,.quick-action span,.inline-alert,.detail-row span,.detail-row strong{font-size:14px;line-height:20px}.hero-card__copy,.section-copy,.state-panel__copy p,.empty-panel p,.quick-action span,.field-help,.history-item__bottom{color:var(--text-secondary)}.hero-card__chips,.quick-actions,.flow-form,.currency-grid,.detail-list,.history-list,.state-panel,.state-panel__copy,.state-panel__actions{display:grid}.hero-card__chips{gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr))}.metric-chip{min-height:36px;padding:0 var(--space-3);border-radius:var(--radius-pill);background:var(--brand-soft);color:var(--brand-color);text-align:center;justify-content:center;align-items:center;font-size:12px;font-weight:600;line-height:16px;display:inline-flex}.card{gap:var(--space-4);padding:var(--space-4)}.card--accent{background:linear-gradient(180deg, color-mix(in srgb, var(--brand-soft) 42%, var(--surface-card)), var(--surface-card) 46%)}.section-kicker{margin-bottom:var(--space-2)}.card h2,.state-panel__copy h2{color:var(--text-primary);font-size:20px;font-weight:700;line-height:26px}.section-badge{border-radius:var(--radius-pill);background:var(--surface-soft);align-items:center;min-height:28px;padding:0 10px;display:inline-flex}.quick-actions{gap:var(--space-3)}.quick-action{width:100%;padding:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--line-strong);background:var(--surface-soft);text-align:left;gap:6px;display:grid}.quick-action strong,.field-label,.pill,.primary-button,.secondary-button{font-size:13px;font-weight:600;line-height:18px}.quick-action strong{color:var(--text-primary);font-size:16px;line-height:22px}.flow-form{gap:var(--space-4)}.field-block{gap:var(--space-2);display:grid}.field-label{color:var(--text-section)}.amount-input{min-height:56px;padding:0 var(--space-4);border-radius:var(--radius-md);background:var(--surface-card);color:var(--text-primary);font-family:var(--font-display);text-align:right;font-variant-numeric:tabular-nums;font-size:24px;font-weight:700;line-height:30px}.amount-input:focus{border-color:var(--brand-color);box-shadow:0 0 0 3px color-mix(in srgb, var(--brand-color) 18%, transparent)}.amount-input--error{border-color:var(--danger-color);background:var(--danger-soft)}.currency-grid{gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr))}.currency-pill{min-width:84px;min-height:44px;padding:0 var(--space-3);border-radius:var(--radius-pill);background:var(--surface-soft);color:var(--text-primary);border:1px solid #0000;font-size:14px;font-weight:600;line-height:20px}.currency-pill--selected{border-color:var(--brand-color);background:var(--brand-soft);color:var(--brand-pressed)}.pill{border-radius:var(--radius-pill);align-items:center;min-height:28px;padding:0 10px;display:inline-flex}.pill--success{background:var(--success-soft);color:var(--success-color)}.pill--warning{background:var(--warning-soft);color:var(--warning-color)}.pill--danger{background:var(--danger-soft);color:var(--danger-color)}.pill--neutral{background:var(--surface-soft);color:var(--text-primary)}.inline-alert{min-height:38px;padding:var(--space-3);border-radius:var(--radius-sm)}.inline-alert--danger{background:var(--danger-soft);color:var(--danger-color)}.inline-alert--hidden{display:none}.detail-list{gap:var(--space-2)}.detail-row{justify-content:space-between;align-items:center;gap:var(--space-4);min-height:64px;padding:0 var(--space-4);border-radius:var(--radius-md);background:var(--surface-soft);display:flex}.detail-row strong{color:var(--text-primary);text-align:right;font-variant-numeric:tabular-nums}.state-panel{gap:var(--space-4);padding:var(--space-4)}.state-panel--success{background:linear-gradient(180deg, color-mix(in srgb, var(--success-soft) 78%, var(--surface-card)), var(--surface-card))}.state-panel--warning{background:linear-gradient(180deg, color-mix(in srgb, var(--warning-soft) 82%, var(--surface-card)), var(--surface-card))}.state-panel--danger{background:linear-gradient(180deg, color-mix(in srgb, var(--danger-soft) 84%, var(--surface-card)), var(--surface-card))}.state-panel--neutral{background:linear-gradient(180deg, color-mix(in srgb, var(--surface-soft) 82%, var(--surface-card)), var(--surface-card))}.state-panel__icon{background:var(--surface-soft);width:56px;height:56px;color:var(--text-primary);border-radius:18px;justify-content:center;align-items:center;font-size:28px;font-weight:700;line-height:1;display:inline-flex}.state-panel__icon--spinner{position:relative}.state-panel__icon--spinner:before{content:"";border:3px solid var(--line-color);border-top-color:var(--brand-color);border-radius:50%;width:28px;height:28px;animation:1s linear infinite spin}.state-panel__copy,.state-panel__actions{gap:var(--space-2)}.empty-panel{gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-md);background:var(--surface-soft);display:grid}.history-list{gap:var(--space-2)}.history-item{gap:var(--space-3);width:100%;padding:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--line-strong);background:var(--surface-soft);text-align:left;display:grid}.history-item__top,.history-item__bottom{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.history-item__top strong{color:var(--text-primary);font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:20px;font-weight:700;line-height:26px}.history-item__bottom{flex-wrap:wrap}.action-bar{z-index:35;gap:var(--space-2);width:min(calc(100% - 32px), var(--layout-max-width));padding:var(--space-3) var(--space-4) calc(var(--space-4) + env(safe-area-inset-bottom));background:color-mix(in srgb, var(--bottom-bar-bg) 96%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom-right-radius:0;border-bottom-left-radius:0;display:grid;position:fixed;bottom:0;right:50%;transform:translate(50%);box-shadow:0 -8px 24px #10203314}.action-bar--split{grid-template-columns:repeat(2,minmax(0,1fr))}.primary-button,.secondary-button{width:100%;min-height:48px;padding:0 var(--space-4);border-radius:var(--radius-md);justify-content:center;align-items:center;transition:transform .18s,opacity .18s,background-color .18s,border-color .18s;display:inline-flex}.primary-button{background:var(--brand-color);color:var(--button-text)}.secondary-button{border:1px solid var(--line-strong);background:var(--surface-card);color:var(--text-primary)}.secondary-button--wide{min-height:48px}.primary-button:active:not(:disabled),.secondary-button:active:not(:disabled),.quick-action:active,.history-item:active,.currency-pill:active,.icon-button:active,.ghost-link:active{opacity:.94;transform:translateY(1px)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=420px){.hero-card__chips,.action-bar--split{grid-template-columns:1fr}.history-item__top,.history-item__bottom,.detail-row,.section-head{flex-direction:column;align-items:flex-start}.detail-row strong{text-align:left}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}