.controls{flex-wrap:wrap;align-items:center;gap:.8rem 1.1rem;display:flex}.stepper{align-items:center;gap:.4rem;display:inline-flex}.stepper-btn{width:48px;height:48px;padding:0;font-size:1.6rem}.stepper-value{justify-content:center;align-items:baseline;gap:.4rem;min-width:6.5rem;display:flex}.stepper-value .big{font-variant-numeric:tabular-nums;font-size:2.2rem;font-weight:900}.stepper-value .unit{font-weight:700}.controls .hint{margin:0}.empty-state{border:3px dashed var(--line);border-radius:var(--radius);text-align:center;padding:2rem 1rem}.empty-state h3{margin:0 0 .3rem;font-size:1.4rem}.empty-state p{color:var(--ink-soft);margin:0;font-weight:600}.moving-bar{z-index:15;border:2px solid var(--line);border-radius:var(--radius);background:var(--ink);color:var(--cream);box-shadow:var(--sticker);justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.9rem;padding:.6rem 1rem;animation:.18s ease-out slide-down;display:flex;position:sticky;top:5rem}.moving-actions{flex-wrap:wrap;gap:.5rem;display:flex}.moving-actions .btn{white-space:nowrap}.cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,17rem),1fr));gap:1rem;display:grid}.hue-0{--card:var(--g0)}.hue-1{--card:var(--g1)}.hue-2{--card:var(--g2)}.hue-3{--card:var(--g3)}.hue-4{--card:var(--g4)}.hue-5{--card:var(--g5)}.hue-6{--card:var(--g6)}.hue-7{--card:var(--g7)}.group-card{border:2px solid var(--line);border-radius:var(--radius);background:var(--card);color:var(--ink);box-shadow:var(--sticker);flex-direction:column;gap:.6rem;padding:.8rem;display:flex}.group-card[data-target=true]{outline:4px dashed var(--ink);outline-offset:3px;cursor:pointer;transition:transform .12s}.group-card[data-target=true]:hover{transform:translateY(-3px)rotate(-.4deg)}.card-head{align-items:center;gap:.3rem;display:flex}.group-name{text-align:left;cursor:text;background:0 0;border:0;border-radius:.6rem;flex:1;min-height:44px;padding:.2rem .4rem;font-size:1.25rem;font-weight:900}.group-name:hover{background:rgba(255,255,255,.45)}.group-card[data-locked=true]{border-width:4px;padding:calc(.8rem - 2px)}.chips{flex-wrap:wrap;gap:.45rem;margin:0;padding:0;list-style:none;display:flex}.chip{cursor:pointer;background:rgba(255,255,255,.78);border:2px solid transparent;border-radius:999px;align-items:center;min-height:44px;padding:.35rem .95rem .35rem .55rem;font-weight:700;transition:transform .1s;display:flex;position:relative}.chip:hover{border-color:var(--ink)}.chip[aria-pressed=true]{background:var(--ink);color:var(--cream);border-color:var(--ink);transform:scale(1.06);box-shadow:0 0 0 4px #fff}.empty-card{opacity:.7;margin:0;font-weight:700}.drop-hint{border:2px solid var(--line);text-align:center;cursor:pointer;background:#fff;border-radius:.8rem;min-height:44px;margin-top:auto;padding:.55rem .8rem;font-weight:800}.cards-centered{grid-template-columns:repeat(auto-fill,minmax(min(100%,20rem),1fr));gap:1.4rem}.center{aspect-ratio:1;border:3px dashed var(--line);border-radius:calc(var(--radius) + .6rem);background:rgba(255,255,255,.55);flex-direction:column;gap:.5rem;min-width:0;padding:.6rem;display:flex}.center .group-card{flex:1}.center>.name-edit{flex:none}.center-name{overflow-wrap:anywhere;border:2px solid var(--line);background:var(--ink);max-width:100%;min-height:44px;color:var(--cream);cursor:text;border-radius:999px;align-self:center;padding:.2rem 1rem;font-size:1.05rem;font-weight:900}.center-name:hover{background:#4a3a57}.rotate{align-items:center;gap:.6rem;display:inline-flex}.round{font-weight:800}