.collection-launcher,.collection-detail-button{min-height:44px;padding:10px 18px;border:1px solid #89978d;border-radius:24px;background:#fffdf7;color:#183e2c;font:600 14px/1.3 system-ui;cursor:pointer}.collection-dialog{box-sizing:border-box;width:min(880px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:clamp(18px,3vw,40px);border:0;border-radius:24px;background:#fffdf8;color:#1d3329;box-shadow:0 28px 100px #10251f55;font:16px/1.55 system-ui}.collection-dialog::backdrop{background:#101c18aa}.collection-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}.collection-dialog h2{font:600 clamp(26px,3vw,40px)/1.15 Georgia,serif;margin:0}.collection-dialog h3{font:600 20px/1.3 system-ui;margin:14px 0}.collection-dialog p{color:#3a4d44;font:16px/1.55 system-ui;overflow-wrap:anywhere}.collection-dialog label{display:block;font-weight:650;margin:16px 0 6px}.collection-dialog input,.collection-dialog select,.collection-dialog textarea{box-sizing:border-box;width:100%;min-height:48px;border:1px solid #819087;border-radius:12px;background:white;color:#1d3329;padding:11px 14px;font:16px/1.4 system-ui}.collection-dialog textarea{resize:vertical}.collection-dialog button{min-height:44px;border:1px solid #76867c;border-radius:12px;background:#fff;color:#203e2e;padding:10px 15px;cursor:pointer;font:600 14px/1.4 system-ui}.collection-dialog .collection-primary{background:#214c36;color:white}.collection-dialog .collection-notice{background:#eff2e9;border-radius:14px;padding:16px}.collection-dialog .collection-helper,.collection-dialog small{font-size:14px;color:#465a4d}.collection-dialog .collection-form{padding:20px 0;border-block:1px solid #c8d0c6;margin:24px 0}.collection-dialog [hidden]{display:none}.collection-results{display:grid;gap:8px;max-height:240px;overflow:auto;margin-top:12px}.collection-result{text-align:left}.collection-dialog .collection-status{min-height:24px;font-weight:600}.collection-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.collection-entry{min-width:0;border-radius:18px;background:#f2f2eb;padding:20px}.collection-entry a{font-size:21px;line-height:1.3;font-weight:650;color:#173e2c;display:block;overflow-wrap:anywhere}.collection-entry button{margin:12px 6px 0 0}.collection-entry small{display:block}.collection-private-note{white-space:pre-wrap}.collection-progress{margin:28px 0}.collection-milestones{display:flex;gap:12px}.collection-milestones span{display:grid;place-items:center;min-width:44px;min-height:44px;border-radius:50%;background:#e3e7dd;color:#425548}.collection-milestones .is-reached{background:#214c36;color:#fff}.collection-dialog :focus-visible,.collection-launcher:focus-visible,.collection-detail-button:focus-visible{outline:3px solid #a35d0c;outline-offset:4px}@media(max-width:600px){.collection-list{grid-template-columns:1fr}.collection-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:18px;border-radius:18px}.collection-heading{align-items:flex-start}.collection-dialog .collection-notice{padding:12px}.top-actions .collection-launcher{padding:10px;font-size:13px}.collection-heading button{flex-shrink:0}}@media(prefers-reduced-motion:reduce){.collection-dialog,.collection-dialog *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
html:has(.collection-dialog[open]){overflow:hidden}.collection-heading{position:sticky;top:0;z-index:2;background:#fffdf8;padding:4px 0 14px}.collection-dialog:focus{outline:none}

.collection-status:empty{display:none}.collection-entry:only-child{grid-column:1 / -1}
