@import url('assets/bodoni-moda.css');
:root{color-scheme:dark;--bg:#070706;--panel:#0c0c09;--ink:#eeece6;--muted:#aca99f;--gold:#b9a16e;--bright:#e3cca0;--line:#2c281e;--nav-height:78px;font-family:'Bodoni Moda',serif;font-optical-sizing:auto;font-synthesis:none}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-padding-top:20px;scroll-padding-bottom:110px}
body{margin:0;min-width:320px;background:radial-gradient(ellipse at 24% 4%,#252118 0,transparent 48%),radial-gradient(ellipse at 82% 36%,#10110e 0,transparent 52%),var(--bg);color:var(--ink);font-family:'Bodoni Moda',serif;font-size:14px;line-height:1.6;padding:34px 20px 0}
button,input,select,textarea{font-family:inherit;font-size:inherit}
button,a,input,select{-webkit-tap-highlight-color:transparent}
button{cursor:pointer;color:var(--ink)}button:disabled{cursor:default;opacity:.46}
a{color:var(--gold);text-decoration:none}a:hover{color:var(--bright)}
:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}
.icon-library{position:absolute;width:0;height:0;overflow:hidden}
#shell{width:min(100%,600px);min-height:calc(100vh - 34px);margin:0 auto;background:#080807d9;border:1px solid #343025;box-shadow:0 30px 100px #0007}
.topbar{height:62px;display:flex;align-items:center;justify-content:space-between;margin:0 30px;border-bottom:1px solid #ffffff09}
.home{border:0;background:none;color:var(--muted);font-size:10px;letter-spacing:3px;padding:12px 0}
.top-tools{display:flex;align-items:center;gap:18px}.release-label{color:var(--muted);font-size:10px;letter-spacing:1.5px}.security-dot{width:4px;height:4px;border-radius:50%;background:var(--gold)}
.icon-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;padding:7px;border:0;background:none;color:var(--gold)}
.icon-button svg{width:18px;height:18px}.hero{height:250px;position:relative;isolation:isolate;text-align:center;display:flex;flex-direction:column;align-items:center;padding:32px 20px 24px;overflow:hidden}
.hero::before{content:'';position:absolute;inset:40% 0 0;background:url('assets/earth-horizon.png') center 35%/100% auto no-repeat;opacity:.23;z-index:-1;pointer-events:none}
.hero::after{content:'';height:1px;width:58px;background:var(--gold);opacity:.6;margin-top:25px;flex:none}
.hero-logo{width:66px;height:78px;object-fit:contain;filter:drop-shadow(0 0 22px #c39d4020)}
.hero h1{font-size:24px;font-weight:400;letter-spacing:5px;line-height:1.3;margin:20px 0 9px;color:var(--ink)}
.hero h1 span{color:var(--gold)}.tagline{font-size:8px;letter-spacing:3px;line-height:1.7;color:var(--gold);margin:0}
.entry .hero{height:322px;padding-top:42px}.entry .hero-logo{width:86px;height:100px}.entry .hero h1{font-size:27px;letter-spacing:5px;margin-top:29px}.entry .hero::after{margin-top:30px}
.content{padding:0 36px 104px}.auth-page{padding:20px 0 0}.entry-options{display:grid;gap:12px;padding:8px 0 14px}
h2{font-weight:400;font-size:38px;line-height:1.2;letter-spacing:-.7px;margin:18px 0 24px}h3{font-weight:400}
p{margin:12px 0}.eyebrow{font-size:10px;line-height:1.6;letter-spacing:2.2px;text-transform:uppercase;color:var(--gold);margin:0}
.micro{font-size:12px;line-height:1.75;color:var(--muted)}.centered{text-align:center}.gold-text{color:var(--gold)}
label{display:block;font-size:13px;color:#c4c0b5;margin:18px 0 8px}input:not([type=checkbox]),select{width:100%;min-width:0;background:#070706;border:1px solid #363024;border-radius:2px;color:var(--ink);padding:13px 15px;font-size:14px;line-height:1.5}
input::placeholder{color:#77746a}input:not([type=checkbox]):focus,select:focus{border-color:var(--gold)}input[type=checkbox]{accent-color:var(--gold);width:15px;height:15px}
.gold,.outline{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:49px;padding:13px 16px;border-radius:1px;font-size:13px;letter-spacing:.5px;line-height:1.55;margin:15px 0 0}
.gold{background:var(--gold);border:1px solid var(--gold);color:#0b0a08}.gold:hover{background:#c9b27e}.outline{background:transparent;border:1px solid #4a4130;color:#d6c59f}.outline:hover{border-color:var(--gold);background:#b9a16e08}
.entry-options .gold,.entry-options .outline{margin:0;min-height:50px}.text-button,.bare{border:0;background:none;color:var(--gold);font-size:12px;line-height:1.6;padding:12px 8px}.text-button{display:flex;justify-content:center;align-items:center;gap:5px;margin:5px auto}
.input-eye{position:relative;display:flex}.input-eye input{padding-right:49px}.input-eye button{position:absolute;right:1px;top:1px;width:46px;height:46px;border:0;background:none;color:var(--gold);display:grid;place-items:center}.input-eye svg{width:17px;height:17px}
.check{display:flex;gap:10px;align-items:flex-start;font-size:12px;line-height:1.8;margin:20px 0}.check input{margin:4px 0 0;flex:none}.lock-badge{display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:2.5px;color:var(--gold)}.lock-badge svg{width:17px;height:17px}
.balance-heading,.section-line{display:flex;justify-content:space-between;align-items:center;gap:10px}.balance-heading{padding-top:14px}.quiet-select{width:auto;max-width:150px;padding:7px 4px;background:transparent;border:0;color:#b8b19e;font-size:12px}
.headline-balance{font-size:48px;text-align:center;margin:28px 0 12px;line-height:1.15;letter-spacing:-1.1px}.headline-balance+.micro{margin:0 0 26px}
.live-sol{display:flex;align-items:center;gap:12px;padding:20px 16px;background:linear-gradient(110deg,#18160f88,#09090744);border-top:1px solid #4c432c;border-bottom:1px solid #302b20;margin-top:24px}
.live-sol>span{display:flex;align-items:center;gap:8px;font-size:16px;min-width:0}.live-sol small{font-size:10px;color:var(--muted)}.sol-mark{font-size:20px;color:var(--gold)}.live-sol strong{font-size:22px;font-weight:400;white-space:nowrap;letter-spacing:-.5px;margin-left:auto}.live-sol .icon-button{width:28px;min-width:28px;padding:5px}
#sol-status{font-size:11px;min-height:19px;margin:9px 0 17px;color:#b8b1a1}#connection-help{margin:-7px 0 13px;padding-left:0}
.actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:20px 0 8px}.actions button{min-height:52px;min-width:0;white-space:nowrap;background:transparent;border:1px solid #514733;border-radius:1px;padding:10px 5px;color:#d5c294;font-size:13px;letter-spacing:.4px}
.actions #buy-one-button{background:var(--gold);border-color:var(--gold);color:#0b0a08}.actions button:hover{border-color:var(--bright)}.actions #buy-one-button:hover{background:#c9b27e}
.chart-link{display:flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:9px 0;margin:0 0 22px;font-size:12px;letter-spacing:.8px;color:var(--gold)}
.receive-card{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:23px 0 26px;scroll-margin-top:22px}.receive-card .section-line .micro{margin:0}
#qr{display:block;width:148px!important;height:148px!important;margin:28px auto 23px;border:8px solid #ded0ae;box-shadow:0 0 0 1px #5d4d2e}
.address{font-size:12px;line-height:1.8;overflow-wrap:anywhere;text-align:center;color:#d2c6a9;margin:0 auto;max-width:430px}.copy-button{display:flex;align-items:center;justify-content:center;gap:7px;border:0;background:none;color:var(--gold);font-size:11px;letter-spacing:.4px;margin:6px auto 3px;padding:10px 8px}.copy-button svg{height:14px;width:14px}.receive-card>.micro{margin:3px 0 0}
.portfolio-section{padding-top:29px}.portfolio-tools{display:flex;align-items:center}.portfolio-value{font-size:42px;letter-spacing:-.8px;margin:16px 0 5px}.portfolio-section>#portfolio-note{margin:0 0 23px}
.asset-row{width:100%;display:flex;align-items:center;gap:12px;padding:18px 0;border:0;border-bottom:1px solid var(--line);background:none;text-align:left;color:var(--ink)}.asset-icon{display:grid;place-items:center;width:36px;height:36px;flex:none;border:1px solid #4a3f2c;border-radius:50%;color:var(--gold);font-size:16px}.asset-icon img{width:22px;height:27px;object-fit:contain}.asset-name{display:flex;flex:1;min-width:0;flex-direction:column;gap:3px}.asset-name strong{font-size:16px;font-weight:400}.asset-name small{font-size:11px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-amount{text-align:right;display:flex;flex-direction:column;gap:3px}.asset-amount strong{font-size:16px;font-weight:400}.asset-amount small{color:var(--muted);font-size:11px}.asset-contract{overflow-wrap:anywhere;font-size:11px;color:var(--muted);padding:10px 0}
.wallet-page{padding-bottom:12px;min-width:0}.back-home{justify-content:flex-start;margin:0 0 12px;padding-left:0}.back-home svg{width:12px;height:12px}.wallet-page>h2{margin:10px 0 28px}
.bottom-nav{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);width:min(calc(100% - 40px),600px);height:var(--nav-height);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:8px 12px;border:1px solid #4e442f;background:#080807f5;backdrop-filter:blur(18px);z-index:20;box-shadow:0 12px 35px #0009}
.bottom-nav::before{content:'';position:absolute;top:-1px;left:12px;width:calc((100% - 24px)/4);height:2px;background:var(--gold);transform:translateX(calc(var(--tab-index,0)*100%));transition:transform .22s ease}
.bottom-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:6px 2px;border:0;background:none;color:#a6a090;font-size:11px;letter-spacing:.4px}.bottom-nav button[aria-current=page]{color:var(--bright)}.bottom-nav button:hover{color:var(--ink)}.bottom-nav svg{height:19px;width:19px}
.setting-row{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:20px 0;border-bottom:1px solid var(--line);color:var(--muted);font-size:13px}.setting-row strong{font-weight:400;text-align:right;color:var(--ink);max-width:190px;font-size:13px}.setting-link{display:flex;justify-content:space-between;padding:15px 0;font-size:13px;border-bottom:1px solid var(--line)}
.connection-card{border:1px solid var(--line);padding:19px;margin:10px 0 8px;background:#ffffff02}.connection-card .section-line .micro{font-size:10px;margin:0}.connection-card .outline{margin-top:10px}.connection-card .text-button{margin-bottom:0;padding-bottom:0}
.history-item{display:flex;align-items:center;gap:12px;padding:18px 0;border-bottom:1px solid var(--line)}.history-info{flex:1;min-width:0}.history-info strong{display:block;font-size:14px;color:var(--ink);font-weight:400}.history-info small{font-size:11px;color:var(--muted)}.history-state{font-size:11px;color:var(--gold)}.attempt{padding:18px;border:1px solid #54462c;margin:14px 0;background:#b9a16e05}.attempt p{margin-top:0}.attempt button{font-size:12px}
.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:10px}.panel-head h2{margin:0;font-size:42px}.pill{font-size:10px;letter-spacing:.5px;padding:5px 9px;border:1px solid #51452b;color:var(--gold);white-space:nowrap}.intro{color:var(--muted);font-size:14px;line-height:1.8;margin:15px 0 30px}
.asset-card{background:#ffffff02;border:1px solid #363024;padding:22px 20px;border-radius:2px}.asset-card>label{font-size:12px;margin:0;color:var(--muted)}.amount-line{display:flex;align-items:center;gap:15px;margin:15px 0}.amount-line input,.amount-line output{display:block;min-width:0;width:100%;background:none;border:0;padding:0;color:var(--ink);font-size:40px;line-height:1.25;letter-spacing:-1px;text-overflow:ellipsis;overflow:hidden}.token-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid #4d422b;padding:9px 12px;font-size:12px;color:var(--gold);background:#b9a16e04;white-space:nowrap;flex:none}.asset-card .micro{font-size:11px;margin:0}.swap-direction{height:38px;display:grid;place-items:center;color:var(--gold);font-size:23px}.fee-note{display:flex;justify-content:space-between;margin:27px 0 8px;color:var(--gold);font-size:13px}.fee-help{font-size:12px;margin:0 0 24px}#trade-status{font-size:12px;color:var(--muted);line-height:1.8;margin:15px 0}#trade .chart-link{margin:18px 0 0}
.route{border-top:1px solid var(--line);margin:24px 0;padding-top:24px}.route h3{font-size:12px;letter-spacing:1px;color:var(--gold);margin:0 0 13px}.route>strong{font-size:34px;font-weight:400;overflow-wrap:anywhere}.route>p{font-size:12px;color:var(--muted)}.route dl div{display:flex;justify-content:space-between;gap:18px;padding:13px 0;border-bottom:1px solid var(--line);font-size:12px}.route dt{color:var(--muted)}.route dd{max-width:60%;margin:0;text-align:right;overflow-wrap:anywhere}
.more-options{margin:22px 0}.more-options summary{font-size:12px;color:var(--gold);padding:10px 0;cursor:pointer}.more-options p{font-size:12px;color:var(--muted)}
dialog{width:min(490px,calc(100vw - 28px));max-height:calc(100dvh - 36px);padding:26px;background:#0b0b08;color:var(--ink);border:1px solid #72603c;border-radius:3px;box-shadow:0 30px 120px #000c;overflow:auto}dialog::backdrop{background:#000c;backdrop-filter:blur(7px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;gap:8px}dialog h2{font-size:35px;margin:18px 0 25px}dialog dl{margin:20px 0}dialog dl div{padding:12px 0;border-bottom:1px solid var(--line)}dialog dt{font-size:11px;color:var(--muted);margin-bottom:5px}dialog dd{margin:0;font-size:13px;color:var(--ink);overflow-wrap:anywhere;line-height:1.8}#send-status{font-size:12px;color:var(--gold);line-height:1.8}
#status{font-size:12px;color:var(--gold);line-height:1.8;overflow-wrap:anywhere;margin:15px 0}#status:empty{display:none}footer{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding:25px 0 10px;margin-top:38px;font-size:8px;letter-spacing:2px;color:#aaa087}.edition{font-size:9px;letter-spacing:1.4px;text-align:center;color:#898273;margin:13px 0 0}
.is-popup{width:380px;height:600px;padding:0;overflow:auto}.is-popup #shell{width:380px;min-height:600px;border:0}.is-popup .topbar{margin:0 24px;height:50px}.is-popup .content{padding:0 24px 94px}.is-popup .hero{height:200px;padding-top:22px}.is-popup .hero-logo{width:48px;height:58px}.is-popup .hero h1{font-size:21px;margin-top:16px}.is-popup .hero::after{margin-top:16px}.is-popup.entry .hero{height:240px}.is-popup.entry .hero-logo{width:66px;height:76px}.is-popup.entry .hero h1{font-size:22px}.is-popup.entry .content{padding-bottom:20px}.is-popup .bottom-nav{width:380px;bottom:0;border-left:0;border-right:0}
@media(max-width:640px){body{padding:0}#shell{width:100%;min-height:100vh;border:0;background:#080807d9}.topbar{margin:0 24px;height:56px}.content{padding:0 24px 106px}.hero{height:223px;padding-top:25px}.hero-logo{width:56px;height:67px}.hero h1{font-size:22px;letter-spacing:4px}.hero::after{margin-top:22px}.headline-balance{font-size:42px}.live-sol{padding:17px 12px;gap:8px}.live-sol strong{font-size:21px}.live-sol small{display:none}.bottom-nav{width:100%;bottom:0;border-left:0;border-right:0;border-bottom:0;height:calc(var(--nav-height) + env(safe-area-inset-bottom,0px));padding-bottom:calc(8px + env(safe-area-inset-bottom,0px))}.actions button{font-size:12px;letter-spacing:0;padding:10px 3px}.panel-head h2{font-size:38px}.asset-card{padding:20px 17px}.amount-line input,.amount-line output{font-size:37px}.setting-row{font-size:12px}.setting-row strong{font-size:12px}.connection-card{padding:16px}.connection-card .section-line{align-items:flex-start;flex-direction:column;gap:3px}}
@media(min-width:1000px){body{padding-top:50px}#shell{min-height:calc(100vh - 50px)}.content{padding-left:46px;padding-right:46px}.hero{height:264px;padding-top:35px}.hero h1{font-size:26px;letter-spacing:6px}}
@media(prefers-reduced-motion:no-preference){button,a,input,select{transition:color .18s ease,background .18s ease,border-color .18s ease,transform .18s ease}.gold:active,.outline:active,.actions button:active{transform:scale(.98)}.wallet-page,.auth-page{animation:arrive .2s ease-out}dialog[open]{animation:arrive .18s ease-out}@keyframes arrive{from{opacity:.88;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.trade-switch{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:0 0 22px;border:1px solid #514733;border-radius:1px}.trade-switch button{min-height:44px;padding:10px;border:0;background:transparent;color:var(--gold);font:inherit;font-size:13px;letter-spacing:.5px}.trade-switch button[aria-pressed=true]{background:var(--gold);color:#0b0a08}.trade-switch button:hover{box-shadow:inset 0 0 0 1px var(--gold)}

/* 0.1.0 institutional interface — presentation only. */
:root{
  --bg:#030403;
  --panel:#090a08;
  --panel-raised:#10110e;
  --ink:#f4efe4;
  --muted:#969184;
  --gold:#c7a85f;
  --bright:#f0d99c;
  --line:#302919;
  --hairline:color-mix(in srgb,var(--gold) 23%,transparent);
  --glass:color-mix(in srgb,var(--panel-raised) 78%,transparent);
  --nav-height:76px;
}
body{
  background:
    radial-gradient(ellipse at 50% -12%,#4b3a171c 0,transparent 42%),
    linear-gradient(180deg,#020302 0%,#070806 48%,#020302 100%);
}
#shell{
  overflow:hidden;
  border-color:var(--hairline);
  background:linear-gradient(180deg,#090a08d6 0%,#050604e8 55%,#030403f7 100%);
  box-shadow:0 30px 120px #000,0 0 0 1px #ffffff04 inset;
}
.topbar{
  position:relative;
  z-index:4;
  height:66px;
  border-bottom-color:var(--hairline);
}
.topbar::after{
  content:'';
  position:absolute;
  left:50%;
  bottom:-1px;
  width:60px;
  height:1px;
  transform:translateX(-50%);
  background:linear-gradient(90deg,transparent,var(--bright),transparent);
  opacity:.6;
}
.home{color:var(--bright);font-size:10px;letter-spacing:3.2px}
.security-dot{width:5px;height:5px;background:var(--bright);box-shadow:0 0 12px color-mix(in srgb,var(--gold) 68%,transparent)}
.release-label{color:#777165}
.hero{height:224px;padding-top:27px}
.hero-logo{width:58px;height:68px;filter:drop-shadow(0 7px 18px #000) drop-shadow(0 0 18px color-mix(in srgb,var(--gold) 18%,transparent))}
.hero h1{margin-top:18px;font-size:22px;letter-spacing:5.5px}
.hero h1 span{color:var(--bright)}
.tagline{color:var(--gold);letter-spacing:3.6px}
.hero::after{width:48px;background:linear-gradient(90deg,transparent,var(--bright),transparent)}
.content{position:relative}
#balance{display:flex;flex-direction:column}
.balance-stage{order:1}
.portfolio-section{order:2}
.receive-card{order:3}

/* A compact masthead keeps the portfolio visible immediately after unlock. */
.unlocked .hero{height:126px;padding:18px 20px 12px;display:grid;grid-template-columns:42px 1fr 42px;grid-template-rows:42px 20px;column-gap:13px;text-align:left}
.unlocked .hero-logo{grid-column:1;grid-row:1;width:42px;height:42px;align-self:center}
.unlocked .hero h1{grid-column:2;grid-row:1;align-self:center;justify-self:start;font-size:18px;letter-spacing:4px;margin:0}
.unlocked .hero .tagline{grid-column:2;grid-row:2;justify-self:start;font-size:7px;letter-spacing:2.8px;margin-top:-5px}
.unlocked .hero::after{grid-column:1/4;grid-row:2;width:100%;align-self:end;margin:0;opacity:.18}

.balance-heading{padding:21px 20px 0}
.balance-stage{
  position:relative;
  border:1px solid var(--hairline);
  border-radius:8px;
  background:
    radial-gradient(ellipse at 50% -15%,color-mix(in srgb,var(--gold) 12%,transparent),transparent 47%),
    linear-gradient(145deg,#12120e8f,#060704b8 62%);
  box-shadow:0 22px 55px #0008,0 1px 0 #ffffff08 inset;
}
.balance-stage::before{
  content:'';
  position:absolute;
  top:-1px;
  left:16%;
  width:68%;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--bright),transparent);
  opacity:.58;
  pointer-events:none;
}
.balance-heading .eyebrow{color:#aba28e;font-size:9px;letter-spacing:2.5px}
.quiet-select{
  border:1px solid var(--hairline);
  border-radius:999px;
  padding:6px 25px 6px 11px;
  color:var(--bright);
  background-color:#070805a8;
}
.headline-balance{font-size:52px;margin:31px 18px 7px;color:var(--ink);text-shadow:0 7px 28px #000;letter-spacing:0}
.headline-balance+.micro{color:var(--gold);font-size:10px;letter-spacing:2.2px;margin-bottom:30px}
.live-sol{
  margin:0 20px;
  padding:15px 0;
  border-top:1px solid var(--hairline);
  border-bottom:1px solid var(--hairline);
  background:transparent;
}
.live-sol>span{font-size:13px;letter-spacing:.8px}
.live-sol strong{font-size:17px}
.sol-mark{display:grid;place-items:center;width:29px;height:29px;border:1px solid var(--hairline);border-radius:50%;font-size:16px;background:#0004}
#sol-status{margin:7px 20px 0}
.actions{gap:10px;margin:17px 20px 7px}
.actions button{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:74px;
  border:1px solid var(--hairline);
  border-radius:6px;
  background:linear-gradient(145deg,#15140f99,#090a07aa);
  color:#d8d0bd;
  font-size:11px;
  letter-spacing:.5px;
  box-shadow:0 8px 22px #0005,0 1px 0 #ffffff07 inset;
}
.actions button::before{display:grid;place-items:center;width:22px;height:22px;color:var(--bright);font-family:Arial,sans-serif;font-size:25px;font-weight:200;line-height:1}
.actions #send-button::before{content:'↑'}
.actions #receive-button::before{content:'↓'}
.actions #buy-one-button::before{content:'⇄';font-size:21px}
.actions #buy-one-button{background:linear-gradient(145deg,#17150e,#0a0b08);border-color:var(--hairline);color:#d8d0bd}
.actions button:hover,.actions #buy-one-button:hover{border-color:var(--gold);background:linear-gradient(145deg,#201c11,#0c0d09);color:var(--ink);transform:translateY(-1px)}
.chart-link{margin:0 20px 19px;min-height:36px;color:#8e8778;font-size:10px;letter-spacing:1.1px}

.receive-card{margin-top:18px;padding:25px 20px;border:1px solid var(--hairline);border-radius:8px;background:var(--glass);box-shadow:0 16px 45px #0005,0 1px 0 #ffffff06 inset}
#qr{border-width:10px;border-color:var(--ink);box-shadow:0 0 0 1px var(--gold),0 14px 40px #0009}
.address{color:#c8c0ad}
.copy-button{color:var(--bright)}

.portfolio-section{padding:31px 0 7px}
.portfolio-section>.section-line{padding:0 2px}
.portfolio-value{font-size:38px;letter-spacing:0;margin:14px 2px 2px}
.portfolio-section>#portfolio-note{margin:0 2px 19px;text-transform:uppercase;letter-spacing:1.6px;font-size:9px}
.assets{display:grid;gap:10px}
.asset-row{
  padding:17px 16px;
  border:1px solid var(--hairline);
  border-radius:7px;
  background:linear-gradient(120deg,#10110e99,#080906bb);
  box-shadow:0 10px 28px #00045,0 1px 0 #ffffff05 inset;
}
.asset-row:hover{border-color:color-mix(in srgb,var(--gold) 52%,transparent);background:linear-gradient(120deg,#15140f,#090a07)}
.asset-icon{width:42px;height:42px;border-color:var(--hairline);background:radial-gradient(circle at 35% 25%,#3b3119,#090a07 68%);box-shadow:inset 0 0 0 1px #ffffff06,0 8px 18px #0006}
.asset-name strong,.asset-amount strong{font-size:15px}
.asset-name small,.asset-amount small{font-size:10px}

.bottom-nav{
  border:1px solid var(--hairline);
  border-radius:8px;
  background:color-mix(in srgb,#070806 90%,transparent);
  box-shadow:0 20px 55px #000d,0 1px 0 #ffffff0b inset;
}
.bottom-nav::before{top:auto;bottom:0;left:12px;height:2px;background:linear-gradient(90deg,transparent,var(--bright),transparent)}
.bottom-nav button{gap:6px;color:#777469;font-size:10px}
.bottom-nav button[aria-current=page]{color:var(--bright)}
.bottom-nav button[aria-current=page] svg{filter:drop-shadow(0 0 7px color-mix(in srgb,var(--gold) 62%,transparent))}

/* Trade, history, settings and auth share the same quiet financial surfaces. */
#trade,.history-item,.connection-card,.attempt,.asset-card{border-radius:7px}
.panel-head{padding-top:19px}.panel-head h2,.wallet-page>h2{letter-spacing:0}
.pill{border-radius:999px;padding:6px 11px;background:#100f0b;color:var(--bright)}
.trade-switch{border-radius:6px;overflow:hidden;background:#070806}
.trade-switch button[aria-pressed=true]{background:linear-gradient(100deg,#a98a47,var(--bright));color:#090906}
.asset-card{background:linear-gradient(145deg,#11120fbb,#070806dd);border-color:var(--hairline);box-shadow:0 14px 40px #0005,0 1px 0 #ffffff06 inset}
.token-button{border-radius:999px;color:var(--bright)}
.connection-card{border-color:var(--hairline);background:var(--glass)}
.history-item{padding:17px 14px;margin-bottom:9px;border:1px solid var(--hairline);background:var(--glass)}
.setting-row{padding-left:2px;padding-right:2px}
.gold{background:linear-gradient(100deg,#a88a49 0%,#dfc47f 52%,#aa8b48 100%);border-color:#d6ba75;color:#090906;box-shadow:0 10px 25px #0007,0 1px 0 #fff7 inset}
.gold:hover{background:linear-gradient(100deg,#b89a58,#ecd493,#b89a58)}
.outline{border-color:var(--hairline);border-radius:5px;background:#090a0799}
input:not([type=checkbox]),select{border-color:var(--hairline);border-radius:5px;background-color:#050604b8}
dialog{border-color:var(--hairline);border-radius:8px;background:linear-gradient(160deg,#11120f,#060705 72%);box-shadow:0 35px 120px #000,0 1px 0 #ffffff0a inset}

@media(max-width:640px){
  #shell{background:linear-gradient(180deg,#080907e8,#030403f5)}
  .topbar{margin:0 20px;height:60px}
  .content{padding:0 20px 108px}
  .unlocked .content{padding-top:5px}
  .unlocked .hero{height:117px;padding-left:20px;padding-right:20px}
  .balance-stage{border-radius:7px}
  .headline-balance{font-size:46px}
  .live-sol{padding:14px 0}
  .actions{margin-left:14px;margin-right:14px}
  .actions button{min-height:71px}
  .receive-card{margin-left:0;margin-right:0}
  .bottom-nav{width:calc(100% - 20px);bottom:calc(8px + env(safe-area-inset-bottom,0px));height:var(--nav-height);padding-bottom:8px;border:1px solid var(--hairline)}
}
@media(min-width:641px){.unlocked .content{padding-top:6px}}
@media(prefers-reduced-motion:no-preference){
  .balance-stage,.receive-card,.asset-row,.bottom-nav{transition:border-color .35s ease,background .35s ease,box-shadow .35s ease,transform .35s ease}
  .security-dot{animation:secure-pulse 3.5s ease-in-out infinite}
  @keyframes secure-pulse{0%,100%{opacity:.55;box-shadow:0 0 5px transparent}50%{opacity:1;box-shadow:0 0 13px color-mix(in srgb,var(--gold) 68%,transparent)}}
}

/* Readable, selectable wallet address with an obvious copy action. */
.receive-card .address{max-width:100%;margin:16px 0 10px;padding:15px;background:#15130e;border:1px solid #b9a87548;border-radius:4px;color:#ebddbf;font:12px/1.75 ui-monospace,SFMono-Regular,Consolas,monospace;user-select:all}
.receive-card .copy-button{min-height:42px;min-width:148px;padding:10px 16px;border:1px solid #b9a87580;border-radius:3px;background:#b9a87519;color:#ecd5a4;font-weight:600;letter-spacing:.06em}
.receive-card .copy-button:hover{background:#b9a8752d}
.receive-card .copy-button:focus-visible{outline:2px solid #e5cf9c;outline-offset:3px}