body.collection-view{background:var(--page-bg)}body.collection-view main{background:var(--page-bg);flex:auto;min-height:0}body.collection-view .topbar{z-index:20;color:#d7e7ff;background:var(--page-bg);position:relative}body.collection-view .topbar nav a,body.collection-view .top-action{color:#d7e7ff}body.collection-view footer{width:min(var(--page-content-max),calc(100% - (var(--page-side) * 2)));color:#9db6d6;background:var(--page-bg);border-top:1px solid #8fb5e238;max-width:none;margin:0 auto;padding:10px 0 12px}body.collection-view .swipe-board{color:#dceaff;background:radial-gradient(circle at 50% 42%,#0d3158 0,#082442 34%,var(--page-bg) 72%);grid-template-rows:minmax(0,1fr) auto 72px;width:min(1480px,100% - 96px);height:calc(100dvh - 148px);margin:0 auto;display:grid;position:relative;overflow:hidden;min-height:0!important}.swipe-stage{isolation:isolate;place-items:center;min-height:0;display:grid;position:relative}.card-stack{aspect-ratio:1;z-index:4;width:min(430px,40vw,100dvh - 335px);position:relative;transform:translate(-14%)}.collection-view .swipe-board .swipe-card{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;will-change:transform,opacity;transform-origin:50%;place-items:center;transition:transform .48s cubic-bezier(.22,1,.36,1),opacity .3s,filter .3s;display:grid;position:absolute;inset:0;box-shadow:none!important;background:0 0!important;border:0!important}.collection-view .swipe-board .swipe-card img{object-fit:contain;pointer-events:none;filter:drop-shadow(0 22px 22px #0000006b);width:100%;height:100%;background:0 0!important}.collection-view .swipe-board .swipe-card:first-child:not(:last-child){filter:saturate(.86);opacity:.88;transform:translate(53%,8%)scale(.64)rotate(7deg)}.collection-view .swipe-board .swipe-card:nth-child(2):not(:last-child){filter:saturate(.94);transform:translate(28%,2%)scale(.8)rotate(3deg)}.swipe-card.is-dragging{cursor:grabbing;filter:saturate(1.06)}@media (hover:hover) and (pointer:fine){.swipe-card:last-child:hover:not(.is-dragging){transform:rotate(-.65deg)scale(1.012)}}.swipe-feedback{z-index:7;color:#6ce8cf;opacity:0;pointer-events:none;align-items:center;transition:opacity .16s,transform .2s;display:flex;position:absolute;top:18%;right:14%;transform:translate(-18px)rotate(-5deg)}.swipe-feedback:before{content:"";opacity:.42;background:currentColor;width:118px;height:30px;position:absolute;top:7px;right:calc(100% + 9px);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 30'%3E%3Cpath d='M2 24 C38 8 80 5 118 14' fill='none' stroke='white' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") 50%/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 30'%3E%3Cpath d='M2 24 C38 8 80 5 118 14' fill='none' stroke='white' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") 50%/100% 100% no-repeat}.swipe-feedback:after{display:none}.swipe-feedback span{color:#06182d;background:#76f0d3;border-radius:999px;padding:10px 22px;font-size:1.05rem;font-weight:900;display:block}.swipe-board[data-swipe-target] .swipe-feedback{opacity:1;transform:translate(0)rotate(-5deg)}.swipe-board[data-swipe-target=want] .swipe-feedback{color:#ff7a8d;left:14%;right:auto;transform:translate(0)rotate(5deg)}.swipe-board[data-swipe-target=want] .swipe-feedback:before{left:calc(100% + 9px);right:auto;transform:scaleX(-1)}.swipe-board[data-swipe-target=want] .swipe-feedback span{background:#ff899a}.swipe-board[data-swipe-target=skip] .swipe-feedback{color:#9bc7ff;top:8%;left:50%;right:auto;transform:translate(-50%)}.swipe-board[data-swipe-target=undo] .swipe-feedback{color:#c9baff;inset:auto auto 7% 50%;transform:translate(-50%)}.swipe-board[data-swipe-target=skip] .swipe-feedback:before,.swipe-board[data-swipe-target=skip] .swipe-feedback:after,.swipe-board[data-swipe-target=undo] .swipe-feedback:before,.swipe-board[data-swipe-target=undo] .swipe-feedback:after{display:none}.swipe-board[data-swipe-target=skip] .swipe-feedback span{background:#a9ceff}.swipe-board[data-swipe-target=undo] .swipe-feedback span{background:#c9baff}.gesture-actions{z-index:9;justify-content:center;align-items:center;gap:clamp(26px,5vw,78px);padding:4px 16px 14px;display:flex}.gesture-action{color:#758baa;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:7px 0;font-size:1.1rem;font-weight:850;transition:color .18s,opacity .18s,transform .18s;display:flex}.gesture-action b{font-size:2rem;font-weight:500;line-height:1}.gesture-action em{opacity:.72;font-style:normal;font-weight:500}.gesture-action.want{color:#ff7a8d}.gesture-action.have{color:#6ce8cf}.gesture-action.undo{color:#a99ae8}.gesture-action.skip{color:#7693ba}.gesture-action:hover:not(:disabled),.gesture-action:focus-visible{color:#fff;transform:translateY(-2px)}.gesture-action:focus-visible{outline-offset:5px;border-radius:4px;outline:2px solid}.gesture-action:disabled{opacity:.28;cursor:default}.swipe-board[data-swipe-target=want] .gesture-action.want,.swipe-board[data-swipe-target=have] .gesture-action.have,.swipe-board[data-swipe-target=skip] .gesture-action.skip,.swipe-board[data-swipe-target=undo] .gesture-action.undo{color:#fff;transform:scale(1.06)}body.collection-view .swipe-board>.progress{z-index:9;text-align:center;justify-content:flex-end;min-height:54px;padding:0;display:flex;width:auto!important;position:absolute!important;inset:auto clamp(0px,2vw,28px) 10px auto!important;transform:none!important}.swipe-board:not(.can-undo) .progress{visibility:hidden;pointer-events:none}.progress-action{flex-direction:column;gap:2px;min-width:285px;min-height:54px;line-height:1.1;color:#06182d!important;background:#f4e72a!important;border:0!important;border-radius:999px!important;padding:8px 24px!important;box-shadow:0 10px 28px #0000003d!important}.progress-action:hover{transform:translateY(-2px);background:#fff243!important}.progress-action small{opacity:.7;font-size:.72rem;font-weight:750}.queue-complete{z-index:8;text-align:center;width:min(600px,90%)}.queue-complete[hidden]{display:none}.complete-mark{color:#06182d;background:#6ce8cf;border-radius:50%;place-items:center;width:62px;height:62px;margin:0 auto 18px;font-size:2rem;font-weight:950;display:grid}.queue-complete h2{letter-spacing:-.045em;margin:0;font-size:clamp(2.1rem,4vw,3.4rem);line-height:.95}.queue-complete p{color:#9db6d6;margin:16px auto 24px;font-size:1.02rem}.queue-complete>div{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.queue-complete .button{border:0!important;border-radius:999px!important}.review-again{color:#dceaff;min-height:48px;font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:1px solid;padding:0 4px;font-weight:800}.swipe-board.is-complete .card-stack,.swipe-board.is-complete .swipe-feedback,.swipe-board.is-complete .gesture-actions,.swipe-board.is-complete .progress{display:none!important}:root:not([data-theme=dark]) body.collection-view,:root:not([data-theme=dark]) body.collection-view main,:root:not([data-theme=dark]) body.collection-view .topbar,:root:not([data-theme=dark]) body.collection-view footer{background:var(--page-bg);color:#071d49}:root:not([data-theme=dark]) body.collection-view .topbar nav a,:root:not([data-theme=dark]) body.collection-view .top-action{color:#071d49}:root:not([data-theme=dark]) .swipe-board{color:#071d49;background:radial-gradient(circle at 50% 42%,#fff 0,#edf5ff 46%,var(--page-bg) 100%)}:root:not([data-theme=dark]) .queue-complete p{color:#53647d}:root:not([data-theme=dark]) .review-again{color:#071d49}:root:not([data-theme=dark]) .gesture-action.want{color:#be3151}:root:not([data-theme=dark]) .gesture-action.skip{color:#426494}:root:not([data-theme=dark]) .gesture-action.undo{color:#6855a0}:root:not([data-theme=dark]) .gesture-action.have{color:#08766c}:root:not([data-theme=dark]) .gesture-action:disabled{opacity:1;color:#7563a8}:root:not([data-theme=dark]) .gesture-action.want:hover:not(:disabled),:root:not([data-theme=dark]) .gesture-action.want:focus-visible{color:#8f193b}:root:not([data-theme=dark]) .gesture-action.skip:hover:not(:disabled),:root:not([data-theme=dark]) .gesture-action.skip:focus-visible{color:#213f6a}:root:not([data-theme=dark]) .gesture-action.undo:hover:not(:disabled),:root:not([data-theme=dark]) .gesture-action.undo:focus-visible{color:#44317b}:root:not([data-theme=dark]) .gesture-action.have:hover:not(:disabled),:root:not([data-theme=dark]) .gesture-action.have:focus-visible{color:#04564f}:root:not([data-theme=dark]) .swipe-board[data-swipe-target=want] .gesture-action.want{color:#8f193b}:root:not([data-theme=dark]) .swipe-board[data-swipe-target=skip] .gesture-action.skip{color:#213f6a}:root:not([data-theme=dark]) .swipe-board[data-swipe-target=undo] .gesture-action.undo{color:#44317b}:root:not([data-theme=dark]) .swipe-board[data-swipe-target=have] .gesture-action.have{color:#04564f}@media (width<=850px){body.collection-view .topbar{background:var(--page-bg)}.swipe-board{grid-template-rows:minmax(0,1fr) auto auto;width:100%;height:calc(100dvh - 132px);min-height:500px}.card-stack{width:min(72vw,330px,100dvh - 300px);transform:translate(-2%)}.swipe-card:first-child:not(:last-child){transform:translate(-29%,8%)scale(.72)rotate(-7deg)}.swipe-card:nth-child(2):not(:last-child){transform:translate(-15%,3%)scale(.85)rotate(-3deg)}.gesture-actions{gap:clamp(12px,4vw,28px);padding-inline:10px}.gesture-action{gap:5px;font-size:.82rem}.gesture-action b{font-size:1.45rem}.swipe-feedback{top:16%;right:5%}.swipe-board[data-swipe-target=want] .swipe-feedback{left:5%}.swipe-feedback:before,.swipe-feedback:after{width:48px}.swipe-feedback:after{width:65px}.swipe-feedback span{padding:8px 15px;font-size:.85rem}.progress{min-height:64px;padding-bottom:8px}.progress-action{min-width:235px;min-height:48px;font-size:.78rem}.progress-action small{font-size:.64rem}body.collection-view footer{text-align:center;justify-content:center;align-items:center;width:calc(100% - 40px);padding-bottom:8px;font-size:.68rem}body.collection-view footer p{display:none}body.collection-view footer nav{justify-content:center;align-items:center}body.collection-view .swipe-board{grid-template-rows:minmax(0,1fr) auto auto;height:calc(100dvh - 123px);min-height:0!important}body.collection-view .swipe-board>.gesture-actions{grid-row:2}body.collection-view .swipe-board>.progress{grid-row:3;justify-content:center;min-height:64px;padding:0 16px 8px;width:auto!important;position:relative!important;inset:auto!important;transform:none!important}.card-stack{transform:translate(-9%)}.collection-view .swipe-board .swipe-card:first-child:not(:last-child){transform:translate(29%,8%)scale(.72)rotate(7deg)}.collection-view .swipe-board .swipe-card:nth-child(2):not(:last-child){transform:translate(15%,3%)scale(.85)rotate(3deg)}}@media (width<=420px){.gesture-actions{gap:12px}.gesture-action{font-size:.74rem}.gesture-action b{font-size:1.25rem}.gesture-action em{display:none}.card-stack{width:min(76vw,285px,100dvh - 285px);transform:translate(-7%)}.collection-view .swipe-board .swipe-card:first-child:not(:last-child){transform:translate(22%,7%)scale(.74)rotate(7deg)}.collection-view .swipe-board .swipe-card:nth-child(2):not(:last-child){transform:translate(11%,3%)scale(.87)rotate(3deg)}}@media (prefers-reduced-motion:reduce){.swipe-card,.swipe-feedback,.gesture-action{transition:none!important}}