/* ============ JUNK'D account UI (auth modal, profile drawer, toasts) ============ */
.ju-account-btn{
  background:none;border:2px solid #3a2531;border-radius:999px;color:#fff;
  font-family:'Press Start 2P',monospace;font-size:9px;letter-spacing:1px;
  padding:10px 16px;cursor:pointer;transition:.15s;
}
.ju-account-btn:hover{border-color:var(--slime);color:var(--slime)}
.ju-account-btn.ju-in{border-color:var(--slime);color:var(--slime)}

.ju-modal{
  position:fixed;inset:0;z-index:1200;display:none;place-items:center;
  background:rgba(0,0,0,.86);padding:18px;
}
.ju-modal.ju-show{display:grid}
.ju-card{
  width:min(420px,94vw);background:#0d0a0c;border:2px solid #2c1a24;border-radius:18px;
  padding:28px;position:relative;box-shadow:0 40px 90px rgba(0,0,0,.8),0 0 44px rgba(79,232,8,.12);
  animation:ju-rise .35s cubic-bezier(.2,.9,.3,1);
}
@keyframes ju-rise{from{transform:translateY(28px);opacity:0}to{transform:none;opacity:1}}
.ju-card h3{
  font-family:'Bungee',cursive;font-size:22px;letter-spacing:2px;margin-bottom:4px;
  background:linear-gradient(180deg,#fff 5%,#d9d9d9 22%,#5f5f5f 46%,#f6f6f6 56%,#333 78%,#dedede 96%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.ju-card .ju-sub{color:#8d7c86;font-size:13px;margin-bottom:18px}
.ju-tabs{display:flex;gap:8px;margin-bottom:18px}
.ju-tab{
  flex:1;font-family:'Press Start 2P',monospace;font-size:9px;padding:11px;
  background:#151015;color:#8d7c86;border:2px solid #241820;border-radius:8px;cursor:pointer;
}
.ju-tab.ju-on{background:var(--slime);color:#000;border-color:#000}
.ju-field{margin-bottom:12px}
.ju-field label{display:block;font-family:'Press Start 2P',monospace;font-size:8px;color:#8d7c86;margin-bottom:6px;letter-spacing:1px}
.ju-field input{
  width:100%;background:#151015;border:2px solid #241820;border-radius:10px;
  color:#fff;font-family:'Space Grotesk',sans-serif;font-size:16px;padding:12px 14px;outline:none;
}
.ju-field input:focus{border-color:var(--slime)}
.ju-err{color:#ff5d8f;font-size:13px;min-height:18px;margin:4px 0 10px;font-family:'Space Grotesk',sans-serif}
.ju-close{
  position:absolute;top:14px;right:14px;background:none;border:2px solid #33222c;color:#8d7c86;
  border-radius:50%;width:32px;height:32px;cursor:pointer;font-size:14px;
}
.ju-close:hover{border-color:var(--slime);color:var(--slime)}

/* profile drawer */
.ju-profile{
  position:fixed;top:0;right:0;bottom:0;width:min(400px,92vw);z-index:1150;
  background:#0a070a;border-left:3px solid var(--slime);
  transform:translateX(105%);transition:transform .45s cubic-bezier(.7,0,.2,1);
  padding:26px 24px 40px;overflow-y:auto;
}
.ju-profile.ju-open{transform:translateX(0)}
.ju-profile h3{
  font-family:'Bungee',cursive;font-size:20px;letter-spacing:2px;margin:10px 0 2px;
  background:linear-gradient(180deg,#fff,#888 60%,#eee);-webkit-background-clip:text;background-clip:text;color:transparent;
}
.ju-handle-row{display:flex;align-items:center;gap:8px;margin-bottom:20px}
.ju-handle-row input{
  background:transparent;border:none;border-bottom:2px dashed #3a2531;color:var(--slime);
  font-family:'Permanent Marker',cursive;font-size:19px;width:170px;outline:none;
}
.ju-mini{font-family:'Press Start 2P',monospace;font-size:8px;color:#6f5f68;letter-spacing:2px;display:block;margin:20px 0 10px}
.ju-order{
  background:#120d11;border:2px solid #241820;border-radius:12px;padding:12px 14px;margin-bottom:10px;
  display:flex;gap:10px;align-items:center;
}
.ju-order img{width:44px;height:60px;object-fit:cover;border-radius:6px;border:2px solid #241820}
.ju-order .ju-o-body{flex:1;min-width:0}
.ju-order .ju-o-dream{color:#cbb9c3;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ju-order .ju-o-date{color:#6f5f68;font-size:11px}
.ju-chip{
  font-family:'Press Start 2P',monospace;font-size:7px;padding:6px 8px;border-radius:999px;
  letter-spacing:1px;white-space:nowrap;border:2px solid #000;
}
.ju-chip[data-s="new"]{background:var(--slime);color:#000}
.ju-chip[data-s="in_progress"]{background:#f7c948;color:#000}
.ju-chip[data-s="shipped"]{background:#5ac8fa;color:#000}
.ju-chip[data-s="done"]{background:#b8ffb0;color:#000}
.ju-empty{color:#6f5f68;font-size:13px;font-style:italic}

/* toasts */
.ju-toasts{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);z-index:1400;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none}
.ju-toast{
  background:#0d0a0c;border:2px solid var(--slime);color:#fff;border-radius:999px;
  font-family:'Space Grotesk',sans-serif;font-size:14px;padding:11px 22px;
  box-shadow:0 10px 30px rgba(0,0,0,.7),0 0 20px rgba(79,232,8,.25);
  animation:ju-toast-in .3s cubic-bezier(.2,.9,.3,1);
}
.ju-toast.ju-bad{border-color:#ff5d8f}
@keyframes ju-toast-in{from{transform:translateY(18px);opacity:0}to{transform:none;opacity:1}}

/* request-this button injected in vault */
.ju-request{
  margin-top:8px;display:inline-block;font-family:'Press Start 2P',monospace;font-size:8px;
  color:#000;background:var(--slime);border:2px solid #000;border-radius:6px;padding:8px 10px;
  cursor:pointer;letter-spacing:1px;
}
.ju-request:hover{filter:brightness(1.15)}

/* email field injected into envelope step 2 when logged out */
.ju-guest-email{
  border:none;border-bottom:2px solid #b7a98a;background:none;
  font-family:'Permanent Marker',cursive;font-size:16px;width:190px;outline:none;color:#3d2f86;
}