.collection-page{max-width:1100px;margin:28px auto 64px;padding:0 18px;color:#dce9f8}.collection-nav{display:flex;flex-wrap:wrap;align-items:center;gap:16px;border-bottom:1px solid #94a3b826;padding-bottom:18px;margin-bottom:24px}.collection-page a{color:#8bd1f4;text-decoration:none}.collection-nav>a{font-size:.82rem}.collection-nav>.btn{margin-left:auto}.collection-heading{margin-bottom:24px}.collection-heading h1{font-size:clamp(1.4rem,4vw,2rem);margin:12px 0}.collection-heading p{color:#91a7c0;font-size:.85rem;line-height:1.8}.collection-description,.collection-item-note{white-space:pre-line;overflow-wrap:anywhere}.collection-heading>a{font-size:.8rem}.collection-search{display:flex;gap:10px;margin-bottom:20px}.collection-search input{flex:1;min-width:0}.collection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,290px),1fr));gap:16px}.collection-card,.collection-form-card,.collection-add{border:1px solid #94a3b830;border-radius:14px;background:#94a3b806;padding:20px}.collection-card{display:flex;flex-direction:column;min-width:0}.collection-card h2{font-size:1.05rem;line-height:1.5;margin:16px 0 8px;overflow-wrap:anywhere}.collection-card h2 a{color:#dce9f8}.collection-card p{font-size:.8rem;color:#91a7c0;line-height:1.7;overflow-wrap:anywhere}.collection-card footer{display:flex;justify-content:space-between;gap:10px;margin-top:auto;padding-top:12px;font-size:.72rem;color:#91a7c0}.collection-labels{display:flex;flex-wrap:wrap;gap:7px}.collection-labels span{font-size:.65rem;padding:4px 7px;border:1px solid #42a9e14d;border-radius:6px;color:#a8e3ff;background:#42a9e112}.collection-labels span+span{background:#94a3b810;border-color:#94a3b840;color:#b7c6d8}.collection-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px}.collection-actions form{margin:0}.collection-form-card{max-width:680px}.collection-form label{display:block;font-size:.8rem;color:#b7c6d8;margin-bottom:8px}.collection-form input:not([type=checkbox]),.collection-form textarea,.collection-form select,.collection-search input{width:100%;padding:10px 12px;border:1px solid #94a3b840;border-radius:8px;background:#94a3b808;color:#dce9f8;font-size:.85rem}.collection-form select option{background:#172238;color:#dce9f8}.collection-form input[type=checkbox]{accent-color:#42a9e1;width:17px;height:17px}.collection-form .errorlist{color:#ffc0ce;font-size:.8rem}.collection-form textarea{resize:vertical}.collection-add{padding:14px 18px;margin-bottom:18px}.collection-add>summary{cursor:pointer;font-size:.85rem;color:#a8e3ff}.collection-add .collection-form{margin-top:20px}.collection-items{list-style:none;margin:0;padding:0;display:grid;gap:10px}.collection-items>li{border:1px solid #94a3b826;border-radius:12px;padding:12px;background:#94a3b805}.collection-manga{display:flex;align-items:center;gap:12px}.collection-manga img{width:48px;height:68px;object-fit:cover;border-radius:7px;flex-shrink:0}.collection-manga strong{display:block;color:#dce9f8;font-size:.9rem;overflow-wrap:anywhere}.collection-manga small{display:block;color:#829bb5;font-size:.72rem;margin-top:5px}.collection-item-note{font-size:.8rem;color:#a7b9ce;margin:12px 0 0;line-height:1.7}.collection-item-actions{display:flex;gap:16px;align-items:center;margin-top:12px;font-size:.72rem}.collection-item-actions button{border:0;background:none;color:#ffb0c1;padding:0;cursor:pointer}.collection-empty{padding:32px 20px;border:1px dashed #94a3b840;border-radius:12px;font-size:.85rem;color:#91a7c0;line-height:1.8;grid-column:1/-1}.collection-pagination{display:flex;justify-content:center;gap:20px;margin-top:24px;font-size:.8rem}.collection-page :focus-visible{outline:2px solid #69c8fa;outline-offset:3px}@media(max-width:575px){.collection-page{padding:0 12px}.collection-nav{gap:12px}.collection-nav>.btn{margin-left:0}.collection-card,.collection-form-card{padding:16px}}

.collection-heading-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.collection-owner-menu{position:relative;flex-shrink:0;margin-left:auto}
.collection-owner-menu>summary{display:grid;place-items:center;width:36px;height:36px;list-style:none;border:1px solid #94a3b840;border-radius:9px;background:#94a3b80a;color:#b7c6d8;cursor:pointer;font-size:1.2rem}
.collection-owner-menu>summary::-webkit-details-marker{display:none}
.collection-owner-menu>summary:hover,.collection-owner-menu[open]>summary{border-color:#42a9e166;background:#42a9e114;color:#a8e3ff}
.collection-detail-heading:has(.collection-owner-menu[open]){position:relative;z-index:20}
.collection-owner-dropdown{position:absolute;top:44px;right:0;z-index:21;width:200px;max-width:calc(100vw - 32px);padding:6px;border:1px solid #94a3b840;border-radius:12px;background:rgba(23,34,56,.96);backdrop-filter:blur(12px);box-shadow:0 12px 28px #0005}
.collection-owner-dropdown a,.collection-owner-dropdown button{display:flex;align-items:center;gap:8px;width:100%;padding:10px;border:0;border-radius:7px;background:transparent;color:#b7c6d8;font-size:.78rem;text-align:left;cursor:pointer}
.collection-owner-dropdown form{margin:0}.collection-owner-dropdown button{color:#ffb0c1}
.collection-owner-dropdown a:hover{background:#42a9e112;color:#a8e3ff}.collection-owner-dropdown button:hover{background:#ff5c7c12}