:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;--bg: #0a0a0a;--surface: #141414;--border: rgba(255, 255, 255, .1);--text: #fafafa;--text-muted: rgba(255, 255, 255, .55);--accent: #6366f1}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:var(--bg);color:var(--text)}.app{max-width:900px;margin:0 auto;padding:2rem 1.5rem 3rem}.header{text-align:center;margin-bottom:2rem}.header h1{font-size:2rem;font-weight:700;letter-spacing:-.03em;margin-bottom:.25rem}.subtitle{color:var(--text-muted);font-size:.95rem;margin-bottom:1rem}.progress{display:flex;align-items:center;gap:.75rem;max-width:320px;margin:0 auto}.progress-bar{flex:1;height:6px;border-radius:3px;background:#ffffff14;overflow:hidden}.progress-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,#6366f1,#ec4899);transition:width .4s ease}.progress-text{font-size:.8rem;color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.complete-banner{margin-top:.75rem;display:inline-block;background:linear-gradient(135deg,#22c55e22,#22c55e11);border:1px solid #22c55e44;color:#4ade80;font-size:.85rem;font-weight:600;padding:.35rem 1rem;border-radius:999px}.reset-btn{margin-top:.75rem;display:inline-block;background:#ffffff0f;border:1px solid var(--border);color:var(--text-muted);font-size:.8rem;padding:.3rem .9rem;border-radius:6px;cursor:pointer;transition:all .15s}.reset-btn:hover{background:#ffffff1a;color:var(--text)}.unsorted-area{margin-bottom:2rem}.area-title{font-size:.75rem;text-transform:uppercase;letter-spacing:.15em;color:var(--text-muted);margin-bottom:.75rem}.items-grid{display:flex;flex-wrap:wrap;gap:.5rem}.clothing-card{display:flex;align-items:center;gap:.4rem;background:var(--surface);border:1px solid var(--border);padding:.5rem .75rem;border-radius:8px;cursor:grab;-webkit-user-select:none;user-select:none;transition:all .15s;font-size:.85rem}.clothing-card:hover{border-color:#fff3;background:#ffffff0d;transform:translateY(-1px)}.clothing-card.dragging{opacity:.4;transform:scale(.95)}.item-emoji{font-size:1.2rem;line-height:1}.item-name{font-weight:500}.empty-msg{color:var(--text-muted);font-size:.85rem;font-style:italic;padding:.5rem 0}.categories-area{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem}.category-bin{background:var(--surface);border:2px dashed rgba(255,255,255,.08);border-radius:10px;padding:.75rem;min-height:140px;transition:all .2s;position:relative}.category-bin.drag-over{border-color:var(--cat-color);background:color-mix(in srgb,var(--cat-color) 8%,var(--surface));box-shadow:0 0 20px color-mix(in srgb,var(--cat-color) 15%,transparent)}.category-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:var(--cat-color);font-weight:600;margin-bottom:.5rem}.category-count{position:absolute;top:.6rem;right:.6rem;background:#ffffff0f;border:1px solid var(--border);color:var(--text-muted);font-size:.65rem;font-variant-numeric:tabular-nums;width:1.4rem;height:1.4rem;display:grid;place-items:center;border-radius:999px}.category-items{display:flex;flex-direction:column;gap:.35rem}.sorted-chip{display:flex;align-items:center;gap:.35rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);padding:.3rem .5rem;border-radius:6px;font-size:.75rem;cursor:grab;-webkit-user-select:none;user-select:none;transition:all .15s}.sorted-chip:hover{background:#ffffff14;border-color:#ffffff1f}