*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
      :root {
        --amber:#E8A020; --amber-deep:#C06010; --amber-light:#F5C84A;
        --graphite:#1C1C1E; --graphite-mid:#2A2A2C;
        --text:#F0EBE0; --text-muted:rgba(240,235,224,0.5); --text-faint:rgba(240,235,224,0.3);
        --card-bg:rgba(255,255,255,0.04); --card-border:rgba(232,160,32,0.12);
        --sans:'Outfit',Arial,sans-serif; --mono:'DM Mono',monospace;
      }
      html,body { min-height:100vh; background:var(--graphite); color:var(--text); font-family:var(--sans); font-size:16px; -webkit-font-smoothing:antialiased; }
      body { display:flex; align-items:flex-start; justify-content:center; padding:32px 16px 64px;
             background: radial-gradient(ellipse 70% 40% at 50% -5%, rgba(232,160,32,0.10) 0%, transparent 60%), var(--graphite); }
      .wrap { width:100%; max-width:520px; display:flex; flex-direction:column; gap:20px; }
      .hdr { display:flex; flex-direction:column; gap:4px; }
      .hdr .brand { display:flex; align-items:center; gap:8px; font-size:12px; font-weight:600;
                    color:var(--amber); letter-spacing:0.06em; text-transform:uppercase; }
      .hdr h1 { font-size:22px; font-weight:600; line-height:1.2; }
      .hdr p  { font-size:13px; color:var(--text-muted); }
      .card { background:var(--card-bg); border:1px solid var(--card-border); border-radius:18px; padding:24px; }
      .field { display:flex; flex-direction:column; gap:6px; margin-bottom:14px; }
      .field label { font-size:11px; font-weight:600; letter-spacing:0.07em;
                     text-transform:uppercase; color:var(--text-muted); }
      .field input { background:rgba(255,255,255,0.05); border:1px solid rgba(232,160,32,0.15);
                     border-radius:12px; padding:10px 14px; font-size:14px; color:var(--text);
                     outline:none; transition:border-color .15s; width:100%; font-family:var(--sans); }
      .field input:focus { border-color:var(--amber); }
      .field input::placeholder { color:rgba(240,235,224,0.25); }
      .btn { width:100%; background:var(--amber); color:var(--graphite); font-weight:700;
             border:none; border-radius:12px; padding:13px; font-size:14px; cursor:pointer;
             display:flex; align-items:center; justify-content:center; gap:8px;
             transition:background .15s; font-family:var(--sans); }
      .btn:hover { background:var(--amber-light); }
      .btn:disabled { opacity:0.6; cursor:not-allowed; }
      .alert { display:none; align-items:flex-start; gap:8px; padding:11px 14px; border-radius:12px;
               font-size:13px; line-height:1.45; }
      .alert.active { display:flex; }
      .alert.err  { background:rgba(239,68,68,0.08);  border:1px solid rgba(239,68,68,0.20);  color:#fca5a5; }
      .alert.ok   { background:rgba(34,197,94,0.10);  border:1px solid rgba(34,197,94,0.22);  color:#86efac; }
      .alert.info { background:rgba(59,130,246,0.07); border:1px solid rgba(59,130,246,0.20); color:#93c5fd; }
      .spinner { width:36px; height:36px; border:3px solid rgba(232,160,32,0.15); border-top-color:var(--amber);
                 border-radius:50%; animation:spin 0.85s linear infinite; margin:0 auto 12px; }
      @keyframes spin { to { transform:rotate(360deg); } }
      .loading-card { text-align:center; }
      .widget-wrap { background:#fff; border-radius:14px; padding:16px; margin-top:8px; min-height:200px; }
      .widget-hdr { display:flex; justify-content:space-between; align-items:center; gap:8px;
                    font-size:12px; color:var(--text-muted); margin-bottom:10px; }
      .pill { font-family:var(--mono); font-size:12px; padding:3px 10px; border-radius:999px;
              background:rgba(232,160,32,0.12); color:var(--amber); }
      .token-box { font-family:var(--mono); font-size:11px; word-break:break-all;
                   background:rgba(0,0,0,0.30); padding:10px 12px; border-radius:10px; color:var(--text);
                   border:1px solid rgba(232,160,32,0.10); }
      .row { display:flex; gap:10px; align-items:center; justify-content:space-between;
             background:rgba(0,0,0,0.20); padding:8px 12px; border-radius:10px; margin-bottom:6px; font-size:12px; }
      .row .k { color:var(--text-muted); font-size:11px; }
      .row .v { font-family:var(--mono); color:var(--text); word-break:break-all; text-align:right; max-width:65%; }
      .hidden { display:none !important; }
      .ft { text-align:center; font-size:11px; color:var(--text-faint); }
      .ft span { color:var(--amber); }
    
.inline-712737aa8703{margin-top:12px; font-size:11px; color:var(--text-faint); text-align:center;}
.inline-3aaf1ec13630{color:var(--text-muted); font-size:13px;}
.inline-f237039507f8{text-align:center; margin-bottom:16px;}
.inline-d84d0e22e454{font-size:22px; margin-bottom:6px;}
.inline-27275499af3d{font-size:18px; font-weight:600;}
.inline-f6e423206bd6{font-size:13px; color:var(--text-muted);}
.inline-8d842990309a{margin-top:14px;}