/* Obsidian glass: soft depth, tactile surfaces, restrained motion. */
html[data-theme="dark"] #stellar-concept{--glass-blue:#a9caff;--glass-lilac:#c4b7ed;--glass-ink:#f5f5f7;--glass-muted:#b4b5c2;--glass-edge:#ffffff24}
html[data-theme="dark"] #stellar-concept .device{background:radial-gradient(ellipse 85% 420px at 105% 10%,#435c9133,transparent 75%),radial-gradient(ellipse 80% 420px at -15% 45%,#64517c26,transparent 75%),#060609}
html[data-theme="dark"] #stellar-concept .content{padding-left:20px;padding-right:20px}
html[data-theme="dark"] #stellar-concept .hero,
html[data-theme="dark"] #stellar-concept .asset,
html[data-theme="dark"] #stellar-concept .holding-tiers,
html[data-theme="dark"] #stellar-concept .ref-reward-card{transition:transform .45s cubic-bezier(.16,1,.3,1),border-color .3s;transform:perspective(1000px) rotateX(var(--card-rx,0deg)) rotateY(var(--card-ry,0deg))}
html[data-theme="dark"] #stellar-concept[data-scene="home"] .hero{min-height:330px;border-radius:32px;padding:24px;background:radial-gradient(ellipse at 95% 10%,#a3b9ef30,transparent 58%),linear-gradient(140deg,#353640b8,#12121ce8 60%,#272733c9);border:1px solid #e2e5ff3d;box-shadow:inset 0 1px 0 #ffffff66,inset 0 -1px 0 #ffffff0c,0 20px 50px #0006;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}
html[data-theme="dark"] #stellar-concept[data-scene="home"] .hero:before{width:250px;height:350px;right:-165px;top:-35px;border-color:#e5eaff50;box-shadow:0 0 0 25px #d5ddff04,0 0 0 26px #d5ddff20,0 0 0 65px #d5ddff03,0 0 0 66px #d5ddff12;transform:rotate(-32deg)}
html[data-theme="dark"] #stellar-concept[data-scene="home"] .hero:after{background:radial-gradient(ellipse at var(--shine-x,75%) var(--shine-y,10%),#e4ecff22,transparent 60%),linear-gradient(115deg,transparent 20%,#ffffff06 45%,transparent 65%)}
html[data-theme="dark"] #stellar-concept .card-sculpture{right:22px;top:90px;width:112px;height:112px;transform:rotate(-12deg);box-shadow:inset 0 0 0 1px #ffffff75,0 18px 28px #0009,0 0 45px #a9b8ff1a}
html[data-theme="dark"] #stellar-concept .card-sculpture .coin{width:96px;height:96px}
html[data-theme="dark"] #stellar-concept[data-scene="home"] .hero .holding-label{margin-top:42px;font-size:12px;color:#c2c4d2}
html[data-theme="dark"] #stellar-concept[data-scene="home"] .hero .amount{font-weight:600;letter-spacing:-1.7px;font-size:clamp(30px,9vw,42px);font-variant-numeric:tabular-nums;margin-top:6px;padding-top:8px;overflow-wrap:anywhere;line-height:1.15}
html[data-theme="dark"] #stellar-concept .asset-group{gap:16px}
html[data-theme="dark"] #stellar-concept .asset,
html[data-theme="dark"] #stellar-concept .asset.asset-main{--token-glow:#a2bdff;background:radial-gradient(ellipse at 0 0,color-mix(in srgb,var(--token-glow) 13%,transparent),transparent 70%),linear-gradient(135deg,#23232dcc,#111117ed);padding:20px;border-radius:26px;border-color:#ffffff23;box-shadow:inset 0 1px 0 #ffffff22,0 12px 28px #0003;gap:12px}
html[data-theme="dark"] #stellar-concept .asset:nth-child(3n+2){--token-glow:#c9b2f4}
html[data-theme="dark"] #stellar-concept .asset:nth-child(3n){--token-glow:#a0d7c8}
html[data-theme="dark"] #stellar-concept .asset:after{width:160px;height:160px;right:-90px;bottom:-80px;border-color:#ffffff1a;box-shadow:0 0 0 20px #ffffff02,0 0 0 21px #ffffff0a}
html[data-theme="dark"] #stellar-concept .asset .coin{width:48px;height:48px;border-radius:16px;flex-shrink:0;box-shadow:0 5px 15px #0007,inset 0 1px 0 #ffffff40;border-color:#ffffff38}
html[data-theme="dark"] #stellar-concept .asset .identity{gap:11px;min-width:0}
html[data-theme="dark"] #stellar-concept .asset .identity strong{font-size:15px;letter-spacing:-.3px}
html[data-theme="dark"] #stellar-concept .asset .identity small{font-size:10px;color:#acaebd}
html[data-theme="dark"] #stellar-concept .asset .balance{min-width:0;flex:1;text-align:right}
html[data-theme="dark"] #stellar-concept .asset .balance>strong{font-size:18px;letter-spacing:-.5px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
html[data-theme="dark"] #stellar-concept .asset .balance>small:not(.reward-estimate):not(.reward-basis){color:#dee7ff;background:#a3bdff0c;border-color:#b9caff1c}
html[data-theme="dark"] #stellar-concept .asset .balance>small.reward-basis{color:#b4b5c3}
html[data-theme="dark"] #stellar-concept .asset-trust{border-radius:16px;background:linear-gradient(120deg,#ffffff0e,#ffffff04);border-color:#ffffff22}
html[data-theme="dark"] #stellar-concept .asset-trust-active{background:#8be6ba09;border-color:#9fdfbf23;color:#a8dfbe}
html[data-theme="dark"] #stellar-concept .holding-tiers{border-radius:28px;background:radial-gradient(ellipse at 100% 0,#b5a3e51b,transparent 65%),linear-gradient(135deg,#262630b3,#14141ccf);border-color:#ffffff22;box-shadow:inset 0 1px 0 #ffffff26,0 12px 28px #0002}
html[data-theme="dark"] #stellar-concept .tier-rate{color:#dcd8f7;font-weight:500}
html[data-theme="dark"] #stellar-concept .tier-caption{color:#b7b7c8}
html[data-theme="dark"] #stellar-concept .tier-progress{height:6px}
html[data-theme="dark"] #stellar-concept .tier-progress span{background:linear-gradient(90deg,#8daade,#d4c7f3);transform-origin:left}
html[data-theme="dark"] #stellar-concept .tier-disclaimer{border-top:1px solid #ffffff0d;padding-top:14px;color:#b7b7c3}
html[data-theme="dark"] #stellar-concept .ref-home-link{border-radius:24px;background:radial-gradient(ellipse at 0 0,#adb6ee20,transparent 65%),linear-gradient(120deg,#25252fcc,#15151dcc);border-color:#ffffff23;box-shadow:inset 0 1px 0 #ffffff24}
html[data-theme="dark"] #stellar-concept .ref-home-link>svg:first-child{color:#d1d9f9;background:#c4c9ff0e;border-color:#d1d9f92b}
html[data-theme="dark"] #stellar-concept #holder-dock .nav{background:linear-gradient(140deg,#484851a8,#18181ed9);border-color:#ffffff38;box-shadow:inset 0 1px 0 #ffffff4d,0 12px 40px #0008;-webkit-backdrop-filter:blur(28px) saturate(145%);backdrop-filter:blur(28px) saturate(145%)}
html[data-theme="dark"] #stellar-concept button{transition:transform .2s cubic-bezier(.2,.8,.2,1),opacity .2s}
html[data-theme="dark"] #stellar-concept button:not(:disabled):active{transform:scale(.97)}
html[data-theme="dark"] #stellar-concept button:focus-visible,
html[data-theme="dark"] #stellar-concept summary:focus-visible{outline:2px solid #bcd3ff;outline-offset:4px}
@media(max-width:360px){
 html[data-theme="dark"] #stellar-concept .content{padding-left:14px;padding-right:14px}
 html[data-theme="dark"] #stellar-concept[data-scene="home"] .hero{padding:20px}
 html[data-theme="dark"] #stellar-concept .card-sculpture{width:94px;height:94px;right:16px}
 html[data-theme="dark"] #stellar-concept .card-sculpture .coin{width:80px;height:80px}
 html[data-theme="dark"] #stellar-concept .asset{padding:16px;gap:8px}
 html[data-theme="dark"] #stellar-concept .asset .coin{width:38px;height:38px}
 html[data-theme="dark"] #stellar-concept .asset .identity{gap:8px}
 html[data-theme="dark"] #stellar-concept .asset .balance>strong{font-size:16px}
}
@media(prefers-reduced-motion:reduce){
 html[data-theme="dark"] #stellar-concept .hero,
 html[data-theme="dark"] #stellar-concept .asset,
 html[data-theme="dark"] #stellar-concept .holding-tiers,
 html[data-theme="dark"] #stellar-concept .ref-reward-card,
 html[data-theme="dark"] #stellar-concept button{transform:none!important;transition:none!important}
}

/* Unframed token emblems: actual alpha, never a square tile. */
html[data-theme="dark"] #stellar-concept .coin.token-icon,
html[data-theme="dark"] #stellar-concept .asset .coin.token-icon,
html[data-theme="dark"] #stellar-concept .card-sculpture .coin.token-icon{
 background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible
}
html[data-theme="dark"] #stellar-concept .token-icon img,
html[data-theme="dark"] #stellar-concept .card-sculpture .token-icon img{
 object-fit:contain;background:transparent;border-radius:0;filter:drop-shadow(0 4px 7px #0005)
}
html[data-theme="dark"] #stellar-concept .token-icon:has(img)>span{visibility:hidden}
html[data-theme="dark"] #stellar-concept .asset .coin.token-icon{width:54px;height:54px}
html[data-theme="dark"] #stellar-concept .card-sculpture{background:transparent;border:0;border-radius:0;box-shadow:none}
html[data-theme="dark"] #stellar-concept .card-sculpture:after{display:none}
html[data-theme="dark"] #stellar-concept .card-sculpture .coin.token-icon{width:100%;height:100%}
@media(max-width:360px){html[data-theme="dark"] #stellar-concept .asset .coin.token-icon{width:42px;height:42px}}
html[data-theme="dark"] #stellar-concept .status-retry{display:block;margin-top:10px;min-height:44px;padding:10px 16px;border:1px solid #ffffff40;border-radius:14px;background:#ffffff14;color:#fff;font:600 13px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}