:root{--bg-0: #07040c;--bg-1: #1a0b2a;--surface-0: rgba(16, 10, 28, .68);--surface-1: rgba(20, 12, 34, .78);--stroke: rgba(255, 255, 255, .12);--stroke-strong: rgba(255, 255, 255, .18);--text: rgba(255, 255, 255, .92);--muted: rgba(255, 255, 255, .68);--muted-2: rgba(255, 255, 255, .52);--accent: #2af6b5;--shadow: 0 26px 70px rgba(0, 0, 0, .55);--radius-xl: 26px;--radius-lg: 20px;--radius-md: 14px;--ring: 0 0 0 4px rgba(42, 246, 181, .16);--app-height: 100vh;--keyboard-inset: 0px;color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";line-height:1.4;font-weight:450;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body{height:100%;width:100%;overflow-x:hidden}body{margin:0;min-width:320px;overflow-x:hidden;overflow-y:hidden;background:radial-gradient(1200px 800px at 12% -10%,rgba(153,90,255,.33),transparent 56%),radial-gradient(980px 920px at 112% 10%,rgba(96,210,255,.16),transparent 55%),linear-gradient(180deg,#140622,#07040c 68%);color:var(--text)}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:none;box-shadow:var(--ring)}#root{min-height:100%;width:100%;overflow-x:hidden}img{max-width:100%;height:auto}.app{min-height:var(--app-height, 100vh);height:var(--app-height, 100vh);display:flex;justify-content:center;padding:22px 16px 44px;overflow:hidden}.shell{width:min(440px,100%);height:min(860px,calc(var(--app-height, 100vh) - 66px));border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow);overflow:hidden;background:radial-gradient(900px 520px at 30% 0%,rgba(157,93,255,.25),transparent 60%),radial-gradient(840px 640px at 100% 30%,rgba(42,246,181,.11),transparent 58%),linear-gradient(180deg,#2d124e99,#0a0710d9 62%);display:flex;flex-direction:column}.shell:focus{outline:none}.shell:focus-visible{box-shadow:var(--shadow),var(--ring)}.shell,.shellInner,.tabContent{-webkit-overflow-scrolling:touch}@media(max-width:520px){.app{padding:0}.shell{width:100%;height:100%;border-radius:0;border:none;box-shadow:none}}.shellInner{padding:18px 18px calc(18px + var(--keyboard-inset, 0px));height:100%;overflow:auto;overflow-x:hidden}@media(max-width:420px){.shellInner{padding:14px 14px calc(14px + var(--keyboard-inset, 0px))}}.header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.brand{display:flex;align-items:center;gap:12px;min-width:0}.avatar{width:44px;height:44px;border-radius:16px;border:1px solid rgba(255,255,255,.18);background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.24),transparent 60%),linear-gradient(135deg,#9d5dffb3,#2af6b557);display:grid;place-items:center;flex:0 0 auto}.avatar--logo{width:52px;height:52px;border-radius:50%;border:none;padding:0;overflow:hidden;background:transparent}.authLogoImg{width:100%;height:100%;display:block;object-fit:cover}.brandText{display:flex;flex-direction:column;gap:2px;min-width:0}.brandTitle{font-weight:820;letter-spacing:.2px;font-size:20px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brandSub{color:var(--muted);font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.main{display:flex;flex-direction:column;gap:14px}.card{background:linear-gradient(180deg,var(--surface-1),var(--surface-0));border:1px solid var(--stroke);border-radius:var(--radius-lg);padding:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform:translateZ(0);will-change:transform}.cardHeaderRow{display:flex;justify-content:space-between;align-items:baseline;gap:12px;color:var(--muted);font-weight:720}.cardHeaderRow span{white-space:nowrap}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.divider{height:1px;background:#ffffff14;margin:14px 0}.kv{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:end}.kvCol{min-width:0}.kvLabel{color:var(--muted-2);font-size:12px;font-weight:780;letter-spacing:.44px;text-transform:uppercase}.kvValue{margin-top:4px;font-size:18px;font-weight:780;letter-spacing:.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.actions{margin-top:14px;display:flex;flex-direction:column;gap:10px}.subTitle{font-size:18px;font-weight:820;letter-spacing:.2px}.subDesc{margin-top:4px;color:var(--muted);font-weight:620}.deviceList{margin-top:14px;display:flex;flex-direction:column;gap:10px}.btn{width:100%;border-radius:16px;border:1px solid rgba(255,255,255,.16);background:#0a061047;padding:14px;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:transform .12s ease,border-color .12s ease,background .12s ease}.btnLink{text-decoration:none;color:inherit}.authSupportGrid{margin-top:20px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.authSupportGrid .btn{border-radius:18px}@media(max-width:380px){.authSupportGrid{grid-template-columns:1fr}}.authLegalLinks{margin-top:10px;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:12px}.authLegalLinks .linkBtn{font-size:12px;font-weight:720;text-decoration:underline;text-underline-offset:3px}.authLegalDot{opacity:.6;font-weight:900;line-height:1}.btn:hover{border-color:#ffffff3d;background:#0a061057}.btn:active{transform:translateY(1px)}.btn--compact{width:auto;padding:10px 14px;border-radius:999px}.btnIcon{display:inline-grid;place-items:center;width:18px;height:18px;color:#ffffffd6}.btnLabel{font-weight:760;letter-spacing:.2px}.chip{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;border:1px solid rgba(42,246,181,.32);background:#2af6b514;color:var(--accent);font-weight:780;letter-spacing:.2px}.chipDot{width:10px;height:10px;border-radius:999px;background:var(--accent);box-shadow:0 0 0 4px #2af6b524}.mutedValue{color:#ffffffe0}.form{display:flex;flex-direction:column;gap:12px}.grid2{display:grid;grid-template-columns:1fr;gap:10px}@media(max-width:420px){.grid2{grid-template-columns:1fr}}.field{display:flex;flex-direction:column;gap:8px}.fieldLabel{color:var(--muted-2);font-size:12px;font-weight:780;letter-spacing:.44px;text-transform:uppercase}.input{width:100%;border-radius:16px;border:1px solid rgba(255,255,255,.14);background:#0a061042;padding:14px;outline:none;transition:border-color .12s ease,background .12s ease}.input::placeholder{color:#ffffff5c}.input:focus{border-color:#ffffff38;background:#0a061057}.input:disabled{opacity:.7;cursor:not-allowed}.input--code{text-align:center;letter-spacing:.55em;font-weight:820;font-size:18px}@media(max-width:360px){.input--code{letter-spacing:.42em}}.hint{color:var(--muted);font-weight:620;font-size:13px;line-height:1.35;overflow-wrap:anywhere;word-break:break-word}.hintStrong{color:var(--muted);font-weight:760;margin-bottom:4px}.notice{margin-top:12px;border-radius:16px;padding:12px 14px;border:1px solid var(--stroke);background:#0a061033;font-weight:650;overflow-wrap:anywhere;word-break:break-word}.notice--error{border-color:#ff5c8c42;background:#ff5c8c14;color:#ffffffeb}.notice--info{border-color:#60d2ff38;background:#60d2ff14;color:#ffffffeb}.toast{position:sticky;top:12px;z-index:200;margin-top:0;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.amountGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}@media(max-width:360px){.amountGrid{grid-template-columns:repeat(2,1fr)}}.amountPill{appearance:none;border:1px solid rgba(255,255,255,.14);background:#0a061038;border-radius:16px;padding:12px 10px;cursor:pointer;font-weight:820;letter-spacing:.2px;color:#ffffffe6;transition:transform .12s ease,border-color .12s ease,background .12s ease}.amountPill:hover{border-color:#ffffff38;background:#0a061047}.amountPill:active{transform:translateY(1px)}.amountPill--active{border-color:#2af6b552;background:#2af6b51a;color:var(--accent)}.amountPill:disabled{opacity:.7;cursor:not-allowed}.historyList{margin-top:12px;display:flex;flex-direction:column;gap:10px}.historyItem{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0}.historyItem+.historyItem{border-top:1px solid rgba(255,255,255,.08);padding-top:14px}.pillStatus{border-radius:999px;padding:8px 12px;border:1px solid rgba(255,255,255,.14);background:#0a061038;font-weight:780;font-size:12px;white-space:nowrap}.pillStatus--ok{border-color:#2af6b547;background:#2af6b514;color:var(--accent)}.pillStatus--pending{border-color:#60d2ff38;background:#60d2ff14;color:#ffffffeb}.pillStatus--bad{border-color:#ff5c8c42;background:#ff5c8c14;color:#ffffffeb}.deviceRow{width:100%;text-align:left;appearance:none;border:1px solid rgba(255,255,255,.1);background:#0a06102e;border-radius:18px;padding:12px;display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:12px;cursor:pointer;transition:transform .12s ease,border-color .12s ease,background .12s ease}.deviceRow:hover{border-color:#ffffff2e;background:#0a06103d}.deviceRow:active{transform:translateY(1px)}.deviceIcon{width:40px;height:40px;border-radius:16px;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;display:grid;place-items:center;color:#ffffffdb}.deviceMain{min-width:0;display:flex;flex-direction:column;gap:4px}.deviceName{font-weight:840;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.deviceMeta{color:#ffffff9e;font-weight:650;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.steps{margin:14px 0 0;padding-left:18px;color:#ffffffe6}.step{margin:10px 0;color:#ffffffe6;line-height:1.45}.modalOverlay{position:fixed;inset:0;background:#0000008c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:grid;place-items:center;padding:18px;z-index:50}.modalPanel{width:min(760px,100%);max-height:min(820px,92vh);overflow:auto;border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.12);box-shadow:var(--shadow);background:radial-gradient(900px 520px at 30% 0%,rgba(157,93,255,.22),transparent 60%),linear-gradient(180deg,#140c22e0,#0a0710e6 62%)}.modalHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 18px 10px;border-bottom:1px solid rgba(255,255,255,.08)}.modalTitle{font-size:22px;font-weight:860;letter-spacing:.2px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:420px){.modalTitle{font-size:18px}}.iconButton{appearance:none;border:1px solid rgba(255,255,255,.14);background:#0a06103d;border-radius:16px;width:44px;height:44px;display:grid;place-items:center;cursor:pointer;transition:border-color .12s ease,background .12s ease,transform .12s ease}.iconButton:hover{border-color:#ffffff38;background:#0a06104d}.iconButton:active{transform:translateY(1px)}.modalBody{padding:18px}.pageHtml{color:#ffffffe6;font-weight:560;line-height:1.65;overflow-wrap:anywhere;word-break:break-word}.pageHtml h1,.pageHtml h2,.pageHtml h3{color:#fffffff5;margin:16px 0 10px;font-weight:860}.pageHtml p{margin:0 0 12px}.pageHtml ul,.pageHtml ol{padding-left:18px;margin:8px 0 12px}.pageHtml li{margin:6px 0}.pageHtml a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.authFooter{opacity:.92}.stepBlock{margin-top:16px}.stepRowHeader{display:flex;align-items:flex-start;gap:12px}.stepNum{width:34px;height:34px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#0a061033;display:grid;place-items:center;font-weight:860}.stepTextBlock{flex:1;min-width:0}.stepTitle{font-size:18px;font-weight:860}.stepHint{margin-top:6px;color:#ffffffb3;font-weight:620;line-height:1.4}.typeGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}@media(max-width:380px){.typeGrid{grid-template-columns:repeat(2,1fr)}}.typeTile{appearance:none;border:1px solid rgba(255,255,255,.12);background:#0a06102e;border-radius:18px;padding:10px;display:grid;place-items:center;gap:8px;cursor:pointer;aspect-ratio:1 / 1;transition:transform .12s ease,border-color .12s ease,background .12s ease}.typeTile--compact{aspect-ratio:auto;padding:12px 10px;gap:6px}.typeTile:hover{border-color:#fff3;background:#0a06103d}.typeTile:active{transform:translateY(1px)}.typeTile:disabled{opacity:.7;cursor:not-allowed}.typeTile--active{border-color:#2af6b552;background:#2af6b51a}.typeTileIcon{font-size:22px;line-height:1}.typeTileLabel{font-size:13px;font-weight:860;letter-spacing:.2px;color:#ffffffe6;text-align:center}.typeTile--active .typeTileLabel{color:var(--accent)}.stepMedia{margin-top:12px;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:#0a06102e;padding:12px}.stepMediaImg{width:100%;height:auto;display:block;border-radius:12px}.stepMediaFallback{width:100%;padding:18px 12px;border-radius:12px;text-align:center;color:#ffffffb3;font-weight:700;background:#ffffff0f}.btn--accent{border-color:#2af6b547;background:#2af6b514;color:var(--accent)}.btn--accent:hover{border-color:#2af6b55c;background:#2af6b51a}.btn--danger{border-color:#ff5c8c42;background:#ff5c8c14;color:#ff5c8cf2}.btn--danger:hover{border-color:#ff5c8c57;background:#ff5c8c1a}.linkBtn{appearance:none;border:none;background:transparent;color:#ffffffdb;font-weight:760;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.linkBtn:disabled{opacity:.7;cursor:not-allowed}.tabLayout{display:flex;flex-direction:column;min-height:100%;height:100%}.tabContent{flex:1 1 auto;overflow:auto;padding:18px 18px calc(18px + var(--keyboard-inset, 0px))}.tabBar{flex:0 0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:10px 10px calc(14px + env(safe-area-inset-bottom));border-top:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,#0a071033,#0a0710c7);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.keyboard-open .tabBar{display:none}.tabItem{appearance:none;border:1px solid rgba(255,255,255,.12);background:#0a061038;border-radius:16px;padding:10px;cursor:pointer;display:grid;justify-items:center;gap:6px;transition:border-color .12s ease,background .12s ease,transform .12s ease}.tabItem:hover{border-color:#fff3;background:#0a061047}.tabItem:active{transform:translateY(1px)}.tabItem--active{border-color:#2af6b547;background:#2af6b514}.tabIcon{width:18px;height:18px;color:#ffffffe0}.tabItem--active .tabIcon{color:var(--accent)}.tabLabel{font-size:12px;font-weight:760;color:#ffffffc7}.tabItem--active .tabLabel{color:var(--accent)}.statsGrid{margin-top:12px;display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:360px){.statsGrid{grid-template-columns:1fr}}.stat{border:1px solid rgba(255,255,255,.1);background:#0a061033;border-radius:16px;padding:12px}