:root{color-scheme:dark;--bg: #06080f;--surface: rgba(12, 18, 32, .72);--surface-elevated: rgba(18, 28, 48, .82);--surface-card: rgba(14, 22, 38, .65);--border: rgba(148, 170, 210, .14);--border-glow: rgba(153, 69, 255, .35);--text: #eef4ff;--muted: #8ba3c7;--accent: #9945ff;--accent-2: #14f195;--accent-soft: rgba(153, 69, 255, .18);--ok: #14f195;--warn: #ff6b8a;--panel-w: 300px;--navbar-h: 52px;--radius-lg: 16px;--radius-md: 10px;--shadow-panel: 0 24px 48px rgba(0, 0, 0, .45), 0 0 0 1px rgba(255, 255, 255, .04) inset, 0 0 40px rgba(153, 69, 255, .08)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;background:var(--bg);font-family:Inter,Segoe UI,Roboto,Arial,sans-serif}.app-shell{width:100%;height:100%;position:relative}.app-shell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 80% 50% at 50% 0%,rgba(153,69,255,.12),transparent 60%),radial-gradient(ellipse 60% 40% at 0% 100%,rgba(20,241,149,.06),transparent 55%),radial-gradient(ellipse 60% 40% at 100% 100%,rgba(77,139,255,.06),transparent 55%);z-index:1}.navbar{position:absolute;top:0;left:0;right:0;height:var(--navbar-h);z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:linear-gradient(180deg,#080c16eb,#080c16c7);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4);box-shadow:0 4px 24px #00000059}.navbar-brand{display:flex;align-items:center;gap:10px;font-size:1.05rem;font-weight:800;letter-spacing:.06em;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#eef4ff,#14f195 55%,#9945ff);-webkit-background-clip:text;background-clip:text;color:transparent}.navbar-brand:before{content:"";width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,var(--accent-2),var(--accent));box-shadow:0 0 12px #14f195b3;flex-shrink:0}.navbar-x-link{display:flex;align-items:center;gap:7px;font-size:.74rem;font-weight:500;color:var(--muted);text-decoration:none;padding:7px 14px;border:1px solid var(--border);border-radius:999px;background:#121c308c;transition:color .2s,background .2s,border-color .2s,box-shadow .2s}.navbar-x-link:hover{color:var(--text);background:#9945ff24;border-color:#9945ff66;box-shadow:0 0 20px #9945ff26}.panel{position:absolute;top:calc(var(--navbar-h) + 14px);z-index:10;width:var(--panel-w);max-height:calc(100vh - var(--navbar-h) - 28px);overflow-y:auto;overflow-x:hidden;padding:0;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);-webkit-backdrop-filter:blur(20px) saturate(1.5);backdrop-filter:blur(20px) saturate(1.5);color:var(--text);box-shadow:var(--shadow-panel);animation:panel-enter .45s cubic-bezier(.22,1,.36,1) both;scrollbar-width:thin;scrollbar-color:rgba(153,69,255,.35) transparent}.panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(145deg,#9945ff73,#14f19526 40%,#94aad214);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.panel-left{left:18px}.panel-right{right:18px}.panel-header{padding:16px 16px 12px;border-bottom:1px solid rgba(148,170,210,.1);background:linear-gradient(180deg,rgba(153,69,255,.1) 0%,transparent 100%)}.panel-body{padding:14px 16px 16px}.panel h2,.panel h3{display:flex;align-items:center;gap:8px;font-size:.7rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:0}.panel h2:before,.panel h3:before{content:"";width:3px;height:12px;border-radius:2px;background:linear-gradient(180deg,var(--accent-2),var(--accent));flex-shrink:0}.panel-right .panel-body{padding-top:0}.panel-right>.overlay-tabs{margin:14px 16px 0}.agent-name{font-size:1.05rem;font-weight:700;color:var(--text);margin:10px 0 12px;padding:10px 12px;border-radius:var(--radius-md);background:linear-gradient(135deg,#9945ff24,#14f19514);border:1px solid rgba(153,69,255,.22);font-family:JetBrains Mono,Fira Code,Consolas,monospace;word-break:break-all;line-height:1.4}.hint{font-size:.78rem;color:var(--muted);line-height:1.6}.hint-empty{padding:14px 12px;border-radius:var(--radius-md);background:var(--surface-card);border:1px dashed rgba(148,170,210,.18);text-align:center}.stats-grid{display:flex;flex-direction:column;gap:6px}.stat-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;background:var(--surface-card);border:1px solid rgba(148,170,210,.08);transition:border-color .2s,background .2s}.stat-row:hover{background:#141e32bf;border-color:#9945ff2e}.stat-row>span{font-size:.7rem;font-weight:500;color:var(--muted);flex-shrink:0}.stat-row>code,.panel code{display:block;font-size:.7rem;color:#c8ddff;background:#080e1ab3;padding:4px 8px;border-radius:6px;flex:1;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:JetBrains Mono,Fira Code,Consolas,monospace;border:1px solid rgba(148,170,210,.06)}.status-ok{color:var(--ok)!important;background:#14f19514!important;border-color:#14f19533!important}.status-sick{color:var(--warn)!important;background:#ff6b8a14!important;border-color:#ff6b8a33!important}.joined-msg,.err-msg{margin-top:8px;text-align:center!important;padding:8px 10px!important;border-radius:8px!important}.joined-msg{background:#14f1951a!important}.err-msg{background:#ff6b8a1a!important}.overlay-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:12px;background:#080e1abf;border:1px solid rgba(148,170,210,.1);margin-bottom:14px}.overlay-tab{padding:9px 12px;border:1px solid transparent;border-radius:9px;font-size:.74rem;font-weight:600;color:var(--muted);background:transparent;cursor:pointer;transition:background .2s,color .2s,border-color .2s,box-shadow .2s}.overlay-tab.active{background:linear-gradient(135deg,#9945ff59,#4d64b459);border-color:#9945ff66;color:var(--text);box-shadow:0 4px 16px #9945ff33,0 0 0 1px #ffffff0a inset}.overlay-tab:not(.active):hover{background:#1e2c4299;color:var(--text)}.control-panel{display:flex;flex-direction:column;gap:10px}.section-card{padding:14px;border-radius:var(--radius-md);background:var(--surface-elevated);border:1px solid rgba(148,170,210,.1);box-shadow:0 8px 24px #0003}.section-card h3{margin-bottom:12px}.panel-section{padding:0;border-top:none}.token-info{display:flex;align-items:center;gap:8px;margin-bottom:10px;padding:8px 10px;border-radius:8px;background:#080e1a99;border:1px solid rgba(148,170,210,.08)}.token-label{font-size:.68rem;color:var(--accent-2);background:#14f1951a;border:1px solid rgba(20,241,149,.28);border-radius:6px;padding:3px 8px;flex-shrink:0;font-weight:700;letter-spacing:.04em}.token-info code{flex:1;text-align:left;background:transparent;border:none;padding:0}.wallet-status{display:flex;flex-direction:column;gap:6px;margin-top:6px}.overlay-button{display:block;width:100%;margin-top:10px;padding:11px 14px;border:1px solid rgba(153,69,255,.3);border-radius:10px;font-size:.76rem;font-weight:600;color:#eef4ff;background:linear-gradient(135deg,#372864cc,#233858cc);cursor:pointer;transition:transform .15s,background .2s,border-color .2s,box-shadow .2s;text-align:center;letter-spacing:.02em}.overlay-button:hover:not(:disabled){background:linear-gradient(135deg,#50378ce6,#324b73e6);border-color:#9945ff8c;box-shadow:0 6px 24px #9945ff40;transform:translateY(-1px)}.overlay-button:active:not(:disabled){transform:translateY(0)}.overlay-button:disabled{opacity:.45;cursor:not-allowed}.join-btn{background:linear-gradient(135deg,#0a5037d9,#0f3c5ad9)!important;border-color:#14f19566!important;color:var(--ok)!important}.join-btn:hover:not(:disabled){background:linear-gradient(135deg,#0f6444f2,#144669f2)!important;border-color:#14f19599!important;box-shadow:0 6px 24px #14f19533!important}.search-input{display:block;width:100%;margin-top:4px;padding:11px 12px;border:1px solid rgba(148,170,210,.18);border-radius:10px;font-size:.73rem;color:var(--text);background:#080e1ad9;font-family:JetBrains Mono,Fira Code,Consolas,monospace;outline:none;transition:border-color .2s,box-shadow .2s,background .2s}.search-input:focus{border-color:#14f19580;background:#0a1220f2;box-shadow:0 0 0 3px #14f1951a,0 0 20px #14f19514}.search-input::placeholder{color:#8ba3c780;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif}.search-results{margin-top:10px;display:flex;flex-direction:column;gap:5px}.search-result-btn{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:9px 11px;border:1px solid rgba(148,170,210,.12);border-radius:8px;background:#080e1aa6;color:var(--text);font-size:.7rem;cursor:pointer;font-family:JetBrains Mono,Fira Code,Consolas,monospace;transition:background .2s,border-color .2s,transform .15s}.search-result-btn:hover{background:#14233ad9;border-color:#14f19559;transform:translate(2px)}.search-result-pts{color:var(--accent-2);font-size:.65rem;flex-shrink:0;font-weight:600}.token-hint,.holder-hint{margin:8px 0 2px;font-size:.72rem;line-height:1.5;padding:8px 10px;border-radius:8px;background:#9945ff0f;border-left:2px solid rgba(153,69,255,.4)}.leaderboard-box{margin-top:10px;display:flex;flex-direction:column;gap:5px;animation:fade-up .3s ease both}.lb-row{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;background:#080e1aa6;border:1px solid rgba(148,170,210,.08);transition:background .2s,border-color .2s}.lb-row:hover{background:#121c30cc;border-color:#9945ff33}.lb-row:first-child .lb-rank{color:gold;text-shadow:0 0 8px rgba(255,215,0,.4)}.lb-row:nth-child(2) .lb-rank{color:#c0c8d8}.lb-row:nth-child(3) .lb-rank{color:#cd7f32}.lb-rank{font-size:.66rem;font-weight:800;color:var(--accent);width:26px;flex-shrink:0}.lb-name{font-size:.72rem;color:var(--text);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:JetBrains Mono,Fira Code,Consolas,monospace}.lb-pts{font-size:.68rem;font-weight:600;color:var(--accent-2);white-space:nowrap;flex-shrink:0}.docs-panel{display:flex;flex-direction:column;gap:7px;animation:fade-up .3s ease both}.docs-intro{font-size:.78rem;color:var(--muted);line-height:1.65;margin-bottom:6px;padding:12px;border-radius:var(--radius-md);background:linear-gradient(135deg,#9945ff14,#14f1950d);border:1px solid rgba(148,170,210,.1)}.docs-panel code{display:block;padding:8px 11px;border-radius:8px;font-size:.7rem;line-height:1.4;color:#b8d4ff;background:#080e1ab3;font-family:JetBrains Mono,Fira Code,Consolas,monospace;border:1px solid rgba(148,170,210,.08);transition:border-color .2s,background .2s}.docs-panel code:hover{border-color:#9945ff40;background:#0e1626d9}@keyframes panel-enter{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fade-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.panel-left{animation-delay:.05s}.panel-right{animation-delay:.12s}.panel::-webkit-scrollbar{width:5px}.panel::-webkit-scrollbar-thumb{background:#9945ff59;border-radius:4px}.panel::-webkit-scrollbar-thumb:hover{background:#9945ff8c}