@keyframes dion-toast-in{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.dion-toast{animation:none}}.primary-btn{background:linear-gradient(135deg, var(--brand) 0%, var(--brand-deep) 100%);color:#fff;width:100%;height:54px;font-size:17px;font-weight:800;font-family:var(--font-ui);letter-spacing:.1px;cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;transition:transform .15s,opacity .15s,background .15s;display:flex}.primary-btn:disabled{background:var(--disabled-bg);color:var(--disabled-text);cursor:default}.primary-btn:active:not(:disabled){opacity:.9;transform:scale(.985)}.primary-btn:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.primary-btn-spinner{border:2.5px solid #ffffff4d;border-top-color:currentColor;border-radius:50%;flex-shrink:0;width:18px;height:18px;animation:.7s linear infinite spin}.ghost-btn{border:1.5px solid var(--line);background:var(--surface);width:100%;height:54px;color:var(--ink);font-size:16px;font-weight:600;font-family:var(--font-ui);cursor:pointer;border-radius:16px}.ghost-btn:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.field{margin-bottom:18px;display:block}.field-label{color:var(--ink);letter-spacing:.1px;margin-bottom:8px;font-size:13px;font-weight:600}.field-input-wrap{position:relative}.field-input{border:1.5px solid var(--line);background:var(--surface-warm);width:100%;height:52px;color:var(--ink);font-size:16px;font-family:var(--font-ui);border-radius:14px;outline:none;padding:0 16px}.field-input:focus{border-color:var(--brand);box-shadow:0 0 0 4px #f26d301a}.field-input--error{border-color:var(--danger)}.field-adornment{color:var(--muted);position:absolute;top:4px;right:4px}.field-hint{color:var(--muted);margin-top:6px;font-size:12px}.field-error{color:var(--danger);margin-top:6px;font-size:12px}.field-input:focus-visible{outline:2px solid var(--brand);outline-offset:-1px}.dion-wordmark{font-family:var(--font-brand);color:var(--brand);letter-spacing:-.02em;font-weight:800;line-height:1}.back-btn{border:1px solid var(--line);background:var(--surface);width:44px;height:44px;color:var(--ink);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:22px;justify-content:center;align-items:center;display:flex}.back-btn:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.step-indicator{gap:6px;margin-bottom:24px;display:flex}.step-dot{background:var(--line-soft);border-radius:2px;flex:1;height:4px}.step-dot--active{background:var(--brand)}.async-spinner{border:3px solid var(--line);border-top-color:var(--brand);border-radius:50%;width:32px;height:32px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.password-strength{margin-top:-6px;margin-bottom:14px;padding:0 2px}.password-strength-bar{gap:4px;display:flex}.password-strength-segment{background:var(--line);border-radius:2px;flex:1;height:4px;transition:background .3s}.session-warning-overlay{-webkit-backdrop-filter:blur(4px);padding:max(calc(var(--safe-top) + 24px), 32px) var(--page-px) max(calc(var(--safe-bottom) + 24px), 32px);z-index:100;background:#3a333080;justify-content:center;align-items:center;animation:.2s ease-out fade-in;display:flex;position:fixed;inset:0}.session-warning-card{background:var(--surface);border-radius:var(--r-lg);text-align:center;width:100%;max-width:320px;box-shadow:var(--shadow-lg);animation:slide-up .3s var(--ease-spring);padding:28px 24px}.session-warning-title{color:var(--ink);margin-bottom:8px;font-size:18px;font-weight:700}.session-warning-text{color:var(--muted);margin-bottom:20px;font-size:14px;line-height:1.5}.session-warning-btn{background:var(--brand);color:#fff;border-radius:var(--r-sm);cursor:pointer;font-size:15px;font-weight:600;font-family:var(--font-ui);transition:opacity var(--duration-fast);border:none;padding:12px 28px}.session-warning-btn:active{opacity:.85}.session-warning-btn:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.install-overlay{z-index:100;-webkit-backdrop-filter:blur(6px);background:#3a33308c;justify-content:center;align-items:flex-end;animation:.3s ease-out fade-in;display:flex;position:fixed;inset:0}.install-sheet{background:var(--surface);padding:24px var(--page-px) max(calc(var(--safe-bottom) + 24px), 24px);border-radius:28px 28px 0 0;width:100%;max-width:480px;animation:.4s cubic-bezier(.34,1.56,.64,1) slide-up;position:relative}.install-header{text-align:center;margin-bottom:28px}.install-icon-ring{background:linear-gradient(135deg, var(--brand), var(--brand-deep));width:72px;height:72px;box-shadow:var(--shadow-brand-lg);border-radius:22px;justify-content:center;align-items:center;margin:0 auto 16px;display:flex}.install-dion-mark{font-family:var(--font-brand);color:#fff;font-size:38px;font-weight:700;line-height:1}.install-title{font-family:var(--font-brand);color:var(--ink);margin-bottom:6px;font-size:22px;font-weight:700}.install-subtitle{color:var(--muted);font-size:14px;line-height:1.5}.install-steps-track{margin-bottom:20px}.install-step{background:var(--bg);border-radius:var(--r-lg);text-align:center;padding:24px 20px;animation:.25s ease-out fade-in}.install-step-num{border-radius:var(--r-full);background:var(--brand);color:#fff;justify-content:center;align-items:center;width:28px;height:28px;margin:0 auto 14px;font-size:14px;font-weight:700;display:flex}.install-step-visual{margin-bottom:14px}.install-step-icon{color:var(--brand)}.install-step-text{color:var(--ink);font-size:15px;font-weight:500;line-height:1.55}.install-dots{justify-content:center;gap:8px;margin-bottom:24px;display:flex}.install-dot{border-radius:var(--r-full);background:var(--line);width:8px;height:8px;transition:all .25s}.install-dot--active{background:var(--brand);width:24px}.install-actions{flex-direction:column;gap:10px;display:flex}.install-btn{border-radius:var(--r-md);width:100%;font-size:16px;font-weight:700;font-family:var(--font-ui);cursor:pointer;padding:15px;transition:transform .1s,opacity .15s}.install-btn:active{transform:scale(.98)}.install-btn--primary{background:var(--brand);color:#fff;box-shadow:var(--shadow-brand)}.install-btn--ghost{color:var(--muted);background:0 0;font-size:14px;font-weight:600}.install-sheet--full{min-height:100dvh;padding:48px var(--page-px) max(calc(var(--safe-bottom) + 48px), 48px);padding-top:max(calc(var(--safe-top) + 48px), 56px);border-radius:0;flex-direction:column;justify-content:center;display:flex}:root{--brand:#f26d30;--brand-deep:#a73923;--brand-soft:#ffddcf;--brand-mist:#fff5f0;--brand-accent:#c2dee9;--brand-frost:#ebfaff;--brand-coral:#fc9483;--ink:#3a3330;--ink2:#5a4e4a;--muted:#828282;--surface:#fff;--surface-warm:#fffdf9;--surface-raised:#fcfaf7;--bg:#f4f4f4;--bg-warm:#f8f4f1;--espresso:#3a3330;--line:#e6e6e6;--line-soft:#f0eded;--success:#2eaa86;--success-soft:#e6f7f2;--danger:#d9544a;--danger-soft:#fef2f2;--warning:#e08c2c;--warning-soft:#fff7ed;--disabled-bg:#e7e1dd;--disabled-text:#9a8f8a;--cat-gaming:#7c5cff;--cat-food:#c97a3f;--cat-beauty:#d94f8a;--cat-retail:#3e8ed0;--font-brand:"Fraunces", "DM Serif Display", Georgia, serif;--font-ui:Avenir, "Avenir Next", -apple-system, "SF Pro Text", system-ui, sans-serif;--r-xs:8px;--r-sm:10px;--r-md:14px;--r-lg:20px;--r-xl:28px;--r-full:9999px;--page-px:22px;--shadow-xs:0 1px 2px #3a33300a;--shadow-card:0 2px 8px #3a33300f;--shadow-md:0 4px 12px #3a333014;--shadow-lg:0 8px 24px #3a33301a;--shadow-brand:0 8px 18px #f26d3054;--shadow-brand-lg:0 14px 28px #f26d3030;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--tab-bar-height:72px;--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--duration-fast:.15s;--duration-normal:.25s;--duration-slow:.4s}.balance-card{background:linear-gradient(135deg, var(--brand) 0%, #f5904e 60%, var(--brand-coral) 100%);color:#fff;cursor:pointer;box-shadow:var(--shadow-brand-lg);text-align:left;border:none;border-radius:24px;width:100%;padding:22px;position:relative;overflow:hidden}.balance-card-circle{background:#ffffff1f;border-radius:50%;width:160px;height:160px;position:absolute;top:-30px;right:-30px}.balance-card-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex;position:relative}.balance-card-label{opacity:.9;letter-spacing:.5px;text-transform:uppercase;font-size:13px;font-weight:500}.balance-card-amount{letter-spacing:-1px;font-size:44px;font-weight:800;font-family:var(--font-brand);position:relative}.balance-card-unit{opacity:.9;font-size:22px}.balance-card-usd{opacity:.85;margin-top:4px;font-size:12.5px;position:relative}.tx-row{align-items:center;gap:12px;padding:14px 16px;display:flex}.tx-row+.tx-row{border-top:1px solid var(--line-soft)}.tx-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:15px;font-weight:700;display:flex}.tx-info{flex:1;min-width:0}.tx-name{color:var(--ink);font-size:14px;font-weight:600}.tx-time{color:var(--muted);margin-top:1px;font-size:11.5px}.tx-amount{color:var(--ink);font-size:14px;font-weight:700}.tx-amount--earned{color:var(--success)}.tab-bar{padding-bottom:env(safe-area-inset-bottom,0px);background:var(--surface);border-top:1px solid var(--line-soft);z-index:30;justify-content:space-around;align-items:flex-end;padding-top:6px;display:flex;position:fixed;bottom:0;left:0;right:0;transform:translateZ(0)}.tab-bar-item{color:var(--muted);cursor:pointer;font-family:var(--font-ui);-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:48px;padding:6px 12px 8px;display:flex}.tab-bar-item--active{color:var(--brand)}.tab-bar-label{font-size:10.5px;font-weight:600;line-height:1}.tab-bar-center{background:var(--brand);cursor:pointer;width:52px;height:52px;box-shadow:var(--shadow-brand);color:#fff;-webkit-tap-highlight-color:transparent;border:none;border-radius:26px;flex-shrink:0;justify-content:center;align-items:center;margin-top:-18px;margin-bottom:4px;display:flex}.tab-bar-item:focus-visible,.tab-bar-center:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.app-shell{background:linear-gradient(180deg, var(--surface-warm) 0%, var(--bg-warm) 56%, var(--brand-frost) 100%);flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.app-content{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;padding-top:env(safe-area-inset-top,0px);padding-bottom:calc(64px + env(safe-area-inset-bottom,0px) + 12px);flex:1;overflow-y:auto}@media (width>=900px){.app-shell{grid-template-columns:104px minmax(0,1fr);display:grid}.app-content{min-width:0;padding:0 36px 44px}.tab-bar{border-top:none;border-right:1px solid var(--line-soft);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffc7;flex-direction:column;grid-area:1/1;justify-content:center;align-items:center;gap:18px;width:104px;height:100dvh;padding:28px 12px;position:static}.tab-bar-item,.tab-bar-center{width:72px;height:64px;min-height:64px;box-shadow:none;border-radius:18px;margin:0}.tab-bar-center{background:var(--brand)}.tab-bar-center--active{box-shadow:var(--shadow-brand)}.tab-bar-item--active{color:var(--brand);background:var(--brand-mist)}.tab-bar-label{font-size:11px}}.offline-banner{background:var(--warning);color:#fff;text-align:center;padding:calc(var(--safe-top) + 6px) 16px 6px;font-size:12px;font-weight:600}.app-loading{background:var(--bg);justify-content:center;align-items:center;height:100vh;display:flex}@media (prefers-color-scheme:dark){.balance-card{background:linear-gradient(135deg,#c45a22 0%,#d4652a 60%,#e07035 100%)}}.dion-toast-container{top:calc(var(--safe-top) + 8px);z-index:60;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.dion-toast{-webkit-backdrop-filter:blur(16px);animation:dion-toast-in var(--duration-normal) var(--ease-out-expo);pointer-events:auto;background:#1e232de0;border:1px solid #ffffff14;border-radius:9999px;align-items:center;gap:8px;padding:8px 18px;display:flex}.dion-toast-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.dion-toast-dot--success{background:var(--success)}.dion-toast-dot--error{background:var(--danger)}.dion-toast-dot--info{background:var(--brand)}.dion-toast-text{color:#fff;white-space:nowrap;text-overflow:ellipsis;max-width:70vw;font-size:13px;font-weight:500;overflow:hidden}@media (prefers-reduced-motion:reduce){.dion-toast{animation:none}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;background:var(--bg);width:100%;height:100%;min-height:100dvh}body{height:100%;min-height:100dvh;width:100%;min-height:-webkit-fill-available;font-family:var(--font-ui);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none;touch-action:manipulation;line-height:1.4}#root{width:100%;height:100%;min-height:100dvh}@media (display-mode:standalone){html{height:100dvh;height:-webkit-fill-available;overflow:hidden}body{height:100%;min-height:-webkit-fill-available;overflow:hidden}#root{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;height:100%;overflow-y:auto}}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}::-webkit-scrollbar{display:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.card{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-card)}@keyframes pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.page-enter{animation:slide-up var(--duration-normal) var(--ease-out-expo)}@keyframes slide-in-right{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}.page-slide-right{animation:slide-in-right var(--duration-normal) var(--ease-out-expo)}.error-boundary{min-height:100dvh;padding:max(calc(var(--safe-top) + 32px), 40px) var(--page-px) max(calc(var(--safe-bottom) + 32px), 32px);background:var(--bg);text-align:center;flex-direction:column;justify-content:center;align-items:center;animation:.3s ease-out fade-in;display:flex}.error-boundary-title{letter-spacing:-.3px;font-size:22px;font-weight:800;font-family:var(--font-brand);margin-top:24px}.error-boundary-message{color:var(--muted);max-width:300px;margin-top:8px;font-size:14px;line-height:1.6}.error-boundary-actions{width:100%;max-width:300px;margin-top:32px}.error-boundary-link{color:var(--brand);cursor:pointer;font-size:14px;font-weight:600;font-family:var(--font-ui);transition:opacity var(--duration-fast);background:0 0;border:none;margin-top:14px}.error-boundary-link:active{opacity:.7}.skeleton{background:linear-gradient(90deg, var(--line-soft) 25%, var(--line) 50%, var(--line-soft) 75%);border-radius:var(--r-md);background-size:200% 100%;animation:1.5s ease-in-out infinite shimmer}.skeleton-card{padding:4px 0}.skeleton-row{align-items:center;gap:12px;padding:14px 16px;display:flex}.skeleton-row+.skeleton-row{border-top:1px solid var(--line-soft)}.skeleton-circle{border-radius:12px;flex-shrink:0;width:38px;height:38px}.skeleton-lines{flex-direction:column;flex:1;gap:6px;display:flex}.skeleton-line{border-radius:6px;height:12px}.skeleton-line--short{height:10px}.async-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:48px 24px;display:flex}.async-state--error{padding:40px 24px}.async-state--empty{padding:48px 24px}.async-state-icon{background:var(--line-soft);width:56px;height:56px;color:var(--muted);border-radius:50%;justify-content:center;align-items:center;margin-bottom:12px;display:flex}.async-state-icon--error{background:var(--danger-soft);color:var(--danger)}.async-state-text{color:var(--muted);max-width:240px;font-size:14px;line-height:1.5}.async-state-hint{color:var(--muted);opacity:.7;max-width:240px;margin-top:4px;font-size:12px}.async-retry-btn{background:var(--surface);border:1px solid var(--line);color:var(--brand);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font-ui);border-radius:10px;align-items:center;gap:6px;margin-top:12px;padding:8px 16px;display:flex}.modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:50;background:#3a333080;justify-content:center;align-items:flex-end;animation:.2s ease-out fade-in;display:flex;position:fixed;inset:0}.modal-sheet{background:var(--surface);padding:28px var(--page-px) max(calc(var(--safe-bottom) + 28px), 28px);width:100%;max-width:480px;animation:slide-up .3s var(--ease-spring);border-radius:24px 24px 0 0}.modal-title{margin-bottom:8px;font-size:18px;font-weight:700}.modal-body{color:var(--muted);margin-bottom:24px;font-size:14px;line-height:1.5}.modal-actions{flex-direction:column;gap:10px;display:flex}.ptr-indicator{text-align:center;color:var(--muted);padding:12px;font-size:12px;font-weight:600}::selection{color:inherit;background:#f26d302e}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.page-enter{animation:none}}@media print{.tab-bar,.offline-banner,.install-overlay,.notification-prompt,.back-btn{display:none!important}body{background:#fff}.app-content{padding-bottom:0}}