:root{
  --bg:#060606;
  --s1:#0c0c0c;
  --s2:#101010;
  --border:#1c1c1c;
  --border2:#282828;
  --red:#ff3a2d;
  --orange:#f5a520;
  --purple:#8b31ff;
  --magenta:#cc3ae0;
  --text:#f0f0f0;
  --muted:#999;
  --muted2:#333
}
body{font-family:'IBM Plex Mono','Consolas','Courier New',monospace;background:var(--bg);color:var(--text);overflow-x:hidden}

/* Topbar */

/* Page */
#sell-page{padding:20px;max-width:640px;margin:0 auto}
.sell-head{margin-bottom:18px}
.sell-head h1{font-size:clamp(1.3rem,3vw,1.7rem);font-weight:900;letter-spacing:-.02em;margin-bottom:6px}
.sell-head p{font-size:.8rem;color:var(--muted);line-height:1.55}

#sell-panel{background:var(--s2);border:2px solid var(--border);overflow:hidden}
.sp-form-area{padding:18px;display:flex;flex-direction:column;gap:12px}
.f-field{display:flex;flex-direction:column;gap:5px}
.f-label{font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.f-input{background:var(--s1);border:2px solid var(--border2);padding:9px 12px;font-size:.82rem;color:var(--text);outline:none;transition:border-color var(--t-med);font-family:inherit;width:100%}
.f-input:focus{border-color:rgba(139,49,255,.5)}
.f-input::placeholder{color:var(--muted2)}
textarea.f-input{resize:vertical;min-height:90px}
.f-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:520px){.f-row{grid-template-columns:1fr}}

.sp-submit{
  padding:10px;
  font-weight:600;
  font-size:.8rem;
  cursor:pointer;
  width:100%;
  font-family:inherit;
  background:transparent;
  border:2px solid var(--purple);
  color:var(--purple);
  transition:all var(--t-fast);
}
.sp-submit:hover{background:rgba(139,49,255,.08)}
.sp-submit:disabled{opacity:.4;cursor:not-allowed}

footer{position:relative;z-index:1;background:var(--bg);border-top:1px solid var(--border);padding:22px 24px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}
.f-logo{font-weight:900;font-size:.92rem;letter-spacing:.05em;display:flex;align-items:center;gap:9px}
.f-logos{display:flex;gap:7px}
.f-logos img{width:18px;height:18px;object-fit:contain;image-rendering:pixelated;opacity:.55}
footer p{color:var(--muted2);font-size:.72rem}
.f-links{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center;margin:4px 0}
.f-links a{color:var(--muted);font-size:.72rem;text-decoration:none;transition:color var(--t-med)}
.f-links a:hover{color:var(--orange)}
.f-links span{color:var(--muted2);font-size:.72rem;user-select:none}
.f-logos a{display:flex;transition:opacity var(--t-med)}
.f-logos a:hover{opacity:1}
.f-logos img{transition:transform var(--t-med)}
.f-logos a:hover img{transform:scale(1.1)}