.binder-wrap{max-width:900px}
.binder-msg{margin:1rem 0;padding:.8rem 1rem;border-radius:12px;background:#1b2a1f;border:1px solid #2f6b40;color:#bfffd0}
.binder-msg.err{background:#2a1520;border-color:#7a2b4a;color:#ffc2d6}
.binder-msg img{width:56px;border-radius:6px;float:left;margin-right:.7rem}.binder-msg::after{content:"";display:block;clear:both}
.auth-box{max-width:440px;margin:1.5rem auto;background:#161126;border:1px solid #2a2240;border-radius:16px;padding:1.2rem}
.auth-tabs{display:flex;gap:.4rem;background:#0d0a17;border-radius:999px;padding:.25rem}
.auth-tabs .tab{flex:1;border:0;background:none;color:var(--mut);padding:.55rem;border-radius:999px;font:inherit;font-weight:600;cursor:pointer}
.auth-tabs .tab.on{background:#2a2240;color:#fff}
.auth-form{grid-template-columns:1fr!important}
.binder-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin:1rem 0}
.binder-count{font-family:Bungee,sans-serif;font-size:1.3rem;background:var(--holo);-webkit-background-clip:text;color:transparent}
.binder-bar .btn{margin-left:auto}.btn.sm{padding:.5rem 1rem;font-size:.9rem}
.add-box{display:flex;flex-direction:column;gap:.7rem;margin-bottom:1.2rem}
.code-form{display:flex;gap:.5rem}.code-form input{flex:1;min-width:0;background:#0d0a17;border:1px solid #3a2f58;color:var(--ink);border-radius:10px;padding:.7rem;font:inherit}
.scanner{background:#161126;border:1px solid #2a2240;border-radius:14px;padding:.8rem;margin-bottom:1rem;text-align:center}
.scanner video{width:100%;max-width:420px;border-radius:10px;margin:auto}
.bpage{background:linear-gradient(160deg,#1a1430,#100c1c);border:1px solid #3a2f58;border-radius:16px;padding:.7rem;margin:0 0 1.2rem;box-shadow:inset 0 0 0 6px #0b091255}
.bpage h3{margin:.1rem .2rem .6rem;font-size:.8rem;color:var(--mut);letter-spacing:.12em;text-transform:uppercase}
.pockets{display:grid;grid-template-columns:repeat(3,1fr);gap:.45rem}
.pocket{position:relative;aspect-ratio:5/7;border-radius:8px;background:#ffffff08;border:1px solid #ffffff14;overflow:hidden}
.pocket::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff22,transparent 35%,transparent 65%,#ffffff10);pointer-events:none}
.pocket img{width:100%;height:100%;object-fit:cover}
.pocket .qty{position:absolute;right:4px;bottom:4px;background:#0b0912cc;border-radius:999px;padding:0 .45rem;font-size:.75rem;font-weight:800}
.pocket .nm{position:absolute;left:0;right:0;bottom:0;padding:.9rem .3rem .25rem;font-size:.62rem;line-height:1.2;background:linear-gradient(transparent,#0b0912ee);opacity:0;transition:opacity .2s}
.pocket:hover .nm,.pocket:focus .nm{opacity:1}
.danger{margin-top:2rem;color:var(--mut)}
@media(min-width:640px){.add-box{flex-direction:row}.add-box .code-form{flex:1}.pockets{gap:.7rem}.bpage{padding:1rem}}
.snap-open{width:100%;margin-bottom:1rem}.snap-box{background:#161126;border:1px solid #2a2240;border-radius:14px;padding:1rem;margin-bottom:1.2rem}
.snap-pick{display:block;cursor:pointer}.snap-best{display:flex;gap:.8rem;align-items:center;margin:.6rem 0}.snap-best img{width:96px;border-radius:8px}
.snap-alts{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin:.6rem 0}.snap-alts[hidden]{display:none}
.snap-alt{background:#0d0a17;border:1px solid #3a2f58;border-radius:10px;padding:.35rem;color:var(--ink);font:inherit;font-size:.7rem;cursor:pointer;text-align:center}
.snap-alt img{border-radius:6px;margin-bottom:.25rem;pointer-events:none}.snap-alt span{pointer-events:none}.snap-alt:focus{outline:2px solid #a46bff}

.review-sec{margin:1.5rem 0}.review-sec h3{font-family:Bungee,sans-serif;font-size:1.1rem;margin:0 0 .4rem}
.review-sec ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.7rem}
.review-sec li{display:flex;gap:.8rem;align-items:center;background:#161126;border:1px solid #2a2240;border-radius:12px;padding:.6rem}
.review-sec img{width:56px;height:78px;object-fit:cover;border-radius:6px;background:#0d0a17}
.review-sec .st{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.review-sec .st.pending{color:#ffb74d}.review-sec .st.approved{color:#7cff9e}.review-sec .st.rejected{color:#ff6b8a}
.review-form{background:#161126;border:1px solid #2a2240;border-radius:14px;padding:1rem;margin:1rem 0;display:grid;gap:.7rem}
.review-form canvas{border-radius:8px;margin:auto}
#noneOfThese{margin-top:.5rem}