.collect-depth-switch{display:flex;flex-wrap:wrap;gap:.5rem;margin-block:1rem}
.collect-depth-switch button[aria-pressed=true]{background:#355f54;color:white;border-color:#355f54}
.collect-depth{--cd-ink:#29483f;--cd-sage:#e6efdf;--cd-paper:#fffcf3;color:var(--cd-ink);max-width:1120px;margin:auto;padding-block:.5rem 1.5rem}
.collect-depth *{box-sizing:border-box}
.collect-depth button,.collect-depth select,.collect-depth input{font:inherit;min-height:48px;border:1.5px solid #abbfa9;border-radius:13px;background:var(--cd-paper);color:var(--cd-ink);max-width:100%;padding:.6rem .8rem;touch-action:manipulation}
.collect-depth button{cursor:pointer;overflow-wrap:anywhere}
.collect-depth button:disabled{opacity:.5;cursor:default}
.collect-depth :is(button,input,select,summary):focus-visible,.collect-depth-switch button:focus-visible{outline:3px solid #386ba0;outline-offset:3px}
.collect-depth button[aria-pressed=true]{background:#e1eddb;border-color:#315f52;box-shadow:inset 0 0 0 2px #315f52}
.collect-depth img{display:block;object-fit:contain;max-width:100%;pointer-events:none;user-select:none}
.cd-settings{display:flex;flex-wrap:wrap;gap:.75rem;background:#edf2e6;padding:1rem;border-radius:18px;margin-block:1rem}
.cd-field{display:flex;flex-direction:column;gap:.4rem;font-weight:650;min-width:0;flex:1 1 220px}
.cd-field input,.cd-field select{width:100%;font-weight:400}
.cd-actions,.cd-methods{display:flex;flex-wrap:wrap;gap:.6rem;margin-block:1rem;align-items:center}
.cd-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:.75rem;margin-block:1rem}
.cd-card{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;min-height:168px!important;gap:.5rem;text-align:center}
.cd-card img{width:100%;height:104px}
.cd-card strong,.cd-slot strong,.cd-idea strong,.cd-goals strong{line-height:1.5;overflow-wrap:anywhere}
.cd-card-back{font-size:3.5rem;line-height:1.7;color:#7e9d78}
.cd-hint{outline:4px dashed #b47d2c!important;outline-offset:2px}
.cd-editor{background:#fbf5e9;border:1px solid #ddcaaa;border-radius:18px;padding:1rem}
.cd-editor p,.collect-depth details{line-height:1.65}
.cd-picked{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:.5rem}
.cd-picked .cd-card img{height:70px}.cd-picked .cd-card{min-height:130px!important}
.cd-note{font-size:.9rem;color:#566e5b}
.cd-progress{display:flex;gap:.7rem;align-items:center;flex-wrap:wrap}
.cd-progress b{background:#e4eddc;padding:.3rem .65rem;border-radius:20px;white-space:nowrap}
.cd-status{background:#edf3e7;border-inline-start:4px solid #7c9d77;padding:1rem;border-radius:10px;line-height:1.6;min-height:3.2rem}
.collect-depth details{padding:1rem;border-radius:14px;background:#f6f0e4;margin-block:1rem}
.collect-depth summary{min-height:44px;cursor:pointer}
.cd-display{position:relative;isolation:isolate;overflow:hidden;border:1px solid #d1b690;border-radius:24px;margin-block:1rem;background:#e9dcc3}
.cd-display>.cd-backdrop{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;z-index:-1}
.cd-trays{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;padding:2.5rem 1rem 1rem}
.cd-tray{min-width:0;background:#f8ecd7d9;border:2px solid #aa885c;border-radius:16px;padding:.65rem}
.cd-tray h4{margin:.3rem 0 .7rem;background:#fff9edbd;padding:.2rem .5rem;border-radius:7px}
.cd-slots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}
.cd-slot{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:130px!important;gap:.3rem;padding:.4rem!important;background:#fffaf1eb!important}
.cd-slot img{height:75px;width:100%}
.cd-slot strong{font-size:.9rem}
.cd-slot:disabled{opacity:.8!important;border:2px dashed #a98b62!important}
.cd-empty-slot{font-size:.85rem}
.cd-save-display{display:flex;flex-wrap:wrap;gap:.6rem;align-items:end;background:#f3ead7;padding:1rem;border-radius:16px}
.cd-save-display .cd-field{flex:1 1 250px}
.cd-count-pictures{display:flex;align-items:center;justify-content:center;gap:.3rem;min-height:90px;max-width:100%}
.cd-count-pictures img{width:70px;height:80px;min-width:0;flex:1 1 0}
.cd-sort-cards .cd-card>span:last-child{font-size:.85rem}
.cd-matrix{display:grid;gap:1rem;margin-block:1rem}
.cd-matrix-row{background:#f4ead6;border:2px solid #b39d79;border-radius:18px;padding:.8rem}
.cd-matrix-row>h4{margin:.3rem 0 .8rem}
.cd-matrix-cells{display:grid;grid-template-columns:repeat(var(--cd-columns),minmax(0,1fr));gap:.7rem}
.cd-bin{background:#fffbf2;border:2px dashed #bac6ae;border-radius:15px;padding:.65rem;display:flex;flex-direction:column;gap:.5rem;min-width:0}
.cd-bin h5{font-size:1rem;margin:.3rem 0}
.cd-bin>button{margin-top:auto;width:100%}
.cd-sorted{display:flex;flex-direction:column;align-items:center;gap:.4rem;border:1px solid #d2c2a6;background:#f0f5e9;padding:.5rem;border-radius:12px}
.cd-sorted .cd-count-pictures{min-height:70px}.cd-sorted .cd-count-pictures img{height:65px;width:65px}
.cd-sorted>span:last-of-type{font-size:.9rem}
.cd-ideas{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.cd-idea{background:#fff9eb;border:1px solid #d9c7a7;border-radius:18px;padding:1rem;text-align:center}
.cd-idea img{width:110px;height:110px;margin:auto}
.cd-idea p{line-height:1.65;margin-bottom:0}
.cd-task-prompt{font-size:1.25rem;line-height:1.65;background:#f5eddb;border-radius:16px;padding:1rem;margin-block:1rem}
.cd-goals{display:flex;flex-wrap:wrap;gap:.6rem}
.cd-goals>div{flex:1 1 100px;max-width:150px;text-align:center;border:2px dashed #aaba9e;border-radius:15px;padding:.6rem}
.cd-goals img{width:90px;height:90px;margin:auto}
.cd-goals .cd-kept{border-style:solid;background:#e1ecda}
@media(max-width:650px){
 .cd-settings{padding:.7rem}.cd-field{flex-basis:100%}
 .cd-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}
 .cd-card{min-height:145px!important;padding:.5rem!important}.cd-card img{height:90px}
 .cd-actions button,.cd-methods button{flex:1 1 125px}
 .cd-editor{padding:.75rem}.cd-picked{grid-template-columns:repeat(2,minmax(0,1fr))}
 .cd-trays{grid-template-columns:1fr;padding:1rem .6rem .6rem}
 .cd-slots{grid-template-columns:repeat(4,minmax(0,1fr))}
 .cd-slot{min-height:105px!important}.cd-slot img{height:52px}
 .cd-slot strong{font-size:.8rem}.cd-empty-slot{font-size:.75rem}
 .cd-matrix-cells{grid-template-columns:1fr}
 .cd-matrix-row{padding:.65rem}.cd-bin{padding:.7rem}
 .cd-ideas{grid-template-columns:1fr}
 .cd-count-pictures img{height:60px;width:45px}.cd-count-pictures{min-height:65px}
 .cd-task-prompt{font-size:1.1rem;padding:.8rem}
}
@media(prefers-reduced-motion:reduce){.collect-depth *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}