:root{color-scheme:dark;--bg:#111111;--card:#1b1b1b;--card2:#212121;--line:#2a2a2a;--text:#f6f6f6;--muted:#8e8e93;--soft:#b6b6bb;--green:#65d47e;--red:#ff6961;--purple:#8b7cf6;--purple2:#9b8eff;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Segoe UI",Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body{margin:0;background:var(--bg)}body{width:352px;height:600px;overflow:hidden;color:var(--text);font-size:13px}.app-shell{height:600px;overflow:auto;padding:10px 12px 70px;background:#121212;position:relative}.app-shell::-webkit-scrollbar,.sheet::-webkit-scrollbar{display:none}button,input,select{font:inherit}button{color:inherit}.topbar{height:34px;display:flex;align-items:center;justify-content:space-between}.account-button{border:0;background:transparent;padding:2px 0;display:flex;align-items:center;gap:6px;cursor:pointer}.avatar{width:24px;height:24px;border-radius:50%;background:#363636;display:grid;place-items:center;font-size:9px;font-weight:700}.account-name{font-size:12px;font-weight:650;letter-spacing:-.01em}.account-button svg{width:11px;height:11px}.top-actions{display:flex;gap:5px}.bare-icon{border:0;background:transparent;width:30px;height:30px;display:grid;place-items:center;padding:0;cursor:pointer}.bare-icon svg{width:18px;height:18px}.portfolio{text-align:center;padding:18px 0 16px}.portfolio-balance{font-size:34px;line-height:1;font-weight:650;letter-spacing:-1.25px;font-variant-numeric:tabular-nums}.portfolio-change{margin-top:6px;display:flex;justify-content:center;align-items:center;gap:5px;font-size:11px;color:#d6d6d8;font-variant-numeric:tabular-nums}.change-pill{padding:2px 5px;border-radius:5px;background:#2a2a2a}.market-status{display:flex;align-items:center;justify-content:center;gap:5px;color:#76767c;font-size:8px;margin-top:7px}.status-dot{width:5px;height:5px;border-radius:50%;background:#777}.status-dot.live{background:var(--green)}.quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:13px}.quick-actions button{border:0;background:transparent;padding:0;display:grid;gap:5px;justify-items:center;cursor:pointer}.action-tile{width:67px;height:48px;border-radius:11px;background:#232323;border:1px solid #2a2a2a;display:grid;place-items:center;transition:.12s}.quick-actions button:active .action-tile{transform:scale(.97);background:#292929}.action-tile svg{width:19px;height:19px;stroke:#b6adff}.quick-actions small{font-size:9px;color:#e4e4e6}.market-banner{width:100%;min-height:50px;border:1px solid #2b2b2b;border-radius:11px;background:#202020;padding:8px 10px;display:grid;grid-template-columns:28px 1fr 14px;align-items:center;text-align:left;gap:8px;cursor:pointer}.spark{width:27px;height:27px;border-radius:8px;background:#6f5fe0;display:grid;place-items:center}.spark svg{width:16px;height:16px;stroke:#fff}.market-banner strong{display:block;font-size:9px;font-weight:600}.market-banner small{display:block;font-size:8px;color:#aaaab0;margin-top:2px}.chev{width:12px;height:12px;stroke:#8d8d92}.tabs{margin-top:13px;display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #282828}.tabs button{border:0;background:transparent;color:#707075;font-size:10px;padding:8px;position:relative;cursor:pointer}.tabs button.active{color:#f3f3f4}.tabs button.active:after{content:"";position:absolute;height:2px;border-radius:2px;background:#8c7dfa;left:36%;right:36%;bottom:-1px}.token-list{display:grid}.token-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:9px;padding:11px 2px;border-bottom:1px solid #252525;cursor:pointer}.token-row:active{background:#181818}.coin-logo{width:34px;height:34px;border-radius:50%;object-fit:contain;background:#181818}.coin-main strong,.coin-value strong{display:block;font-size:11px;font-weight:580;letter-spacing:-.01em}.coin-main span,.coin-value span{display:block;font-size:8.5px;color:#85858b;margin-top:3px}.coin-value{text-align:right;font-variant-numeric:tabular-nums}.coin-value .positive{color:var(--green)}.coin-value .negative{color:var(--red)}.empty-state{text-align:center;padding:55px 20px;color:#888}.empty-state strong{display:block;color:#ddd;font-size:11px}.empty-state span{display:block;font-size:9px;margin-top:5px}.bottom-nav{position:fixed;bottom:0;left:0;width:352px;height:60px;z-index:12;background:#101010;border-top:1px solid #282828;display:grid;grid-template-columns:repeat(5,1fr);align-items:center}.bottom-nav button{border:0;background:transparent;color:#77777d;display:grid;justify-items:center;gap:2px;cursor:pointer}.bottom-nav svg{width:17px;height:17px}.bottom-nav small{font-size:7px}.bottom-nav button.active{color:#9b8eff}.overlay{position:fixed;inset:0;background:rgba(0,0,0,.66);backdrop-filter:blur(3px);display:flex;align-items:flex-end;z-index:20}.overlay[hidden]{display:none}.sheet{width:100%;max-height:590px;overflow:auto;background:#181818;border-radius:18px 18px 0 0;border:1px solid #2a2a2a;border-bottom:0;box-shadow:0 -18px 45px rgba(0,0,0,.38)}.sheet-head{height:48px;display:grid;grid-template-columns:36px 1fr 36px;align-items:center;padding:0 8px;border-bottom:1px solid #282828}.sheet-head h2{text-align:center;font-size:11px;margin:0;font-weight:600}.sheet-icon{width:32px;height:32px;border:0;background:transparent;font-size:20px;color:#ddd;cursor:pointer}.sheet-body{padding:12px}.field{margin-top:10px}.field label{display:block;font-size:8px;color:#888;margin-bottom:6px}.field input,.field select,.amount-input{width:100%;border:1px solid #303030;background:#202020;color:#f4f4f4;border-radius:10px;outline:0}.field input,.field select{padding:11px}.field input:focus,.field select:focus{border-color:#5f5a86}.primary,.secondary{width:100%;border-radius:10px;padding:11px;font-size:10px;font-weight:600;cursor:pointer}.primary{border:0;background:#785ff2;color:#fff;margin-top:12px}.primary:disabled{opacity:.38;cursor:not-allowed}.secondary{border:1px solid #303030;background:#202020;color:#ddd;margin-top:7px}.notice{font-size:8px;color:#85858a;line-height:1.45}.local-note{text-align:center;font-size:7px;color:#77777d;letter-spacing:.08em;margin:0 0 6px}.swap-screen{padding:0 2px 8px}.swap-block{background:#242424;border-radius:12px;padding:12px;margin-bottom:4px}.swap-caption{font-size:8px;color:#85858b;margin-bottom:6px}.swap-amount-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px}.swap-amount-row input{min-width:0;border:0;background:transparent;color:#fff;font-size:26px;font-weight:500;outline:0;padding:0}.asset-chip{border:1px solid #333;background:#181818;border-radius:18px;padding:5px 8px 5px 5px;display:flex;align-items:center;gap:5px;cursor:pointer}.asset-chip img{width:21px;height:21px;border-radius:50%;object-fit:contain}.asset-chip span{font-size:10px;font-weight:600}.asset-chip svg{width:10px;height:10px}.swap-sub{margin-top:5px;display:flex;justify-content:space-between;color:#77777c;font-size:8px}.swap-switch{width:32px;height:32px;margin:-2px auto;position:relative;z-index:2;border-radius:50%;border:4px solid #181818;background:#8b7cf6;display:grid;place-items:center;cursor:pointer}.swap-switch svg{width:14px;height:14px;stroke:white}.rate-card{margin-top:10px;border:1px solid #2d2d2d;border-radius:10px;background:#1d1d1d;padding:9px 10px}.rate-row{display:flex;justify-content:space-between;align-items:center;font-size:8px;padding:3px 0}.rate-row span{color:#85858b}.rate-row strong{font-weight:500}.asset-picker{display:grid;gap:3px}.asset-option{width:100%;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;border:0;background:transparent;padding:9px;border-radius:9px;text-align:left;cursor:pointer}.asset-option:hover{background:#222}.asset-option img{width:30px;height:30px;border-radius:50%;object-fit:contain}.asset-option strong{font-size:10px}.asset-option small{display:block;color:#85858b;font-size:8px;margin-top:2px}.asset-option>span:last-child{font-size:9px;color:#aaa}.asset-hero{padding:5px 0 10px}.asset-title-row{display:flex;align-items:center;gap:9px}.asset-title-row img{width:38px;height:38px;border-radius:50%;object-fit:contain}.asset-title-row h3{font-size:14px;margin:0}.asset-title-row span{font-size:8px;color:#85858b}.asset-price{font-size:28px;font-weight:580;letter-spacing:-.8px;margin-top:16px}.asset-change{font-size:10px;margin-top:4px}.asset-change.positive{color:var(--green)}.asset-change.negative{color:var(--red)}.chart-wrap{height:190px;margin-top:12px;position:relative}.chart-wrap svg{width:100%;height:100%;overflow:visible}.chart-line{fill:none;stroke:#8d7cf8;stroke-width:2;vector-effect:non-scaling-stroke}.chart-area{fill:url(#chartGradient)}.chart-zero{stroke:#333;stroke-width:1;stroke-dasharray:3 4}.range-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:8px}.range-tabs button{border:0;border-radius:8px;background:#232323;color:#85858b;padding:7px;font-size:8px;cursor:pointer}.range-tabs button.active{background:#2d2944;color:#bbb2ff}.asset-stats{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:11px}.stat{background:#202020;border:1px solid #2b2b2b;border-radius:10px;padding:9px}.stat span{display:block;color:#85858b;font-size:7px}.stat strong{display:block;font-size:10px;margin-top:4px}.chart-loading{height:100%;display:grid;place-items:center;color:#777;font-size:9px}.preview-line{display:flex;justify-content:space-between;font-size:9px;color:#888;margin-top:10px}.preview-line strong{color:#eee}.amount-input{position:relative}.amount-input input{border:0;background:transparent;padding-right:55px}.amount-input span{position:absolute;right:11px;top:50%;transform:translateY(-50%);font-size:9px;color:#888}.toast{position:fixed;z-index:50;bottom:68px;left:50%;transform:translateX(-50%);background:#2b2b2b;border:1px solid #3a3a3a;border-radius:9px;padding:8px 10px;font-size:9px;white-space:nowrap;opacity:0;pointer-events:none;transition:.15s}.toast.show{opacity:1}svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

/* Functional secondary screens */
.menu-list{display:flex;flex-direction:column;gap:8px}.menu-row{width:100%;border:1px solid var(--border);background:var(--card);border-radius:14px;padding:13px 14px;color:var(--text);display:flex;align-items:center;justify-content:space-between;text-align:left}.menu-row .left{display:flex;flex-direction:column;gap:3px}.menu-row strong{font-size:13px;font-weight:600}.menu-row small{font-size:10px;color:var(--muted)}.menu-row .value{font-size:11px;color:var(--muted)}.toggle{width:38px;height:22px;border-radius:20px;background:#3a3a3d;padding:2px;position:relative;flex:0 0 auto}.toggle:after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;left:2px;top:2px;transition:.16s}.toggle.on{background:#7f6df2}.toggle.on:after{left:18px}.activity-list{display:flex;flex-direction:column;gap:10px}.activity-row{display:grid;grid-template-columns:36px 1fr auto;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid var(--border)}.activity-row img{width:34px;height:34px;border-radius:50%}.activity-row strong{font-size:12px}.activity-row span,.activity-row small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.activity-row .amount{text-align:right;color:var(--text);font-size:11px}.search-input{width:100%;box-sizing:border-box;background:var(--card);border:1px solid var(--border);border-radius:13px;padding:12px 14px;color:var(--text);outline:none;margin-bottom:12px}.section-label{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin:4px 2px 10px}.danger{color:#ff6f79!important}.account-card{padding:16px;background:var(--card);border:1px solid var(--border);border-radius:16px;margin-bottom:12px}.account-card strong{display:block;font-size:15px}.account-card span{display:block;color:var(--muted);font-size:10px;margin-top:5px}

/* 2026-08 visual polish: remove native button chrome from asset rows. */
.token-list{gap:0;background:transparent}
.token-row{
  width:100%;
  appearance:none;
  -webkit-appearance:none;
  border:0;
  border-bottom:1px solid rgba(255,255,255,.055);
  border-radius:0;
  background:transparent;
  color:var(--text);
  font:inherit;
  text-align:left;
  margin:0;
  padding:12px 2px;
  box-shadow:none;
  outline:none;
}
.token-row:hover{background:rgba(255,255,255,.018)}
.token-row:focus-visible{background:rgba(255,255,255,.025);outline:1px solid rgba(139,124,246,.45);outline-offset:-1px}
.token-row:last-child{border-bottom:0}
.coin-logo{background:transparent}
.tabs{border-bottom:1px solid rgba(255,255,255,.06)}
.tabs button{appearance:none;-webkit-appearance:none;box-shadow:none;outline:none}
.tabs button.active:after{height:2px;left:34%;right:34%;background:var(--purple)}

/* Fix shared secondary-screen borders: --border was previously undefined. */
:root{--border:rgba(255,255,255,.07)}
.menu-row,.account-card,.search-input{box-shadow:none}

.asset-section-label{padding:12px 2px 6px;color:#6f6f75;font-size:8px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.055)}
.market-token-row .coin-main span{color:#6f6f75}

.chart-fallback-note{position:absolute;right:4px;bottom:2px;font-size:7px;color:#666}

.local-action-chip{display:inline-flex;align-items:center;justify-content:center;margin-top:10px;padding:2px 6px;border:1px solid rgba(255,255,255,.10);border-radius:999px;font-size:8px;font-weight:700;letter-spacing:.08em;color:rgba(255,255,255,.34);line-height:1.2;user-select:none}

.receive-toast{position:fixed;z-index:60;left:50%;bottom:74px;transform:translate(-50%,12px);min-width:228px;max-width:310px;display:grid;grid-template-columns:36px 1fr;align-items:center;gap:10px;padding:10px 12px;background:#202020;border:1px solid #333;border-radius:13px;box-shadow:0 14px 34px rgba(0,0,0,.42);opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease}.receive-toast.show{opacity:1;transform:translate(-50%,0)}.receive-toast img{width:34px;height:34px;border-radius:50%;object-fit:contain}.receive-toast-copy{min-width:0}.receive-toast-top{display:flex;align-items:center;gap:7px;margin-bottom:3px}.receive-toast-top span{font-size:9px;color:#a7a7ac}.receive-toast-top small{font-size:6px;letter-spacing:.08em;color:#a99cff;border:1px solid #484059;border-radius:5px;padding:1px 4px}.receive-toast strong{display:block;font-size:12px;font-weight:600;color:#f4f4f5;font-variant-numeric:tabular-nums}


/* Local popup lock screen */
.lock-screen{position:fixed;inset:0;width:352px;height:600px;z-index:1000;background:#090909;color:#fff;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Segoe UI",Roboto,Helvetica,Arial,sans-serif}
.lock-screen[hidden]{display:none}
.lock-brand{height:58px;border-bottom:1px solid #202020;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 15px}
.lock-brand-word{grid-column:2;font-size:17px;font-weight:700;letter-spacing:-.35px;color:#b4a6ff}
.lock-help{grid-column:3;justify-self:end;width:18px;height:18px;border:0;border-radius:50%;padding:0;background:#a9a9ad;color:#0b0b0b;font-size:12px;font-weight:800;line-height:18px;cursor:pointer}
.lock-content{flex:1;display:flex;flex-direction:column;align-items:stretch;padding:35px 16px 20px}
.lock-ghost{width:146px;height:146px;object-fit:cover;border-radius:32px;align-self:center;margin:10px 0 31px;filter:saturate(.95)}
.lock-copy{text-align:center;margin-bottom:16px}.lock-copy h1{font-size:21px;line-height:1.2;margin:0;font-weight:700;letter-spacing:-.45px}.lock-copy p{margin:7px 0 0;color:#77777d;font-size:10px}
.unlock-form{display:grid;gap:10px}.unlock-form input{width:100%;height:50px;border-radius:7px;border:1px solid #272727;background:#131313;color:#f7f7f7;padding:0 14px;font-size:15px;outline:none;transition:border-color .15s,box-shadow .15s}.unlock-form input::placeholder{color:#676771}.unlock-form input:focus{border-color:#8c7dfa;box-shadow:0 0 0 1px #8c7dfa}.unlock-form input.bad{border-color:#ff625d;animation:lockshake .22s linear 1}
.unlock-error{height:14px;text-align:center;color:#ff716c;font-size:10px}
.unlock-button{height:48px;border:0;border-radius:24px;background:#a99bf7;color:#0a0a0a;font-size:14px;font-weight:750;cursor:pointer;margin-top:20px;transition:transform .12s,filter .12s}.unlock-button:hover{filter:brightness(1.04)}.unlock-button:active{transform:scale(.985)}
.forgot-password{margin:18px auto 0;border:0;background:transparent;color:#f2f2f4;font-size:12px;font-weight:650;cursor:pointer;padding:6px 10px}
.local-lock-mark{margin-top:auto;align-self:center;color:#4a4a50;font-size:8px;letter-spacing:.14em;font-weight:700}
.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}
@keyframes lockshake{0%,100%{transform:translateX(0)}33%{transform:translateX(-4px)}66%{transform:translateX(4px)}}
.create-account-button{margin:10px auto 0;border:1px solid #2f2f33;background:#151515;color:#f2f2f4;height:42px;min-width:150px;border-radius:21px;font-size:12px;font-weight:680;cursor:pointer;padding:0 18px}.create-account-button:hover{background:#1c1c1c;border-color:#3a3a40}.create-account-panel{position:absolute;inset:0;z-index:5;background:rgba(5,5,5,.82);backdrop-filter:blur(9px);display:grid;place-items:center;padding:20px}.create-account-panel[hidden]{display:none}.create-account-card{position:relative;width:100%;background:#141414;border:1px solid #292929;border-radius:18px;padding:25px 18px 18px;box-shadow:0 25px 70px rgba(0,0,0,.55)}.create-account-card h2{font-size:20px;margin:0;text-align:center;letter-spacing:-.35px}.create-account-card p{font-size:10px;color:#7e7e84;text-align:center;margin:7px 0 18px}.create-close{position:absolute;right:10px;top:9px;width:30px;height:30px;border:0;border-radius:50%;background:transparent;color:#8d8d93;font-size:22px;cursor:pointer}.create-form{display:grid;gap:9px}.create-form input{width:100%;height:48px;border-radius:8px;border:1px solid #292929;background:#0e0e0e;color:#f7f7f7;padding:0 13px;font-size:14px;outline:none}.create-form input:focus{border-color:#8c7dfa;box-shadow:0 0 0 1px #8c7dfa}.create-form .unlock-button{margin-top:8px}.admin-hidden{display:none!important}

.quick-actions.no-buy{grid-template-columns:repeat(3,1fr)}
.form-inline-error{min-height:14px;margin:2px 2px 8px;color:#ff716c;font-size:9px}

/* Send amount controls */
.send-amount-head{margin-top:12px;display:flex;align-items:center;justify-content:space-between}.send-amount-head>label{font-size:8px;color:#888}.send-unit-toggle{display:flex;align-items:center;padding:2px;background:#202020;border:1px solid #303030;border-radius:8px}.send-unit-toggle button{border:0;background:transparent;color:#85858b;padding:4px 8px;border-radius:6px;font-size:8px;font-weight:600;cursor:pointer}.send-unit-toggle button.active{background:#35313f;color:#c9c1ff}.send-amount-box{margin-top:6px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;border:1px solid #303030;background:#202020;border-radius:10px;overflow:hidden}.send-amount-box:focus-within{border-color:#5f5a86}.send-amount-box input{min-width:0;border:0;outline:0;background:transparent;color:#f4f4f4;padding:11px;font-size:13px}.send-amount-box button{height:100%;border:0;border-left:1px solid #303030;background:transparent;color:#a99cff;padding:0 11px;font-size:8px;font-weight:700;cursor:pointer}.send-amount-box button:hover{background:#28252f}.send-amount-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:6px;color:#77777d;font-size:8px;font-variant-numeric:tabular-nums}.send-amount-meta strong{color:#a5a5aa;font-weight:500;text-align:right}

/* Refined swap amount controls */
.swap-caption-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}.swap-caption-row .swap-caption{margin-bottom:0}.swap-unit-toggle{flex:0 0 auto}.swap-balance-wrap{display:flex;align-items:center;gap:6px}.swap-balance-wrap #swapMax{border:0;background:transparent;color:#a99cff;font-size:7px;font-weight:750;letter-spacing:.03em;padding:2px 0;cursor:pointer}.swap-balance-wrap #swapMax:hover{color:#c9c1ff}

/* Polished wallet-style transfer notification */
.receive-toast{position:fixed;z-index:60;left:50%;bottom:72px;transform:translate(-50%,14px);width:316px;max-width:calc(100% - 24px);display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:11px;padding:11px 12px;background:rgba(31,31,33,.97);border:1px solid #363638;border-radius:14px;box-shadow:0 18px 48px rgba(0,0,0,.52),inset 0 1px 0 rgba(255,255,255,.025);opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease;backdrop-filter:blur(18px)}.receive-toast.show{opacity:1;transform:translate(-50%,0)}.receive-toast-icon{width:40px;height:40px;position:relative;display:grid;place-items:center}.receive-toast-icon>img{width:38px;height:38px;border-radius:50%;object-fit:contain;background:#171717}.receive-toast-check{position:absolute;right:-1px;bottom:-1px;width:15px;height:15px;border:2px solid #202022;border-radius:50%;display:grid;place-items:center;background:#69d681;color:#0d2413;font-size:8px;font-weight:900;line-height:1}.receive-toast-copy{min-width:0}.receive-toast-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 2px}.receive-toast-top strong{font-size:10px;font-weight:650;color:#f3f3f4;letter-spacing:-.01em}.receive-toast-top span{font-size:7px;color:#74747a}.receive-toast-amount{font-size:13px;font-weight:650;color:#fff;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.receive-toast-meta{margin-top:2px;display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;color:#8f8f95;font-size:7.5px;font-variant-numeric:tabular-nums}.receive-toast-meta span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.receive-toast-meta span:last-child{text-align:right;color:#797980}

/* Coin detail actions */
.asset-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:12px}.asset-action{height:46px;border:1px solid #2d2d30;background:#202022;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:6px;color:#e9e9eb;font-size:9px;font-weight:600;cursor:pointer;transition:background .12s ease,transform .12s ease,border-color .12s ease}.asset-action:hover{background:#252527;border-color:#35353a}.asset-action:active{transform:translateY(1px)}.asset-action svg{width:15px;height:15px;stroke:#a99cff}.asset-action.accent{background:#7860ef;border-color:#7860ef;color:white}.asset-action.accent svg{stroke:white}

/* Minimal futuristic transfer notification */
.receive-toast{position:fixed;z-index:60;left:50%;bottom:74px;width:304px;max-width:calc(100% - 26px);min-width:0;display:grid;grid-template-columns:36px minmax(0,1fr) 18px;align-items:center;gap:10px;padding:10px 12px 10px 13px;background:#171719;border:1px solid #2a2a2f;border-radius:10px;box-shadow:0 12px 32px rgba(0,0,0,.42);overflow:hidden;opacity:0;pointer-events:none;transform:translate(-50%,10px) scale(.985);transition:opacity .16s ease,transform .2s cubic-bezier(.2,.75,.25,1)}.receive-toast.show{opacity:1;transform:translate(-50%,0) scale(1)}.receive-toast-icon{width:34px;height:34px;position:relative;display:grid;place-items:center}.receive-toast-icon>img{width:32px;height:32px;border-radius:50%;object-fit:contain;background:#101011}.receive-toast-check{display:none}.receive-toast-copy{min-width:0}.receive-toast-top{display:flex;align-items:center;justify-content:space-between;margin:0 0 2px}.receive-toast-top strong{font-size:9px;font-weight:600;color:#e9e9eb;letter-spacing:.01em}.receive-toast-top span{font-size:7px;color:#696970;text-transform:uppercase;letter-spacing:.07em}.receive-toast-amount{font-size:12px;font-weight:640;line-height:1.2;color:#fff;font-variant-numeric:tabular-nums;letter-spacing:-.015em}.receive-toast-meta{margin-top:2px;display:flex;justify-content:space-between;gap:8px;color:#797980;font-size:7px;font-variant-numeric:tabular-nums}.receive-toast-meta span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.receive-toast-meta span:last-child{text-align:right}.tx-status{width:16px;height:16px;border:1px solid #34343a;border-radius:50%;display:grid;place-items:center;position:relative}.tx-status:before{content:"";width:5px;height:5px;border-radius:50%;background:#77df91;box-shadow:0 0 8px rgba(119,223,145,.55)}.tx-status span{position:absolute;inset:-3px;border:1px solid rgba(119,223,145,.18);border-radius:50%;opacity:0}.receive-toast.show .tx-status span{animation:txPulse 1.35s ease-out .15s 2}.tx-rail{position:absolute;left:0;right:0;bottom:0;height:1px;background:#242429}.tx-rail span{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#7860ef,#a496ff)}.receive-toast.show .tx-rail span{animation:txSweep 3.1s linear forwards}.tx-glow{position:absolute;width:110px;height:70px;left:-42px;top:-28px;border-radius:50%;background:rgba(124,99,246,.09);filter:blur(16px);opacity:0;transform:translateX(-15px)}.receive-toast.show .tx-glow{animation:txGlow .75s ease-out forwards}.receive-toast.incoming .tx-status:before{background:#77df91;box-shadow:0 0 8px rgba(119,223,145,.55)}.receive-toast.outgoing .tx-status:before{background:#a99cff;box-shadow:0 0 8px rgba(169,156,255,.55)}.receive-toast.outgoing .tx-status span{border-color:rgba(169,156,255,.2)}@keyframes txSweep{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes txPulse{0%{transform:scale(.65);opacity:.65}100%{transform:scale(1.8);opacity:0}}@keyframes txGlow{0%{opacity:0;transform:translateX(-18px)}45%{opacity:1}100%{opacity:.35;transform:translateX(28px)}}
.chart-loading{gap:8px;text-align:center}.chart-retry{border:1px solid #303030;background:#202020;color:#c9c9cd;border-radius:7px;padding:5px 9px;font-size:8px;cursor:pointer}.chart-retry:active{background:#262626}

/* 600px popup login fit */
.lock-screen{height:600px;overflow:hidden}
.lock-brand{height:42px;min-height:42px;padding:0 12px}
.lock-brand-word{font-size:16px}
.lock-content{min-height:0;padding:16px 16px 9px;overflow:hidden}
.lock-ghost{width:120px;height:120px;border-radius:27px;margin:5px 0 19px}
.lock-copy{margin-bottom:12px}
.lock-copy h1{font-size:20px}
.lock-copy p{margin-top:5px;font-size:9px}
.unlock-form{gap:8px}
.unlock-form input{height:46px;font-size:14px}
.unlock-error{height:10px;font-size:9px;line-height:10px}
.unlock-button{height:46px;border-radius:23px;margin-top:10px;font-size:13px}
.create-account-button{height:38px;min-width:142px;border-radius:19px;margin-top:8px;font-size:11px}
.forgot-password{margin-top:8px;padding:5px 9px;font-size:11px}
.local-lock-mark{margin-top:auto;padding-top:2px;font-size:7px}

/* Keep account creation comfortable inside the same popup. */
.create-account-panel{padding:14px}
.create-account-card{padding:20px 16px 15px;border-radius:16px}
.create-account-card h2{font-size:18px}
.create-account-card p{margin:5px 0 13px}
.create-form{gap:7px}
.create-form input{height:44px;font-size:13px}
.create-form .unlock-button{margin-top:5px}

/* Vcwallet blockchain-only test build */
.quick-actions button[data-action='swap'], .quick-actions button[data-action='buy']{display:none}.quick-actions{grid-template-columns:repeat(2,1fr);max-width:180px;margin-left:auto;margin-right:auto}.asset-actions button[id='assetSwap']{display:none}


/* ---- Vcwallet 0.8.3 home UI polish ---- */
:root{
  --home-side-pad: 16px;
  --home-gap: 12px;
}

#app, .app, .screen, main {
  box-sizing: border-box;
}

.home-header,
.portfolio,
.portfolio-header,
.balance-wrap {
  text-align: center;
}

.portfolio,
.portfolio-header,
.balance-wrap {
  margin-left: auto;
  margin-right: auto;
}

#portfolioBalance {
  letter-spacing: -0.035em;
  line-height: 1.05;
  margin-top: 2px;
}

.portfolio-sub,
.portfolio-change,
.live-line,
.portfolio-live {
  justify-content: center;
  text-align: center;
}

/* Keep the primary wallet actions centered and equal-width. */
.home-actions,
.quick-actions,
.action-row,
.wallet-actions {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
  width: min(100%, 156px) !important;
  margin: 16px auto 18px !important;
  align-items: stretch !important;
}

.home-actions > *,
.quick-actions > *,
.action-row > *,
.wallet-actions > * {
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
}

.home-actions button,
.quick-actions button,
.action-row button,
.wallet-actions button,
.home-actions .action,
.quick-actions .action {
  height: 48px !important;
  border-radius: 12px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.home-actions .action-label,
.quick-actions .action-label,
.action-row .action-label,
.wallet-actions .action-label {
  text-align: center !important;
}

/* If the app uses button + label wrappers, align those too. */
.action-item,
.home-action,
.quick-action {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 7px !important;
  min-width: 0 !important;
}

.action-item button,
.home-action button,
.quick-action button {
  width: 64px !important;
  height: 48px !important;
  margin: 0 auto !important;
}

.action-item span,
.home-action span,
.quick-action span {
  width: 100% !important;
  text-align: center !important;
}

/* Cleaner section rhythm */
.market-banner,
.live-market-card {
  margin-left: var(--home-side-pad) !important;
  margin-right: var(--home-side-pad) !important;
}

.tabs,
.asset-tabs {
  margin-top: 16px !important;
}

#tokenList,
.token-list {
  padding-bottom: 8px !important;
}

.asset-section-label {
  margin: 14px 16px 6px !important;
  font-size: 9px !important;
  letter-spacing: .12em !important;
  opacity: .52 !important;
}

.asset-empty {
  display: none !important;
}

/* Token rows: consistent padding, cleaner alignment */
.token-row {
  min-height: 60px !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
}

.token-row .coin-main,
.token-row .coin-value {
  min-width: 0 !important;
}

.token-row .coin-value {
  text-align: right !important;
}

/* Prevent labels from visually colliding with the bottom nav */
.bottom-nav,
nav.bottom-nav {
  position: sticky;
  bottom: 0;
  z-index: 20;
}

/* Slightly reduce visual noise in secondary metadata */
.token-row small,
.token-row .coin-main span,
.token-row .coin-value span,
.market-banner small,
.live-market-card small {
  opacity: .72;
}


/* ---- Vcwallet 0.8.4 clean mainnet UI ---- */

/* Give content permanent clearance above the fixed navigation bar. */
.app-shell{
  padding-bottom:78px !important;
}

/* Home Receive / Send: crisp, centered and symmetrical. */
.quick-actions{
  display:grid !important;
  grid-template-columns:repeat(2,72px) !important;
  justify-content:center !important;
  align-items:start !important;
  gap:16px !important;
  width:100% !important;
  max-width:none !important;
  margin:14px auto 18px !important;
}

.quick-actions button{
  width:72px !important;
  min-width:72px !important;
  height:auto !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  background:transparent !important;
  display:grid !important;
  grid-template-rows:48px auto !important;
  justify-items:center !important;
  align-items:center !important;
  gap:7px !important;
  cursor:pointer !important;
}

.quick-actions .action-tile{
  width:72px !important;
  height:48px !important;
  border-radius:9px !important;
  border:1px solid #333338 !important;
  background:#222224 !important;
  display:grid !important;
  place-items:center !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025) !important;
  transition:background .12s ease,border-color .12s ease,transform .09s ease !important;
}

.quick-actions button:hover .action-tile{
  background:#27272a !important;
  border-color:#3b3b40 !important;
}

.quick-actions button:active .action-tile{
  transform:translateY(1px) scale(.985) !important;
  background:#29292c !important;
}

.quick-actions .action-tile svg{
  width:18px !important;
  height:18px !important;
  stroke:#b6adff !important;
  stroke-width:1.8 !important;
}

.quick-actions small{
  display:block !important;
  width:100% !important;
  text-align:center !important;
  font-size:9px !important;
  line-height:1 !important;
  font-weight:560 !important;
  color:#e8e8ea !important;
}

/* Bottom navigation must sit on the actual bottom edge, never float with content. */
.bottom-nav,
nav.bottom-nav{
  position:fixed !important;
  left:0 !important;
  right:auto !important;
  bottom:0 !important;
  width:352px !important;
  height:64px !important;
  padding:4px 6px 6px !important;
  z-index:40 !important;
  background:#101011 !important;
  border-top:1px solid #29292c !important;
  box-shadow:0 -8px 22px rgba(0,0,0,.18) !important;
  display:grid !important;
  grid-template-columns:repeat(5,1fr) !important;
  align-items:center !important;
}

.bottom-nav button{
  height:50px !important;
  min-width:0 !important;
  border:0 !important;
  border-radius:9px !important;
  background:transparent !important;
  color:#77777e !important;
  display:grid !important;
  grid-template-rows:22px auto !important;
  align-content:center !important;
  justify-items:center !important;
  gap:2px !important;
  padding:3px 0 !important;
  cursor:pointer !important;
  transition:background .12s ease,color .12s ease !important;
}

.bottom-nav button:hover{
  background:#171719 !important;
  color:#aaaab0 !important;
}

.bottom-nav button.active{
  background:#1b1923 !important;
  color:#a89cff !important;
}

.bottom-nav svg{
  width:17px !important;
  height:17px !important;
  stroke-width:1.8 !important;
}

.bottom-nav small{
  font-size:7.5px !important;
  line-height:1 !important;
  font-weight:520 !important;
}

/* Sharpen common interactive controls without changing behavior. */
.market-banner,
.primary,
.secondary,
.asset-action,
.asset-option,
.token-row,
.menu-row{
  border-radius:9px !important;
}

.primary{
  min-height:42px !important;
}

.secondary{
  min-height:40px !important;
}

.asset-actions{
  gap:8px !important;
}

.asset-action{
  height:46px !important;
  border-color:#303035 !important;
  background:#202022 !important;
}

/* Keep main content clear of the fixed footer. */
#tokenList,
.token-list{
  padding-bottom:10px !important;
}


/* ---- Vcwallet 0.8.5 modal visibility + logo polish ---- */

/* Sheets must sit above the persistent app navigation. */
.overlay{
  z-index:90 !important;
  padding-top:28px !important;
}

/* Use the full popup safely, while keeping every action reachable. */
.sheet{
  max-height:calc(100vh - 28px) !important;
  min-height:0 !important;
  overflow-y:auto !important;
  overscroll-behavior:contain !important;
  scrollbar-width:none !important;
}

.sheet-body{
  padding-bottom:26px !important;
}

/* Keep the header visible while scrolling long Send/Receive forms. */
.sheet-head{
  position:sticky !important;
  top:0 !important;
  z-index:3 !important;
  background:#181818 !important;
}

/* Receive/Send primary controls: clean, sharp and easy to hit. */
.sheet .primary,
.sheet .secondary,
.sheet input,
.sheet select,
.sheet .send-amount-box{
  border-radius:9px !important;
}

.sheet .primary{
  min-height:44px !important;
  font-weight:650 !important;
  border:1px solid rgba(255,255,255,.07) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04) !important;
}

.sheet .primary:active{
  transform:translateY(1px) !important;
}

#copyReceiveAddress{
  margin-top:12px !important;
  margin-bottom:8px !important;
}

#sendConfirm{
  margin-top:14px !important;
  margin-bottom:8px !important;
}

.address-input{
  padding-right:12px !important;
}

/* New distinct Vcwallet mark on the lock screen. */
.lock-ghost{
  width:82px !important;
  height:82px !important;
  object-fit:contain !important;
  border-radius:50% !important;
  filter:none !important;
  opacity:1 !important;
}


/* ---- Vcwallet 0.8.6 futuristic neon theme ---- */
:root{
  --bg:#070910 !important;
  --card:#11151f !important;
  --card2:#171d29 !important;
  --line:#293043 !important;
  --muted:#9ba4c0 !important;
  --text:#f6f7fb !important;
  --primary:#7a6cff !important;
  --primary2:#20d7ff !important;
  --green:#27e37c !important;
  --red:#ff627d !important;
  --glowA:rgba(122,108,255,.32);
  --glowB:rgba(32,215,255,.18);
}

html,body{
  background:
    radial-gradient(1200px 800px at 15% -10%, rgba(123,108,255,.14), transparent 48%),
    radial-gradient(950px 720px at 100% 8%, rgba(32,215,255,.11), transparent 42%),
    linear-gradient(180deg,#090b12 0%, #070910 100%) !important;
  color:var(--text) !important;
}

body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(180deg, rgba(255,255,255,.018), transparent 12%, transparent 88%, rgba(255,255,255,.01)),
    linear-gradient(90deg, rgba(255,255,255,.01), transparent 8%, transparent 92%, rgba(255,255,255,.008));
  mix-blend-mode:screen;
  opacity:.65;
}

.market-card,.live-market-card,.token-row,.menu-row,.asset-action,.sheet,.field input,.field button.secondary,.bottom-nav,.swap-block,.picker-option,.unlock-form input,.lock-brand,.lock-help,.unlock-button{
  border-color:rgba(122,108,255,.18) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.01) inset,
    0 10px 26px rgba(0,0,0,.26),
    0 0 20px rgba(122,108,255,.08) !important;
}

.market-card,.live-market-card,.token-row,.menu-row,.asset-action,.swap-block,.picker-option,.sheet,.field input,.field button.secondary,.unlock-form input{
  background:
    linear-gradient(180deg, rgba(21,25,36,.96), rgba(13,16,24,.96)) !important;
  backdrop-filter: blur(14px) saturate(120%);
}

.primary,.unlock-button{
  background:linear-gradient(135deg, #4a63ff 0%, #7d5dff 40%, #b352ff 100%) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  box-shadow:
    0 12px 30px rgba(88,92,255,.26),
    0 0 0 1px rgba(255,255,255,.03) inset,
    0 0 30px rgba(123,108,255,.18) !important;
}

.primary:hover,.unlock-button:hover{
  filter:brightness(1.04);
}

.secondary{
  background:linear-gradient(180deg, rgba(22,26,37,.95), rgba(13,16,24,.95)) !important;
  border:1px solid rgba(122,108,255,.24) !important;
  color:#eef1ff !important;
}

#portfolioBalance,.portfolio-balance{
  text-shadow:0 0 26px rgba(122,108,255,.18);
}

.token-row:hover,.menu-row:hover,.asset-action:hover,.picker-option:hover{
  border-color:rgba(32,215,255,.32) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.01) inset,
    0 10px 22px rgba(0,0,0,.28),
    0 0 22px rgba(32,215,255,.08) !important;
}

.quick-actions .action-tile{
  background:
    linear-gradient(180deg, rgba(18,22,33,.98), rgba(11,14,23,.98)) !important;
  border:1px solid rgba(122,108,255,.24) !important;
  box-shadow:
    0 10px 24px rgba(0,0,0,.28),
    0 0 18px rgba(122,108,255,.09) !important;
}

.quick-actions button:hover .action-tile{
  border-color:rgba(32,215,255,.34) !important;
  box-shadow:
    0 10px 24px rgba(0,0,0,.28),
    0 0 20px rgba(32,215,255,.10) !important;
}

.bottom-nav,nav.bottom-nav{
  background:rgba(8,10,18,.90) !important;
  backdrop-filter:blur(18px) saturate(130%) !important;
  border-top:1px solid rgba(122,108,255,.18) !important;
}

.bottom-nav button.active{
  background:linear-gradient(180deg, rgba(42,34,76,.92), rgba(22,18,40,.92)) !important;
  color:#b8adff !important;
  box-shadow:0 0 18px rgba(122,108,255,.12) inset !important;
}

.asset-section-label{
  color:#8e96b6 !important;
  opacity:.88 !important;
}

.lock-screen{
  background:
    radial-gradient(900px 620px at 50% -8%, rgba(123,108,255,.16), transparent 48%),
    linear-gradient(180deg,#090b12 0%, #070910 100%) !important;
}

.lock-brand-word{
  color:#c7bbff !important;
  text-shadow:0 0 18px rgba(122,108,255,.18);
}

/* QR / receive modal */
.receive-v2{
  display:grid;
  gap:12px;
}
.receive-asset-hero{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:12px;
  align-items:center;
}
.receive-asset-icon{
  width:46px;height:46px;border-radius:50%;
  background:linear-gradient(135deg, rgba(122,108,255,.16), rgba(32,215,255,.12));
  border:1px solid rgba(122,108,255,.22);
  display:grid;place-items:center;
  box-shadow:0 0 22px rgba(122,108,255,.14);
}
.receive-asset-icon img{
  width:28px;height:28px;object-fit:contain;
}
.receive-asset-copy h3{
  margin:0 0 4px;
  font-size:14px;
  line-height:1.1;
}
.receive-asset-copy p{
  margin:0;
  font-size:11px;
  color:#9ea7c5;
}
.qr-shell{
  background:linear-gradient(180deg, rgba(18,22,34,.98), rgba(11,14,21,.98));
  border:1px solid rgba(122,108,255,.20);
  border-radius:14px;
  padding:16px 14px 14px;
  box-shadow:
    0 14px 34px rgba(0,0,0,.26),
    0 0 24px rgba(32,215,255,.05),
    0 0 24px rgba(122,108,255,.08);
}
.qr-stage{
  width:220px;height:220px;
  margin:0 auto 12px;
  padding:10px;
  border-radius:18px;
  background:linear-gradient(135deg, rgba(82,96,255,.25), rgba(178,73,255,.22));
  box-shadow:0 0 26px rgba(122,108,255,.18);
}
.qr-stage img{
  width:100%;height:100%;
  display:block;
  object-fit:contain;
  border-radius:12px;
  background:#fff;
}
.qr-caption{
  text-align:center;
  font-size:11px;
  color:#a8b1cb;
  margin:0 0 10px;
}
.address-panel{
  display:grid;
  gap:8px;
}
.address-panel label{
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:#9ea7c5;
}
.address-row{
  display:grid;
  grid-template-columns:1fr auto;
  gap:8px;
}
.address-row input{
  min-width:0;
}
.icon-copy-btn{
  width:48px;
  border-radius:10px !important;
  display:grid;
  place-items:center;
}
.neon-note{
  font-size:11px;
  color:#9ea7c5;
  line-height:1.4;
  padding:10px 12px;
  border-radius:10px;
  border:1px solid rgba(122,108,255,.16);
  background:linear-gradient(180deg, rgba(15,19,28,.92), rgba(10,13,20,.92));
}
.sheet-actions-grid{
  display:grid;
  gap:10px;
}
.sheet .ghost-btn{
  min-height:42px;
}


/* ---- Vcwallet 0.8.7 recovery phrase UX ---- */
.restore-wallet-link{margin-top:4px!important;color:#8ea7ff!important}
.seed-step{display:grid;gap:11px;max-height:520px;overflow:auto;padding-right:2px}
.seed-step[hidden]{display:none}
.seed-warning{display:grid;gap:4px;padding:10px 11px;border:1px solid rgba(122,108,255,.22);border-radius:10px;background:linear-gradient(180deg,rgba(28,26,48,.86),rgba(13,16,26,.92));box-shadow:0 0 22px rgba(122,108,255,.07)}
.seed-warning strong{font-size:11px;color:#f3f0ff}.seed-warning span{font-size:9px;line-height:1.45;color:#a7aec6}
.seed-warning.danger{border-color:rgba(255,98,125,.30);background:linear-gradient(180deg,rgba(52,20,31,.72),rgba(17,14,22,.94))}
.seed-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px}
.seed-word{display:grid;grid-template-columns:20px 1fr;align-items:center;gap:5px;min-width:0;padding:6px 7px;border:1px solid rgba(122,108,255,.16);border-radius:7px;background:rgba(8,11,18,.75)}
.seed-word span{font-size:7px;color:#6f7895;text-align:right}.seed-word strong{font-size:8.5px;font-weight:620;color:#e9edff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.seed-saved-check{display:flex;align-items:flex-start;gap:8px;padding:8px 2px;color:#c2c8dc;font-size:9px;line-height:1.35}.seed-saved-check input{accent-color:#786cff;margin-top:1px}
.seed-confirm-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.seed-confirm-fields label{font-size:7px;color:#929bb8}.seed-confirm-fields input{display:block;width:100%;height:34px;margin-top:4px;border:1px solid rgba(122,108,255,.20);border-radius:7px;background:#0b0e16;color:#f4f6ff;padding:0 7px;font-size:8px;outline:0}.seed-confirm-fields input:focus{border-color:#6d8dff;box-shadow:0 0 0 1px rgba(109,141,255,.28)}
.seed-back{height:34px;border:0;background:transparent;color:#8d96b3;font-size:9px;cursor:pointer}
.seed-textarea{width:100%;min-height:116px;resize:none;border:1px solid rgba(122,108,255,.22);border-radius:9px;background:#0b0e16;color:#f4f6ff;padding:10px;font:inherit;font-size:10px;line-height:1.5;outline:0}.seed-textarea:focus{border-color:#6d8dff;box-shadow:0 0 0 1px rgba(109,141,255,.28)}
.recovery-card{max-height:560px;overflow:auto}
.sheet-seed-warning{margin-bottom:10px}.sheet-seed-grid{margin:10px 0}.sheet-seed-grid .seed-word{padding:7px}.sheet-seed-grid .seed-word strong{font-size:9px}
.recovery-menu{border-color:rgba(122,108,255,.27)!important;box-shadow:0 0 22px rgba(122,108,255,.07)!important}


/* ---- Vcwallet 0.8.8 recovery screen fit ---- */

/* Recovery/create overlays always fit inside the 352x600 popup. */
.create-account-panel{
  overflow:hidden !important;
  padding:10px !important;
  align-items:center !important;
}

.create-account-card{
  width:100% !important;
  max-height:calc(100vh - 20px) !important;
  min-height:0 !important;
  padding:18px 14px 12px !important;
  display:flex !important;
  flex-direction:column !important;
  overflow:hidden !important;
  border-radius:14px !important;
}

/* Keep the heading compact so the phrase gets the available room. */
.create-account-card h2{
  flex:0 0 auto !important;
  font-size:18px !important;
}
.create-account-card > p{
  flex:0 0 auto !important;
  margin:5px 20px 10px !important;
  line-height:1.35 !important;
}

/* The actual seed content owns the scroll area. */
.seed-step{
  flex:1 1 auto !important;
  min-height:0 !important;
  max-height:none !important;
  overflow-y:auto !important;
  overscroll-behavior:contain !important;
  padding:2px 3px 86px 1px !important;
  gap:8px !important;
  scrollbar-width:thin !important;
  scrollbar-color:rgba(122,108,255,.42) transparent !important;
}
.seed-step::-webkit-scrollbar{width:4px !important}
.seed-step::-webkit-scrollbar-thumb{
  background:rgba(122,108,255,.42) !important;
  border-radius:10px !important;
}

/* 24 words remain easy to read while using less vertical space. */
.seed-grid{
  grid-template-columns:1fr 1fr !important;
  gap:4px 6px !important;
}
.seed-word{
  min-height:27px !important;
  padding:5px 6px !important;
  border-radius:7px !important;
}
.seed-word strong{
  font-size:8.5px !important;
  overflow:visible !important;
  text-overflow:clip !important;
}
.seed-warning{
  padding:8px 9px !important;
}
.seed-warning span{
  line-height:1.35 !important;
}
.seed-saved-check{
  padding:5px 1px !important;
}
.seed-confirm-fields{
  gap:5px !important;
}
.seed-confirm-fields input{
  height:32px !important;
}

/* Finish/Back remain reachable even when the phrase itself scrolls. */
.seed-actions{
  position:sticky !important;
  bottom:-86px !important;
  z-index:8 !important;
  display:grid !important;
  gap:5px !important;
  padding:9px 0 4px !important;
  margin-top:2px !important;
  background:
    linear-gradient(180deg,rgba(9,11,18,0) 0%,rgba(9,11,18,.96) 24%,rgba(9,11,18,.99) 100%) !important;
}
.seed-actions .unlock-button{
  margin-top:0 !important;
  height:40px !important;
}
.seed-actions .seed-back{
  height:30px !important;
}

/* Recovery-from-seed form gets its own scrollable body as well. */
.recovery-card{
  max-height:calc(100vh - 20px) !important;
  overflow-y:auto !important;
  overscroll-behavior:contain !important;
  padding-bottom:18px !important;
}
.recovery-card .create-form{
  padding-bottom:8px !important;
}
.seed-textarea{
  min-height:94px !important;
}

/* Prevent software keyboards/focus from trapping controls below the viewport. */
.create-account-panel input:focus,
.create-account-panel textarea:focus{
  scroll-margin-bottom:96px !important;
}


/* ---- Vcwallet 0.9.2 seed step transition ---- */
#createSeedStep:focus{
  outline:none !important;
}


/* ---- Vcwallet 0.9.3 recovery step visibility fix ---- */
/* The neon/grid rules use !important, so the hidden state must beat them. */
#createSeedStep[hidden],
.seed-step[hidden]{
  display:none !important;
  visibility:hidden !important;
}

/* Only show the seed step after Continue to recovery phrase is pressed. */
#createSeedStep:not([hidden]){
  display:grid !important;
  visibility:visible !important;
}


/* ---- Vcwallet 0.9.4 account creation step replacement ---- */
/*
  Author CSS such as .create-form { display:grid } overrides the browser's
  default [hidden] rule. Explicitly enforce both steps here so only one can
  ever be visible at a time.
*/
#createAccountForm[hidden],
#createSeedStep[hidden]{
  display:none !important;
  visibility:hidden !important;
}

#createAccountForm:not([hidden]){
  display:grid !important;
  visibility:visible !important;
}

#createSeedStep:not([hidden]){
  display:grid !important;
  visibility:visible !important;
}

/* Avoid retaining layout space from the hidden password step. */
#createAccountForm[hidden] *{
  display:none !important;
}


/* ---- Vcwallet 0.9.5 receive status notifications ---- */
.receive-toast.pending .tx-status span{
  box-shadow:0 0 10px rgba(255,190,80,.55) !important;
}
.receive-toast.confirmed .tx-status span{
  box-shadow:0 0 10px rgba(39,227,124,.60) !important;
}
.receive-toast.pending .receive-toast-top strong,
.receive-toast.confirmed .receive-toast-top strong{
  letter-spacing:-.01em;
}


/* ---- Vcwallet PWA 1.0 responsive mobile shell ---- */
html,body{
  width:100%!important;
  min-width:0!important;
  height:100%!important;
  min-height:100dvh!important;
  overflow:hidden!important;
}
body{
  max-width:none!important;
  margin:0!important;
  background:#070910!important;
}
.app-shell,.lock-screen{
  width:100%!important;
  height:100dvh!important;
  min-height:100dvh!important;
}
.app-shell{
  padding-left:max(14px,env(safe-area-inset-left))!important;
  padding-right:max(14px,env(safe-area-inset-right))!important;
  padding-top:max(12px,env(safe-area-inset-top))!important;
  padding-bottom:calc(88px + env(safe-area-inset-bottom))!important;
  overflow-y:auto!important;
  -webkit-overflow-scrolling:touch!important;
}
.lock-screen{
  padding-top:env(safe-area-inset-top)!important;
  padding-bottom:env(safe-area-inset-bottom)!important;
}
.bottom-nav,nav.bottom-nav{
  width:100%!important;
  left:0!important;
  right:0!important;
  height:calc(68px + env(safe-area-inset-bottom))!important;
  padding-bottom:env(safe-area-inset-bottom)!important;
}
.overlay{
  width:100%!important;
  height:100dvh!important;
  padding-top:max(24px,env(safe-area-inset-top))!important;
}
.sheet{
  width:100%!important;
  max-height:calc(100dvh - max(24px,env(safe-area-inset-top)))!important;
  padding-bottom:env(safe-area-inset-bottom)!important;
}
.create-account-panel{
  position:fixed!important;
  inset:0!important;
  width:100%!important;
  height:100dvh!important;
  padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))!important;
}
.create-account-card{
  max-width:520px!important;
  margin:auto!important;
}
.quick-actions{
  grid-template-columns:repeat(2,minmax(0,88px))!important;
  gap:18px!important;
}
.quick-actions button,.quick-actions .action-tile{
  width:88px!important;
}
.market-banner,.token-list,.tabs,.portfolio,.topbar{
  max-width:760px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
@media (min-width:700px){
  .app-shell{padding-left:24px!important;padding-right:24px!important}
  .bottom-nav{
    left:50%!important;
    transform:translateX(-50%)!important;
    max-width:760px!important;
    border-left:1px solid rgba(122,108,255,.12)!important;
    border-right:1px solid rgba(122,108,255,.12)!important;
  }
  .sheet{max-width:640px!important;margin:0 auto!important}
}
@media (display-mode:standalone){
  body{-webkit-tap-highlight-color:transparent}
}