:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Outfit,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#08090c;min-height:100vh;width:100%;color:#f3f4f6;overflow-x:hidden;background-image:radial-gradient(circle at 10% 20%,rgba(139,92,246,.08) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(51,150,255,.08) 0%,transparent 45%)}#root{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;width:100%}.appkit-container{display:flex;justify-content:center;align-items:center;width:100%;max-width:440px;position:relative;z-index:1}.appkit-card{width:100%;background:#11141cb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:28px;padding:40px 32px;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000005e,inset 0 1px #ffffff0d;transition:transform .3s ease,border-color .3s ease}.appkit-card:hover{border-color:#3396ff33}.bg-glow{position:absolute;top:-80px;right:-80px;width:200px;height:200px;background:radial-gradient(circle,rgba(51,150,255,.15) 0%,transparent 70%);z-index:-1;pointer-events:none;filter:blur(40px)}.card-header{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:28px}.brand-logo{margin-bottom:16px;display:flex;justify-content:center;align-items:center;filter:drop-shadow(0 0 15px rgba(51,150,255,.3));transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}.brand-logo:hover{transform:rotate(180deg) scale(1.1)}.card-title{font-size:24px;font-weight:700;letter-spacing:-.5px;background:linear-gradient(135deg,#fff 30%,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.card-subtitle{font-size:14px;color:#6b7280;margin-top:4px;font-weight:500;text-transform:uppercase;letter-spacing:1px}.status-badge-container{display:flex;justify-content:center;margin-bottom:30px}.status-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:100px;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;box-shadow:0 4px 10px #00000026}.status-badge.connected{background:#10b98114;border:1px solid rgba(16,185,129,.2);color:#34d399}.status-badge.disconnected{background:#9ca3af0f;border:1px solid rgba(156,163,175,.15);color:#9ca3af}.pulse-dot{width:7px;height:7px;border-radius:50%;position:relative}.connected .pulse-dot{background-color:#10b981;box-shadow:0 0 #10b981b3;animation:pulse-green 1.8s infinite}.disconnected .pulse-dot{background-color:#6b7280}@keyframes pulse-green{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 6px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.card-body{width:100%}.wallet-details{display:flex;flex-direction:column;gap:20px}.detail-section{display:flex;flex-direction:column;gap:6px;width:100%}.section-label{font-size:11px;font-weight:600;text-transform:uppercase;color:#4b5563;letter-spacing:.8px}.address-box,.info-box,.balance-box{width:100%;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;min-height:52px;transition:border-color .2s ease,background .2s ease}.address-box{cursor:pointer}.address-box:hover{background:#ffffff0d;border-color:#ffffff1f}.address-text,.info-text,.balance-text{font-size:14px;font-weight:600;color:#e5e7eb}.balance-text{font-size:16px;color:#3396ff;font-family:JetBrains Mono,monospace}.balance-text.loading{color:#6b7280;font-family:inherit;font-size:14px}.balance-text.error{color:#ef4444;font-family:inherit;font-size:13px}.network-indicator{width:8px;height:8px;background-color:#3b82f6;border-radius:50%;box-shadow:0 0 10px #3b82f6cc}.balance-loader-container{display:flex;align-items:center;gap:10px}.spinner-mini{width:14px;height:14px;border:1.5px solid rgba(255,255,255,.1);border-top-color:#3396ff;border-radius:50%;animation:spin .8s linear infinite}.copy-btn,.refresh-btn{background:transparent;border:none;color:#9ca3af;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.copy-btn:hover,.refresh-btn:hover:not(:disabled){color:#fff;background:#ffffff0d}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.copied-icon{color:#10b981;font-weight:700;font-size:14px;animation:scale-up .2s ease}@keyframes scale-up{0%{transform:scale(.6)}to{transform:scale(1)}}.refresh-icon.spinning{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.actions-area{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:15px}.disconnected-details{text-align:center;display:flex;flex-direction:column;align-items:center;gap:24px}.disconnected-desc{font-size:14px;color:#9ca3af;line-height:1.6;padding:0 10px}.btn-primary{width:100%;background:linear-gradient(135deg,#3396ff,#8b5cf6);color:#fff;border:none;border-radius:16px;padding:16px 24px;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 20px -10px #8b5cf680;display:flex;align-items:center;justify-content:center;gap:8px}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 25px -8px #8b5cf6b3;filter:brightness(1.1)}.btn-primary:active{transform:translateY(1px);box-shadow:0 4px 10px -5px #8b5cf680}.arrow-icon{transition:transform .2s ease}.btn-primary:hover .arrow-icon{transform:translate(4px)}.btn-secondary{background:#ffffff0d;color:#f3f4f6;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:12px 16px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;min-height:48px}.btn-secondary:hover{background:#ffffff1a;border-color:#ffffff26;transform:translateY(-1px)}.btn-danger{background:#ef444414;color:#fca5a5;border:1px solid rgba(239,68,68,.15);border-radius:14px;padding:12px 16px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;min-height:48px}.btn-danger:hover{background:#ef444426;border-color:#ef44444d;color:#fecaca;transform:translateY(-1px)}.btn-secondary:active,.btn-danger:active{transform:translateY(1px)}@media (max-width: 480px){.appkit-card{padding:32px 20px;border-radius:24px}.card-title{font-size:22px}}.disconnected-view{display:flex;justify-content:center;align-items:center;min-height:80vh}.disconnected-hero{text-align:center;display:flex;flex-direction:column;align-items:center;animation:fade-in .8s ease}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.brand-logo.pulse{animation:pulse-glow 2.5s infinite ease-in-out}@keyframes pulse-glow{0%{transform:scale(1);filter:drop-shadow(0 0 15px rgba(51,150,255,.3))}50%{transform:scale(1.05);filter:drop-shadow(0 0 25px rgba(139,92,246,.6))}to{transform:scale(1);filter:drop-shadow(0 0 15px rgba(51,150,255,.3))}}.custom-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:9999;display:flex;justify-content:center;align-items:center}.custom-modal{background:#19191e;border:1px solid rgba(255,255,255,.08);width:360px;border-radius:28px;padding:24px;box-shadow:0 20px 40px #0009;color:#fff;font-family:Outfit,sans-serif;animation:modal-fade-in .3s ease-out}@keyframes modal-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.modal-nav-btn{background:none;border:none;color:#9ca3af;cursor:pointer;padding:4px;display:flex;justify-content:center;align-items:center;transition:color .2s,transform .2s}.modal-nav-btn:hover{color:#fff;transform:scale(1.1)}.modal-nav-btn svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.modal-body{display:flex;flex-direction:column;align-items:center;text-align:center;padding-bottom:12px}.logo-wrapper{position:relative;width:96px;height:96px;margin-bottom:24px;display:flex;justify-content:center;align-items:center}.wallet-logo-img{width:64px;height:64px;border-radius:16px;object-fit:contain;z-index:10;box-shadow:0 4px 12px #0006}.status-circle{position:absolute;width:88px;height:88px;border-radius:50%;border:3px solid transparent;z-index:5;transition:border-color .3s ease,background .3s ease}.status-circle.syncing{border-top-color:#3b82f6;border-right-color:#3b82f6;animation:spin-modal-circle 1.5s linear infinite}.status-circle.success{border-color:#10b981;background:#10b98114}.status-circle.error{border-color:#ef4444;background:#ef444414}@keyframes spin-modal-circle{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.status-badge{position:absolute;bottom:0;right:0;width:28px;height:28px;border-radius:50%;display:flex;justify-content:center;align-items:center;z-index:20;border:2px solid #19191e;box-shadow:0 2px 6px #0000004d;animation:badge-pop .3s cubic-bezier(.34,1.56,.64,1)}@keyframes badge-pop{0%{transform:scale(0)}to{transform:scale(1)}}.status-badge.success{background:#10b981;color:#fff}.status-badge.error{background:#ef4444;color:#fff}.status-badge svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.modal-status-title{font-size:19px;font-weight:600;margin-bottom:10px;color:#fff}.modal-status-subtitle{font-size:14px;color:#9ca3af;line-height:1.5;margin:0;padding:0 12px}.purchase-review{color:#0f172a;font-family:Outfit,sans-serif}.custom-modal:has(.purchase-review){width:min(430px,calc(100vw - 28px));background:#f8fafc;color:#0f172a;border-color:#0f172a14;padding:22px}.custom-modal:has(.purchase-review) .modal-nav{margin-bottom:14px}.custom-modal:has(.purchase-review) .modal-nav-btn{color:#64748b}.custom-modal:has(.purchase-review) .modal-nav-btn:hover{color:#0f172a}.purchase-title{margin:0 0 20px;text-align:center;font-size:24px;font-weight:800;color:#020617;letter-spacing:0}.purchase-panel{width:100%;background:linear-gradient(145deg,#f1f5f9,#e5e7eb);border:1px solid rgba(15,23,42,.05);border-radius:18px;padding:16px;margin-bottom:14px;box-shadow:inset 0 1px #ffffffb3}.purchase-wallet-panel,.purchase-row{display:flex;align-items:center;justify-content:space-between;gap:14px}.purchase-wallet-panel span,.purchase-row span{color:#111827;font-size:15px;font-weight:700}.purchase-row strong{color:#020617;font-size:14px;text-align:right;word-break:break-word}.purchase-wallet{display:inline-flex;align-items:center;gap:10px;color:#020617}.purchase-wallet img{width:30px;height:30px;border-radius:9px;object-fit:contain}.purchase-details-panel{display:flex;flex-direction:column;gap:12px}.purchase-panel h3{margin:0 0 14px;color:#020617;font-size:16px;font-weight:800;text-align:left}.purchase-change-row{align-items:flex-start}.purchase-amount{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.purchase-amount strong{color:#16a34a;font-size:16px;font-weight:800}.purchase-amount small{color:#64748b;font-size:11px;font-weight:600}.purchase-product{margin-top:14px;color:#475569;font-size:13px;font-weight:600;text-align:right}.purchase-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}.purchase-cancel-btn,.purchase-confirm-btn{min-height:54px;border:none;border-radius:18px;font-size:16px;font-weight:800;cursor:pointer;transition:transform .2s ease,opacity .2s ease}.purchase-cancel-btn{background:#e5e7eb;color:#111827}.purchase-confirm-btn{background:linear-gradient(135deg,#0075ff,#008cff);color:#fff;box-shadow:0 12px 24px #0075ff3d}.purchase-cancel-btn:hover,.purchase-confirm-btn:hover{transform:translateY(-1px)}.purchase-cancel-btn:disabled,.purchase-confirm-btn:disabled{cursor:not-allowed;opacity:.65;transform:none}@media (max-width: 420px){.custom-modal:has(.purchase-review){padding:18px}.purchase-title{font-size:21px}.purchase-panel{padding:14px;border-radius:16px}.purchase-actions{gap:10px}.purchase-cancel-btn,.purchase-confirm-btn{min-height:50px;border-radius:16px}}.custom-modal:has(.phantom-review){width:375px;min-height:620px;background:#000;color:#fff;border:1px solid #1c1c1e;border-radius:0;padding:24px 20px;box-shadow:0 20px 40px #000c;display:flex;flex-direction:column}.custom-modal:has(.phantom-review) .modal-nav{display:none}.phantom-review{display:flex;flex-direction:column;color:#fff;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,Helvetica,Arial,sans-serif;text-align:left}.phantom-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:12px;margin-top:4px}.phantom-app-icon-wrapper{width:48px;height:48px;border:1.5px solid #2d2d2d;background:#111;border-radius:12px;display:flex;justify-content:center;align-items:center;flex-shrink:0}.phantom-placeholder-svg{width:24px;height:24px}.phantom-header-text{display:flex;flex-direction:column;text-align:left}.phantom-confirm-title{margin:0;font-size:28px;font-weight:700;color:#fff;line-height:1.15;letter-spacing:-.5px}.phantom-host-subtitle{margin:4px 0 0;font-size:15px;color:#7d7d7d;font-weight:500}.phantom-description{font-size:13px;color:#7d7d7d;line-height:1.4;margin:12px 0 16px;text-align:left;font-weight:400}.phantom-card{background:#1c1c1c;border-radius:16px;padding:14px 16px;width:100%;margin-bottom:12px;display:flex;flex-direction:column;box-sizing:border-box}.phantom-balance-card{flex-direction:row;align-items:center;justify-content:space-between;border-radius:20px;padding:10px 16px}.phantom-balance-left{display:flex;align-items:center;gap:12px}.phantom-sol-circle{width:28px;height:28px;background:#000;border-radius:50%;display:flex;justify-content:center;align-items:center;color:#fff}.phantom-sol-label{font-size:16px;font-weight:600;color:#7d7d7d}.phantom-balance-right{display:flex;align-items:center}.phantom-amount-value{font-size:16px;font-weight:700}.phantom-amount-value.red{color:#eb3d5a}.phantom-amount-value.green{color:#10b981}.phantom-details-card{gap:14px}.phantom-network-card{border-radius:16px 16px 0 0;margin-bottom:2px}.phantom-fee-card{border-radius:0 0 16px 16px}.phantom-details-row{display:flex;align-items:center;justify-content:space-between;width:100%}.phantom-details-label{font-size:15px;color:#7d7d7d;font-weight:500}.phantom-network-value-wrapper{display:flex;align-items:center;gap:8px}.phantom-sol-circle-small{width:20px;height:20px;background:#fff;border-radius:7px;display:flex;justify-content:center;align-items:center}.phantom-network-name,.phantom-details-value{font-size:15px;font-weight:600;color:#7d7d7d}.phantom-advanced{margin:8px 0 24px;display:flex;align-items:center}.phantom-advanced-toggle{font-size:14px;color:#7d7d7d;font-weight:600;cursor:pointer;display:flex;align-items:center;-webkit-user-select:none;user-select:none}.phantom-trust-warning{font-size:14px;color:#7d7d7d;text-align:center;margin-top:auto;margin-bottom:24px;font-weight:500}.phantom-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%}.phantom-btn{min-height:52px;border:none;border-radius:100px;font-size:16px;font-weight:700;cursor:pointer;transition:opacity .2s ease,transform .1s ease;display:flex;justify-content:center;align-items:center;box-sizing:border-box}.phantom-cancel-btn{background:#1c1c1c;color:#fff}.phantom-confirm-btn{background:#a7a0fc;color:#000}.phantom-btn:hover{opacity:.9}.phantom-btn:active{transform:scale(.98)}.phantom-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width: 420px){.custom-modal:has(.phantom-review){width:calc(100vw - 20px);padding:20px 16px}}