:root{--ink:#0b1b2b;--ink-soft:#2a3b4d;--signal:#1b6ef3;--paper:#f7f9fb;--steel:#5b6b7b;--mist:#dbe3ec;--white:#fff;--success:#1ea672;--warning:#e8a23d;--danger:#e2533b;--space-1:4px;--space-2:8px;--space-3:16px;--space-4:24px;--space-5:32px;--space-6:48px;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-pill:999px;--touch-min:48px;--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:"SF Mono", ui-monospace, Menlo, monospace;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--bottom-nav-h:60px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-sans);background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;overscroll-behavior-y:none;margin:0}button,a,input,select,textarea{font:inherit}button{min-height:var(--touch-min);min-width:var(--touch-min);cursor:pointer;color:inherit;background:0 0;border:none}.app-shell{min-height:100dvh;padding-top:var(--safe-top);padding-left:var(--safe-left);padding-right:var(--safe-right);flex-direction:column;display:flex}.app-main{padding-bottom:calc(var(--bottom-nav-h) + var(--safe-bottom) + var(--space-3));flex:1}.skeleton{background:linear-gradient(90deg, var(--mist) 25%, color-mix(in srgb, var(--mist) 35%, var(--white)) 50%, var(--mist) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.2s ease-in-out infinite skeleton}@keyframes skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}}@view-transition{navigation:auto}@media (prefers-reduced-motion:no-preference){::view-transition-old(root){animation:.16s both vt-out}::view-transition-new(root){animation:.2s both vt-in}}@media (prefers-reduced-motion:reduce){::view-transition-old(root){animation:none}::view-transition-new(root){animation:none}}@keyframes vt-out{to{opacity:0;transform:translate(-2%)}}@keyframes vt-in{0%{opacity:0;transform:translate(3%)}}.bottom-nav{z-index:100;background:var(--white);border-top:1px solid var(--mist);padding-bottom:var(--safe-bottom);padding-left:var(--safe-left);padding-right:var(--safe-right);grid-auto-columns:1fr;grid-auto-flow:column;display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav__item{min-height:var(--bottom-nav-h);color:var(--steel);letter-spacing:.01em;-webkit-tap-highlight-color:transparent;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:11px;font-weight:600;text-decoration:none;display:flex}.bottom-nav__icon{width:24px;height:24px}.bottom-nav__item.is-active{color:var(--signal)}.app-header{z-index:50;justify-content:space-between;align-items:center;gap:var(--space-2);min-height:52px;padding:var(--space-2) var(--space-3);background:color-mix(in srgb, var(--paper) 85%, transparent);-webkit-backdrop-filter:saturate(1.6)blur(8px);backdrop-filter:saturate(1.6)blur(8px);border-bottom:1px solid var(--mist);display:flex;position:sticky;top:0}.app-header__title{color:var(--ink);margin:0;font-size:19px;font-weight:700}.app-header__lang{min-width:44px;min-height:36px;padding:0 var(--space-2);border-radius:var(--radius-pill);border:1px solid var(--mist);background:var(--white);color:var(--steel);font-size:12px;font-weight:700}.screen{gap:var(--space-3);padding:var(--space-3);flex-direction:column;display:flex}.screen--center{text-align:center;align-items:center}.section-title{margin:var(--space-2) 0 0;color:var(--ink-soft);font-size:14px;font-weight:700}.lede{color:var(--steel);margin:0;font-size:15px}.muted{color:var(--steel);font-size:14px}.card{gap:var(--space-3);padding:var(--space-3);background:var(--white);border:1px solid var(--mist);border-radius:var(--radius-lg);flex-direction:column;display:flex}.card--link{align-items:center;gap:var(--space-3);color:inherit;flex-direction:row;text-decoration:none}.card__title{color:var(--ink);margin:0;font-size:15px;font-weight:700}.card__chevron{width:20px;height:20px;color:var(--steel);flex:none;margin-left:auto}.wa-status__dot{border-radius:var(--radius-pill);flex:none;width:12px;height:12px}.wa-status[data-state=connected] .wa-status__dot{background:var(--success)}.wa-status[data-state=disconnected] .wa-status__dot{background:var(--danger)}.wa-status__text{flex-direction:column;gap:2px;display:flex}.credit{flex-direction:row;justify-content:space-between;align-items:center}.credit__balance{color:var(--ink);font-size:26px;font-weight:800}.credit__unit{color:var(--steel);font-size:13px;font-weight:600}.shortcuts{gap:var(--space-2);grid-template-columns:repeat(3,1fr);display:grid}.shortcut{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-2);text-align:center;min-height:84px;color:var(--ink-soft);background:var(--white);border:1px solid var(--mist);border-radius:var(--radius-md);flex-direction:column;justify-content:center;font-size:12px;font-weight:600;text-decoration:none;display:flex}.shortcut__icon{width:24px;height:24px;color:var(--signal)}.usage{gap:var(--space-1);flex-direction:column;display:flex}.usage__head{justify-content:space-between;align-items:baseline;font-size:13px;display:flex}.usage__label{color:var(--ink-soft);font-weight:600}.usage__amount{color:var(--steel);font-variant-numeric:tabular-nums}.usage__track{border-radius:var(--radius-pill);background:var(--mist);height:8px;overflow:hidden}.usage__fill{border-radius:var(--radius-pill);height:100%;transition:width .24s;display:block}.usage__fill--signal{background:var(--signal)}.usage__fill--warning{background:var(--warning)}.usage__fill--danger{background:var(--danger)}@media (prefers-reduced-motion:reduce){.usage__fill{transition:none}}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--touch-min);padding:0 var(--space-4);border-radius:var(--radius-pill);border:1px solid #0000;font-size:15px;font-weight:700;line-height:1;text-decoration:none;display:inline-flex}.btn--block{width:100%}.btn--primary{background:var(--signal);color:var(--white)}.btn--secondary{background:color-mix(in srgb, var(--signal) 10%, var(--white));color:var(--signal);border-color:color-mix(in srgb, var(--signal) 25%, var(--white))}.btn--ghost{background:var(--white);color:var(--ink-soft);border-color:var(--mist)}.stack{gap:var(--space-2);flex-direction:column;width:100%;display:flex}.qr-box{aspect-ratio:1;justify-content:center;align-items:center;gap:var(--space-2);width:100%;max-width:280px;padding:var(--space-4);background:var(--white);border:2px dashed var(--mist);border-radius:var(--radius-lg);flex-direction:column;display:flex}.qr-box__grid{aspect-ratio:1;border-radius:var(--radius-sm);background:repeating-conic-gradient(var(--ink) 0 25%, transparent 0 50%) 0 0 / 22px 22px;opacity:.18;width:64%}.qr-box__hint{color:var(--steel);font-size:12px}.status-line{align-items:center;gap:var(--space-2);font-size:14px;font-weight:600;display:inline-flex}.status-line__dot{border-radius:var(--radius-pill);width:10px;height:10px}.status-line--ok{color:var(--success)}.status-line--ok .status-line__dot{background:var(--success)}.status-line--wait{color:var(--warning)}.status-line--wait .status-line__dot{background:var(--warning);animation:1.4s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.status-line--wait .status-line__dot{animation:none}}.dropzone{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-5) var(--space-3);text-align:center;background:var(--white);border:2px dashed color-mix(in srgb, var(--signal) 35%, var(--mist));border-radius:var(--radius-lg);color:var(--ink-soft);flex-direction:column;transition:background .16s,border-color .16s;display:flex}.dropzone.is-over{background:color-mix(in srgb, var(--signal) 8%, var(--white));border-color:var(--signal)}.dropzone__icon{color:var(--signal)}.dropzone__title{color:var(--ink);font-size:16px}.dropzone__formats{margin-top:var(--space-1);color:var(--steel);letter-spacing:.03em;font-size:12px;font-weight:600}@media (prefers-reduced-motion:reduce){.dropzone{transition:none}}.upload-progress{gap:var(--space-2)}.upload-progress__row{justify-content:space-between;gap:var(--space-2);font-size:13px;display:flex}.upload-progress__name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.empty-state{text-align:center;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-3);flex-direction:column;display:flex}.empty-state__icon{color:var(--signal)}.empty-state__title{margin:var(--space-1) 0 0;color:var(--ink);font-size:16px;font-weight:700}.empty-state__hint{margin:0 0 var(--space-2);color:var(--steel);font-size:14px}.empty-state .btn{width:100%}.plan-list{gap:var(--space-3);flex-direction:column;display:flex}.plan-card{gap:var(--space-2);padding:var(--space-3);background:var(--white);border:1px solid var(--mist);border-radius:var(--radius-lg);flex-direction:column;display:flex}.plan-card--popular{border-color:var(--signal);box-shadow:0 0 0 1px var(--signal)}.plan-card__head{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.plan-card__name{color:var(--ink);margin:0;font-size:16px;font-weight:700}.plan-card__badge{text-transform:uppercase;letter-spacing:.04em;color:var(--white);background:var(--signal);padding:3px var(--space-2);border-radius:var(--radius-pill);font-size:11px;font-weight:700}.plan-card__price{color:var(--ink);font-size:24px;font-weight:800}.plan-card__tagline{margin:0}.plan-card__features{padding-left:var(--space-3);gap:var(--space-1);color:var(--ink-soft);flex-direction:column;margin:0;font-size:14px;display:flex}.plan-card__current{margin-top:var(--space-1);color:var(--signal);font-size:12px;font-weight:700}.plain-shell{min-height:100dvh;padding-top:var(--safe-top);padding-left:var(--safe-left);padding-right:var(--safe-right);background:var(--paper);flex-direction:column;display:flex;position:relative}.plain-main{padding-bottom:calc(var(--safe-bottom) + var(--space-4));flex-direction:column;flex:1;display:flex}.plain-shell__lang{top:calc(var(--safe-top) + var(--space-2));right:calc(var(--safe-right) + var(--space-3));z-index:10;min-width:44px;min-height:36px;padding:0 var(--space-2);border-radius:var(--radius-pill);border:1px solid var(--mist);background:var(--white);color:var(--steel);font-size:12px;font-weight:700;position:absolute}.auth,.help,.onb{gap:var(--space-3);width:100%;max-width:420px;padding:var(--space-5) var(--space-3) var(--space-3);flex-direction:column;margin:0 auto;display:flex}.auth{flex:1;justify-content:center}.onb{flex:1}.auth-head{gap:var(--space-1);flex-direction:column;display:flex}.auth-title{color:var(--ink);margin:0;font-size:22px;font-weight:800}.auth-subtitle{color:var(--steel);margin:0;font-size:15px}.auth-foot{text-align:center;color:var(--steel);margin:0;font-size:14px}.form{gap:var(--space-3);flex-direction:column;display:flex}.field{gap:var(--space-1);flex-direction:column;display:flex}.field__label{color:var(--ink-soft);font-size:13px;font-weight:700}.field__input{min-height:var(--touch-min);padding:0 var(--space-3);border-radius:var(--radius-md);border:1px solid var(--mist);background:var(--white);color:var(--ink);font-size:16px}.field__input::placeholder{color:var(--steel);opacity:.7}.field__input:focus-visible{outline:2px solid var(--signal);outline-offset:1px;border-color:var(--signal)}.text-link{color:var(--signal);font-weight:700;text-decoration:none}.text-link:focus-visible{outline:2px solid var(--signal);outline-offset:2px}.auth-forgot{min-height:var(--touch-min);align-self:center;align-items:center;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.gift-note{padding:var(--space-2) var(--space-3);text-align:center;color:var(--signal);background:color-mix(in srgb, var(--signal) 8%, var(--white));border:1px solid color-mix(in srgb, var(--signal) 25%, var(--white));border-radius:var(--radius-md);margin:0;font-size:14px;font-weight:600}.choice{gap:var(--space-2)}.choice__title{color:var(--ink);margin:0;font-size:16px;font-weight:700}.choice .btn{margin-top:var(--space-1)}.steps-list{padding-left:var(--space-4);gap:var(--space-2);color:var(--ink-soft);flex-direction:column;margin:0;font-size:15px;display:flex}.note{padding:var(--space-2) var(--space-3);color:var(--ink-soft);background:color-mix(in srgb, var(--warning) 12%, var(--white));border:1px solid color-mix(in srgb, var(--warning) 35%, var(--white));border-radius:var(--radius-md);margin:0;font-size:14px}.onb-steps{justify-content:center;align-items:center;gap:var(--space-1);display:flex}.onb-dot{border-radius:var(--radius-pill);background:var(--mist);width:8px;height:8px;transition:width .2s,background .2s}.onb-dot.is-active{background:var(--signal);width:22px}@media (prefers-reduced-motion:reduce){.onb-dot{transition:none}}.onb-progress{text-align:center;color:var(--steel);margin:0;font-size:13px;font-weight:700}.onb-step{gap:var(--space-3);flex-direction:column;flex:1;display:flex}.onb-step__title{color:var(--ink);margin:0;font-size:21px;font-weight:800}.onb-step__body{color:var(--ink-soft);margin:0;font-size:15px}.onb-actions{gap:var(--space-2);display:flex}.onb-actions .btn{flex:1}.guide{gap:var(--space-2)}.guide__title{color:var(--ink);margin:0;font-size:16px;font-weight:700}.guide .btn{margin-top:var(--space-1)}.help-list{gap:var(--space-2);flex-direction:column;display:flex}.help-list__item{font-weight:600}.form-error{color:var(--danger);margin:0;font-size:14px;font-weight:600}