:root{--bg:#050505;--panel:#121212db;--panel-strong:#111;--border:#ffffff1a;--text:#f8f6f0;--muted:#a7a39a;--gold:#d5aa58;--gold-bright:#f0cf83;--green:#57c887;--red:#ff7272}*{box-sizing:border-box}html{background:var(--bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:radial-gradient(circle at 85% -10%,#d5aa582b,transparent 35%),radial-gradient(circle at -15% 75%,#d5aa5814,transparent 30%),var(--bg);min-height:100dvh;color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}.shell{width:min(100%,620px);min-height:100dvh;padding:max(22px,env(safe-area-inset-top))20px max(24px,env(safe-area-inset-bottom));margin:0 auto}.centered,.setup-shell{place-items:center;display:grid}.setup-card{border:1px solid var(--border);background:linear-gradient(145deg,#1a1a1af0,#0a0a0af7);border-radius:28px;width:100%;padding:30px 24px;box-shadow:0 30px 80px #00000073}.brand{letter-spacing:-.03em;align-items:center;gap:10px;font-size:1.25rem;display:flex}.brand b{color:var(--gold-bright)}.brand-icon{border:4px solid var(--gold);border-radius:50%;width:34px;height:34px;display:inline-block;position:relative}.brand-icon i{background:var(--gold-bright);border-radius:50%;width:9px;height:9px;position:absolute;top:-2px;right:-2px;box-shadow:0 0 14px #f0cf83cc}.ring-mark{border:13px solid #222;border-radius:50%;width:112px;height:112px;margin:36px auto 28px;position:relative;transform:rotate(-18deg);box-shadow:inset 0 0 0 2px #444,0 24px 45px #00000073}.ring-mark span{border:3px solid var(--gold);filter:drop-shadow(0 0 8px #d5aa588c);border-bottom-color:#0000;border-left-color:#0000;border-radius:50%;position:absolute;inset:-13px}.eyebrow{color:var(--gold-bright);text-transform:uppercase;letter-spacing:.16em;margin:0 0 9px;font-size:.72rem;font-weight:800}h1{letter-spacing:-.055em;margin:0;font-size:clamp(2rem,7vw,3.2rem);line-height:1.04}h2{letter-spacing:-.035em;margin:0;font-size:1.45rem}.lead{color:var(--muted);margin:16px 0 24px;font-size:1rem;line-height:1.55}.lead.compact{margin:12px 0 18px}.token-form{gap:11px;display:grid}.token-form label{color:#d5d1c7;font-size:.82rem;font-weight:700}.token-form input{width:100%;color:var(--text);background:#090909;border:1px solid #303030;border-radius:14px;outline:none;padding:15px 16px;font-size:1rem}.token-form input:focus{border-color:var(--gold);box-shadow:0 0 0 4px #d5aa581f}.primary-button,.danger-button{cursor:pointer;border:0;border-radius:14px;min-height:50px;padding:13px 18px;font-weight:800}.primary-button{color:#171109;background:linear-gradient(135deg,var(--gold-bright),var(--gold));box-shadow:0 12px 28px #d5aa582e}.primary-button:active{transform:scale(.985)}.danger-button{color:#ffd1d1;background:#ff72721a;border:1px solid #ff727240;width:100%;margin-top:14px}.privacy-note{color:#77736c;text-align:center;margin:20px 0 0;font-size:.75rem;line-height:1.5}.app-shell{flex-direction:column;gap:22px;display:flex}.topbar{justify-content:space-between;align-items:center;display:flex}.icon-button{border:1px solid var(--border);width:42px;height:42px;color:var(--text);cursor:pointer;background:#ffffff0b;border-radius:50%;place-items:center;font-size:1.25rem;display:grid}.hero-panel{border:1px solid var(--border);background:linear-gradient(145deg,#191919cc,#0a0a0ab8);border-radius:24px;padding:26px 22px;position:relative;overflow:hidden}.hero-panel:after{content:"";border:18px solid #d5aa5814;border-radius:50%;width:150px;height:150px;position:absolute;bottom:-70px;right:-50px}.hero-panel h1{max-width:430px}.hero-panel>p:not(.eyebrow){color:var(--muted);max-width:430px;margin:14px 0 18px;line-height:1.5}.token-chip{border:1px solid var(--border);color:#bfbab0;text-overflow:ellipsis;white-space:nowrap;background:#00000047;border-radius:99px;width:fit-content;max-width:100%;padding:9px 12px;font-size:.76rem;overflow:hidden}.status-dot{background:var(--green);width:7px;height:7px;box-shadow:0 0 10px var(--green);border-radius:50%;margin-right:7px;display:inline-block}.profile-grid{gap:12px;display:grid}.profile-card{width:100%;min-height:92px;color:var(--text);text-align:left;border:1px solid var(--border);cursor:pointer;background:linear-gradient(145deg,#191919db,#0d0d0de6);border-radius:20px;grid-template-columns:58px 1fr auto;align-items:center;gap:14px;padding:16px;transition:transform .18s,border-color .18s,background .18s;display:grid}.profile-card:not(:disabled):hover{background:linear-gradient(145deg,#201e19f0,#0d0d0deb);border-color:#d5aa5873;transform:translateY(-2px)}.profile-card:not(:disabled):active{transform:scale(.985)}.profile-card:disabled{opacity:.6;cursor:wait}.profile-icon{background:#d5aa581a;border:1px solid #d5aa5833;border-radius:17px;place-items:center;width:56px;height:56px;font-size:1.55rem;display:grid}.profile-copy{gap:4px;display:grid}.profile-copy strong{font-size:1.08rem}.profile-copy small{color:var(--muted);font-size:.8rem}.arrow{color:var(--gold-bright);font-size:1.35rem}.status-message{border-radius:15px;align-items:center;gap:10px;padding:13px 15px;font-size:.88rem;line-height:1.4;display:flex}.status-message span{border-radius:50%;flex:0 0 24px;place-items:center;width:24px;height:24px;font-weight:900;display:grid}.status-message.success{color:#bcf2d2;background:#57c8871a;border:1px solid #57c88740}.status-message.success span{background:var(--green);color:#062313}.status-message.error{color:#ffd1d1;background:#ff72721a;border:1px solid #ff727240}.status-message.error span{background:var(--red);color:#2b0909}footer{color:#77736c;justify-content:center;align-items:center;gap:8px;margin-top:auto;padding-top:8px;font-size:.76rem;display:flex}.mini-ring{border:2px solid var(--gold);border-radius:50%;width:13px;height:13px}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#000000b3;align-items:end;padding:16px;display:grid;position:fixed;inset:0}.modal{border:1px solid var(--border);background:#111;border-radius:25px;width:min(100%,580px);margin:0 auto;padding:22px;box-shadow:0 -30px 80px #00000080}.modal-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.compact-form{margin-top:8px}.offline-card{text-align:center}.loader{border:3px solid #252525;border-top-color:var(--gold);border-radius:50%;width:38px;height:38px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (min-width:700px){.shell{padding-inline:28px}.modal-backdrop{align-items:center}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.profile-card.selected .arrow,.profile-card.selected:hover .arrow{color:#171109;background:#d9ad55;border-radius:999px;place-items:center;width:30px;height:30px;font-size:1rem;font-weight:900;display:grid}