/* Reference-led Nomad home. Native selectors and the existing signal API are retained. */
:root { --app-bg:#0c1011; --app-bg-2:#0c1011; --app-card:#13191a; --app-border:#303b3d; --accent:#7fe4c5; --accent-2:#70d5b5; --accent-hover:#a1f0d9; --button-text:#08251d; }
html,body { background:#0c1011!important; }
#root { min-height:100svh; background:radial-gradient(ellipse at 50% 38%,#11181970,transparent 67%),#0c1011!important; }
#root .app-shell.nomad-mint { display:flex!important; flex-direction:column!important; max-width:480px!important; min-height:100svh!important; padding:calc(20px + var(--app-safe-top,0px) + var(--telegram-controls-top-gap,0px)) 30px calc(18px + var(--app-safe-bottom,0px))!important; background:transparent!important; overflow:visible!important; }
#root .nomad-mint>.topbar { display:flex!important; justify-content:center!important; flex:0 0 auto; min-height:50px!important; padding:0!important; border:0!important; margin:0!important; }
#root .nomad-mint>.topbar .brand { justify-content:center!important; flex:none!important; width:100%!important; max-width:100%!important; }
#root .nomad-wordmark::after { display:none!important; }
#root .nomad-wordmark-img { display:block; width:148px; height:auto; aspect-ratio:3; object-fit:contain; filter:drop-shadow(0 2px 7px #0003); }
.nomad-workspace { display:flex; flex-direction:column; justify-content:center; flex:1 0 auto; width:100%; min-width:0; padding-top:clamp(14px,5svh,42px); padding-bottom:16px; }
#root .nomad-workspace>.screen { width:100%; }
#root .nomad-mint .nomad-parameters { margin:0!important; padding:0!important; border:0!important; border-radius:0!important; background:none!important; box-shadow:none!important; }
#root .nomad-mint .nomad-parameters h1 { margin:0 0 27px!important; color:#f6f7f7!important; font-size:27px!important; font-weight:750!important; line-height:1.2!important; text-align:center!important; letter-spacing:-.035em!important; }
#root .nomad-mint .nomad-field { margin-bottom:21px; }
#root .nomad-mint .nomad-label { margin-bottom:9px; color:#a8b2bf!important; font-size:13px; font-weight:500; line-height:1.4; }
#root .nomad-mint .nomad-select-wrap { height:55px!important; background:linear-gradient(120deg,#161d1f,#121819)!important; border:1px solid #303a3d!important; border-radius:13px!important; box-shadow:inset 0 1px 0 #ffffff03!important; }
#root .nomad-mint .nomad-select-wrap:focus-within { border-color:#7fe4c599!important; box-shadow:0 0 0 3px #7fe4c50a!important; }
#root .nomad-mint .nomad-field select { padding-inline:57px 42px!important; border-radius:13px!important; color:#f6f7f7!important; font-size:16px!important; font-weight:650!important; letter-spacing:-.01em; }
#root .nomad-mint #nomad-pair { position:relative; z-index:2; color:transparent!important; -webkit-text-fill-color:transparent!important; }
#root .nomad-mint #nomad-pair option { color:#f6f7f7!important; -webkit-text-fill-color:#f6f7f7!important; background:#161e20!important; }
.nomad-pair-display { display:flex; position:absolute; inset-inline-start:57px; inset-inline-end:37px; align-items:center; gap:11px; min-width:0; pointer-events:none; }
.nomad-pair-display strong { min-width:0; color:#f5f6f6; font-size:16px; font-weight:700; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; letter-spacing:-.015em; }
.nomad-otc-badge { flex:0 0 auto; padding:3px 7px; color:#b2bdcb; background:linear-gradient(135deg,#2a3237,#20282d); border:1px solid #ffffff0b; border-radius:8px; box-shadow:inset 0 1px 0 #ffffff06; font-size:11px; font-weight:650; line-height:1.4; }
#root .nomad-mint .nomad-pair-icon,#root .nomad-mint .nomad-clock { position:absolute; inset-inline-start:18px; width:23px; height:23px; color:#a8b2bf!important; stroke:#a8b2bf!important; pointer-events:none; }
#root .nomad-mint .nomad-pair-icon *,#root .nomad-mint .nomad-clock * { stroke:#a8b2bf!important; }
#root .nomad-mint .nomad-chevron { position:absolute; inset-inline-end:16px; width:20px; height:20px; color:#a8b2bf!important; stroke:#a8b2bf!important; }
#root .nomad-mint .nomad-generate { gap:15px; min-height:55px!important; margin:0!important; padding:14px 12px!important; border:1px solid #9bf0d650!important; border-radius:13px!important; background:linear-gradient(110deg,#7fe4c5,#7de2c4)!important; box-shadow:inset 0 1px 0 #d3ffef35,0 7px 24px #00000012!important; font-size:16px!important; font-weight:650!important; letter-spacing:-.025em!important; }
#root .nomad-mint .nomad-generate,#root .nomad-mint .nomad-generate span { color:#08251d!important; -webkit-text-fill-color:#08251d!important; }
#root .nomad-mint .nomad-generate svg,#root .nomad-mint .nomad-generate path { width:22px; height:22px; color:#08251d!important; stroke:#08251d!important; }
#root .nomad-mint .nomad-generate:hover:not(:disabled) { background:#9befd7!important; }
#root .nomad-mint .nomad-generate:disabled { opacity:.45; cursor:not-allowed; }
#root .nomad-language-footer { display:flex; justify-content:center; flex:0 0 auto; padding-top:22px; }
#root .nomad-language-footer .header-language-wrap { position:relative!important; inset:auto!important; transform:none!important; z-index:80; }
#root .nomad-language-footer .header-language { display:flex!important; align-items:center; justify-content:center; gap:10px; width:auto!important; min-width:90px; min-height:36px; padding:5px 7px!important; background:none!important; color:#f2f4f4!important; border:0!important; border-radius:9px; box-shadow:none!important; }
#root .nomad-language-footer .header-language>svg { width:21px!important; height:21px!important; color:#a8b2bf!important; }
#root .nomad-language-footer .nomad-language-code { font-size:13px; font-weight:650; }
#root .nomad-language-footer .nomad-language-chevron { color:#a8b2bf; font-size:19px; margin-top:-4px; }
#root .nomad-language-footer .header-language-menu { position:absolute!important; top:auto!important; bottom:calc(100% + 10px)!important; left:50%!important; right:auto!important; width:200px; max-height: min(300px,65svh); overflow:auto; transform:translateX(-50%)!important; border-radius:14px; background:#151d1e!important; border:1px solid #344243!important; box-shadow:0 10px 35px #0006!important; }
#root .nomad-language-footer .header-language-option.active { background:#7fe4c518!important; }
.nomad-entrance { animation:nomad-enter .4s ease-out both; }
.nomad-splash { position:relative; display:flex; align-items:center; justify-content:center; flex-direction:column; width:100%; min-height:100svh; padding:calc(30px + var(--app-safe-top,0px)) 24px calc(30px + var(--app-safe-bottom,0px)); overflow:hidden; background:radial-gradient(ellipse at 50% 43%,#19302b45,transparent 54%),#0c1011; }
.nomad-splash-center { display:flex; flex-direction:column; align-items:center; margin-top:-35px; }
.nomad-splash-emblem { display:grid; position:relative; place-items:center; width:208px; height:208px; }
.nomad-splash-mark { position:relative; z-index:2; width:150px; height:150px; object-fit:contain; filter:drop-shadow(0 7px 20px #0007); animation:nomad-mark-breathe 2.6s ease-in-out infinite; }
.nomad-splash-halo { position:absolute; width:150px; height:150px; border-radius:50%; background:#7fe4c515; filter:blur(25px); animation:nomad-halo-breathe 2.6s ease-in-out infinite; }
.nomad-splash-orbit { position:absolute; inset:5px; border:1px solid #7fe4c515; border-radius:50%; }
.nomad-splash-orbit::before { position:absolute; content:""; inset:-1px; border:1px solid transparent; border-top-color:#9aeed0a6; border-inline-end-color:#7fe4c525; border-radius:50%; animation:nomad-orbit 2.6s linear infinite; }
.nomad-splash-caption { margin:27px 0 19px; color:#acb8b7!important; font-size:12px; line-height:1.5; font-weight:450; letter-spacing:.015em; }
.nomad-splash-progress { width:94px; height:2px; border-radius:2px; overflow:hidden; background:#ffffff0b; }
.nomad-splash-progress i { display:block; width:45%; height:100%; border-radius:2px; background:linear-gradient(90deg,transparent,#9cebd1,transparent); animation:nomad-progress 1.5s ease-in-out infinite; }
.nomad-splash-signature { position:absolute; bottom:calc(34px + var(--app-safe-bottom,0px)); color:#53655f; font-size:9px; font-weight:600; letter-spacing:.36em; }
@keyframes nomad-orbit {to{transform:rotate(360deg)}}
@keyframes nomad-mark-breathe {0%,100%{transform:translateY(0);opacity:.85}50%{transform:translateY(-3px);opacity:1}}
@keyframes nomad-halo-breathe {0%,100%{opacity:.35;transform:scale(.9)}50%{opacity:.8;transform:scale(1.08)}}
@keyframes nomad-progress {0%{transform:translateX(-110%)}100%{transform:translateX(325%)}}
@keyframes nomad-enter {from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:350px) { #root .app-shell.nomad-mint {padding-inline:22px!important} #root .nomad-mint .nomad-parameters h1 {font-size:25px!important} #root .nomad-mint .nomad-generate {font-size:14px!important} .nomad-pair-display {gap:8px} .nomad-pair-display strong {font-size:14px} .nomad-otc-badge {padding-inline:5px;font-size:10px} }
@media(max-height:600px) { #root .app-shell.nomad-mint {padding-top:calc(9px + var(--app-safe-top,0px) + var(--telegram-controls-top-gap,0px))!important;padding-bottom:10px!important} .nomad-workspace {padding-top:10px;padding-bottom:4px} #root .nomad-mint .nomad-parameters h1 {margin-bottom:20px!important} #root .nomad-language-footer {padding-top:12px} #root .nomad-mint .nomad-field {margin-bottom:17px} }
@media(prefers-reduced-motion:reduce) { .nomad-entrance,.nomad-splash-mark,.nomad-splash-halo,.nomad-splash-orbit::before,.nomad-splash-progress i {animation:none!important} .nomad-splash-progress i {width:100%;opacity:.6} }