@font-face{font-family:BinanceNova;src:url('/static/fonts/bn/BinanceNova-Regular.woff2');font-weight:400;font-display:swap}
@font-face{font-family:BinanceNova;src:url('/static/fonts/bn/BinanceNova-Medium.woff2');font-weight:500;font-display:swap}
@font-face{font-family:BinanceNova;src:url('/static/fonts/bn/BinanceNova-SemiBold.woff2');font-weight:600 800;font-display:swap}
:root{color-scheme:dark;font-family:BinanceNova,Arial,sans-serif;background:#181a20;color:#eaecef}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;width:100%;min-height:100%;background:#181a20}button,select,textarea,input{font:inherit}button{cursor:pointer}button:focus-visible,select:focus-visible{outline:2px solid #f0b90b;outline-offset:3px}
.welcome,.setup-page,.import-page{display:flex;flex-direction:column;width:100%;min-height:100vh;min-height:100dvh;background:#181a20}.welcome{padding:16px 16px max(16px,env(safe-area-inset-bottom))}.welcome-header{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:32px}.wallet-logo{display:block;height:20px;width:auto;max-width:55%;object-fit:contain}.language-button{display:flex;align-items:center;gap:6px;height:32px;padding:0 8px 0 12px;border:1px solid #434c5a;border-radius:8px;background:transparent;color:#eaecef;font-size:14px;font-weight:500}.language-button:hover{border-color:#f0b90b}.welcome-content{text-align:center}.animation-space{display:flex;justify-content:center;margin-top:16px;padding:48px 0 24px}#welcome-animation{height:246px;width:246px;position:relative}#welcome-animation svg{display:block;width:100%;height:100%}h1{margin:0;font-size:24px;font-weight:600;line-height:32px}#welcome-subtitle{margin:12px 0 32px;color:#707a8a;font-size:16px;line-height:24px}.setup-button{display:block;flex-shrink:0;width:100%;height:48px;margin-top:auto;padding:12px 24px;border:0;border-radius:8px;background:#fcd535;color:#202630;font-size:16px;font-weight:500}.setup-button:hover{background:#f0b90b}
.setup-page{padding:16px}.back-button{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:0;background:transparent;color:#929aa5;margin-bottom:32px}.back-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}#setup-page-title{outline:none}.setup-options{display:flex;flex-direction:column;margin-top:8px;width:100%}.setup-option{display:flex;align-items:center;gap:12px;width:100%;min-height:72px;padding:20px 0;background:transparent;border:0;border-bottom:1px solid #333b47;color:#eaecef;text-align:left}.setup-option:last-child{border-bottom:0}.setup-option:hover{background:#202630}.keyless-option{min-height:96px}.option-icon{flex-shrink:0;width:24px;height:24px;fill:none;stroke:#b7bdc6;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.option-copy{display:flex;flex-direction:column;gap:6px}.option-title{font-size:16px;line-height:24px;font-weight:500}.option-subtitle{font-size:12px;line-height:16px;color:#707a8a}.option-chevron{width:16px;height:16px;margin-left:auto;flex-shrink:0;fill:none;stroke:#707a8a;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.setup-terms{margin:auto 0 0;padding-top:40px;text-align:center;color:#707a8a;font-size:12px;line-height:16px}
.import-page{padding:0 12px 8px}.demo-banner{margin:0 -12px;padding:10px 16px;background:#fcd535;color:#202630;text-align:center;font-size:13px;line-height:20px}.demo-banner strong{letter-spacing:1px}.import-header{display:flex;align-items:center;justify-content:space-between;gap:16px;height:64px;flex-shrink:0}.import-header .back-button{margin:0}.import-header h1{font-size:18px;line-height:24px;outline:none}.close-button{background:transparent;color:#929aa5;border:0;padding:0 4px;font:28px/1 Arial}.import-header .close-button{width:24px;font-size:24px}.import-tabs{display:flex;border:1px solid #434c5a;border-radius:8px;padding:4px;margin:8px 0 16px;gap:4px}.import-tabs button{width:50%;height:30px;background:transparent;border:0;border-radius:5px;color:#707a8a;font-size:14px;font-weight:500}.import-tabs button[aria-selected=true]{background:#29313d;color:#eaecef}.word-count{display:flex;align-items:center;gap:6px;color:#707a8a;font-size:14px;line-height:20px;margin-bottom:12px}.word-count select{background:#181a20;color:#eaecef;border:0;font-weight:500;cursor:pointer;padding:0 4px}.seed-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.seed-field{width:100%;height:40px;border:0;border-radius:8px;padding:0 16px;background:#29313d;color:#707a8a;font-size:12px;opacity:1;-webkit-text-fill-color:#707a8a}.seed-field::placeholder{color:#707a8a;opacity:1}.confirm-button{width:100%;height:48px;margin-top:auto;flex-shrink:0;border:0;border-radius:8px;background:#5e5428;color:#202630;font-size:16px;font-weight:500;cursor:not-allowed}.private-label{display:block;margin-bottom:12px;color:#929aa5;font-size:14px}.private-key-field{width:100%;height:128px;padding:16px;border:0;border-radius:8px;background:#29313d;color:#707a8a;resize:none;font-size:14px;opacity:1}
.error-message{margin-top:12px;padding:12px 16px;background:#3d2a2a;border:1px solid #f6465d;border-radius:8px;color:#f6465d;font-size:13px;line-height:18px;text-align:center}
.seed-field-wrapper{position:relative}.seed-autocomplete{position:absolute;top:100%;left:0;right:0;background:#29313d;border:1px solid #434c5a;border-radius:8px;max-height:180px;overflow-y:auto;display:none;z-index:100;margin-top:4px;box-shadow:0 8px 24px #0008}.seed-autocomplete-item{padding:10px 16px;cursor:pointer;color:#eaecef;font-size:13px;transition:background .15s}.seed-autocomplete-item:hover,.seed-autocomplete-item.active{background:#3a4150}.seed-autocomplete-item span{color:#f0b90b}
dialog{width:min(420px,calc(100% - 32px));padding:24px;border:1px solid #333b47;border-radius:16px;background:#202630;color:#eaecef;box-shadow:0 16px 64px #0005}dialog::backdrop{background:#0b0e1199}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}h2{margin:0;font-size:20px;font-weight:600}.language-options{display:grid;gap:8px}.language-options button{display:flex;justify-content:space-between;padding:14px;border:1px solid #434c5a;border-radius:8px;background:transparent;color:#eaecef;text-align:left}.language-options button:hover{border-color:#f0b90b}.language-options span{color:#f0b90b}