:root{font-family:system-ui,sans-serif;line-height:1.5;color:#e8e8e8;color-scheme:dark;background:#121212}html,body{margin:0;min-height:100%;background:#121212;color:#e8e8e8}body{min-height:100vh}main{max-width:640px;margin:0 auto;padding:2rem 1rem}.maintenance-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem;box-sizing:border-box}.maintenance-card{width:100%;max-width:480px;padding:2rem 1.5rem;border-radius:12px;border:1px solid #3d3420;background:linear-gradient(180deg,#1f1a12,#1a1a1a);text-align:center}.maintenance-icon{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;margin-bottom:1rem;border-radius:50%;background:#3d2f14;color:#ffb74d;font-size:1.5rem;line-height:1}.maintenance-card h1{margin:0 0 .75rem;font-size:1.35rem;color:#ffcf78}.maintenance-lead{margin:0 0 .75rem;color:#e8e8e8;font-size:.95rem}.maintenance-detail{margin:0 0 1.25rem;color:#999;font-size:.88rem}.maintenance-status{display:inline-flex;align-items:center;gap:.45rem;margin:0;padding:.4rem .75rem;border-radius:999px;border:1px solid #665325;background:#241f14;color:#ffb74d;font-size:.82rem}.maintenance-status-dot{width:.5rem;height:.5rem;border-radius:50%;background:#ff8a50;box-shadow:0 0 0 2px #ff8a5040}.app-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.app-header h1{margin:0 0 .5rem}.app-header p{margin:0}.settings-btn{margin-top:.2rem;width:2.2rem;height:2.2rem;flex-shrink:0}.settings-btn.active{border-color:#3d5afe;color:#9db0ff}.flow-tabs{display:grid;grid-template-columns:1fr 1fr;gap:.35rem;margin-top:1.25rem;padding:.3rem;border:1px solid #2d2d2d;border-radius:10px;background:#181818}.flow-tabs button{position:relative;margin:0;border:1px solid transparent;background:transparent;color:#999;font-weight:600}.flow-tabs button:hover{color:#ddd;background:#202020}.flow-tabs button.active{border-color:#3d5afe;background:#252b47;color:#fff}.flow-tab-badge{display:inline-block;width:.45rem;height:.45rem;margin-left:.45rem;border-radius:50%;background:#ffb74d;vertical-align:.1em}.fee-juice-notice{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-top:1.25rem;padding:.85rem 1rem;border:1px solid #665325;border-radius:10px;background:#241f14;color:#eadcae;font-size:.9rem}.fee-juice-notice-content{min-width:0}.fee-juice-notice-icon{display:inline-flex;align-items:center;justify-content:center;width:1.15rem;height:1.15rem;flex-shrink:0;border-radius:50%;background:#ffb74d;color:#241f14;font-size:.8rem;font-weight:800;line-height:1}.fee-juice-notice-title{display:inline-flex;align-items:center;gap:.4rem;margin-bottom:.25rem;color:#ffcf78;line-height:1.3}.fee-juice-notice p{margin:0}.fee-juice-emphasis{color:#ffb74d;font-weight:700}.notice-details-btn{flex-shrink:0;margin-top:.1rem;width:1.9rem;height:1.9rem;border-color:#806a34;background:#2a2416;color:#f2df9d}.notice-details-btn:hover:not(:disabled){background:#3a311c;border-color:#a08440;color:#ffcf78}.fee-juice-modal{transform:translateY(-12vh)}.bridge-confirm-modal{transform:translateY(-8vh)}.recovery-modal{transform:translateY(-8vh);max-height:78vh;overflow-y:auto}.recovery-warning{margin-top:1rem;padding:.85rem;border:1px solid #8a6725;border-radius:8px;background:#2a2112;color:#f1dda2}.recovery-warning p{margin:.55rem 0 0;color:#d8c99e;font-size:.88rem}.recovery-confirmation{color:#f0f0f0}.claim-recovery-guide{border-color:#8a6725;background:#211c12}.claim-recovery-guide ol{margin:.75rem 0;padding-left:1.25rem}.claim-recovery-guide li+li{margin-top:.45rem}.claim-recovery-guide button{margin-top:.5rem}.account-import.recovery-active{border-color:#a57a27;box-shadow:0 0 0 2px #ffb74d1f}.recovery-empty{text-align:center}.fee-juice-modal p{margin:1rem 0 0}.fee-juice-modal ul{margin:.75rem 0 1.1rem;padding-left:1.25rem}.fee-juice-modal li+li{margin-top:.55rem}.official-docs-link{color:#9db0ff}.official-docs-link:hover{color:#c2ccff}.modal-backdrop{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:1rem;background:#000000a6}.modal{width:min(100%,420px);padding:1rem 1.1rem 1.15rem;border-radius:12px;border:1px solid #2a2a2a;background:#1a1a1a;box-shadow:0 16px 48px #00000073}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.modal-header .icon-btn{margin:0}.modal-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5rem;margin-top:1.25rem}.modal-actions button{margin-top:0}label{display:block;margin-top:1rem;font-size:.9rem;color:#aaa}.network-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:1rem}.network-row label{margin-top:0}.network-row select:disabled{opacity:.75;cursor:not-allowed}input,select,button{font:inherit}input,select{width:100%;box-sizing:border-box;margin-top:.35rem;padding:.5rem .65rem;border-radius:8px;border:1px solid #333;background:#1e1e1e;color:inherit}input.input-invalid,input[aria-invalid=true]{border-color:#ff8a80;background:#2a1818}input.input-invalid:focus,input[aria-invalid=true]:focus{outline:1px solid #ff8a80}.amount-field{margin-top:1rem}.amount-field-head{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.amount-field-head label{margin-top:0}.amount-balance-row{display:inline-flex;align-items:center;gap:.45rem}.amount-balance{margin:0;font-size:.85rem}.amount-max-btn{margin:0;padding:.2rem .55rem;font-size:.78rem;line-height:1.2}button{margin-top:1.25rem;padding:.6rem 1rem;border-radius:8px;border:none;background:#3d5afe;color:#fff;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}.card{margin-top:1.5rem;padding:1rem;border-radius:10px;background:#1a1a1a;border:1px solid #2a2a2a}.error{color:#ff8a80}.bridge-phase{margin:.75rem 0 0;padding:.65rem .8rem;border-radius:8px;border:1px solid #2f3b55;background:#171c28;color:#c5d0e6;font-size:.9rem}.bridge-phase.active{border-color:#3d5afe;color:#e8ecff}.mono{font-family:ui-monospace,monospace;font-size:.85rem;word-break:break-all}.hint{margin:.4rem 0 .8rem;color:#999;font-size:.85rem}.wallet-list{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.wallet-picker-modal{width:min(100%,440px);max-height:min(78vh,680px);overflow-y:auto}.wallet-picker-modal:focus{outline:none}.wallet-option{width:100%;display:flex;align-items:center;gap:.75rem;margin-top:0;background:#252525;text-align:left}.wallet-option img{border-radius:6px}.wallet-option .rdns{margin-left:auto;color:#777;font-size:.75rem}button.ghost{background:transparent;border:1px solid #444;color:#ccc}.wallet-option.wc{margin-top:.75rem;background:#1b2a4a}.account-menu-wrap{position:relative;margin-top:1rem}.account-trigger{display:inline-flex;align-items:center;gap:.5rem;width:auto;margin:0;padding:.58rem .75rem;border-color:#3f4d77;background:#20263a}.account-trigger svg{margin-left:.15rem;color:#9aa7c7}.account-status-dot{width:.5rem;height:.5rem;border-radius:50%;background:#62d394;box-shadow:0 0 0 2px #62d39424}.account-menu{position:absolute;z-index:30;top:calc(100% + .45rem);left:0;width:min(22rem,calc(100vw - 2rem));padding:.45rem;border:1px solid #3a3a3a;border-radius:10px;background:#1b1b1b;box-shadow:0 12px 32px #0006}.account-menu-summary{display:grid;gap:.25rem;padding:.55rem .65rem .7rem;border-bottom:1px solid #303030}.account-menu-summary .mono{overflow:hidden;color:#aaa;font-size:.76rem;text-overflow:ellipsis;white-space:nowrap}.account-address-row,.wallet-card-address{display:flex;align-items:center;gap:.4rem;min-width:0}.account-address-row .mono,.wallet-card-address .mono{min-width:0}.copy-address-btn{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:1.7rem;height:1.7rem;margin:0;padding:0;border:1px solid transparent;border-radius:6px;background:transparent;color:#929292}.copy-address-btn:hover:not(:disabled){border-color:#444;background:#292929;color:#fff}.copy-success{flex:0 0 auto;color:#62d394;font-size:.76rem;font-weight:600}.account-menu-summary .hint{margin:0}.account-menu-item{width:100%;margin:.3rem 0 0;padding:.55rem .65rem;border-color:transparent;background:transparent;color:#ddd;text-align:left}.account-menu-item:hover:not(:disabled){border-color:#3a3a3a;background:#272727}.account-menu-disconnect{color:#ff9a9a}.qr-box{margin-top:1rem;padding:1rem;display:flex;flex-direction:column;align-items:center;gap:.75rem;background:#fff;border-radius:12px}.qr-box .hint{color:#333;text-align:center}label.check{display:flex;align-items:flex-start;gap:.6rem;margin-top:1.25rem;color:#ddd;cursor:pointer}label.check input{width:auto;margin-top:.25rem}.claim-opts{margin-top:.75rem}.account-import{margin-top:1.25rem}.dropzone{position:relative;margin-top:.75rem;padding:1.25rem 1rem;border:1px dashed #4a4a4a;border-radius:10px;background:#151515;text-align:center;transition:border-color .15s ease,background .15s ease}.dropzone.drag-over{border-color:#3d5afe;background:#171c28}.dropzone.disabled{opacity:.55;pointer-events:none}.dropzone-title{margin:0;color:#ddd;font-size:.95rem}.dropzone .hint{margin:.35rem 0 0}.account-import .file-label{position:absolute;inset:0;margin:0;cursor:pointer}.account-import .file-label input[type=file]{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:pointer;border:none;background:transparent}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.secret-field{display:flex;gap:.5rem;align-items:center;margin-top:.35rem}.secret-field input{margin-top:0;flex:1;min-width:0}.secret-toggle{margin-top:0;flex-shrink:0;padding:.45rem;width:2.2rem;height:2.2rem;display:inline-flex;align-items:center;justify-content:center;line-height:0}.wallet-status{display:flex;flex-direction:column;gap:.75rem;position:relative;min-height:7.5rem}.wallet-status-account{padding-right:.25rem}.wallet-status-account .mono,.wallet-card-address{margin:.35rem 0 .25rem}.wallet-card-address .mono{margin:0}.wallet-status-account .hint{margin:.2rem 0 0}.wallet-status-balance{margin-top:auto;align-self:flex-end;text-align:right;max-width:100%}.wallet-status-balance-main{display:inline-flex;align-items:center;gap:.4rem;max-width:100%}.balance-amount{margin:0;font-size:1.05rem;font-weight:600;color:#f2f2f2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:min(100%,18rem)}.balance-amount.hint{font-weight:400;font-size:.85rem}.balance-symbol{color:#9aa0a6;font-weight:500}.balance-error{margin:.35rem 0 0;max-width:22rem;text-align:right;word-break:break-word}.icon-btn{margin:0;padding:.3rem;width:1.7rem;height:1.7rem;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:6px;border:1px solid #3a3a3a;background:#242424;color:#c8c8c8;line-height:0}.icon-btn:hover:not(:disabled){background:#2e2e2e;color:#fff;border-color:#555}.icon-btn:disabled{opacity:.45}.icon-btn.spinning{opacity:1;cursor:wait}.icon-btn.spinning svg{animation:icon-spin .8s linear infinite}.recovery-status p{margin:.5rem 0 0}.recovery-session-list-card strong{display:block;margin-bottom:.5rem}.recovery-session-list{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.recovery-session-row{display:flex;align-items:stretch;gap:.5rem;padding:.35rem .4rem .35rem .35rem;border:1px solid #2f2f2f;border-radius:8px;background:#1e1e1e}.recovery-session-row:hover{border-color:#444}.recovery-session-row.active{border-color:#3d5afe;background:#1c2340}.recovery-session-item{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;margin:0;padding:.3rem .4rem;border:none;border-radius:6px;background:transparent;color:#e8e8e8;text-align:left;cursor:pointer}.recovery-session-item:hover{background:#262626}.recovery-session-row.active .recovery-session-item:hover{background:#222a4a}.recovery-session-download{align-self:center;flex-shrink:0;margin:0;padding:.4rem .6rem;font-size:.78rem;white-space:nowrap}.recovery-session-phase{font-weight:600;color:#cdd6ff}.recovery-session-hash{font-size:.78rem;color:#9aa0a6}.recovery-session-actions{margin-top:1rem}.recovery-account-import{margin-top:.75rem}.recovery-file-label{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.35rem;padding:.65rem 1rem;border:1px dashed #4a4a4a;border-radius:10px;background:#151515;text-align:center;cursor:pointer}.recovery-file-label:hover{border-color:#3d5afe}.recovery-file-label input[type=file]{position:absolute;width:1px;height:1px;opacity:0}.recovery-file-label-text{color:#ccc;font-size:.9rem}.credentials-import-card strong{display:block}.credentials-import-message{margin:.6rem 0 0}.credentials-import-ok,.storage-status-ok{color:#9adba0}.storage-status-error{margin:.75rem 0 0}@media(max-width:480px){.fee-juice-notice{flex-direction:column}.recovery-session-row{flex-direction:column;align-items:stretch}.recovery-session-download{align-self:stretch}}@keyframes icon-spin{to{transform:rotate(360deg)}}.balance-shortfall{border-color:#8a6725;background:#2a2112}.balance-shortfall strong{color:#ffcf6b}.balance-shortfall p{margin:.5rem 0 0;color:#f1dda2;font-size:.9rem}.balance-shortfall .hint{margin:.5rem 0 0;color:#c3b189}.balance-shortfall a{color:#ffcf6b}.recovery-steps-title{margin:1rem 0 .4rem;font-size:.9rem;font-weight:600;color:#e8e8e8}.recovery-steps{margin:0;padding-left:1.3rem;display:grid;gap:.4rem;color:#c8c8c8;font-size:.88rem}.recovery-steps li::marker{color:#8f9bb5;font-weight:600}main.with-progress-panel{padding-bottom:24rem}.progress-panel{position:fixed;z-index:40;left:50%;bottom:0;transform:translate(-50%);box-sizing:border-box;width:min(100vw,660px);padding:.9rem 1.1rem 1.1rem;border:1px solid #3d5afe;border-bottom:none;border-radius:14px 14px 0 0;background:#141824;box-shadow:0 -14px 44px #0000008c;overflow:hidden}.progress-panel-succeeded{border-color:#3f7d48}.progress-panel-failed{border-color:#a2453c}.progress-panel-bar{position:absolute;top:0;left:0;height:3px;width:40%;background:linear-gradient(90deg,transparent,#3d5afe,transparent);animation:progress-sweep 1.6s ease-in-out infinite}@keyframes progress-sweep{0%{transform:translate(-100%)}to{transform:translate(350%)}}.progress-panel-head{display:flex;align-items:flex-start;gap:.7rem}.progress-panel-title{flex:1;min-width:0}.progress-panel-title strong{font-size:1rem;color:#eef1ff}.progress-panel-step{margin:.15rem 0 0;color:#aab4d4;font-size:.88rem}.progress-elapsed{flex-shrink:0;padding:.15rem .45rem;border-radius:6px;background:#1e2436;color:#c5d0e6;font-variant-numeric:tabular-nums}.progress-spinner{flex-shrink:0;width:1.15rem;height:1.15rem;margin-top:.15rem;border-radius:50%;border:2px solid #2f3b55;border-top-color:#6c86ff;animation:icon-spin .85s linear infinite}.progress-panel-badge{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:1.35rem;height:1.35rem;border-radius:50%;font-size:.8rem;font-weight:700}.progress-panel-succeeded .progress-panel-badge{background:#23401f;color:#9adba0}.progress-panel-failed .progress-panel-badge{background:#3d1f1c;color:#ff8a80}.progress-notice{margin:.8rem 0 0;padding:.6rem .75rem;border-radius:8px;font-size:.88rem}.progress-notice strong{display:block;margin-bottom:.2rem;font-size:.95rem}.progress-notice-warn{border:1px solid #b07d1f;background:#33270f;color:#f5dda4}.progress-notice-warn strong{color:#ffcf6b}.progress-notice-safe{border:1px solid #3f7d48;background:#16261a;color:#bfe0c4}.progress-notice-safe strong{color:#9adba0}.progress-steps{list-style:none;margin:.85rem 0 0;padding:0;display:grid;gap:.4rem}.progress-steps.collapsed .progress-step:not(.progress-step-active):not(.progress-step-failed){display:none}.progress-step{display:flex;align-items:flex-start;gap:.6rem}.progress-step-marker{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:1.2rem;height:1.2rem;margin-top:.1rem;border-radius:50%;border:1px solid #333c52;background:#1a2030;color:#6f7a94;font-size:.7rem;font-weight:600}.progress-step-body{min-width:0;display:flex;flex-direction:column}.progress-step-label{color:#7b8499;font-size:.9rem}.progress-step-note{margin-top:.15rem;color:#aab4d4;font-size:.8rem}.progress-step-done .progress-step-marker{border-color:#3f7d48;background:#1d3320;color:#9adba0}.progress-step-done .progress-step-label{color:#9ba5b8}.progress-step-active .progress-step-marker{border-color:#6c86ff;background:#6c86ff;animation:progress-pulse 1.4s ease-in-out infinite}.progress-step-active .progress-step-label{color:#eef1ff;font-weight:600}.progress-step-failed .progress-step-marker{border-color:#a2453c;background:#3d1f1c;color:#ff8a80}.progress-step-failed .progress-step-label{color:#ff8a80;font-weight:600}@keyframes progress-pulse{50%{box-shadow:0 0 0 5px #6c86ff2e}}.progress-detail{margin:.8rem 0 0;padding-top:.65rem;border-top:1px solid #232a3c;color:#8d97ad;max-height:3.4rem;overflow-y:auto}@media(prefers-reduced-motion:reduce){.progress-panel-bar,.progress-spinner,.progress-step-active .progress-step-marker{animation:none}}@media(max-width:480px){main.with-progress-panel{padding-bottom:28rem}.progress-panel{border-radius:0}}
