/* Hominic Camping Checklist v1 - mobile first */
.hcc-app{--g:#2f6b4f;--gs:#e9f4ed;--tx:#1f2d26;--mut:#6c7a73;--bd:#dfe7e2;--bg:#f5f7f4;--card:#fff;color:var(--tx);background:var(--bg);border:1px solid var(--bd);border-radius:20px;padding:14px;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans KR",Arial,sans-serif;line-height:1.45}.hcc-app *{box-sizing:border-box}.hcc-app button,.hcc-app input,.hcc-app select{font:inherit}.hcc-app button{touch-action:manipulation}.hcc-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.hcc-title{font-size:22px;font-weight:900;margin:0}.hcc-sub{font-size:13px;color:var(--mut);margin:5px 0 0}.hcc-save{font-size:11px;font-weight:800;color:var(--g);background:var(--gs);padding:6px 8px;border-radius:999px;white-space:nowrap}.hcc-panel,.hcc-cat{background:var(--card);border:1px solid var(--bd);border-radius:16px}.hcc-panel{padding:14px;margin-top:12px}.hcc-panel h3{font-size:16px;margin:0 0 10px}.hcc-grid{display:grid;grid-template-columns:1fr;gap:10px}.hcc-field label{display:block;font-size:12px;font-weight:800;margin-bottom:5px}.hcc-field input,.hcc-field select,.hcc-add input,.hcc-add select{width:100%;min-height:46px;border:1px solid #cfdad3;border-radius:12px;background:#fff;padding:9px 11px;font-size:16px;color:var(--tx)}.hcc-inline{display:grid;grid-template-columns:1fr 1fr;gap:8px}.hcc-note{font-size:11px;color:var(--mut);margin-top:6px}.hcc-actions{display:grid;grid-template-columns:1fr;gap:8px;margin-top:12px}.hcc-primary,.hcc-secondary,.hcc-tab,.hcc-toggle{min-height:46px;border-radius:12px;font-weight:900;cursor:pointer}.hcc-primary{border:0;background:var(--g);color:#fff;padding:10px 13px}.hcc-secondary,.hcc-toggle{border:1px solid #d5dfd8;background:#fff;color:#405149;padding:10px 13px}.hcc-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.hcc-tab{border:1px solid #d5dfd8;background:#fff;color:#526259}.hcc-tab[aria-selected=true]{background:var(--g);border-color:var(--g);color:#fff}.hcc-prog-top{display:grid;grid-template-columns:1fr auto;align-items:end;gap:8px}.hcc-prog-num{font-size:28px;font-weight:1000}.hcc-progress{height:12px;background:#e7ece9;border-radius:999px;overflow:hidden;margin-top:8px}.hcc-progress span{display:block;height:100%;width:0;background:var(--g);border-radius:999px;transition:width .2s}.hcc-meta{display:flex;gap:10px;flex-wrap:wrap;font-size:12px;color:var(--mut)}.hcc-toolbar{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.hcc-toggle[aria-pressed=true]{background:var(--gs);color:var(--g);border-color:#bfd7c8}.hcc-list{margin-top:10px}.hcc-cat{overflow:hidden;margin-top:10px}.hcc-cat-head{width:100%;min-height:52px;border:0;background:#fff;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left;cursor:pointer}.hcc-cat-left{display:flex;align-items:center;gap:8px;min-width:0}.hcc-cat-name{font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hcc-cat-count{font-size:12px;color:var(--mut);font-weight:800}.hcc-cat[data-open=false] .hcc-items{display:none}.hcc-cat[data-open=false] .hcc-chevron{transform:rotate(-90deg)}.hcc-items{border-top:1px solid var(--bd)}.hcc-item{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:6px;min-height:58px;padding:7px 8px;border-top:1px solid #eef2ef}.hcc-item:first-child{border-top:0}.hcc-check,.hcc-remove{width:44px;height:44px;border:0;border-radius:12px;background:transparent;cursor:pointer;display:grid;place-items:center}.hcc-box{width:24px;height:24px;border:2px solid #9aaba1;border-radius:7px;background:#fff;display:grid;place-items:center;color:#fff;font-weight:900}.hcc-item[data-done=true] .hcc-box{background:var(--g);border-color:var(--g)}.hcc-item[data-done=true] .hcc-name{text-decoration:line-through;color:#829087}.hcc-name-row{display:flex;align-items:center;gap:6px;min-width:0}.hcc-name{font-weight:800;overflow-wrap:anywhere}.hcc-badge{font-size:10px;font-weight:900;border-radius:999px;padding:3px 6px;white-space:nowrap}.hcc-badge.required{background:#fff0ef;color:#9d443e}.hcc-badge.recommended{background:#fff7e7;color:#8a5a18}.hcc-badge.optional{background:#eef2ef;color:#66746d}.hcc-qty{font-size:12px;color:var(--mut);margin-top:3px}.hcc-remove{color:#9a5c57;font-size:19px}.hcc-remove[hidden]{display:none}.hcc-empty{text-align:center;color:var(--mut);padding:18px;font-size:13px}.hcc-add{display:grid;grid-template-columns:1fr;gap:8px}.hcc-final{background:#fff7e7;border-color:#f0dca9}.hcc-final ul{margin:0;padding-left:20px;color:#6f552d}.hcc-ready{text-align:center;background:var(--gs);border-color:#c9dfd1}.hcc-ready strong{font-size:20px;display:block}.hcc-hidden{display:none!important}.hcc-toast{position:sticky;bottom:8px;max-width:320px;margin:10px auto 0;background:#26352d;color:#fff;padding:10px 12px;border-radius:12px;text-align:center;font-size:12px;font-weight:800;opacity:0;pointer-events:none;transform:translateY(6px);transition:.18s}.hcc-toast.show{opacity:1;transform:none}
@media(min-width:560px){.hcc-app{padding:18px}.hcc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hcc-actions{grid-template-columns:2fr 1fr}.hcc-add{grid-template-columns:2fr 1fr 1fr auto}}
@media(min-width:860px){.hcc-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hcc-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:start}.hcc-cat{margin-top:0}}
@media(prefers-reduced-motion:reduce){.hcc-app *{transition:none!important}}