.collections-shell{min-height:100vh;padding:36px 24px 86px;color:var(--app-text, #f4f6fa)}.collections-shell .library-container{display:grid;gap:18px;align-content:start}.collections-new{display:inline-grid;width:44px;height:44px;flex:0 0 auto;place-items:center;border:0;border-radius:14px;color:#fff;background:var(--app-accent, #6d7cff);font-size:1.2rem;cursor:pointer}.collections-new:hover{background:#7c89ff}.collections-counter,.collections-help{margin:0;color:var(--app-muted, #aeb9c9);font-size:var(--font-caption);line-height:1.6}.collections-notice{margin:0;padding:10px 14px;border:1px solid rgba(94,179,153,.18);border-radius:10px;color:#b4e4d5;background:#419b8512;font-size:var(--font-meta)}.collections-notice.is-error{color:#f1b7c4;border-color:#db697e33;background:#c34b650f}.collections-mosaic{display:grid;width:100%;aspect-ratio:1;place-items:center;overflow:hidden;border:1px solid var(--app-border, rgba(255, 255, 255, .08));border-radius:14px;color:var(--app-subtle, #96a5b8);background:var(--app-surface, #0f131c);font-size:1.6rem;gap:2px}.collections-mosaic--2{grid-template-columns:1fr 1fr}.collections-mosaic--3{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.collections-mosaic--3>:first-child{grid-row:span 2}.collections-mosaic--4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.collections-mosaic-cell{width:100%;height:100%;min-height:0;overflow:hidden;background:var(--app-surface-raised, #141923)}.collections-mosaic-cell img{display:block;width:100%;height:100%;object-fit:cover}.collections-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:22px 16px}.collections-tile{display:grid;min-width:0;align-content:start;gap:4px;padding:0;border:0;color:inherit;background:none;font:inherit;text-align:left;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.collections-tile .collections-mosaic{margin-bottom:6px;transition:transform .18s ease,border-color .18s ease}.collections-tile:hover{color:inherit}.collections-tile:hover .collections-mosaic{border-color:#98b6f85c}.collections-tile:active .collections-mosaic{transform:scale(.97)}.collections-tile:focus-visible{outline:none}.collections-tile:focus-visible .collections-mosaic{outline:2px solid var(--app-accent, #6d7cff);outline-offset:2px}.collections-tile-name{overflow:hidden;color:var(--app-text, #f4f6fa);font-size:var(--font-small);font-weight:700;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.collections-tile-meta{display:flex;align-items:center;gap:5px;color:var(--app-muted, #aeb9c9);font-size:var(--font-caption)}.collections-tile-meta .bi-stars,.collections-detail-head .page-meta .bi-stars{color:#aab2ff}.collections-tile--new .collections-mosaic{border:1px dashed var(--app-border-strong, rgba(255, 255, 255, .14));background:transparent;font-size:1.4rem}.collections-tile--new .collections-tile-name{color:var(--app-muted, #aeb9c9);font-weight:400}.collections-empty{display:grid;justify-items:center;gap:10px;padding:48px 18px;text-align:center}.collections-empty .collections-mosaic{width:88px;margin-bottom:6px;border-style:dashed}.collections-empty h2{margin:0;font-size:var(--font-section);font-weight:700}.collections-empty p{max-width:34ch;margin:0 0 8px;color:var(--app-muted, #aeb9c9);font-size:var(--font-meta);line-height:1.6}.collections-back{display:inline-flex;align-items:center;gap:8px;justify-self:start;min-height:32px;color:var(--app-muted, #aeb9c9);font-size:var(--font-meta);text-decoration:none}.collections-back:hover{color:var(--app-text, #f4f6fa)}.collections-detail-head{gap:14px}.collections-mosaic--small{width:72px;flex:0 0 72px;border-radius:12px;font-size:1.3rem}.collections-detail-head .page-title{font-size:clamp(1.5rem,1.2rem + 1.4vw,2.4rem)}.collections-detail-head .page-meta{display:flex;align-items:center;gap:5px;color:var(--app-muted, #aeb9c9)}.collections-note{max-width:62ch;margin:-4px 0 0;color:var(--app-muted, #aeb9c9);font-size:var(--font-meta);line-height:1.6;white-space:pre-line;overflow-wrap:anywhere}.collections-posters{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:24px 16px}.collections-poster{position:relative;display:grid;min-width:0;align-content:start;gap:8px;cursor:pointer;-webkit-tap-highlight-color:transparent}.collections-poster-open{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;border:0;clip-path:inset(50%);white-space:nowrap}.collections-poster-cover{display:grid;aspect-ratio:2 / 3;overflow:hidden;border:1px solid var(--app-border, rgba(255, 255, 255, .08));border-radius:12px;background:var(--app-surface-raised, #141923);transition:transform .18s ease}.collections-poster-cover img{width:100%;height:100%;object-fit:cover}.collections-poster:active .collections-poster-cover{transform:scale(.97)}.collections-poster:has(.collections-poster-open:focus-visible) .collections-poster-cover{outline:2px solid var(--app-accent, #6d7cff);outline-offset:2px}.collections-poster-title{margin:0;overflow:hidden;color:var(--app-text, #f4f6fa);font-size:var(--font-meta);font-weight:700;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.collections-sheet-remove{display:grid;margin:0}.collections-add-button{display:inline-flex;min-height:46px;align-items:center;flex:0 0 auto;justify-content:center;gap:8px;padding:0 20px;border:0;border-radius:999px;color:#fff;background:var(--app-accent, #6d7cff);font-size:var(--font-small);font-weight:700;cursor:pointer}.collections-add-button:hover{background:#7c89ff}.collections-add-button:focus-visible{outline:2px solid rgba(161,213,255,.95);outline-offset:3px}.collections-sheet .public-sheet-panel{gap:14px}.collections-sheet-title{margin:0;padding-right:44px;color:var(--public-text, #f4f7fb);font-size:var(--font-section);font-weight:700;line-height:1.3}.collections-form,.collections-add-form{display:grid;gap:14px;min-width:0;margin:0}.collections-field{display:grid;gap:6px;margin:0;color:var(--public-muted, #8c98aa);font-size:var(--font-meta)}.collections-field input,.collections-field textarea,.collections-search{width:100%;min-width:0;min-height:46px;padding:10px 12px;border:1px solid var(--public-border-strong, rgba(255, 255, 255, .14));border-radius:12px;outline:0;color:var(--public-text, #f4f7fb);background:var(--public-bg, #080b12);font-size:1rem}.collections-field textarea{resize:vertical}.collections-field input:focus,.collections-field textarea:focus,.collections-search:focus{border-color:var(--app-accent, #6d7cff)}.collections-kind{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:0;padding:4px;border:1px solid var(--public-border-strong, rgba(255, 255, 255, .14));border-radius:12px}.collections-kind label{display:grid;margin:0;cursor:pointer}.collections-kind input,.collections-chip input,.collections-candidate input{position:absolute;opacity:0;pointer-events:none}.collections-kind span{display:inline-flex;min-height:40px;align-items:center;justify-content:center;gap:6px;border-radius:9px;color:var(--public-muted, #8c98aa);font-size:var(--font-meta);font-weight:700}.collections-kind input:checked+span{color:var(--public-text, #f4f7fb);background:#6d7cff2e}.collections-kind input:focus-visible+span,.collections-chip input:focus-visible+span{outline:2px solid var(--public-blue, #5a8cff);outline-offset:2px}.collections-switch-note{margin:-4px 0 0;color:#e0c38c;font-size:var(--font-caption);line-height:1.5}.collections-rules{display:grid;gap:12px}.collections-rules[hidden]{display:none}.collections-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;border:0}.collections-chips legend{float:left;width:100%;margin:0 0 6px;color:var(--public-muted, #8c98aa);font-size:var(--font-caption);letter-spacing:.06em;text-transform:uppercase}.collections-chip{position:relative;display:inline-flex;margin:0;cursor:pointer}.collections-chip span{display:inline-flex;min-height:36px;align-items:center;gap:5px;padding:0 12px;border:1px solid var(--public-border, rgba(255, 255, 255, .08));border-radius:999px;color:var(--public-muted, #8c98aa);background:var(--public-surface-raised, #141b26);font-size:var(--font-meta);white-space:nowrap}.collections-chip span i{font-size:.85em}.collections-chip input:checked+span{border-color:#6d7cff8c;color:var(--public-text, #f4f7fb);background:#6d7cff2e}.collections-chip input:checked+span .bi-star-fill{color:#e6c377}.collections-chip input:checked+span .bi-heart-fill{color:#e8a1b9}.collections-more-rules summary{display:inline-flex;min-height:36px;align-items:center;padding:0 12px;border:1px dashed var(--public-border-strong, rgba(255, 255, 255, .14));border-radius:999px;color:var(--public-muted, #8c98aa);font-size:var(--font-meta);list-style:none;cursor:pointer}.collections-more-rules summary::-webkit-details-marker{display:none}.collections-more-rules summary:before{content:"+";margin-right:6px}.collections-more-rules[open] summary:before{content:"−"}.collections-more-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.collections-preview{display:flex;min-height:36px;align-items:center;gap:4px;color:var(--public-muted, #8c98aa);font-size:var(--font-meta)}.collections-preview-cover{display:block;width:24px;height:36px;flex:0 0 24px;overflow:hidden;border-radius:4px;background:var(--public-surface-raised, #141b26)}.collections-preview-cover img{width:100%;height:100%;object-fit:cover}.collections-preview-label{margin-left:6px}.collections-submit{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:8px;padding:0 20px;border:0;border-radius:12px;color:#fff;background:var(--app-accent, #6d7cff);font-size:var(--font-small);font-weight:700;cursor:pointer}.collections-submit:hover{background:#7c89ff}.collections-submit:disabled{opacity:.45;cursor:default}.collections-submit:focus-visible,.collections-secondary:focus-visible{outline:2px solid rgba(161,213,255,.95);outline-offset:3px}.collections-secondary{display:inline-flex;min-height:46px;align-items:center;justify-content:center;gap:8px;padding:0 16px;border:1px solid var(--app-border-strong, rgba(255, 255, 255, .14));border-radius:12px;color:var(--app-text, #f4f6fa);background:transparent;font-size:var(--font-meta);font-weight:700;cursor:pointer}.collections-candidates{display:grid;min-height:0}.collections-candidates[aria-busy=true]{opacity:.6}.collections-candidate{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr) 24px;gap:12px;align-items:center;margin:0;padding:8px 0;border-top:1px solid var(--public-border, rgba(255, 255, 255, .08));cursor:pointer}.collections-candidate:first-child{border-top:0}.collections-candidate-cover{display:grid;width:34px;height:50px;place-items:center;overflow:hidden;border-radius:5px;color:var(--public-muted, #8c98aa);background:var(--public-surface-raised, #141b26)}.collections-candidate-cover img{width:100%;height:100%;object-fit:cover}.collections-candidate-text{min-width:0}.collections-candidate-text strong,.collections-candidate-text small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collections-candidate-text strong{color:var(--public-text, #f4f7fb);font-size:var(--font-meta)}.collections-candidate-text small{margin-top:2px;color:var(--public-muted, #8c98aa);font-size:var(--font-caption)}.collections-candidate-check{display:grid;width:24px;height:24px;place-items:center;border:1.5px solid var(--public-border-strong, rgba(255, 255, 255, .14));border-radius:50%;color:transparent;font-size:.9rem}.collections-candidate input:checked~.collections-candidate-check{border-color:var(--app-accent, #6d7cff);color:#fff;background:var(--app-accent, #6d7cff)}.collections-candidate input:focus-visible~.collections-candidate-check{outline:2px solid var(--public-blue, #5a8cff);outline-offset:2px}.collections-add-form .collections-submit{position:sticky;bottom:0;box-shadow:0 -12px 18px var(--public-surface, #0f141d)}.collections-dialog{width:min(400px,calc(100% - 32px));max-width:400px;padding:0;border:1px solid rgba(170,192,233,.21);border-radius:18px;color:#e8effb;background:#111a2a;box-shadow:0 22px 90px #00000094}.collections-dialog:not([open]){display:none}.collections-dialog::backdrop{background:#02060db8;backdrop-filter:blur(7px)}.collections-dialog .collections-form{padding:22px}.collections-delete-dialog .collections-form p{margin:0;color:#97a7bd;font-size:var(--font-meta);line-height:1.6}.collections-dialog-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.collections-delete-dialog .collections-confirm-delete{min-height:46px;border:1px solid rgba(230,163,170,.38);border-radius:12px;color:#e6a3aa;background:#e6a3aa1a;font-size:var(--font-meta);font-weight:700;cursor:pointer}@media(max-width:767.98px){.collections-shell{padding:20px 16px 102px}.collections-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.collections-posters{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 10px}.collections-poster-cover{border-radius:9px}.collections-poster-title{font-size:var(--font-caption)}.collections-mosaic--small{width:60px;flex-basis:60px}.collections-detail.has-add-button{padding-bottom:170px}.collections-add-button{position:fixed;bottom:calc(92px + env(safe-area-inset-bottom));left:50%;z-index:1070;transform:translate(-50%);box-shadow:0 8px 24px #00000073;white-space:nowrap}.collections-more-fields{grid-template-columns:1fr}}@media(min-width:768px){.collections-sheet.public-sheet-layer{width:min(520px,calc(100% - 48px))}.collections-sheet .public-sheet-panel{max-height:min(760px,calc(100dvh - 64px))}}@media(prefers-reduced-motion:reduce){.collections-tile .collections-mosaic,.collections-poster-cover{transition:none}.collections-tile:active .collections-mosaic,.collections-poster:active .collections-poster-cover{transform:none}}.collections-share-button{display:inline-flex;min-height:46px;align-items:center;flex:0 0 auto;gap:8px;padding:0 18px;border:1px solid var(--app-border, rgba(255, 255, 255, .08));border-radius:999px;color:var(--app-text, #f4f6fa);background:var(--app-surface, #0f131c);font-size:var(--font-small);font-weight:700;cursor:pointer}.collections-share-button:hover{background:var(--app-surface-hover, #191f2b)}.collections-share-button:focus-visible,.collections-share-remove:focus-visible{outline:2px solid rgba(161,213,255,.95);outline-offset:3px}.collections-share-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.collections-share-row .collections-chips{margin:0}.collections-share-heading{margin:8px 0 0;color:var(--app-muted, #aeb9c9);font-size:var(--font-small);font-weight:700;letter-spacing:.06em;text-transform:uppercase}.collections-share-list{display:grid;gap:2px;margin:0 0 8px;padding:0;list-style:none}.collections-share-person{display:flex;min-height:52px;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--app-border, rgba(255, 255, 255, .08))}.collections-share-name{display:grid;min-width:0;gap:2px}.collections-share-name strong{overflow:hidden;color:var(--app-text, #f4f6fa);text-overflow:ellipsis;white-space:nowrap}.collections-share-name small{color:var(--app-muted, #aeb9c9)}.collections-share-remove{min-height:44px;padding:0 8px;border:0;color:var(--app-muted, #aeb9c9);background:none;font:inherit;font-size:var(--font-small);cursor:pointer}.collections-share-remove:hover{color:var(--app-text, #f4f6fa)}.collections-invite-actions{display:flex;flex:0 0 auto;align-items:center;gap:6px}.collections-invites,.collections-shared{margin:0 0 24px}.collections-shared{margin-top:32px}.collections-shared .collections-share-heading{margin-bottom:12px}@media(max-width:767.98px){.collections-share-button{min-height:40px;padding:0 14px}}.collections-verify-invite{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.collections-verify-invite p{margin:0;flex:1 1 200px}
