@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600&family=Space+Grotesk:wght@500;600;700&display=swap";:root{--buncss-light:initial;--buncss-dark: ;color-scheme:light;--bg:#0b1517;--bg-soft:#102125;--panel:#121f22;--panel-border:#1f3439;--text:#f0f7f4;--muted:#9fb3ad;--accent:#f4a440;--accent-strong:#f76d3f;--accent-cool:#2ed0b2;--error:#ff6b6b;--shadow:#060c0e59}*{box-sizing:border-box}body{background:radial-gradient(circle at top left,#163034 0%,transparent 45%),radial-gradient(circle at bottom right,#1b3336 0%,transparent 40%),linear-gradient(135deg,var(--bg)0%,#0f1f22 100%);color:var(--text);min-height:100vh;margin:0;font-family:Plus Jakarta Sans,Segoe UI,sans-serif}#root{min-height:100vh}.app{position:relative;overflow:hidden;max-width:1100px;margin:0 auto;padding:48px 24px 72px}.orb{position:absolute;filter:blur(0);opacity:.4;pointer-events:none;animation:float 12s ease-in-out infinite;border-radius:999px}.orb--one{background:radial-gradient(circle,#f4a44066 0%,#0000 70%);width:320px;height:320px;top:-120px;right:-60px}.orb--two{animation-delay:1.5s;background:radial-gradient(circle,#2ed0b259 0%,#0000 70%);width:260px;height:260px;bottom:-80px;left:-40px}.hero{display:flex;animation:rise .8s ease-out;flex-wrap:wrap;justify-content:space-between;align-items: flex-end;gap:24px;margin-bottom:40px}.hero h1{margin:12px 0 8px;font-family:Space Grotesk,Segoe UI,sans-serif;font-size:clamp(2.4rem,4vw,3.4rem)}.hero p{color:var(--muted);max-width:520px;margin:0}.eyebrow{text-transform:uppercase;letter-spacing:.3em;color:var(--accent);font-size:.7rem}.hero-card{box-shadow:0 20px 40px var(--shadow);background:linear-gradient(150deg,#f4a44026,#2ed0b21a);border:1px solid #ffffff14;border-radius:16px;min-width:220px;padding:18px 20px}.hero-card__label{text-transform:uppercase;letter-spacing:.2em;color:var(--muted);font-size:.75rem}.hero-card__value{margin:6px 0;font-family:Space Grotesk,Segoe UI,sans-serif;font-size:1.3rem}.hero-card__sub{color:var(--muted);font-size:.85rem}.grid{display:grid;grid-template-columns:1fr;gap:24px}.tabs{display:flex;border-bottom:1px solid var(--panel-border);gap:8px;padding:0 24px}.tab{color:var(--muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:12px 20px;transition:all .2s;font-family:inherit;font-size:.9rem}.tab:hover{color:var(--text)}.tab--active{color:var(--accent);border-bottom-color:var(--accent)}.panel{border:1px solid var(--panel-border);box-shadow:0 18px 30px var(--shadow);overflow:hidden;animation:fadeIn .6s ease-out;background:linear-gradient(#121f22e6 0%,#0c181af2 100%);border-radius:20px}.panel__header{padding:22px 24px 12px}.panel__header h2{margin:0 0 6px;font-family:Space Grotesk,Segoe UI,sans-serif;font-size:1.2rem}.panel__header p{color:var(--muted);margin:0;font-size:.9rem}.panel__body{padding:16px 24px 24px}.panel__error{color:var(--error);background:#ff6b6b1f;border-radius:12px;margin:0 24px 20px;padding:12px 14px;font-size:.9rem}.form{display:grid;gap:16px}label{display:grid;color:var(--muted);gap:6px;font-size:.85rem}input{color:var(--text);background:#040a0cb3;border:1px solid #ffffff14;border-radius:12px;padding:12px 14px;font-size:.95rem}button{background:linear-gradient(135deg,var(--accent)0%,var(--accent-strong)100%);color:#20150a;cursor:pointer;border:none;border-radius:12px;padding:12px 18px;transition:transform .2s,box-shadow .2s;font-family:Space Grotesk,Segoe UI,sans-serif;font-size:.95rem;font-weight:600}button:hover{transform:translateY(-1px);box-shadow:0 12px 20px #f76d3f33}button:disabled{cursor:not-allowed;opacity:.6;box-shadow:none;transform:none}button.ghost{color:var(--text);background:0 0;border:1px solid #ffffff1f}button.ghost.danger{color:var(--error);border-color:#ff6b6b59}button.ghost.danger:hover{background:#ff6b6b1a;box-shadow:0 8px 16px #ff6b6b26}.action-row{display:flex;justify-content:space-between;align-items: center;gap:16px;padding:8px 0 20px}.label{text-transform:uppercase;letter-spacing:.2em;color:var(--muted);font-size:.75rem}.value{font-family:Space Grotesk,Segoe UI,sans-serif;font-size:1.1rem}.token-actions{display:grid;gap:10px;margin-bottom:18px}.hint{color:var(--muted);font-size:.8rem}.new-token{display:flex;background:#2ed0b21f;border:1px solid #2ed0b24d;border-radius:14px;justify-content:space-between;align-items: flex-start;gap:12px;padding:14px}.token-value{word-break:break-all;margin-top:4px;font-family:Space Grotesk,Segoe UI,sans-serif;font-size:.95rem}.token-list{list-style:none;display:grid;gap:14px;margin:0;padding:0}.token-list li{animation:rise .5s ease-out forwards;background:#0a111399;border:1px solid #ffffff14;border-radius:16px;padding:14px 16px}.token-row{display:grid;gap:10px}.token-row__delete{letter-spacing:.1em;text-transform:uppercase;background:#ffffff05;border:1px solid #ffffff40;border-radius:10px;align-self: flex-start;margin-top:6px;padding:6px 14px;font-size:.8rem}.token-title{font-family:Space Grotesk,Segoe UI,sans-serif;font-size:1.05rem}.token-hash{color:var(--accent-cool);font-size:.85rem}.token-meta{display:flex;color:var(--muted);justify-content:space-between;gap:12px;font-size:.8rem}.token-meta strong{color:var(--text);font-weight:600}.empty{color:var(--muted);padding:18px 0 6px}.badge{background:var(--bg-soft);color:var(--muted);border:1px solid var(--panel-border);border-radius:6px;padding:2px 8px;font-size:.7rem}.badge--url{color:var(--accent-cool);background:#2ed0b21f;border-color:#2ed0b24d}.token-main{display:flex;flex-direction:column;gap:4px}.subdomain-display{display:flex;align-items: center;gap:8px;margin-top:4px}.subdomain-edit{display:flex;gap:8px;margin-top:8px}.subdomain-edit input{width:120px;padding:4px 8px;font-size:.85rem}.subdomain-edit button{padding:4px 12px;font-size:.8rem}button.small{padding:4px 10px;font-size:.75rem}.inspector-list{list-style:none;display:grid;overflow-y:auto;gap:10px;max-height:400px;margin:0;padding:0}.section-title-row{display:flex;justify-content:space-between;align-items: center;gap:12px;margin:1.5rem 0 1rem}.section-title-row:first-child{margin-top:0}.section-title{color:var(--text);margin:0;font-size:1rem;font-weight:600}.section-title:first-child{margin-top:0}.connections-table{border-collapse:collapse;width:100%;font-size:.875rem}.connections-table th,.connections-table td{text-align:left;border-bottom:1px solid #ffffff14;padding:.75rem}.connections-table th{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.connections-table tbody tr:hover{background:#ffffff08}.connections-table tbody tr:last-child td{border-bottom:none}.event{border-left:3px solid var(--muted);background:#040a0c66;border-radius:10px;padding:10px 14px}.event--request{border-left-color:var(--accent)}.event--response{border-left-color:var(--accent-cool)}.event-header{display:flex;color:var(--muted);justify-content:space-between;margin-bottom:4px;font-size:.7rem}.event-type{letter-spacing:.05em;font-weight:700}.event-subdomain{color:var(--accent)}.event-details{word-break:break-all;font-family:Space Grotesk,monospace;font-size:.85rem}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(12px)}}@media (max-width:768px){.hero{align-items: flex-start}.action-row,.token-meta{flex-direction:column;align-items: flex-start}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}