:root{
  --bg: #f5f7fb;
  --panel: #ffffff;
  --accent: #2b6cb0;
  --muted: #6b7280;
  --border: #e2e8f0;
}

*{box-sizing:border-box}
body{
  margin:0;
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  background:var(--bg);
  color:#111827;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  padding:28px;
}

.container{
  max-width:900px;
  margin:0 auto;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
  align-items:start;
}

h1{grid-column:1/-1;margin:0 0 12px;font-size:20px}
.panel{
  background:var(--panel);
  padding:16px;
  border-radius:10px;
  box-shadow: 0 1px 3px rgba(15,23,42,0.04);
  border:1px solid var(--border);
}

.items, .dropped-list{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:12px;
  min-height:64px;
}

.item, .dropped{
  padding:10px 14px;
  border-radius:8px;
  background:linear-gradient(180deg,#fff,#f7fbff);
  border:1px solid #e6eefc;
  cursor:grab;
  user-select:none;
  box-shadow: 0 1px 0 rgba(2,6,23,0.03);
}

.item:active, .dropped:active{cursor:grabbing}
.dropzone{
  transition:box-shadow .15s, border-color .15s;
  min-height:170px;
}

.dropzone.dragover{
  border-color: var(--accent);
  box-shadow: 0 6px 20px rgba(43,108,176,0.12);
}

.hint{margin:12px 0 0;color:var(--muted);font-size:13px}

.dragging{
  opacity:0.5;
  transform:scale(.98);
}

/* small screen */
@media (max-width:700px){
  .container{grid-template-columns:1fr; padding-bottom:40px}
}
.custom-link {
    margin-right: auto;
    display: inline-block;
    padding: 12px 28px;
    background: linear-gradient(45deg, #6a11cb, #2575fc);
    color: white;
    text-decoration: none;
    font-weight: 600;
    border-radius: 30px;
    box-shadow: 0 4px 15px rgba(38, 50, 56, 0.3);
    transition: background 0.3s ease, box-shadow 0.3s ease;
    font-family: Arial, sans-serif;
  }

  .custom-link:hover {
    background: linear-gradient(45deg, #2575fc, #6a11cb);
    box-shadow: 0 6px 20px rgba(38, 50, 56, 0.5);
    text-decoration: none;
  }