:root{font-family:var(--sans);letter-spacing:0;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);font-synthesis:none;font-optical-sizing:auto;text-rendering:geometricprecision;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv02", "cv03", "cv04", "cv11";background:#000;font-size:14px;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{font-family:var(--sans);box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:geometricprecision;background:#000;justify-content:center;align-items:center;min-height:100vh;margin:0;padding:32px 16px;display:flex}#root{background:var(--bg);width:390px;height:772px;box-shadow:0 0 0 1px var(--border), 0 32px 90px #000000b3, 0 0 40px #22d3ee0f;color:var(--text);box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:geometricprecision;border:8px solid #000;border-radius:40px;flex-direction:column;transition:background .2s;display:flex;position:relative;overflow:hidden;transform:translateZ(0)}@media (width<=480px){body{background:var(--bg);padding:0}#root{width:100%;height:100vh;box-shadow:none;border:none;border-radius:0;transform:none}}h1,h2,h3,h4{font-family:var(--heading);letter-spacing:-.02em;text-rendering:geometricprecision;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}p{letter-spacing:0;margin:0}code,.counter{font-family:var(--mono);border-radius:4px;display:inline-flex}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;height:100%}button{font-family:inherit;font-size:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}:root,:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0e1424;--surface:#161f33;--card:#1c2740;--panel:#161f33;--panel-2:#1c2740;--border:#2a3a5c;--line:#2a3a5c;--line-soft:#1e293b;--accent:#22d3ee;--accent-rgb:34, 211, 238;--accent2:#a78bfa;--accent2-rgb:167, 139, 250;--accent3:#34d399;--accent4:#fbbf24;--gold:#22d3ee;--gold-2:#0ea5b8;--gold-dim:#22d3ee47;--gold-bg:#22d3ee14;--violet:#a78bfa;--violet-dim:#a78bfa40;--violet-bg:#a78bfa1a;--hero-grad:linear-gradient(145deg, #161f33 0%, #1c2740 60%, #161f33 100%);--modal-bg:linear-gradient(145deg, #161f33 0%, #1c2740 60%, #161f33 100%);--accent-grad:linear-gradient(135deg, #22d3ee 0%, #a78bfa 100%);--accent-grad-135:linear-gradient(135deg, #22d3ee 0%, #a78bfa 100%);--accent-grad-3:linear-gradient(135deg, #22d3ee 0%, #a78bfa 50%, #34d399 100%);--btn-primary-bg:#22d3ee;--btn-primary-color:#05111a;--btn-primary-shadow:0 2px 8px #22d3ee40;--modal-shadow:0 32px 80px #00000080, 0 0 0 1px #22d3ee14;--shadow:#00000073;--shadow-color:#00000059;--backdrop:#060a14bf;--overlay-bg:#060a14d1;--text:#fff;--text-dim:#cbd5e1;--text-faint:#94a3b8;--muted:#cbd5e1;--green:#34d399;--green-bg:#34d3991f;--blue:#22d3ee;--blue-bg:#22d3ee1f;--red:#f87171;--red-bg:#f871711f;--amber:#fbbf24;--amber-bg:#fbbf241f;--code:#1e293b;--code-bg:#0d1426;--code-block-bg:#0a0f1c;--terminal-bg:#05080f;--code-text:#f8fafc;--widget-inset:#00000038;--widget-inset-soft:#0000002e;--hl-bg:#22d3ee4d;--navbg:#0a0f1c;--sheetbg:#161f33;--scroll-thumb:linear-gradient(180deg, #22d3ee, #a78bfa);--text-h:var(--text);--text-primary:var(--text);--text-secondary:var(--text-dim);--text-tertiary:var(--text-faint);--header-bg:var(--bg);--nav-bg:var(--navbg);--sheet-bg:var(--sheetbg);--wallet-strip-bg:var(--panel);--button-bg:var(--panel);--button-hover-bg:var(--panel-2);--tier-badge-bg:var(--gold-bg);--card-bg:var(--panel);--card-bg-hover:var(--panel-2);--border-color:var(--line);--accent-color:var(--accent);--accent-hover:var(--gold-2);--accent-bg:var(--gold-bg);--accent-border:var(--gold-dim);--social-bg:var(--line-soft)}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f6fb;--surface:#fff;--card:#fff;--panel:#fff;--panel-2:#f8fafc;--border:#dde3ee;--line:#dde3ee;--line-soft:#e8ecf4;--accent:#0891b2;--accent-rgb:8, 145, 178;--accent2:#7c3aed;--accent2-rgb:124, 58, 237;--accent3:#0f9d68;--accent4:#b45309;--gold:#0891b2;--gold-2:#0e7490;--gold-dim:#0891b240;--gold-bg:#0891b214;--violet:#7c3aed;--violet-dim:#7c3aed40;--violet-bg:#7c3aed14;--hero-grad:linear-gradient(135deg, #f4f6fb 0%, #fff 100%);--modal-bg:linear-gradient(135deg, #f4f6fb 0%, #fff 100%);--accent-grad:linear-gradient(135deg, #0891b2 0%, #7c3aed 100%);--accent-grad-135:linear-gradient(135deg, #0891b2 0%, #7c3aed 100%);--accent-grad-3:linear-gradient(135deg, #0891b2 0%, #7c3aed 50%, #0f9d68 100%);--btn-primary-bg:#0891b2;--btn-primary-color:#fff;--btn-primary-shadow:0 2px 6px #0891b233;--modal-shadow:0 32px 80px #1e293b26, 0 0 0 1px #0891b21f;--shadow:#1e293b1f;--shadow-color:#1e293b1f;--backdrop:#0f172980;--overlay-bg:#f1f5fbeb;--text:#090d16;--text-dim:#334155;--text-faint:#64748b;--muted:#334155;--green:#0f9d68;--green-bg:#0f9d681a;--blue:#0891b2;--blue-bg:#0891b21a;--red:#dc2626;--red-bg:#dc262617;--amber:#b45309;--amber-bg:#b4530917;--code:#eef1f7;--code-bg:#fff;--code-block-bg:#0d1326;--terminal-bg:#0a0f1f;--code-text:#090d16;--widget-inset:#0f17290f;--slider-track:#0891b238;--navbg:#fff;--sheetbg:#fff;--scroll-thumb:linear-gradient(180deg, #0891b2, #7c3aed);--text-h:var(--text);--text-primary:var(--text);--text-secondary:var(--text-dim);--text-tertiary:var(--text-faint);--header-bg:var(--bg);--nav-bg:var(--navbg);--sheet-bg:var(--sheetbg);--wallet-strip-bg:var(--panel);--button-bg:var(--panel);--button-hover-bg:var(--panel-2);--tier-badge-bg:var(--gold-bg);--card-bg:var(--panel);--card-bg-hover:var(--panel-2);--border-color:var(--line);--accent-color:var(--accent);--accent-hover:var(--gold-2);--accent-bg:var(--gold-bg);--accent-border:var(--gold-dim);--social-bg:var(--line-soft)}:root{--font-main:"Inter", "Sora", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-code:"JetBrains Mono", "IBM Plex Mono", monospace;--sans:"Inter", "Sora", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--heading:"Sora", "Space Grotesk", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--mono:"JetBrains Mono", "IBM Plex Mono", monospace;transition:background-color .3s,color .3s}*{transition-property:background-color,border-color,color;transition-duration:.15s;transition-timing-function:ease}body.no-transition *{transition:none!important}*{scrollbar-width:thin;scrollbar-color:#22d3ee transparent}:root[data-theme=light] *{scrollbar-color:#0891b2 transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--scroll-thumb,linear-gradient(180deg, #22d3ee, #a78bfa));background-clip:padding-box;border:1.5px solid #0000;border-radius:20px}@keyframes heroSlideIn{0%{opacity:0;transform:scale(.94)translateY(18px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes pulseGlow{0%,to{opacity:1}50%{opacity:.35}}@keyframes shimmerWave{0%{background-position:-200%}to{background-position:200%}}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}.login-screen{background:var(--bg);font-family:var(--sans);z-index:5;flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden}.ls-bg-orb{pointer-events:none;filter:blur(80px);opacity:.55;border-radius:50%;position:absolute}.ls-orb-1{background:radial-gradient(circle, rgba(var(--accent-rgb), .42) 0%, transparent 70%);width:280px;height:280px;animation:10s ease-in-out infinite ls-orb-drift-1;top:-120px;right:-90px}.ls-orb-2{background:radial-gradient(circle, rgba(var(--accent2-rgb), .38) 0%, transparent 70%);width:240px;height:240px;animation:12s ease-in-out 1.5s infinite ls-orb-drift-2;bottom:-80px;left:-70px}.ls-orb-3{background:radial-gradient(circle,#34d3992e 0%,#0000 70%);width:160px;height:160px;animation:8s ease-in-out .8s infinite ls-orb-drift-3;top:42%;left:28%}:root[data-theme=light] .ls-bg-orb{opacity:.22}@keyframes ls-orb-drift-1{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-18px,22px)scale(1.08)}}@keyframes ls-orb-drift-2{0%,to{transform:translate(0)}50%{transform:translate(16px,-14px)scale(1.06)}}@keyframes ls-orb-drift-3{0%,to{opacity:.7;transform:translate(0)scale(1)}50%{opacity:1;transform:translate(-12px,10px)scale(1.18)}}.ls-grid{background-image:linear-gradient(var(--line-soft) 1px, transparent 1px), linear-gradient(90deg, var(--line-soft) 1px, transparent 1px);pointer-events:none;opacity:.35;background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(75% 70% at 50% 30%,#000 0%,#0000 100%);mask-image:radial-gradient(75% 70% at 50% 30%,#000 0%,#0000 100%)}.ls-scroll-area{-webkit-overflow-scrolling:touch;scrollbar-width:none;z-index:5;flex-direction:column;flex:1;justify-content:flex-start;align-items:center;width:100%;min-height:0;padding:28px 20px 32px;display:flex;position:relative;overflow:hidden auto}.ls-scroll-area::-webkit-scrollbar{display:none}.ls-header{flex-direction:column;align-items:center;margin-bottom:22px;display:flex}.ls-logo-wrap{justify-content:center;align-items:center;width:76px;height:76px;margin-bottom:14px;display:flex;position:relative}.ls-logo-ring{border:1px solid rgba(var(--accent-rgb), .45);box-shadow:0 0 28px rgba(var(--accent-rgb), .22);border-radius:24px;animation:3s ease-in-out infinite ls-ring-pulse;position:absolute;inset:0}@keyframes ls-ring-pulse{0%,to{opacity:.75;transform:scale(1)}50%{opacity:1;transform:scale(1.07)}}.ls-logo-core{background:var(--panel);border:1px solid var(--gold-dim);z-index:1;border-radius:20px;justify-content:center;align-items:center;width:66px;height:66px;padding:8px;display:flex;position:relative;box-shadow:0 10px 30px #00000047,inset 0 1px #ffffff14}.ls-logo-img{object-fit:contain;width:100%;height:100%;filter:drop-shadow(0 2px 10px rgba(var(--accent-rgb), .4))}.ls-kicker{letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin:0 0 4px;font-size:11px;font-weight:700}.ls-brand{font-family:var(--heading);letter-spacing:-.05em;background:var(--accent-grad);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 4px;font-size:34px;font-weight:800}.ls-tagline{color:var(--text-faint);margin:0;font-size:12.5px;font-weight:500}.ls-mode-pills{background:color-mix(in srgb, var(--panel) 88%, transparent);border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:16px;width:100%;max-width:360px;margin-bottom:18px;padding:4px;display:flex;position:relative}.ls-pill-thumb{background:var(--accent-grad);width:calc(50% - 4px);height:calc(100% - 8px);box-shadow:0 6px 18px rgba(var(--accent-rgb), .28);z-index:0;border-radius:12px;transition:transform .28s cubic-bezier(.22,1,.36,1);position:absolute;top:4px;left:4px}.ls-mode-pills.is-signup .ls-pill-thumb{transform:translate(100%)}.ls-pill{z-index:1;height:40px;font-family:var(--sans);cursor:pointer;color:var(--text-faint);letter-spacing:-.01em;background:0 0;border:none;border-radius:12px;flex:1;font-size:13.5px;font-weight:600;transition:color .2s;position:relative}.ls-pill-active{color:var(--btn-primary-color)}.ls-pill:hover:not(.ls-pill-active):not(:disabled){color:var(--text)}.ls-pill:disabled{cursor:not-allowed;opacity:.55}.ls-card{background:color-mix(in srgb, var(--panel) 82%, transparent);border:1px solid color-mix(in srgb, var(--line) 80%, var(--accent) 20%);width:100%;max-width:360px;box-shadow:0 24px 60px var(--shadow), inset 0 1px 0 #ffffff0d;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border-radius:24px;padding:22px 20px 24px}.ls-card-title{font-family:var(--heading);color:var(--text);letter-spacing:-.03em;margin:0 0 4px;font-size:22px;font-weight:700}.ls-card-sub{color:var(--text-faint);margin:0;font-size:13px;line-height:1.45}.ls-error{background:var(--red-bg);border:1px solid color-mix(in srgb, var(--red) 35%, transparent);color:var(--red);border-radius:14px;align-items:flex-start;gap:10px;margin-bottom:14px;padding:12px 13px;font-size:12.5px;line-height:1.5;animation:.35s ls-shake;display:flex}.ls-error-icon{flex-shrink:0;width:17px;height:17px;margin-top:1px}@keyframes ls-shake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}60%{transform:translate(5px)}80%{transform:translate(-3px)}}.ls-google-btn{background:var(--panel-2);border:1px solid var(--line);width:100%;height:48px;font-family:var(--sans);color:var(--text);cursor:pointer;border-radius:14px;justify-content:center;align-items:center;gap:10px;margin-bottom:16px;font-size:14px;font-weight:600;transition:border-color .2s,background .2s,transform .15s;display:flex}.ls-google-btn:hover:not(:disabled){border-color:var(--gold-dim);transform:translateY(-1px)}.ls-google-btn:disabled{opacity:.55;cursor:not-allowed}.ls-divider{color:var(--text-faint);align-items:center;gap:10px;margin-bottom:16px;font-size:11.5px;font-weight:500;display:flex}.ls-divider:before,.ls-divider:after{content:"";background:var(--line);flex:1;height:1px}.ls-form{flex-direction:column;gap:14px;display:flex}.ls-field{flex-direction:column;gap:6px;display:flex}.ls-label{color:var(--text-dim);align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.ls-label-row{justify-content:space-between;align-items:center;width:100%;display:flex}.ls-forgot-btn{font-family:var(--sans);color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;font-weight:600}.ls-forgot-btn:hover{color:var(--accent2);text-decoration:underline}.ls-optional{color:var(--text-faint);margin-left:2px;font-size:11px;font-weight:400}.ls-input-wrap{position:relative}.ls-input-lead{width:42px;color:var(--text-faint);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0}.ls-input{width:100%;height:48px;color:var(--text);background:var(--panel-2);border:1px solid var(--line);box-sizing:border-box;font-size:15px;font-family:var(--sans);caret-color:var(--accent);border-radius:14px;outline:none;padding:0 14px;transition:border-color .2s,box-shadow .2s,background .2s}.ls-input-lead-pad{padding-left:42px}.ls-input::placeholder{color:var(--text-faint);font-size:13.5px}.ls-input:focus{border-color:color-mix(in srgb, var(--accent) 65%, transparent);background:var(--panel);box-shadow:0 0 0 4px rgba(var(--accent-rgb), .12)}.ls-input:focus~.ls-input-lead,.ls-input-wrap:focus-within .ls-input-lead{color:var(--accent)}.ls-input:disabled{opacity:.5;cursor:not-allowed}.ls-input-err{border-color:color-mix(in srgb, var(--red) 55%, transparent)!important}.ls-input-err:focus{box-shadow:0 0 0 4px var(--red-bg)!important}.ls-input-padded{padding-right:44px}.ls-eye{width:42px;color:var(--text-faint);cursor:pointer;background:0 0;border:none;border-radius:0 14px 14px 0;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;right:0}.ls-eye:hover{color:var(--accent)}.ls-input-mono{font-family:var(--mono);letter-spacing:.06em;font-size:13.5px}.ls-field-err{color:var(--red);margin:0;padding-left:2px;font-size:11.5px;line-height:1.4}.ls-submit{width:100%;height:50px;font-family:var(--sans);color:var(--btn-primary-color);background:var(--btn-primary-bg);cursor:pointer;letter-spacing:-.01em;box-shadow:var(--btn-primary-shadow);border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;margin-top:4px;font-size:15px;font-weight:700;transition:transform .15s,filter .2s,box-shadow .2s;display:flex}.ls-submit:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.ls-submit:active:not(:disabled){transform:translateY(0)}.ls-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.ls-spinner{border:2px solid color-mix(in srgb, var(--btn-primary-color) 30%, transparent);border-top-color:var(--btn-primary-color);border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.7s linear infinite ls-spin}.ls-spinner-muted,.ls-spinner-dark{border-color:rgba(var(--accent-rgb), .2);border-top-color:var(--accent)}@keyframes ls-spin{to{transform:rotate(360deg)}}.ls-footer-legal{color:var(--text-faint);text-align:center;opacity:.75;max-width:280px;margin:18px 0 0;font-size:11px;line-height:1.5}.ls-card-signup{flex:none;position:relative;overflow:visible}.su-progress{justify-content:space-between;align-items:center;margin-bottom:22px;padding:0 4px;display:flex;position:relative}.su-progress-track{background:var(--line);z-index:1;border-radius:2px;height:3px;position:absolute;top:14px;left:20px;right:20px}.su-progress-fill{background:var(--accent-grad);border-radius:2px;height:100%;transition:width .3s cubic-bezier(.22,1,.36,1)}.su-progress-step{z-index:2;flex-direction:column;align-items:center;gap:6px;display:flex;position:relative}.su-dot{background:var(--panel-2);border:2px solid var(--line);width:28px;height:28px;color:var(--text-faint);border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:700;transition:all .25s;display:flex}.su-progress-step.su-active .su-dot{background:var(--accent-grad);color:var(--btn-primary-color);box-shadow:0 0 14px rgba(var(--accent-rgb), .45);border-color:#0000;transform:scale(1.08)}.su-progress-step.su-done .su-dot{background:var(--gold-bg);border-color:var(--accent);color:var(--accent)}.su-step-label{color:var(--text-faint);font-size:10.5px;font-weight:600}.su-progress-step.su-active .su-step-label{color:var(--accent)}.su-progress-step.su-done .su-step-label{color:var(--text-dim)}.su-step-body{min-height:0;transition:transform .25s,opacity .25s}.su-enter-right{animation:.28s cubic-bezier(.22,1,.36,1) forwards suSlideInRight}.su-enter-left{animation:.28s cubic-bezier(.22,1,.36,1) forwards suSlideInLeft}.su-exit-left{animation:.25s forwards suSlideOutLeft}.su-exit-right{animation:.25s forwards suSlideOutRight}@keyframes suSlideInRight{0%{opacity:0;transform:translate(25px)}to{opacity:1;transform:translate(0)}}@keyframes suSlideInLeft{0%{opacity:0;transform:translate(-25px)}to{opacity:1;transform:translate(0)}}@keyframes suSlideOutLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-25px)}}@keyframes suSlideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(25px)}}.su-step-header{align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.su-step-icon{background:var(--gold-bg);width:40px;height:40px;color:var(--accent);border:1px solid var(--gold-dim);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.su-platform-tag{color:var(--accent);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:5px;margin-bottom:2px;font-size:11px;font-weight:700;display:inline-flex}.su-platform-tag-logo{object-fit:contain;width:14px;height:14px}.su-step-content{flex-direction:column;gap:14px;display:flex}.su-avatar-preview{flex-direction:column;align-items:center;gap:8px;margin-bottom:6px;display:flex}.su-avatar{background:var(--panel-2);border:2px dashed var(--line);width:68px;height:68px;font-family:var(--heading);color:var(--text-faint);border-radius:22px;justify-content:center;align-items:center;font-size:26px;font-weight:800;transition:all .25s;display:flex}.su-avatar-filled{background:var(--gold-bg);border:2px solid var(--accent);color:var(--accent);box-shadow:0 0 22px rgba(var(--accent-rgb), .22);border-style:solid}.su-avatar-name{color:var(--text-dim);margin:0;font-size:13px;font-weight:600}.su-input-lg{height:50px;font-size:16px}.su-google-alt{margin-top:4px}.su-step1-btn{width:100%;margin-top:6px}.su-google-alt .ls-google-btn{margin-bottom:0}.su-pwd-strength{align-items:center;gap:5px;margin-top:4px;padding:0 2px;display:flex}.su-pwd-bar{background:var(--line);border-radius:2px;flex:1;height:4px;transition:background .25s}.su-pwd-weak{background:#f87171!important}.su-pwd-fair{background:#fbbf24!important}.su-pwd-good{background:#34d399!important}.su-pwd-strong{background:var(--accent)!important}.su-pwd-label{color:var(--text-faint);text-align:right;min-width:44px;font-size:11px;font-weight:600}.su-summary{background:var(--panel-2);border:1px solid var(--line);border-radius:16px;align-items:center;gap:12px;padding:12px 14px;display:flex}.su-summary-avatar{background:var(--gold-bg);width:40px;height:40px;color:var(--accent);border:1px solid var(--gold-dim);font-family:var(--heading);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;font-weight:800;display:flex}.su-summary-info{flex:1;min-width:0}.su-summary-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;margin:0 0 2px;font-size:14px;font-weight:700;overflow:hidden}.su-summary-email{color:var(--text-faint);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:12px;overflow:hidden}.su-summary-badge{background:var(--gold-bg);color:var(--accent);text-transform:uppercase;letter-spacing:.04em;border-radius:8px;flex-shrink:0;align-items:center;gap:5px;padding:4px 8px;font-size:10.5px;font-weight:700;display:inline-flex}.su-summary-logo{object-fit:contain;width:13px;height:13px}.su-referral-hint{color:var(--green);margin:2px 0 0;font-size:11.5px;font-weight:500}.su-nav{border-top:1px solid var(--line);gap:10px;margin-top:18px;padding-top:14px;display:flex}.su-back-btn{border:1px solid var(--line);background:var(--panel-2);height:50px;color:var(--text-dim);font-family:var(--sans);cursor:pointer;border-radius:14px;flex-shrink:0;align-items:center;gap:6px;padding:0 16px;font-size:14px;font-weight:600;display:flex}.su-back-btn:hover:not(:disabled){color:var(--text);border-color:var(--gold-dim)}.su-back-btn:disabled{opacity:.5;cursor:not-allowed}.su-next-btn{flex:1;margin-top:0!important}.ls-card-reset{animation:.28s cubic-bezier(.22,1,.36,1) forwards suSlideInRight;position:relative}.ls-reset-nav{margin-bottom:12px;display:flex}.ls-reset-back-btn{font-family:var(--sans);color:var(--text-dim);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:4px 8px 4px 0;font-size:12.5px;font-weight:600;display:inline-flex}.ls-reset-back-btn:hover{color:var(--accent)}.ls-reset-icon-wrap{background:var(--gold-bg);border:1px solid var(--gold-dim);width:52px;height:52px;color:var(--accent);border-radius:16px;justify-content:center;align-items:center;margin:0 auto 12px;display:flex}.ls-reset-success-box{text-align:center;flex-direction:column;align-items:center;padding:10px 4px 6px;display:flex}.ls-reset-success-icon{background:var(--green-bg);border:1.5px solid color-mix(in srgb, var(--green) 40%, transparent);width:52px;height:52px;color:var(--green);border-radius:50%;justify-content:center;align-items:center;margin-bottom:14px;display:flex}.ls-reset-success-title{font-family:var(--heading);color:var(--text);margin:0 0 8px;font-size:18px;font-weight:700}.ls-reset-success-desc{color:var(--text-dim);margin:0 0 10px;font-size:13.5px;line-height:1.5}.ls-reset-email-highlight{color:var(--text);word-break:break-all;font-weight:700}.ls-reset-success-hint{color:var(--text-faint);margin:0 0 18px;font-size:12px;line-height:1.4}.ls-reset-success-actions{flex-direction:column;gap:10px;width:100%;display:flex}.ls-reset-resend-btn{background:var(--panel-2);border:1px solid var(--line);height:46px;font-family:var(--sans);color:var(--text-dim);cursor:pointer;border-radius:14px;font-size:13.5px;font-weight:600}.ls-reset-resend-btn:hover:not(:disabled){border-color:var(--gold-dim);color:var(--text)}.ls-reset-resend-btn:disabled{opacity:.5;cursor:not-allowed}.login-screen{background:linear-gradient(145deg, color-mix(in srgb, var(--bg) 92%, var(--accent) 8%), var(--bg) 58%), var(--bg)}.ls-bg-orb{filter:blur(100px);opacity:.18}.ls-orb-1{width:220px;height:220px;top:-110px;right:-90px}.ls-orb-2{width:180px;height:180px;bottom:-90px;left:-80px}.ls-orb-3{display:none}.ls-grid{opacity:.16;background-size:56px 56px;-webkit-mask-image:linear-gradient(#000,#0000 74%);mask-image:linear-gradient(#000,#0000 74%)}.ls-scroll-area{padding:34px 24px 28px}.ls-header{align-items:flex-start;width:100%;max-width:360px;margin-bottom:24px}.ls-logo-wrap{width:58px;height:58px;margin-bottom:20px}.ls-logo-ring{border-color:color-mix(in srgb, var(--accent) 45%, var(--line));box-shadow:none;border-radius:17px;animation:none}.ls-logo-core{border-radius:15px;width:50px;height:50px;padding:7px;box-shadow:0 8px 22px #0000002e}.ls-kicker{letter-spacing:.18em;margin-bottom:6px;font-size:10px}.ls-brand{letter-spacing:-.06em;margin-bottom:8px;font-size:42px;line-height:.95}.ls-tagline{font-size:13px}.ls-mode-pills{background:color-mix(in srgb, var(--panel) 90%, transparent);-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:12px;max-width:360px;margin-bottom:12px;padding:3px}.ls-pill-thumb{height:calc(100% - 6px);box-shadow:0 4px 12px rgba(var(--accent-rgb), .2);border-radius:9px;top:3px;left:3px}.ls-pill{height:36px;font-size:13px}.ls-card{border-color:var(--line);background:color-mix(in srgb, var(--panel) 94%, transparent);-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:18px;max-width:360px;padding:24px 22px 22px;box-shadow:0 18px 44px #00000029,inset 0 1px #ffffff0a}.ls-card-header{margin-bottom:20px}.ls-card-title{letter-spacing:-.04em;font-size:24px}.ls-card-sub{font-size:13px}.ls-google-btn,.ls-input,.su-back-btn,.ls-reset-resend-btn{border-radius:10px}.ls-google-btn{background:0 0;height:46px;margin-bottom:18px}.ls-google-btn:hover:not(:disabled){background:var(--panel-2);transform:none}.ls-divider{margin-bottom:18px}.ls-form{gap:16px}.ls-label{letter-spacing:.01em;font-size:11.5px}.ls-input{background:color-mix(in srgb, var(--panel-2) 78%, transparent);border-radius:10px;height:46px}.ls-input:focus{background:var(--panel-2);box-shadow:0 0 0 3px rgba(var(--accent-rgb), .12)}.ls-submit{border-radius:10px;height:48px;margin-top:6px}.ls-footer-legal{margin-top:14px}.su-progress{margin-bottom:20px}.su-step-icon,.ls-reset-icon-wrap{box-shadow:none;border-radius:11px}.su-avatar{border-radius:18px}.su-summary{border-radius:12px}.su-nav{margin-top:16px;padding-top:14px}@media (width<=480px){.ls-scroll-area{padding:28px 20px 24px}.ls-header{margin-bottom:20px}}@media (height<=700px){.ls-scroll-area{padding-top:18px}.ls-header{margin-bottom:14px}.ls-logo-wrap{margin-bottom:12px}.ls-mode-pills{margin-bottom:8px}.ls-card{padding-top:18px;padding-bottom:18px}.ls-card-header,.su-progress{margin-bottom:14px}.su-avatar-preview{margin-bottom:0}.ls-footer-legal{margin-top:10px}}@media (prefers-reduced-motion:reduce){.ls-bg-orb,.ls-logo-ring,.ls-spinner,.ls-pill-thumb,.su-step-body,.su-progress-fill{transition:none!important;animation:none!important}}@media (pointer:coarse){.ls-submit,.ls-google-btn,.su-back-btn{height:52px}.ls-input{height:50px}}.onboarding-screen{background:var(--bg);font-family:var(--sans);z-index:10;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;transition:background .2s;display:flex;position:absolute;inset:0;overflow:hidden}.onb-glow{filter:blur(80px);pointer-events:none;opacity:.55;border-radius:50%;transition:background .5s;position:absolute}:root[data-theme=light] .onb-glow{opacity:.18}.onb-glow-1{background:radial-gradient(circle,#473cfa73 0%,#0000 70%);width:280px;height:280px;animation:4s ease-in-out infinite onb-glow1-pulse;top:-80px;left:-80px}.onb-glow-2{background:radial-gradient(circle,#473cfa59 0%,#0000 70%);width:220px;height:220px;animation:5s ease-in-out 1s infinite onb-glow2-pulse;bottom:60px;right:-60px}.onb-glow-3{background:radial-gradient(circle,#473cfa33 0%,#0000 70%);width:160px;height:160px;animation:3.5s ease-in-out .5s infinite onb-glow3-pulse;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes onb-glow1-pulse{0%,to{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}@keyframes onb-glow2-pulse{0%,to{opacity:.45;transform:scale(1)}50%{opacity:.9;transform:scale(1.2)}}@keyframes onb-glow3-pulse{0%,to{opacity:.35;transform:translate(-50%,-50%)scale(1)}50%{opacity:.75;transform:translate(-50%,-50%)scale(1.3)}}:root[data-theme=light] .onb-glow-1{opacity:.12!important}:root[data-theme=light] .onb-glow-2{opacity:.1!important}:root[data-theme=light] .onb-glow-3{opacity:.08!important}.onb-particles{pointer-events:none;position:absolute;inset:0;overflow:hidden}.onb-particle{opacity:0;animation:linear forwards onb-particle-float;position:absolute;bottom:-30px}@keyframes onb-particle-float{0%{opacity:0;transform:translateY(0)scale(.6)rotate(0)}10%{opacity:.7}80%{opacity:.5}to{opacity:0;transform:translateY(-820px)scale(1.2)rotate(360deg)}}.onb-topbar{z-index:20;justify-content:space-between;align-items:center;padding:20px 24px;display:flex;position:absolute;top:0;left:0;right:0}.onb-brand-badge{background:var(--panel);border:1px solid var(--line);box-shadow:0 2px 12px var(--shadow);-webkit-backdrop-filter:blur(10px);border-radius:30px;align-items:center;gap:9px;padding:5px 14px 5px 8px;display:inline-flex}.onb-brand-logo{object-fit:contain;filter:drop-shadow(0 2px 6px #473cfa66);border-radius:6px;width:24px;height:24px}.onb-brand-name{font-family:var(--heading);letter-spacing:.06em;color:var(--text);font-size:13.5px;font-weight:800;line-height:1}.onb-skip{background:var(--panel);border:1px solid var(--line);color:var(--text-faint);cursor:pointer;font-size:12.5px;font-weight:500;font-family:var(--sans);border-radius:20px;padding:6px 15px;transition:background .2s,color .2s,border-color .2s}.onb-skip:hover{background:var(--panel-2);color:var(--text-dim);border-color:var(--gold-dim)}.onb-content{z-index:5;flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;padding:60px 28px 0;display:flex;position:relative}.onb-enter{animation:.38s cubic-bezier(.34,1.2,.64,1) forwards onb-slide-enter}.onb-exit-next{animation:.32s ease-in forwards onb-exit-left}.onb-exit-prev{animation:.32s ease-in forwards onb-exit-right}@keyframes onb-slide-enter{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes onb-exit-left{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-40px)}}@keyframes onb-exit-right{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(40px)}}.onb-icon-wrap{justify-content:center;align-items:center;width:160px;height:160px;margin-bottom:32px;display:flex;position:relative}.onb-icon-ring{border:1.5px solid var(--gold-dim);border-radius:50%;animation:3s ease-in-out infinite onb-ring-pulse;position:absolute}.onb-ring-outer{width:160px;height:160px}.onb-ring-inner{border-color:#473cfa80;width:118px;height:118px;animation-delay:.5s}@keyframes onb-ring-pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}.onb-icon-core{background:var(--gold-bg);width:84px;height:84px;box-shadow:0 0 36px #473cfa38, 0 8px 24px var(--shadow), inset 0 1px 0 #ffffff14;z-index:2;border:1.5px solid #473cfa66;border-radius:26px;justify-content:center;align-items:center;display:flex;position:relative}.onb-emoji{filter:drop-shadow(0 0 10px #473cfa99);font-size:34px;line-height:1;animation:3s ease-in-out infinite onb-emoji-float}.onb-core-logo{object-fit:contain;filter:drop-shadow(0 4px 16px #473cfaa6);width:52px;height:52px;animation:3s ease-in-out infinite onb-emoji-float}@keyframes onb-emoji-float{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-6px)scale(1.08)}}.onb-text-block{text-align:center;max-width:310px}.onb-subtitle{letter-spacing:.12em;text-transform:uppercase;color:#473cfa;margin:0 0 10px;font-size:10.5px;font-weight:700}:root[data-theme=light] .onb-subtitle{color:#362dc7}.onb-title{font-family:var(--heading);color:var(--text);letter-spacing:-.03em;margin:0 0 13px;font-size:30px;font-weight:800;line-height:1.1}.onb-desc{color:var(--text-dim);margin:0;font-size:14px;font-weight:400;line-height:1.65}.onb-bottom{z-index:5;flex-direction:column;align-items:center;gap:16px;width:100%;padding:20px 24px 22px;display:flex;position:relative}.onb-dots{align-items:center;gap:8px;display:flex}.onb-dot{background:var(--line);cursor:pointer;border:none;border-radius:4px;width:8px;height:8px;padding:0;transition:all .32s cubic-bezier(.34,1.3,.64,1)}.onb-dot-active{background:#473cfa;width:26px;box-shadow:0 0 10px #473cfa80}.onb-cta{width:100%;height:50px;font-family:var(--sans);cursor:pointer;letter-spacing:-.01em;border:none;border-radius:15px;justify-content:center;align-items:center;gap:10px;font-size:15.5px;font-weight:700;transition:background .2s,box-shadow .2s,transform .15s;display:flex}.onb-cta-primary{color:#fff;background:#473cfa;box-shadow:0 2px 16px #473cfa66}.onb-cta-primary:hover{background:#362dc7;transform:translateY(-1px);box-shadow:0 4px 22px #473cfa80}.onb-cta-primary:active{transform:translateY(0);box-shadow:0 2px 10px #473cfa4d}.onb-cta-next{background:var(--panel);border:1.5px solid var(--line);color:var(--text)}.onb-cta-next:hover{background:var(--panel-2);border-color:var(--gold-dim);transform:translateY(-1px)}.onb-cta-next:active{transform:translateY(0)}.onb-legal{color:var(--text-faint);text-align:center;opacity:.7;margin:0;font-size:11px;line-height:1.5}.onb-legal span{color:#473cfa;cursor:pointer;text-underline-offset:2px;text-decoration:underline}:root[data-theme=light] .onb-legal span{color:#362dc7}@media (prefers-reduced-motion:reduce){.onb-particle,.onb-glow,.onb-emoji,.onb-icon-ring,.onb-content{animation:none!important}.onb-cta,.onb-dot,.onb-skip{transition:none!important}}.auth-guard-loading{background:var(--bg);justify-content:center;align-items:center;transition:background .2s;display:flex;position:absolute;inset:0}.loading-spinner-container{flex-direction:column;align-items:center;gap:14px;padding:2rem;display:flex}.loading-spinner{border:3px solid var(--gold-bg);border-top-color:#473cfa;border-radius:50%;width:38px;height:38px;animation:.75s linear infinite ag-spin;box-shadow:0 0 16px #473cfa40}@keyframes ag-spin{to{transform:rotate(360deg)}}.loading-text{color:var(--text-faint);letter-spacing:.03em;font-size:12.5px;font-weight:500;font-family:var(--sans);margin:0}@keyframes skel-shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skel-box{background:linear-gradient(90deg, var(--line-soft) 25%, var(--line) 50%, var(--line-soft) 75%);background-size:800px 100%;flex-shrink:0;animation:1.4s linear infinite skel-shimmer;display:block}.skel-screen{padding:12px 0 80px}.skel-card{background:var(--panel);border-radius:16px;margin:0 12px 12px;padding:16px}.skel-card.tx-row{border-radius:12px;align-items:center;padding:12px 16px;display:flex}.skel-row{align-items:center;display:flex}.skel-qa-grid{grid-template-columns:repeat(3,1fr);gap:10px;padding:0 12px 12px;display:grid}.skel-qa-item{background:var(--panel);border-radius:14px;flex-direction:column;align-items:center;padding:14px 8px;display:flex}.skel-tool-row{gap:8px;padding:0 12px 12px;display:flex;overflow:hidden}.skel-tool-item{background:var(--panel);border-radius:12px;flex-direction:column;flex:1;align-items:center;padding:10px 6px;display:flex}.skel-metrics-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.crypto-deposit-sheet{flex-direction:column;gap:16px;padding-bottom:12px;display:flex}.coin-logo{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.ds-mode-tabs{background:var(--panel);border:1px solid var(--line);border-radius:14px;gap:4px;padding:4px;display:flex}.ds-mode-tab{color:var(--text-faint);cursor:pointer;background:0 0;border:none;border-radius:10px;outline:none;flex:1;justify-content:center;align-items:center;gap:6px;padding:9px 8px;font-family:inherit;font-size:12px;font-weight:700;transition:background .15s,color .15s;display:flex}.ds-mode-tab.active{background:var(--gold-bg);color:var(--gold)}.ds-summary{background:var(--panel);border:1px solid var(--line);border-radius:18px;align-items:center;gap:12px;padding:16px;display:flex}.ds-summary-lhs,.ds-summary-rhs{flex:1}.ds-summary-rhs{text-align:right}.ds-summary-label{color:var(--text-faint);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px;font-size:10.5px;font-weight:600}.ds-summary-amt{font-family:var(--mono);color:var(--text);font-size:20px;font-weight:900;line-height:1}.ds-summary-amt span{color:var(--text-faint);font-size:12px;font-weight:700}.ds-summary-amt.ore{color:var(--gold)}.ds-arrow{color:var(--text-faint);font-size:18px;font-weight:300}.ds-section-label{color:var(--text-faint);text-transform:uppercase;letter-spacing:.07em;padding:0 2px;font-size:11px;font-weight:700}.ds-currency-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.ds-coin{background:var(--panel);border:1.5px solid var(--line);cursor:pointer;border-radius:16px;outline:none;flex-direction:column;align-items:center;gap:6px;padding:13px 6px;font-family:inherit;transition:border-color .15s,background .15s,transform .1s;display:flex}.ds-coin:hover{background:var(--panel-2)}.ds-coin:active{transform:scale(.95)}.ds-coin.selected{box-shadow:0 0 #0000}.ds-coin-sym{color:var(--text);font-size:12px;font-weight:800;font-family:var(--mono);transition:color .15s}.ds-coin-name{color:var(--text-faint);white-space:nowrap;text-overflow:ellipsis;max-width:64px;font-size:9.5px;font-weight:500;overflow:hidden}.ds-primary-btn{background:var(--accent);width:100%;color:var(--btn-primary-color,#05111a);cursor:pointer;letter-spacing:.02em;border:none;border-radius:16px;outline:none;justify-content:center;align-items:center;gap:8px;padding:15px;font-family:inherit;font-size:14.5px;font-weight:800;transition:opacity .2s,transform .1s;display:flex}.ds-primary-btn:hover{opacity:.9}.ds-primary-btn:active{transform:scale(.98)}.ds-primary-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.ds-ghost-btn{border:1.5px solid var(--line);width:100%;color:var(--text-faint);cursor:pointer;background:0 0;border-radius:14px;outline:none;padding:12px;font-family:inherit;font-size:13px;font-weight:700;transition:border-color .2s,color .2s}.ds-ghost-btn:hover{border-color:var(--red);color:var(--red)}.ds-back-btn{color:var(--text-faint);cursor:pointer;background:0 0;border:none;outline:none;align-items:center;gap:5px;margin-bottom:4px;padding:0;font-family:inherit;font-size:12px;font-weight:700;transition:color .15s;display:inline-flex}.ds-back-btn:hover{color:var(--text)}.ds-features{background:var(--green-bg);border-radius:14px;flex-direction:column;gap:8px;padding:14px;display:flex}.ds-feature{color:var(--text-dim);align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.ds-addr-card{background:var(--panel);border:1px solid var(--line);border-radius:18px;flex-direction:column;gap:12px;padding:16px;display:flex}.ds-addr-header{align-items:center;gap:10px;display:flex}.ds-addr-title{color:var(--text);font-size:13.5px;font-weight:700}.ds-addr-sub{color:var(--text-faint);margin-top:2px;font-size:11px;font-weight:500}.ds-addr-amount{text-align:right;margin-left:auto}.ds-addr-amt-val{font-family:var(--mono);color:var(--text);font-size:15px;font-weight:900;line-height:1.1;display:block}.ds-addr-amt-tick{font-size:10px;font-family:var(--mono);color:var(--text-faint);font-weight:700}.ds-addr-chip{background:var(--panel-2);border:1px solid var(--line);border-radius:12px;align-items:center;gap:10px;padding:10px 12px;display:flex}.ds-addr-text{font-family:var(--mono);color:var(--text-dim);word-break:break-all;flex:1;font-size:11px;line-height:1.5}.ds-copy-btn{border:1.5px solid var(--gold-dim);background:var(--gold-bg);color:var(--gold);cursor:pointer;white-space:nowrap;border-radius:10px;outline:none;flex-shrink:0;align-items:center;gap:5px;padding:6px 11px;font-family:inherit;font-size:11px;font-weight:700;transition:background .15s,color .15s;display:flex}.ds-copy-btn.copied{background:var(--green-bg);border-color:var(--green);color:var(--green)}.ds-info-rows{background:var(--panel);border:1px solid var(--line);border-radius:16px;overflow:hidden}.ds-info-row{border-bottom:1px solid var(--line);color:var(--text-dim);justify-content:space-between;align-items:center;padding:11px 16px;font-size:12.5px;display:flex}.ds-info-row:last-child{border-bottom:none}.ds-info-row strong{font-family:var(--mono);color:var(--text);font-size:13px;font-weight:800}.ds-info-row.highlight{background:var(--gold-bg)}.ds-info-row.highlight strong{color:var(--gold)}.ds-info-row.highlight strong em{color:var(--text-faint);font-size:10.5px;font-style:normal}.ds-demo-box{background:var(--panel);border:1.5px dashed var(--line);border-radius:16px;flex-direction:column;gap:10px;padding:16px;display:flex}.ds-demo-label{color:var(--text-faint);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:6px;font-size:11px;font-weight:700;display:flex}.ds-demo-input-wrap{position:relative}.ds-demo-input{background:var(--panel-2);border:1.5px solid var(--line);width:100%;font-family:var(--mono);color:var(--text);box-sizing:border-box;border-radius:12px;outline:none;padding:12px 60px 12px 14px;font-size:15px;font-weight:700;transition:border-color .2s}.ds-demo-input:focus{border-color:var(--gold-dim)}.ds-demo-ticker{font-size:11px;font-weight:800;font-family:var(--mono);color:var(--text-faint);pointer-events:none;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.ds-sim-btn{background:var(--gold-bg);width:100%;color:var(--gold);border:1.5px solid var(--gold-dim);cursor:pointer;border-radius:12px;outline:none;padding:12px;font-family:inherit;font-size:13.5px;font-weight:800;transition:opacity .2s}.ds-sim-btn:disabled{opacity:.4;cursor:not-allowed}.ds-sim-btn:hover:not(:disabled){opacity:.85}.ds-warn-row{color:var(--text-faint);background:color-mix(in srgb, var(--gold) 6%, transparent);border-radius:10px;align-items:flex-start;gap:7px;padding:10px 12px;font-size:11.5px;line-height:1.5;display:flex}.ds-warn-row svg{flex-shrink:0;margin-top:1px}.ds-warn-row strong{color:var(--gold)}.ds-error{color:var(--red);background:color-mix(in srgb, var(--red) 8%, transparent);border-radius:10px;padding:10px 14px;font-size:12.5px;font-weight:600}.ds-timer-bar{background:var(--panel);border:1px solid var(--line);color:var(--text-faint);border-radius:14px;align-items:center;gap:8px;padding:12px 14px;font-size:12px;display:flex}.ds-timer-value{font-family:var(--mono);color:var(--text);font-size:13px;font-weight:800}.ds-status-badge{align-items:center;gap:5px;margin-left:auto;font-size:11.5px;font-weight:700;display:flex}.ds-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.ds-dot.pulse{animation:1.5s ease-in-out infinite dsPulse}@keyframes dsPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.ds-track-row{justify-content:space-between;align-items:center;padding:0 4px;display:flex}.ds-track-label{color:var(--text-faint);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:600}.ds-track-val{font-family:var(--mono);color:var(--text-dim);font-size:11px}.ds-steps{flex-direction:column;gap:10px;display:flex}.ds-step{color:var(--text-dim);align-items:center;gap:10px;font-size:12.5px;display:flex}.ds-step-num{background:var(--gold-bg);width:22px;height:22px;color:var(--gold);font-size:11px;font-weight:900;font-family:var(--mono);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.ds-step-text{font-weight:600}.ds-spinner-wrap{justify-content:center;padding:48px 0;display:flex}.ds-spinner{border:3px solid var(--line);border-top-color:var(--gold);border-radius:50%;width:32px;height:32px;animation:.75s linear infinite dsSpin}@keyframes dsSpin{to{transform:rotate(360deg)}}.ds-done{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:32px 20px;display:flex}.ds-done-ring{background:var(--green-bg);border:2px solid var(--green);border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;animation:.4s cubic-bezier(.175,.885,.32,1.275) dsRingPop;display:flex}@keyframes dsRingPop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.ds-done-title{color:var(--text);margin:0;font-size:18px;font-weight:800}.ds-done-sub{color:var(--text-faint);margin:0;font-size:13px;line-height:1.5}.ds-done-close{background:var(--green-bg);color:var(--green);border:1.5px solid var(--green);cursor:pointer;border-radius:20px;outline:none;margin-top:8px;padding:12px 32px;font-family:inherit;font-size:14px;font-weight:800}.ds-coin-header{background:var(--panel);border:1px solid var(--line);border-radius:18px;align-items:center;gap:12px;padding:14px 16px;display:flex}.ds-coin-header-logo{flex-shrink:0}.ds-coin-header-name{font-family:var(--heading);font-size:17px;font-weight:900;line-height:1.1}.ds-coin-header-net{color:var(--text-faint);margin-top:2px;font-size:11px;font-weight:500}.ds-coin-header-amount{text-align:right;margin-left:auto}.ds-qr-wrap{flex-direction:column;align-items:center;gap:8px;display:flex}.ds-qr-box{background:var(--panel);border:1.5px solid var(--line);border-radius:20px;justify-content:center;align-items:center;padding:16px;display:flex}:root[data-theme=light] .ds-qr-box{background:#fff}.ds-qr-hint{color:var(--text-faint);margin:0;font-size:11px;font-weight:500}.ds-coin-badge{background:var(--panel);border:1px solid var(--line);border-radius:16px;align-items:center;gap:12px;padding:12px 14px;display:flex}.ds-coin-badge-sym{font-family:var(--heading);font-size:18px;font-weight:900;line-height:1}.ds-coin-badge-net{color:var(--text-faint);margin-top:3px;font-size:11px;font-weight:500}.ds-coin-badge-amt{text-align:right;margin-left:auto}.ds-warn-inline{color:var(--text-faint);align-items:center;gap:6px;padding:0 2px;font-size:12px;display:flex}.ds-warn-inline svg{flex-shrink:0}.ds-sim-toggle{color:var(--text-faint);cursor:pointer;background:0 0;border:none;outline:none;align-items:center;gap:6px;width:100%;padding:4px 2px;font-family:inherit;font-size:11.5px;font-weight:600;transition:color .15s;display:flex}.ds-sim-toggle:hover{color:var(--text-dim)}.ds-sim-panel{background:var(--panel);border:1.5px dashed var(--line);border-radius:14px;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.ds-coin-badge-tag{color:var(--green);background:var(--green-10,#00c86414);border:1px solid var(--green-30,#00c86433);white-space:nowrap;border-radius:20px;align-items:center;gap:4px;margin-left:auto;padding:3px 8px;font-size:11px;display:flex}.ds-info-row{color:var(--text-faint);background:var(--surface-2,#ffffff08);border-radius:10px;align-items:flex-start;gap:7px;margin-top:6px;padding:10px 12px;font-size:11.5px;line-height:1.5;display:flex}.ds-info-row svg{flex-shrink:0;margin-top:1px}.market-stats-sheet{color:var(--text,#f3f4f6);flex-direction:column;gap:16px;padding:4px 14px 24px;font-family:inherit;display:flex;position:relative;overflow:hidden}.market-toast{color:#fff;z-index:50;background:#10b981f2;border-radius:20px;padding:6px 14px;font-size:12px;font-weight:600;animation:.25s ease-out fadeInDown;position:absolute;top:10px;left:50%;transform:translate(-50%);box-shadow:0 4px 15px #10b98166}@keyframes fadeInDown{0%{opacity:0;transform:translate(-50%,-10px)}to{opacity:1;transform:translate(-50%)}}.market-topbar{justify-content:space-between;align-items:center;display:flex}.market-pairs{background:#ffffff0a;border:1px solid #ffffff14;border-radius:20px;gap:6px;padding:3px;display:flex}.pair-btn{color:var(--text-dim,#9ca3af);cursor:pointer;background:0 0;border:none;border-radius:16px;padding:4px 10px;font-size:11.5px;font-weight:700;transition:all .2s}.pair-btn.active{color:var(--text,#fff);background:#ffffff24;box-shadow:0 2px 6px #0003}.market-live-tag{color:var(--green,#10b981);letter-spacing:.5px;align-items:center;gap:6px;font-size:11px;font-weight:700;display:flex}.live-dot{background:var(--green,#10b981);width:7px;height:7px;box-shadow:0 0 8px var(--green,#10b981);border-radius:50%;animation:1.8s infinite pulseDot}@keyframes pulseDot{0%{opacity:.7;transform:scale(.9)}50%{opacity:1;box-shadow:0 0 12px var(--green,#10b981);transform:scale(1.3)}to{opacity:.7;transform:scale(.9)}}.market-hero{justify-content:space-between;align-items:flex-end;margin-top:4px;display:flex}.market-hero-label{color:var(--text-dim,#9ca3af);text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px;font-size:12px}.market-hero-price{letter-spacing:-.5px;font-size:2.2rem;font-weight:800;line-height:1.1;transition:color .3s}.market-currency{color:var(--text-dim,#9ca3af);font-size:1.1rem;font-weight:600}.flash-up{color:var(--green,#10b981)!important}.flash-down{color:var(--red,#ef4444)!important}.market-hero-right{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.market-change-badge{border-radius:8px;padding:4px 10px;font-size:12.5px;font-weight:700}.market-change-badge.pos{background:color-mix(in srgb, var(--green,#10b981) 15%, transparent);color:var(--green,#10b981);border:1px solid color-mix(in srgb, var(--green,#10b981) 25%, transparent)}.market-change-badge.neg{background:color-mix(in srgb, var(--red,#ef4444) 15%, transparent);color:var(--red,#ef4444);border:1px solid color-mix(in srgb, var(--red,#ef4444) 25%, transparent)}.market-hero-time{color:var(--text-dim,#9ca3af);font-size:11px}.market-tf-tabs{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;justify-content:space-between;padding:3px;display:flex}.tf-btn{color:var(--text-dim,#9ca3af);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:6px 0;font-size:11.5px;font-weight:700;transition:all .18s}.tf-btn.active{background:var(--gold,#f59e0b);color:var(--btn-primary-color,#05111a);font-weight:800;box-shadow:0 2px 8px #f59e0b59}.chart-container{-webkit-user-select:none;user-select:none;touch-action:none;background:#00000040;border:1px solid #ffffff12;border-radius:16px;width:100%;padding:8px 4px 4px;position:relative;overflow:visible}.market-svg-chart{cursor:crosshair;width:100%;height:170px;display:block}.chart-tooltip{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;white-space:nowrap;z-index:20;background:#12141df2;border:1px solid #ffffff2e;border-radius:8px;padding:6px 10px;position:absolute;transform:translate(-50%,-100%);box-shadow:0 6px 20px #00000080}.tooltip-time{color:var(--text-dim,#9ca3af);margin-bottom:2px;font-size:10px}.tooltip-row{align-items:center;gap:8px;display:flex}.tooltip-price{color:#fff;font-size:13px;font-weight:800}.tooltip-vol{font-size:10.5px;font-weight:600}.tooltip-vol.pos{color:var(--green,#10b981)}.tooltip-vol.neg{color:var(--red,#ef4444)}.market-metrics-section{flex-direction:column;gap:8px;display:flex}.metrics-title{color:var(--text-dim,#9ca3af);text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:13px;font-weight:700}.metrics-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.metric-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;flex-direction:column;gap:2px;padding:8px 12px;display:flex}.metric-label{color:var(--text-dim,#9ca3af);font-size:10.5px}.metric-val{color:var(--text,#fff);font-size:13px;font-weight:700}.metric-val.green{color:var(--green,#10b981)}.metric-val.red{color:var(--red,#ef4444)}.metric-val.gold{color:var(--gold,#f59e0b)}.order-book-section{background:#ffffff06;border:1px solid #ffffff0f;border-radius:12px;flex-direction:column;gap:8px;padding:10px 12px;display:flex}.order-book-header{color:var(--text-dim,#9ca3af);justify-content:space-between;font-size:11.5px;font-weight:700;display:flex}.ob-legend{gap:10px;font-size:10.5px;display:flex}.bid-dot{color:var(--green,#10b981)}.ask-dot{color:var(--red,#ef4444)}.ob-depth-bar{background:#ffffff0d;border-radius:3px;height:6px;display:flex;overflow:hidden}.ob-bid-fill{background:var(--green,#10b981);height:100%}.ob-ask-fill{background:var(--red,#ef4444);height:100%}.ob-rows{justify-content:space-between;align-items:center;display:flex}.ob-col{flex-direction:column;flex:1;gap:3px;display:flex}.ob-col.bids{text-align:left}.ob-col.asks{text-align:right}.ob-divider{background:#ffffff14;width:1px;height:24px;margin:0 10px}.ob-row{justify-content:space-between;font-size:11px;display:flex}.ob-col.bids .p{color:var(--green,#10b981);font-weight:700}.ob-col.asks .p{color:var(--red,#ef4444);font-weight:700}.ob-row .a{color:var(--text-dim,#9ca3af);font-size:10px}.market-actions{gap:10px;margin-top:4px;display:flex}.mbtn{cursor:pointer;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:13px;font-weight:700;transition:all .2s;display:flex}.mbtn.primary{background:var(--accent);color:var(--btn-primary-color,#05111a);box-shadow:none}.mbtn.primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #f59e0b73}.mbtn.secondary{color:var(--text,#fff);background:#ffffff0f;border:1px solid #ffffff1f}.mbtn.secondary.active{border-color:var(--green,#10b981);color:var(--green,#10b981);background:#10b98126}.header{z-index:15;background:var(--bg);flex-shrink:0;justify-content:space-between;align-items:flex-start;width:100%;padding:22px 20px 16px;display:flex;position:sticky;top:0}.idrow{align-items:center;gap:12px;display:flex}.avatar{background:linear-gradient(155deg, var(--gold-bg), var(--panel-2));border:1px solid var(--gold-dim);width:46px;height:46px;font-family:var(--heading);color:var(--gold);text-transform:uppercase;border-radius:50%;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex;box-shadow:inset 0 1px #ffffff0a}.idtext{flex-direction:column;align-items:flex-start;display:flex}.idtext .hello{font-family:var(--heading);color:var(--text);font-size:16.5px;font-weight:700;line-height:1.2}.idtext .tier{background:var(--gold-bg);color:var(--gold);border:1px solid var(--gold-dim);letter-spacing:.01em;border-radius:20px;align-items:center;gap:6px;margin-top:6px;padding:4px 10px;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.idtext .tier svg{flex-shrink:0}.icons{align-items:center;gap:10px;display:flex}.icons button{background:var(--panel);border:1px solid var(--line);width:37px;height:37px;box-shadow:0 1px 2px var(--shadow);color:var(--text-dim);border-radius:50%;justify-content:center;align-items:center;padding:0;transition:transform .1s,background .2s,border-color .2s,color .2s;display:flex;position:relative}.icons button:hover{background:var(--panel-2);border-color:var(--gold-dim);color:var(--text)}.icons button:active{transform:scale(.92)}.icons button svg{stroke:currentColor}.unread-dot{background:var(--red);border:1.5px solid var(--panel);border-radius:50%;width:8px;height:8px;position:absolute;top:8px;right:8px}.clickable-header{transition:transform .2s cubic-bezier(.175,.885,.32,1.275),opacity .2s}.clickable-header:hover{transform:scale(1.03)}.clickable-header:active{opacity:.85;transform:scale(.97)}.header-logo{object-fit:contain;background:var(--panel);border:1px solid var(--line);border-radius:12px;flex-shrink:0;width:46px;height:46px;padding:4px}.walletstrip{background:var(--panel);border:1px solid var(--line);width:calc(100% - 40px);box-shadow:0 1px 2px var(--shadow), inset 0 1px 0 #ffffff05;color:inherit;cursor:pointer;border-radius:14px;outline:none;justify-content:space-between;align-items:center;margin:0 20px 16px;padding:13px 16px;font-family:inherit;transition:transform .1s,border-color .2s,background-color .2s;display:flex}.walletstrip:hover{background:var(--panel-2);border-color:var(--gold-dim)}.walletstrip:active{transform:scale(.98)}.walletstrip .label{color:var(--text-faint);text-transform:uppercase;letter-spacing:.07em;text-align:left;font-size:11px;font-weight:600;line-height:1}.walletstrip .val{font-family:var(--mono);text-align:left;color:var(--text);margin-top:3px;font-size:15.5px;font-weight:500;line-height:1.3}.walletstrip .sym{color:var(--gold);font-weight:600}.walletstrip svg{stroke:var(--text-dim);transition:transform .2s,stroke .2s}.walletstrip:hover svg{stroke:var(--gold);transform:translate(2px)}.bottom-nav{background:var(--navbg);border-top:1px solid var(--line);padding:10px 8px calc(14px + env(safe-area-inset-bottom));z-index:15;flex-shrink:0;justify-content:space-around;width:100%;display:flex;position:sticky;bottom:0}.nav-item{color:var(--text-faint);background:0 0;border:none;border-radius:14px;outline:none;flex-direction:column;align-items:center;gap:4px;min-width:56px;padding:6px 14px;transition:transform .1s,color .2s,background-color .2s;display:flex}.nav-item:hover{color:var(--text-dim)}.nav-item.active{color:var(--gold);background:var(--gold-bg)}.nav-item:active{transform:scale(.94)}.nav-item svg{stroke:currentColor;transition:transform .2s}.nav-item.active svg{transform:scale(1.05)}.nav-label{font-size:10px;font-weight:600;line-height:1}.bottom-sheet-overlay{background:var(--backdrop);-webkit-backdrop-filter:blur(6px);z-index:1000;align-items:flex-end;animation:.25s fadeIn;display:flex;position:absolute;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.bottom-sheet{background:linear-gradient(180deg, var(--surface) 0%, var(--card) 100%);border:1px solid var(--line);border-bottom:none;border-radius:26px 26px 0 0;flex-direction:column;width:100%;min-height:50vh;max-height:90vh;animation:.32s cubic-bezier(.2,.9,.25,1) slideUp;display:flex;position:relative;overflow:hidden;box-shadow:0 -16px 50px #00000080,0 0 0 1px #22d3ee14}[data-theme=light] .bottom-sheet{background:linear-gradient(#fff 0%,#f8fafc 100%);box-shadow:0 -16px 50px #1e293b1f,0 0 0 1px #0891b21f}.bottom-sheet.full-screen{border-radius:0;height:100%;min-height:100%;max-height:100%}@keyframes slideUp{0%{transform:translateY(102%)}to{transform:translateY(0)}}.sheet-handle-area{cursor:grab;touch-action:none;z-index:10;background:0 0;border-radius:26px 26px 0 0;justify-content:center;padding:12px 0 4px;display:flex;position:sticky;top:0}.sheet-handle-area:active{cursor:grabbing}.sheet-handle{background:var(--line);border-radius:4px;width:38px;height:4px;transition:background .2s}.sheet-handle-area:hover .sheet-handle{background:var(--accent)}.sheet-header{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);z-index:10;background:0 0;justify-content:space-between;align-items:center;gap:16px;padding:10px 20px 12px;display:flex;position:sticky;top:4px}.sheet-title{font-family:var(--heading);color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;margin:0;font-size:16.5px;font-weight:700;overflow:hidden}.sheet-close-button{background:var(--card);border:1px solid var(--border);width:32px;height:32px;color:var(--muted);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex}.sheet-close-button:hover{background:var(--panel-2);border-color:var(--accent);color:var(--accent)}.sheet-close-button:active{transform:scale(.92)}.sheet-close-button svg{stroke:var(--text-dim)}.sheet-close-button:hover svg{stroke:var(--accent)}.sheet-body{flex-direction:column;flex:1;min-height:0;padding:0 16px;display:flex;overflow:hidden}.sheet-body::-webkit-scrollbar{width:6px}.sheet-body::-webkit-scrollbar-track{background:0 0}.sheet-body::-webkit-scrollbar-thumb{background:var(--line);border-radius:3px}.sheet-body::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}.sheet-content{padding:14px 20px calc(24px + env(safe-area-inset-bottom));flex:1;overflow-y:auto}.sheet-row{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;padding:12px 0;display:flex}.sheet-row:last-child{border-bottom:none}.sheet-row .sk{color:var(--text-dim);font-size:12.5px;font-weight:600}.sheet-row .sv{color:var(--text);font-size:13px;font-weight:700;font-family:var(--mono)}.sheet-primary{background:var(--btn-primary-bg,var(--accent));width:100%;color:var(--btn-primary-color,#05111a);font-size:14px;font-weight:700;font-family:var(--font-main);box-shadow:var(--btn-primary-shadow,0 2px 8px #22d3ee38);text-align:center;border:none;border-radius:12px;margin-top:16px;padding:14px;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s}.sheet-primary:hover{opacity:.88}.sheet-primary:active{opacity:1;transform:scale(.98)}.sheet-secondary{background:var(--panel);border:1px solid var(--line);width:100%;color:var(--text);text-align:center;border-radius:13px;margin-top:10px;padding:13px;font-size:13px;font-weight:600;transition:transform .1s,background-color .2s}.sheet-secondary:hover{background:var(--panel-2)}.sheet-secondary:active{transform:scale(.98)}.sheet-note{background:var(--green-bg);border:1px solid var(--green);color:var(--text);text-align:left;border-radius:12px;margin-top:14px;padding:12px 14px;font-size:11.5px;font-weight:500;line-height:1.5}.sheet-note b{color:var(--green)}.sheet-item{border-bottom:1px solid var(--line-soft);text-align:left;align-items:center;gap:12px;padding:11px 0;display:flex}.sheet-item:last-child{border-bottom:none}.sheet-item .sicon{background:var(--gold-bg);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.sheet-item .stext{flex:1}.sheet-item .stitle{color:var(--text);font-size:12.8px;font-weight:700}.sheet-item .ssub{color:var(--text-faint);margin-top:2px;font-size:11px;font-weight:500}.sheet-item .samt{font-size:12.5px;font-weight:700;font-family:var(--mono)}.code-chip{background:var(--panel);border:1px dashed var(--gold-dim);border-radius:12px;justify-content:space-between;align-items:center;margin-top:6px;padding:12px 14px;display:flex}.code-chip span{font-family:var(--mono);letter-spacing:.06em;color:var(--gold);font-size:14px;font-weight:700}.code-chip button{background:var(--gold-bg);color:var(--gold);cursor:pointer;border:none;border-radius:8px;padding:6px 12px;font-size:11px;font-weight:700;transition:transform .1s}.code-chip button:active{transform:scale(.95)}.ucm-overlay{z-index:9999;background:var(--backdrop,#060a14bf);-webkit-backdrop-filter:blur(6px);justify-content:center;align-items:center;padding:clamp(12px,3vh,24px) clamp(12px,3vw,20px);animation:.28s both ucm-overlay-in;display:flex;position:absolute;inset:0;overflow-y:auto}[data-theme=light] .ucm-overlay{background:var(--backdrop,#0f172980)}.ucm-overlay--closing{animation:.25s both ucm-overlay-out}@keyframes ucm-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes ucm-overlay-out{0%{opacity:1}to{opacity:0}}.ucm-card{background:linear-gradient(145deg, var(--surface) 0%, var(--card) 60%, var(--surface) 100%);border:1px solid var(--border);border-radius:24px;flex-direction:column;width:100%;max-width:360px;max-height:94vh;animation:.3s cubic-bezier(.16,1,.3,1) both heroSlideIn;display:flex;position:relative;overflow:hidden;box-shadow:0 32px 80px #00000080,0 0 0 1px #22d3ee14}[data-theme=light] .ucm-card{border-color:var(--border);background:linear-gradient(135deg,#f4f6fb 0%,#fff 100%);box-shadow:0 32px 80px #1e293b26,0 0 0 1px #0891b21f}.ucm-card:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#22d3ee17,#0000 70%);width:260px;height:260px;position:absolute;top:-80px;right:-80px}.ucm-card:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#a78bfa14,#0000 70%);width:240px;height:240px;position:absolute;bottom:-70px;left:-70px}.ucm-card--closing{animation:.25s cubic-bezier(.4,0,1,1) both ucm-card-out}@keyframes ucm-card-out{0%{opacity:1;transform:scale(1)translateY(0)}to{opacity:0;transform:scale(.95)translateY(16px)}}.ucm-banner{z-index:1;border-bottom:1px solid var(--border);background:linear-gradient(#22d3ee0a 0%,#0000 100%);flex-direction:column;align-items:center;gap:14px;width:100%;padding:28px 20px 20px;display:flex;position:relative}[data-theme=light] .ucm-banner{background:linear-gradient(#0891b20a 0%,#0000 100%)}.ucm-banner:after{content:"";pointer-events:none;background:linear-gradient(120deg,#0000 20%,#22d3ee0f 50%,#0000 80%);animation:4s linear infinite ucm-shimmer;position:absolute;inset:0}@keyframes ucm-shimmer{0%{transform:translate(-100%)}to{transform:translate(200%)}}.ucm-orb{filter:blur(20px);pointer-events:none;border-radius:50%;animation:6s ease-in-out infinite alternate ucm-float;position:absolute}.ucm-orb--1{background:radial-gradient(circle,#22d3ee40 0%,#0000 70%);width:80px;height:80px;animation-delay:0s;top:-10px;left:-10px}.ucm-orb--2{background:radial-gradient(circle,#a78bfa38 0%,#0000 70%);width:90px;height:90px;animation-delay:-2s;top:10px;right:-20px}.ucm-orb--3{background:radial-gradient(circle,#34d3992e 0%,#0000 70%);width:60px;height:60px;animation-delay:-4s;bottom:0;left:50%;transform:translate(-50%)}@keyframes ucm-float{0%{transform:translateY(0)scale(1)}to{transform:translateY(8px)scale(1.06)}}.ucm-icon-ring{z-index:2;background:linear-gradient(135deg,#22d3ee1f 0%,#a78bfa1a 100%);border:1.5px solid #22d3ee4d;border-radius:20px;justify-content:center;align-items:center;width:68px;height:68px;animation:2.8s ease-in-out infinite ucm-pulse;display:flex;position:relative;box-shadow:0 0 0 6px #22d3ee0d,0 0 20px #22d3ee26,0 8px 24px #0000004d}@keyframes ucm-pulse{0%,to{box-shadow:0 0 0 6px #22d3ee0d,0 0 20px #22d3ee26,0 8px 24px #0000004d}50%{box-shadow:0 0 0 9px #22d3ee17,0 0 30px #22d3ee40,0 8px 24px #0000004d}}.ucm-icon{filter:drop-shadow(0 2px 8px #22d3ee66);width:40px;height:40px}.ucm-banner-label{z-index:2;font-family:var(--mono);letter-spacing:.06em;color:var(--accent);text-transform:uppercase;background:#22d3ee14;border:1px solid #22d3ee40;border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-flex;position:relative}.ucm-banner-label:before{content:"";background:var(--accent);width:6px;height:6px;box-shadow:0 0 8px var(--accent);border-radius:50%;animation:2s infinite pulseGlow}.ucm-body{z-index:1;flex-direction:column;gap:14px;padding:20px 20px 22px;display:flex;position:relative}.ucm-title{font-family:var(--heading);color:var(--text);letter-spacing:-.02em;text-align:center;margin:0;font-size:18px;font-weight:800;line-height:1.25}.ucm-description{font-family:var(--sans);color:var(--text-dim);text-align:center;margin:0;font-size:13px;line-height:1.55}.ucm-description strong{color:var(--text);font-weight:600}.ucm-notices{flex-direction:column;gap:8px;margin:2px 0 0;padding:0;list-style:none;display:flex}.ucm-notice-item{font-family:var(--sans);color:var(--text-dim);background:#22d3ee0a;border:1px solid #22d3ee1a;border-radius:12px;align-items:center;gap:10px;padding:8px 12px;font-size:12px;line-height:1.4;transition:border-color .2s,background .2s,color .2s;display:flex}.ucm-notice-item:hover{color:var(--text);background:#22d3ee14;border-color:#22d3ee40}[data-theme=light] .ucm-notice-item{background:#0891b20a;border-color:#0891b21f}[data-theme=light] .ucm-notice-item:hover{background:#0891b214;border-color:#0891b240}.ucm-notice-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block}.ucm-notice-dot--yellow{background:var(--amber);box-shadow:0 0 6px var(--amber)}.ucm-notice-dot--blue{background:var(--accent);box-shadow:0 0 6px var(--accent)}.ucm-notice-dot--green{background:var(--green);box-shadow:0 0 6px var(--green)}.ucm-btn{width:100%;font-family:var(--font-main);letter-spacing:.01em;cursor:pointer;background:var(--btn-primary-bg,var(--accent));color:var(--btn-primary-color,#05111a);box-shadow:var(--btn-primary-shadow,0 2px 8px #22d3ee38);-webkit-tap-highlight-color:transparent;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-top:4px;padding:13px 24px;font-size:14.5px;font-weight:800;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s,filter .15s;display:flex;position:relative;overflow:hidden}.ucm-btn:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 12px 32px #22d3ee73}.ucm-btn:active{transform:translateY(0)scale(.99)}.ucm-footnote{text-align:center;font-family:var(--sans);color:var(--text-faint);letter-spacing:.01em;margin:0;font-size:11px}.notif-sheet{color:var(--text-primary);flex-direction:column;padding:4px 14px 24px;font-family:inherit;display:flex}.notif-list{flex-direction:column;gap:2px;display:flex}.notif-item{background:0 0;border-radius:10px;align-items:flex-start;gap:12px;padding:12px;transition:background .15s;display:flex}.notif-item.unread{background:var(--bg-card)}.notif-item:not(:last-child){border-bottom:1px solid var(--border)}.notif-icon-wrap{border:1px solid var(--border);background:#ffffff0d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:relative}.notif-icon{font-size:17px;line-height:1}.notif-unread-dot{background:var(--gold,#fbbf24);border:2px solid var(--bg-surface,#111);border-radius:50%;width:8px;height:8px;position:absolute;top:-2px;right:-2px}.notif-body{flex:1;min-width:0}.notif-title{color:var(--text-primary);margin-bottom:3px;font-size:13px;font-weight:600;line-height:1.3}.notif-message{color:var(--text-dim);word-break:break-word;margin-bottom:5px;font-size:12px;line-height:1.4}.notif-time{color:var(--text-dim);opacity:.7;font-size:11px}.notif-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:48px 24px;display:flex}.notif-empty-icon{opacity:.5;font-size:40px}.notif-empty-title{color:var(--text-primary);font-size:15px;font-weight:600}.notif-empty-sub{color:var(--text-dim);font-size:13px}.main-layout{background:var(--bg);flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.scroll-area{-webkit-overflow-scrolling:touch;flex:1;padding-bottom:24px;overflow:hidden auto}.screen-placeholder{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:50vh;padding:40px 20px;display:flex}.screen-placeholder h2{color:var(--text-h);margin-bottom:16px;font-size:32px}.screen-placeholder p{color:var(--text);max-width:400px;font-size:16px}@media (width<=390px){.screen-placeholder{padding:30px 16px}.screen-placeholder h2{font-size:24px}.screen-placeholder p{font-size:14px}}.error-boundary-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:300px;padding:40px 24px;display:flex}.error-boundary-icon{margin-bottom:16px}.error-boundary-title{color:var(--text);margin:0 0 8px;font-size:1.15rem;font-weight:600}.error-boundary-msg{color:var(--text-faint);max-width:280px;margin:0 0 20px;font-size:.88rem}.error-boundary-retry{background:var(--gold-bg);color:var(--gold);border:1px solid var(--gold-dim);cursor:pointer;border-radius:10px;padding:10px 24px;font-size:.9rem;font-weight:600}.error-toast-container{bottom:calc(68px + env(safe-area-inset-bottom,0px));z-index:9999;pointer-events:none;flex-direction:column;gap:8px;width:min(360px,100vw - 32px);display:flex;position:fixed;left:50%;transform:translate(-50%)}.error-toast{background:color-mix(in srgb, var(--red) 12%, var(--panel));border:1px solid color-mix(in srgb, var(--red) 35%, transparent);color:var(--red);pointer-events:all;box-shadow:0 4px 20px var(--shadow);border-radius:12px;align-items:center;gap:8px;padding:10px 12px;font-size:.85rem;animation:.2s toast-in;display:flex}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.error-toast-msg{flex:1}.error-toast-close{cursor:pointer;color:var(--red);opacity:.7;background:0 0;border:none;align-items:center;padding:2px;display:flex}.error-toast-close:hover{opacity:1}