
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;padding:0;margin:-1px}
.pub-id [hidden],.pv [hidden]{display:none!important}
.pub-actions a.off{opacity:.38;pointer-events:none;filter:saturate(.4)}
.chip-btn{font:inherit;color:#fff}


.dna-add{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;min-height:46px;margin:0 0 10px;border-radius:18px;cursor:pointer;
  border:1.5px dashed rgba(26,198,228,.5);background:rgba(26,198,228,.06);color:var(--cyan);font:inherit;font-size:13px;font-weight:600;
  -webkit-tap-highlight-color:transparent;transition:background .15s,border-color .15s}
.dna-add:hover{border-color:rgba(26,198,228,.85);background:rgba(26,198,228,.12)}
.dna-add svg{flex:none;width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round}
.dna-add.slim{grid-column:1 / -1}
.dna-rm{flex:none;display:grid;place-items:center;width:20px;height:20px;margin-left:auto;margin-right:4px;border-radius:50%;cursor:pointer;
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);color:#fff}
.dna-rm svg{width:10px;height:10px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round}
.screen.setup .dna-field-top .dna-label{flex:none}
.screen.setup .dna-input::placeholder{color:rgba(245,247,250,.35)}
.screen.setup .pub-sec.edit-head p b{color:var(--cyan);font-weight:700;letter-spacing:.02em}
.screen.setup .setup-btns .dna-btn{margin:0}
.screen.setup .setup-btns .dna-btn.primary{font-weight:700}
.screen.setup .dna-lock span{min-width:0}

html:not(.full) .screen.setup .dna-add{margin:0;min-height:0;border-radius:clamp(12px,1.9cqh,16px);font-size:clamp(11px,1.6cqh,13px)}
html:not(.full) .screen.setup .dna-add.slim{min-height:clamp(26px,3.9cqh,40px)}
html:not(.full) .screen.setup .dna-lock{margin-top:clamp(4px,.8cqh,12px)}
html:not(.full) .screen.setup .setup-btns{margin-top:clamp(5px,1cqh,14px)}
html:not(.full) .screen.setup .setup-btns .dna-btn{min-height:clamp(38px,5.6cqh,54px);font-size:clamp(12px,1.8cqh,14.5px)}
@container (max-height:669px){
  html:not(.full) .screen.setup .pub-scroll{overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
  html:not(.full) .screen.setup .pub-body{flex:none;justify-content:flex-start}
  html:not(.full) .screen.setup .dna-lock{display:none}
}


.screen.own .pv{display:flex;flex-direction:column;align-items:center;text-align:center;margin:0 0 4px}
.screen.own .pv-av{--av:clamp(60px,11cqh,84px);position:relative;width:var(--av);height:var(--av);margin:2px auto 8px}
.screen.own .pv-av .av-ring{width:var(--av);height:var(--av);padding:2.5px}
.screen.own .pv-av .av{border-width:2.5px;font-size:calc(var(--av) * .32)}
.screen.own .pv-name{margin:0 0 5px;font-size:21px;font-weight:800;letter-spacing:-.025em;line-height:1.15;color:#fff}
.screen.own .pv-mem{margin:0 0 6px}
.screen.own .pv-meta{margin:0;font-size:13px;color:rgba(245,247,250,.82)}
.screen.own .pv-meta b{color:#fff;font-weight:600}
.screen.own .pv-city{display:inline-flex;align-items:center;gap:4px;margin:2px 0 0;font-size:12px;color:rgba(245,247,250,.6)}
.screen.own .pv-city svg{width:13px;height:13px}
.screen.own .pv-actions{margin:12px 0 12px!important}
.screen.own .pv-foot{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.screen.own .pv-foot .dna-btn{margin:0;min-height:48px;font-size:14px}


.screen.own .own-actions.three{grid-template-columns:repeat(3,1fr);max-width:86%;margin-left:auto;margin-right:auto}
.screen.acct .pub-sec p b{color:var(--cyan);font-weight:700;letter-spacing:.02em}
.priv-pill{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 10px;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.16em;color:var(--cyan);
  border:1px solid rgba(26,198,228,.5);background:rgba(26,198,228,.10)}
.priv-pill svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.pub-tiles .c-acct{--pc:#1AC6E4;--pc-rgb:26,198,228}
.pub-tiles .c-bill{--pc:#5B9BFF;--pc-rgb:91,155,255}
.pub-tiles .c-silver{--pc:#C9D6E3;--pc-rgb:201,214,227}
.acct-tiles .tl{white-space:normal;text-align:center}
.acct-tiles .tile.is-open{border-color:rgba(var(--pc-rgb),.8)}


.screen.own .sec-k{margin:4px 2px 6px;font-size:10px;font-weight:700;letter-spacing:.16em;color:rgba(245,247,250,.5)}
.screen.own .sec-k .samp{margin-left:6px;letter-spacing:.04em;color:var(--gold,#FDC168);font-weight:600}
.screen.own .mini-btn{flex:none;display:inline-flex;align-items:center;justify-content:center;height:30px;padding:0 12px;border-radius:10px;cursor:pointer;
  background:rgba(255,255,255,.07);border:1px solid rgba(26,198,228,.45);color:#fff;font:inherit;font-size:12px;font-weight:600;white-space:nowrap}
.screen.own .mini-btn.ok,.screen.own [data-proto].ok{border-color:rgba(26,198,228,.95);box-shadow:0 0 14px rgba(26,198,228,.4)}
.screen.own .svc{margin:0 0 9px;padding:10px 12px;border-radius:16px;border:1px solid rgba(255,255,255,.13);border-left:3px solid var(--pc);
  background:radial-gradient(70% 90% at 0% 0%,color-mix(in srgb,var(--pc) 16%,transparent),transparent 70%),linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025))}
.screen.own .svc-top{display:flex;align-items:center;gap:10px}
.screen.own .svc-ic{flex:none;width:34px;height:34px;border-radius:11px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--pc) 60%,transparent);background:rgba(1,6,13,.45)}
.screen.own .svc-ic svg{width:18px;height:18px;fill:none;stroke:var(--pc);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px var(--pc))}
.screen.own .svc .rm{display:flex;flex-direction:column;min-width:0}
.screen.own .svc .rn{font-size:14.5px;font-weight:600;color:#fff}
.screen.own .svc .rn em{font-style:normal;color:var(--pc);font-weight:700}
.screen.own .svc .rs{font-size:12px;color:rgba(245,247,250,.6)}
.screen.own .st{font-weight:700;color:var(--gold,#FDC168)}
.screen.own .st.on{color:#5BE39B}
.screen.own .svc-acts{display:flex;gap:7px;margin-top:8px;padding-left:44px}
.screen.own .svc-add{display:flex;flex-wrap:wrap;gap:6px;margin:2px 0 10px}
.screen.own .svc-add span{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:999px;font-size:11.5px;font-weight:600;color:rgba(245,247,250,.8);
  border:1px dashed color-mix(in srgb,var(--pc) 70%,transparent)}
.screen.own .svc-add span::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--pc)}
.screen.own .amt{padding:8px 14px}
.screen.own .amt-r{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:7px 0;border-top:1px solid rgba(255,255,255,.07);font-size:13px;color:rgba(245,247,250,.75)}
.screen.own .amt-r:first-child{border-top:0}
.screen.own .amt-r b{font-size:15px;font-weight:800;color:#fff;font-variant-numeric:tabular-nums}
.screen.own .amt-r b small{font-size:11px;font-weight:500;color:rgba(245,247,250,.55)}
.screen.own .ord{padding:12px 14px}
.screen.own .ord-h{display:flex;align-items:center;gap:10px}
.screen.own .ord-h .rm{flex:1;display:flex;flex-direction:column;min-width:0}
.screen.own .ord-h .rn{font-size:15px;font-weight:600;color:#fff}
.screen.own .ord-h .rs{font-size:12px;color:rgba(245,247,250,.55)}
.screen.own .ord-st{flex:none;height:22px;padding:0 9px;border-radius:999px;display:inline-flex;align-items:center;font-size:10px;font-weight:700;letter-spacing:.1em;color:#5BE39B;border:1px solid rgba(46,184,114,.6);background:rgba(46,184,114,.12)}
.screen.own .ord-id{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 0 8px;padding:9px 12px;border-radius:12px;background:rgba(1,6,13,.5);border:1px solid rgba(26,198,228,.4)}
.screen.own .ord-id span{font-size:11px;font-weight:600;color:rgba(245,247,250,.6)}
.screen.own .ord-id b{font-size:16px;font-weight:800;letter-spacing:.05em;color:#fff;font-variant-numeric:tabular-nums}
.screen.own .ord-items{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 4px}
.screen.own .ord-items span{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:999px;font-size:11.5px;font-weight:600;border:1px solid var(--pc);background:rgba(255,255,255,.04)}
.screen.own .ord-items span::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--pc);box-shadow:0 0 6px var(--pc)}
.screen.own .priv.gold{color:#F5B731;border-color:rgba(245,183,49,.5);background:rgba(245,183,49,.1)}
.screen.own .perk .ri{border-color:rgba(245,183,49,.55);background:radial-gradient(circle,rgba(245,183,49,.18),rgba(245,183,49,.04))}
.screen.own .lnk-row{text-decoration:none;color:inherit}
.screen.own .own-row[data-proto]{cursor:pointer}
.screen.own .signout{margin:4px 0 10px;min-height:46px;color:#FF9A9A;border-color:rgba(255,120,120,.4)}
.screen.own .sheet .dna-tog{flex:none}


.screen.own .pv-sec{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 2px 8px}
.screen.own .pv-sec h4{margin:0;font-size:17px;font-weight:800;letter-spacing:-.02em;color:#fff}
.screen.own .pv-sec p{margin:1px 0 0;font-size:12px;color:rgba(245,247,250,.6)}
.screen.own .pv-sec p b{color:var(--cyan);font-weight:600}
.screen.own .pv-pill{flex:none;display:inline-flex;align-items:center;height:26px;padding:0 12px;border-radius:999px;background:#fff;color:#02192E;font-size:11.5px;font-weight:700}
html:not(.full) .screen.pub .pub-tiles.pv-tiles,.screen.pub .pub-tiles.pv-tiles{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:none;gap:7px;flex:none;min-height:0;max-height:none;margin:0 0 10px}
html:not(.full) .screen.pub .pv-tiles .tile,.screen.pub .pv-tiles .tile{aspect-ratio:auto;height:64px;min-height:0;padding:4px;border-radius:14px}
html:not(.full) .screen.pub .pv-tiles .ti,.screen.pub .pv-tiles .ti{width:24px;height:24px;margin:0 0 3px}
html:not(.full) .screen.pub .pv-tiles .ti svg,.screen.pub .pv-tiles .ti svg{width:20px;height:20px}
html:not(.full) .screen.pub .pv-tiles .tl,.screen.pub .pv-tiles .tl{font-size:11px;white-space:nowrap}
html:not(.full) .screen.pub .pv-tiles .ts,.screen.pub .pv-tiles .ts{font-size:9.5px;margin-top:1px}
.screen.setup .setup-btns{grid-template-columns:1.35fr 1fr!important}
.screen.setup .setup-btns .dna-btn.cyan{white-space:nowrap;letter-spacing:-.01em}

.screen.own .own-row > svg.chev{flex:none;width:18px;height:18px;margin-left:auto;fill:none;stroke:rgba(245,247,250,.5);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.screen.own .sh-card .ord-id b,.screen.own .ord-id b[data-ord-id]{white-space:nowrap;font-size:15px;letter-spacing:.06em;line-height:1.2}
.screen.own .ord-id span{white-space:nowrap}
.screen.pub .acct-tiles .ts span{font:inherit;letter-spacing:inherit;color:inherit;text-transform:none}
