:root{--bg: #212121;--surface: #181818;--text-primary: #e5e7eb;--text-secondary: #a1a1aa;--brand: #2cdebf;--brand-contrast: #0d9488;--default-spacing: 16px;--radius: 14px;--sidebar-width: 280px;--max-content: 1100px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text-primary);font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;line-height:1.5}.layout{display:grid;grid-template-columns:1fr;min-height:100dvh}.sidebar{background:var(--surface);border-bottom:1px solid rgba(255,255,255,.06);padding:calc(var(--default-spacing) * 1.25) var(--default-spacing);position:sticky;top:0;z-index:10}.menu__title{font-size:24px;color:var(--brand);letter-spacing:.18em;justify-content:center;width:100%;display:flex;text-transform:uppercase;margin-bottom:calc(var(--default-spacing) * 2.75)}.menu__list{list-style:none;padding:0;margin:0}.menu__item{margin-top:8px}.menu__block+.menu__block{margin-top:calc(var(--default-spacing) * 1.25)}.menu__group-title{color:var(--text-secondary);font-size:13px;letter-spacing:.05em;text-transform:uppercase;margin:0 0 6px 4px}.menu__link{display:flex;width:100%;text-align:left;background:transparent;color:var(--text-primary);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);padding:12px;cursor:pointer;transition:border-color .2s,background .2s,transform .06s}.menu__link:hover{border-color:#ffffff2e;background:#ffffff08}.menu__link:active{transform:scale(.995)}.menu__link.is-active{border-color:var(--brand);background:linear-gradient(180deg,#2cdebf1f,#2cdebf0f)}.content{max-width:var(--max-content);width:100%;margin:0 auto;padding:calc(var(--default-spacing) * 1.25)}.hero{display:grid;place-items:center;min-height:calc(100dvh - 180px);text-align:center;padding:calc(var(--default-spacing) * 2) var(--default-spacing)}.hero__title{font-size:clamp(28px,4vw,44px);margin:0 0 8px;color:var(--text-primary)}.hero__title .brand{color:var(--brand)}.hero__subtitle{color:var(--text-secondary);font-size:clamp(14px,2vw,18px);max-width:60ch;margin:0 0 var(--default-spacing) 0}.hero__hint{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);padding:10px 14px;display:inline-block}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:var(--radius);border:1px solid rgba(255,255,255,.12);background:var(--brand);color:#09342f;font-weight:600;cursor:pointer;transition:transform .06s,opacity .2s}.btn:active{transform:scale(.995)}.btn[disabled]{opacity:.6;cursor:not-allowed}.btn--ghost{background:transparent;color:var(--text-primary);border-color:#ffffff2e}.random__header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.page-title{margin:0}.kv{list-style:none;padding:0;margin:0;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);overflow:hidden}.kv__row{display:grid;grid-template-columns:180px 1fr auto;gap:10px;align-items:center;padding:12px;border-top:1px solid rgba(255,255,255,.06);background:#ffffff05}.kv__row:first-child{border-top:none}.kv__key{color:var(--text-secondary)}.kv__val{word-break:break-word}.icon-btn{border:1px solid rgba(255,255,255,.12);background:transparent;color:var(--text-primary);border-radius:10px;padding:6px 10px;cursor:pointer}.json-view{margin-top:16px;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);padding:8px 12px}.json-view>summary{cursor:pointer;color:var(--text-secondary);margin:6px 0}.code{margin:8px 0 0;max-height:420px;overflow:auto;background:#0b1220;padding:12px;border-radius:var(--radius)}.skeleton{opacity:.8;padding:16px;border:1px dashed rgba(255,255,255,.15);border-radius:var(--radius)}.error{color:#fca5a5;background:#ef444414;border:1px solid rgba(239,68,68,.25);padding:12px;border-radius:var(--radius)}.toast{position:fixed;bottom:18px;right:18px;padding:10px 14px;background:var(--brand);color:#09342f;border-radius:12px;box-shadow:0 10px 30px #00000059;z-index:1000}.quick-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--default-spacing);margin-top:calc(var(--default-spacing) * 2);width:100%;max-width:700px}.card-link{display:flex;align-items:center;justify-content:center;padding:16px;border-radius:var(--radius);text-decoration:none;font-weight:600;font-size:16px;background:var(--surface);color:var(--text-primary);border:1px solid rgba(255,255,255,.08);transition:background .2s,border-color .2s,transform .06s}.card-link:hover{background:#ffffff0d;border-color:var(--brand)}.card-link:active{transform:scale(.98)}.quick-links-group{display:grid;gap:calc(var(--default-spacing) * 1.5);width:100%;max-width:900px}.quick-links__title{margin:0 0 8px;color:var(--text-secondary);font-size:16px;letter-spacing:.02em}.verify{display:flex;flex-direction:column;gap:var(--default-spacing)}.verify__header{display:flex;flex-direction:column;gap:4px}.eyebrow{letter-spacing:.08em;text-transform:uppercase;font-size:12px;color:var(--text-secondary);margin:0}.muted{color:var(--text-secondary);margin:4px 0 0}.form{background:var(--surface);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);padding:calc(var(--default-spacing) * 1.25);display:grid;gap:12px}.form__group{display:grid;gap:8px}.form__row{display:flex;gap:10px;flex-wrap:wrap}.form label{color:var(--text-secondary);font-weight:600}.form input{flex:1;min-width:240px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius);padding:12px 14px;color:var(--text-primary)}.form textarea{width:100%;min-height:180px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius);padding:12px 14px;color:var(--text-primary);resize:vertical}.input{flex:1;min-width:240px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius);padding:12px 14px;color:var(--text-primary)}.form select{flex:1;min-width:240px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius);padding:12px 14px;color:var(--text-primary);appearance:none}.form select option,.form select optgroup{color:var(--text-primary)!important;background:var(--surface)!important}.form select,.form select option,.form select optgroup{background-color:var(--surface)!important;color:var(--text-primary)!important}.form input:focus{outline:2px solid var(--brand);border-color:var(--brand)}.select--dark{background-color:var(--surface)!important;color:var(--text-primary)!important;color-scheme:dark}.select--dark option,.select--dark optgroup{background-color:var(--surface)!important;color:var(--text-primary)!important}.input:focus{outline:2px solid var(--brand);border-color:var(--brand)}.form textarea:focus{outline:2px solid var(--brand);border-color:var(--brand)}.hint{margin:0;color:var(--text-secondary);font-size:13px}.result-card{background:var(--surface);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);padding:calc(var(--default-spacing) * 1.25);display:grid;gap:12px}.result-card__head{display:flex;justify-content:space-between;gap:10px;align-items:center}.result-card__title{margin:2px 0 0}.pill{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.12);color:var(--text-primary);background:#ffffff0d}.pill--success{color:#0c5132;background:#25d09b;border-color:#1eb184}.pill--muted{color:var(--text-secondary)}.kv--compact .kv__row{grid-template-columns:220px 1fr}.panel-grid{display:grid;grid-template-columns:1fr;gap:var(--default-spacing)}.panel{background:var(--surface);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);padding:calc(var(--default-spacing) * 1.1);display:grid;gap:12px}.panel__head{display:flex;justify-content:space-between;align-items:center}.panel__title{margin:4px 0 0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.stat-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);padding:12px;display:grid;gap:6px}.stat-card__value{font-size:28px;font-weight:700;color:var(--brand)}.stat-card__label{color:var(--text-secondary)}.table{border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);overflow:hidden}.table__header,.table__row,.table__footer{display:grid;grid-template-columns:1fr 1fr 1fr;padding:10px 12px;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.06)}.table__header{color:var(--text-secondary);font-weight:600;background:#ffffff0f}.table__body .table__row:nth-child(odd){background:#ffffff04}.table__footer{background:#ffffff0a;font-weight:700}.text-strong{font-weight:700}@media (min-width: 900px){.panel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 900px){.layout{grid-template-columns:var(--sidebar-width) 1fr}.sidebar{height:100dvh;border-right:1px solid rgba(255,255,255,.06);border-bottom:none;position:sticky;top:0}.hero{text-align:left;place-items:start}}