:root{--bg:#0b0f14;--panel:#121821;--panel-2:#0f141c;--text:#e9eef3;--muted:#b7c0c8;--border:#2a3645;--accent:#22d3ee;--accent-2:#10b981;--danger:#ef4444}html,body,#root{height:100%}html,body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;line-height:1.45}a{color:#7dd3fc;text-decoration:underline}hr{border:none;height:1px;background:var(--border);margin:16px 0}.container{max-width:1100px;margin:0 auto;padding:20px}.card{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:16px}.subtle{opacity:.9}h1,h2,h3{letter-spacing:.2px}h1{font-size:28px;margin:0 0 8px}h2{font-size:20px;margin:0 0 8px}code{background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:2px 6px}input,select,textarea,button{color:var(--text);background:var(--panel-2);border:1px solid var(--border);border-radius:10px;padding:10px 12px;font:inherit}input::-moz-placeholder,textarea::-moz-placeholder{color:var(--muted)}input::placeholder,textarea::placeholder{color:var(--muted)}button{cursor:pointer}button:hover{border-color:#3b4b5f}button:active{transform:translateY(.5px)}input:focus,select:focus,textarea:focus,button:focus{outline:2px solid var(--accent);outline-offset:2px}.banner{background:linear-gradient(90deg,var(--accent-2),var(--accent));color:#041510;border-radius:12px;padding:8px 12px;font-weight:700}.header{display:flex;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:10px}.brand-title{font-weight:800;font-size:20px;letter-spacing:.4px}.badge{background:var(--panel-2);border:1px solid var(--border);border-radius:999px;padding:6px 10px;font-size:12px}.header--brand{position:sticky;top:0;z-index:50;background:rgba(11,15,20,.72);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--border)}.header__inner{max-width:1100px;margin:0 auto;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px}.logoImg{height:160px;width:auto;display:block}.header-actions{display:flex;align-items:center;gap:10px}@media (max-width: 680px){.logoImg{height:48px}.header__inner{padding:10px 14px;gap:8px}.header-actions{width:100%;justify-content:flex-end}}.card select{color:var(--text);background:var(--panel);border:1px solid var(--border);font-size:14px}.card select option{color:var(--text);background:var(--panel)}.card select option:checked{background:rgba(0,170,255,.25);color:var(--text)}.card select:focus{outline:2px solid var(--accent);outline-offset:1px}.card select,.card select option{color-scheme:dark}