.kvl-recommender{min-width:0;margin-top:clamp(24px,4vw,52px);margin-bottom:clamp(32px,6vw,78px)}.kvl-rec-surface{isolation:isolate;background:linear-gradient(148deg,#3a2447f5,#1c142cf7 55%,#121428f7);border:1px solid #ffdaa352;border-radius:clamp(17px,2.5vw,30px);padding:clamp(20px,3.5vw,39px);position:relative;overflow:hidden;box-shadow:0 19px 58px #08051338}.kvl-rec-surface:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(circle,#f99f5f21,#0000 72%);border-radius:50%;width:370px;height:370px;position:absolute;top:-210px;right:-7%}.kvl-rec-intro{flex-wrap:wrap;justify-content:space-between;align-items:start;gap:18px;min-width:0;display:flex}.kvl-rec-intro>div{flex:1;min-width:0}.kvl-rec-overline{color:#ffd39b;text-transform:uppercase;letter-spacing:.19em;align-items:center;gap:9px;font-size:10px;font-weight:900;line-height:1.6;display:flex}.kvl-rec-intro h2{letter-spacing:-.059em;color:#fff;margin-top:11px;font-size:clamp(29px,4.5vw,51px);font-weight:900;line-height:1.1}.kvl-rec-introtext{color:#e1d3e4;max-width:670px;margin-top:13px;font-size:clamp(13px,1.6vw,15px);line-height:1.75}.kvl-rec-planlink{color:#ffe0b7;background:#ffca9214;border:1px solid #ffcf916e;border-radius:99px;align-items:center;gap:8px;min-height:44px;padding:8px 13px;font-size:11px;font-weight:850;transition:background .15s;display:inline-flex}.kvl-rec-planlink:hover{background:#ffca922e}.kvl-rec-planlink span{color:#28132d;background:#ffd49a;border-radius:100px;place-items:center;min-width:20px;height:20px;padding:0 5px;font-size:11px;font-weight:900;display:grid}.kvl-rec-chooser{margin-top:clamp(24px,3vw,34px)}.kvl-rec-chooser-title{color:#fff;letter-spacing:.015em;font-size:13px;font-weight:900}.kvl-rec-chip-track{overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#ffcb9380 transparent;scroll-snap-type:x proximity;align-items:center;gap:9px;max-width:100%;padding:12px 1px 14px;display:flex;overflow-x:auto}.kvl-rec-chip{color:#f3e9f2;white-space:nowrap;scroll-snap-align:start;background:#ffffff0d;border:1px solid #ffd9b74d;border-radius:99px;flex:none;justify-content:center;align-items:center;gap:8px;max-width:100%;min-height:47px;padding:9px 16px;font-size:12px;font-weight:800;line-height:1.3;transition:background .2s,border-color .2s,transform .2s;display:inline-flex}.kvl-rec-chip:hover,.kvl-rec-chip:focus-visible{background:#ffce8d1f;border-color:#ffdbab}.kvl-rec-chip.is-selected{color:#241329;background:#ffcd95;border-color:#ffcd95;box-shadow:0 4px 20px #ffb56c21}.kvl-rec-chip.is-selected svg{color:#32203b}.kvl-rec-togglebar{flex-wrap:wrap;align-items:center;gap:12px;margin-top:8px;display:flex}.kvl-rec-filter-toggle,.kvl-rec-reset{color:#f5e2f2;border:1px solid #ffd49e4a;border-radius:10px;align-items:center;gap:8px;min-height:43px;padding:8px 12px;font-size:12px;font-weight:850;display:inline-flex}.kvl-rec-filter-toggle:hover,.kvl-rec-reset:hover{background:#ffc88c17;border-color:#ffd2a4}.kvl-rec-filter-toggle svg:last-child{margin-left:2px}.kvl-rec-reset{color:#ffcf9f;border-color:#0000}.kvl-rec-extra{background:#0a0a1842;border:1px solid #ffd79d38;border-radius:15px;gap:19px;margin:17px 0 8px;padding:clamp(14px,2.2vw,22px);display:grid}.kvl-rec-extra fieldset{min-width:0;padding:0}.kvl-rec-extra legend{color:#f8e6ef;margin-bottom:9px;font-size:12px;font-weight:900}.kvl-rec-small-chips{flex-wrap:wrap;gap:7px;display:flex}.kvl-rec-small-chip{color:#f0e3ed;text-align:center;background:#ffffff06;border:1px solid #ffe0be40;border-radius:9px;align-items:center;max-width:100%;min-height:42px;padding:8px 12px;font-size:11px;font-weight:800;line-height:1.35;display:inline-flex}.kvl-rec-small-chip:hover,.kvl-rec-small-chip:focus-visible{background:#ffe2bd1a;border-color:#ffe0ba}.kvl-rec-small-chip.is-selected{color:#281529;background:#ffdcaf;border-color:#ffdcaf}.kvl-rec-free{color:#f5e4f5;cursor:pointer;align-items:center;gap:9px;width:max-content;max-width:100%;min-height:44px;font-size:12px;font-weight:800;display:inline-flex}.kvl-rec-free input{accent-color:#ffca86;flex:0 0 18px;width:18px;height:18px}.kvl-rec-results-heading{border-top:1px solid #ffdbb42e;justify-content:space-between;align-items:center;gap:13px;margin-top:clamp(22px,4vw,36px);padding-top:22px;display:flex}.kvl-rec-results-heading h3{letter-spacing:-.04em;font-size:clamp(18px,2.4vw,25px);font-weight:900}.kvl-rec-results-heading p{color:#d2c1d7;margin-top:5px;font-size:11px;line-height:1.7}.kvl-rec-count{color:#ffdaab;font-variant-numeric:tabular-nums;border:1px solid #ffd9aa59;border-radius:100px;flex:none;place-items:center;min-width:35px;height:35px;padding:0 8px;font-size:15px;font-weight:900;display:grid}.kvl-rec-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,2vw,19px);margin-top:21px;display:grid}.kvl-rec-card{background:#171427;border:1px solid #ffe5be3b;border-radius:16px;flex-direction:column;min-width:0;transition:transform .2s,border-color .2s;display:flex;overflow:hidden;box-shadow:0 17px 32px #07041029}.kvl-rec-card:hover{border-color:#ffda9bb3;transform:translateY(-3px)}.kvl-rec-media{isolation:isolate;aspect-ratio:16/10;background:linear-gradient(135deg,#44284c,#111a2c);position:relative;overflow:hidden}.kvl-rec-media:after{content:"";pointer-events:none;background:linear-gradient(#0000 38%,#0f0a18d1);position:absolute;inset:0}.kvl-rec-media img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .45s}.kvl-rec-card:hover .kvl-rec-media img{transform:scale(1.045)}.kvl-rec-no-art{color:#ffdcad99;place-items:center;height:100%;display:grid}.kvl-rec-rank{z-index:2;color:#24102a;background:#ffcf96;border-radius:10px;place-items:center;width:37px;height:35px;font-size:13px;font-weight:950;display:grid;position:absolute;top:12px;left:12px}.kvl-rec-category{z-index:2;letter-spacing:.1em;text-transform:uppercase;color:#ffdbb2;background:#110919cc;border:1px solid #ffdaac6e;border-radius:100px;max-width:calc(100% - 26px);padding:6px 11px;font-size:10px;font-weight:900;line-height:1.3;position:absolute;bottom:12px;left:13px}.kvl-rec-body{flex-direction:column;flex:1;gap:8px;min-width:0;padding:clamp(14px,2vw,20px);display:flex}.kvl-rec-date{color:#ffcf9d;flex-wrap:wrap;align-items:center;gap:7px;font-size:11px;font-weight:850;line-height:1.5;display:flex}.kvl-rec-date svg{flex:none}.kvl-rec-body h3{letter-spacing:-.04em;overflow-wrap:anywhere;color:#fff;font-size:clamp(17px,1.8vw,23px);font-weight:900;line-height:1.22}.kvl-rec-body h3 a:hover{color:#ffd1a1}.kvl-rec-genre{color:#d8c7d9;font-size:11px;line-height:1.6}.kvl-rec-venue{color:#d8c7df;overflow-wrap:anywhere;align-items:flex-start;gap:6px;font-size:11px;line-height:1.5;display:flex}.kvl-rec-venue svg{color:#ffd09b;flex:none;margin-top:1px}.kvl-rec-price{color:#ffd4a2;font-size:12px;font-weight:900}.kvl-rec-actions{align-items:stretch;gap:8px;margin-top:auto;padding-top:12px;display:flex}.kvl-rec-detail{color:#24122b;text-align:center;background:#ffca8c;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:7px;min-height:45px;padding:9px 12px;font-size:11px;font-weight:900;line-height:1.4;display:inline-flex}.kvl-rec-detail:hover{background:#ffe1ad}.kvl-rec-save{flex:0 0 45px;width:45px;min-width:45px;padding:6px!important}.kvl-rec-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:19px;display:flex}.kvl-rec-browse,.kvl-rec-expand{color:#ffdcaa;align-items:center;gap:8px;min-height:44px;padding:9px 3px;font-size:12px;font-weight:850;display:inline-flex}.kvl-rec-browse:hover,.kvl-rec-expand:hover{text-underline-offset:4px;text-decoration:underline}.kvl-rec-message{color:#e8d7eb;background:#0d0a1a4d;border:1px solid #ffddb740;border-radius:14px;flex-wrap:wrap;align-items:center;gap:12px;min-height:100px;margin-top:20px;padding:24px;font-size:13px;line-height:1.7;display:flex}.kvl-rec-empty{flex-direction:column;align-items:flex-start}.kvl-rec-empty strong{font-size:16px}.kvl-rec-empty button{color:#ffe0b9;border:1px solid #ffd19d;border-radius:10px;min-height:44px;padding:7px 13px;font-weight:900}@media (width<=960px){.kvl-rec-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=690px){.kvl-rec-intro{gap:17px}.kvl-rec-grid{overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#ffca8a transparent;scroll-snap-type:x mandatory;grid-template-columns:none;grid-auto-columns:minmax(78%,1fr);grid-auto-flow:column;gap:12px;max-width:100%;padding-bottom:11px;display:grid;overflow-x:auto}.kvl-rec-card{scroll-snap-align:start}.kvl-rec-chip-track{margin-left:-2px;margin-right:-2px}.kvl-rec-chip{min-height:45px;padding-inline:13px;font-size:11px}.kvl-rec-body{padding:16px}.kvl-rec-surface{padding:20px 16px}.kvl-rec-results-heading{align-items:start}.kvl-rec-media{aspect-ratio:16/9}.kvl-rec-chooser{margin-top:22px}}@media (width<=380px){.kvl-rec-grid{grid-auto-columns:minmax(86%,1fr)}.kvl-rec-chip{padding-inline:10px}.kvl-rec-intro h2{font-size:31px}.kvl-rec-planlink{font-size:10px}}@media (prefers-reduced-motion:reduce){.kvl-rec-card,.kvl-rec-media img,.kvl-rec-chip{transition:none!important;transform:none!important}.kvl-rec-grid,.kvl-rec-chip-track{scroll-behavior:auto}}.kvl-rec-swipe-hint{color:#d7c9df;text-align:center;margin-top:8px;font-size:11px;line-height:1.5;display:none}.kvl-rec-swipe-hint span{vertical-align:middle;color:#ffcc98;padding-right:6px;font-size:18px}.kvl-rec-grid:focus-visible{outline-offset:3px;border-radius:10px;outline:3px solid #ffd6a3}@media (width<=690px){.kvl-rec-swipe-hint{display:block}}
