@property --tone{syntax:"<color>";inherits:true;initial-value:#2c3a33}.vinyl-carousel{--disc:min(380px, 62vw);background:radial-gradient(ellipse at 50% 38%, color-mix(in oklab, var(--tone) 82%, white), var(--tone) 55%, color-mix(in oklab, var(--tone) 78%, black));color:#f6f2ea;outline-offset:-4px;touch-action:pan-y;border-radius:30px;height:540px;margin-bottom:28px;transition:--tone .7s;position:relative;overflow:hidden;container-type:inline-size}.vinyl-carousel[data-contrast=dark]{color:#151612}.vinyl-carousel:before{content:"";pointer-events:none;background:linear-gradient(#0000,#0000004d);position:absolute;inset:52% 0 0}.vinyl-carousel[data-contrast=dark]:before{background:linear-gradient(#0000,#ffffff59)}.vinyl-carousel:focus-visible,.vinyl-carousel :focus-visible{outline-offset:3px;outline:2px solid}.vinyl-carousel:focus-visible{outline-offset:-4px}.vinyl-carousel-eyebrow{z-index:3;letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:.66rem;position:absolute;top:24px;left:28px}.vinyl-carousel-backdrop{color:color-mix(in oklab, var(--tone) 70%, black);letter-spacing:-.04em;text-align:center;text-transform:uppercase;pointer-events:none;place-items:center;margin:0;padding:0 4%;font-size:clamp(3.5rem,11cqw,9.5rem);font-weight:700;line-height:.86;animation:.7s both vinyl-carousel-backdrop;display:grid;position:absolute;inset:0 0 18%;overflow:hidden}.vinyl-carousel-track{height:0;position:absolute;top:42%;left:0;right:0}.vinyl-carousel-disc{--scale:.64;z-index:1;width:var(--disc);transform:translate(-50%, -50%) translateX(calc(var(--offset) * 47cqw)) scale(var(--scale));border-radius:50%;transition:transform .8s cubic-bezier(.22,1,.36,1),opacity .5s;display:block;position:absolute;top:0;left:50%}.vinyl-carousel-disc[data-offset="0"]{--scale:1;z-index:2}.vinyl-carousel-disc[data-hidden]{opacity:0;pointer-events:none}.vinyl-carousel-controls{z-index:3;justify-content:space-between;align-items:flex-end;gap:16px;display:flex;position:absolute;bottom:24px;left:28px;right:28px}.vinyl-carousel-caption{flex-direction:column;gap:3px;min-width:0;display:flex}.vinyl-carousel-caption h3{margin:0;font-size:1.7rem;line-height:1.05}.vinyl-carousel-caption span{font-size:.88rem}.vinyl-carousel-caption small{font-size:.76rem}.vinyl-carousel-link{border-bottom:1px solid;align-items:center;gap:6px;width:fit-content;margin-top:8px;padding-bottom:2px;font-size:.84rem;display:inline-flex}.vinyl-carousel-buttons{flex-shrink:0;align-items:center;gap:10px;display:flex}.vinyl-carousel-count{font-variant-numeric:tabular-nums;margin-right:4px;font-size:.8rem}.vinyl-carousel-buttons button{width:44px;height:44px;color:inherit;cursor:pointer;background:0 0;border:1px solid;border-radius:50%;place-items:center;display:grid}.vinyl-carousel-buttons button:hover{opacity:1;background:color-mix(in oklab, currentColor 12%, transparent)}@keyframes vinyl-carousel-backdrop{0%{opacity:0;transform:scale(1.04)}}@media (max-width:680px){.vinyl-carousel{--disc:64vw;border-radius:24px;height:470px}.vinyl-carousel-track{top:38%}.vinyl-carousel-controls{bottom:20px;left:20px;right:20px}.vinyl-carousel-caption h3{font-size:1.35rem}.vinyl-carousel-count{display:none}}@media (prefers-reduced-motion:reduce){.vinyl-carousel-disc{transition:opacity .3s}.vinyl-carousel-backdrop{animation:none}}.vinyl-carousel-deck{z-index:4;align-items:center;gap:64px;display:flex;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.vinyl-carousel-play{width:64px;height:64px;display:block}.vinyl-carousel-decide{cursor:pointer;border:0;border-radius:50%;place-items:center;width:56px;height:56px;transition:transform .2s,opacity .2s;display:grid;position:relative;box-shadow:0 10px 24px #0000004d}.vinyl-carousel-decide[data-decision=dismiss]{color:#f6f2ea;background:#0f1013cc}.vinyl-carousel-decide[data-decision=like]{background:var(--match);color:#0f1013}.vinyl-carousel-decide:hover:not(:disabled){transform:scale(1.08)}.vinyl-carousel-decide:disabled{opacity:.55;cursor:default}.vinyl-carousel-decide span{color:inherit;letter-spacing:.02em;white-space:nowrap;font-size:.72rem;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)}.vinyl-carousel-decide[data-decision] span{color:currentColor}.vinyl-carousel[data-contrast=light] .vinyl-carousel-decide span{color:#f6f2ea}.vinyl-carousel[data-contrast=dark] .vinyl-carousel-decide span{color:#151612}.vinyl-carousel-disc[data-exit]{opacity:0;pointer-events:none;transition:transform .45s cubic-bezier(.4,0,.2,1),opacity .4s,filter .3s}.vinyl-carousel-disc[data-exit=like]{filter:drop-shadow(0 0 36px #7ee39a);transform:translate(-50%,-50%)translateY(-38%)scale(.78)rotate(-10deg)}.vinyl-carousel-disc[data-exit=dismiss]{transform:translate(-50%,-50%)translateY(34%)scale(.82)rotate(8deg)}.vinyl-carousel-burst{z-index:5;color:var(--match);pointer-events:none;animation:.75s ease-out both vinyl-carousel-burst;position:absolute;top:42%;left:50%}.vinyl-carousel-burst[data-decision=dismiss]{color:#f6f2ea}@keyframes vinyl-carousel-burst{0%{opacity:0;transform:translate(-50%,-50%)scale(.6)}30%{opacity:1;transform:translate(-50%,-90%)scale(1.15)}to{opacity:0;transform:translate(-50%,-170%)scale(1)}}@media (max-width:680px){.vinyl-carousel-deck,.vinyl-carousel-burst{top:38%}.vinyl-carousel-deck{gap:30px}.vinyl-carousel-decide{width:48px;height:48px}}@media (prefers-reduced-motion:reduce){.vinyl-carousel-disc[data-exit]{filter:none;transform:translate(-50%,-50%)}.vinyl-carousel-burst{display:none}}
.recommendations-view{--rec-accent:#cedfb2;--rec-muted:#b0bca4;min-width:0}.recommendations-view .rec-heading .eyebrow{color:#b9cda2;letter-spacing:.13em;font-size:.65rem}.recommendations-view .rec-heading h1{letter-spacing:-.06em;font-size:clamp(2.4rem,5.5vw,4.6rem);line-height:1.03}.recommendations-view .rec-heading h2{font-size:clamp(1.95rem,3.5vw,2.9rem)}.recommendations-view .rec-heading p:not(.eyebrow){color:#aebca0}.rec-tuning{margin-bottom:21px;padding:7px 0 0}.rec-mode-switch{background:#192117;border:1px solid #cedfb229;border-radius:15px;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;width:min(100%,710px);padding:6px;display:grid}.rec-mode-switch button{color:#c3d0b6;background:0 0;border-radius:10px;justify-content:center;align-items:center;gap:9px;min-height:48px;padding:12px;font-size:.83rem;transition:background .17s,color .17s;display:flex}.rec-mode-switch button svg{flex-shrink:0}.rec-mode-switch button:hover{background:#cedfb20d}.rec-mode-switch button[aria-pressed=true]{color:#223624;background:#cedfb2}.rec-mode-description{color:#a6b19a;min-height:26px;margin:12px 2px 0;font-size:.8rem;line-height:1.6}.rec-start-note{background:linear-gradient(105deg,#cedfb20c,#0000);border:1px solid #cedfb228;border-radius:16px;align-items:center;gap:15px;margin:17px 0 24px;padding:20px;display:flex}.rec-start-note>svg{color:#cedfb2;flex-shrink:0}.rec-start-note>div{flex:1}.rec-start-note strong{color:#d6e2c7;font-size:.88rem;font-weight:500}.rec-start-note p{color:#aab59f;margin-top:5px;font-size:.78rem;line-height:1.65}.rec-start-note .text-button{color:#c6dbad;flex-shrink:0;align-items:center;gap:6px;font-size:.76rem;display:flex}.rec-status-line{justify-content:space-between;align-items:center;gap:14px;min-height:26px;margin:21px 0 17px;display:flex}.rec-status-line p,.rec-status-line .text-button{color:#aebc9f;align-items:center;gap:7px;font-size:.76rem;display:flex}.rec-status-line p>svg{color:#cedfb2;flex-shrink:0}.rec-status-line .text-button{flex-shrink:0}.rec-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:27px 21px;display:grid}.recommendations-full .rec-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.rec-card{background:#171e17;border:1px solid #cedfb21d;border-radius:16px;min-width:0;transition:border-color .18s;overflow:hidden}.rec-card:focus-within,.rec-card:hover{border-color:#cedfb24d}.rec-card-link{min-width:0;display:block}.rec-card-art{aspect-ratio:1;background:#e6eacf05;position:relative;overflow:hidden}.rec-card-art>img,.rec-card-art>.cover-pending{object-fit:cover;width:100%;height:100%;transition:transform .26s}.rec-card-link:hover .rec-card-art>img{transform:scale(1.025)}.rec-card-art>span:not(.cover-pending){color:#223624;background:#cedfb2;border-radius:50%;place-items:center;width:32px;height:32px;display:grid;position:absolute;bottom:12px;right:12px}.rec-card-title{padding:17px 17px 11px}.rec-card-title h3{color:#f0efdf;letter-spacing:-.03em;overflow-wrap:anywhere;font-size:1.1rem;line-height:1.2}.rec-card-title>p{color:#bdc8b2;overflow-wrap:anywhere;margin-top:7px;font-size:.83rem;line-height:1.5}.rec-card-title>small{color:#8fa281;margin-top:6px;font-size:.68rem;line-height:1.5;display:block}.rec-card-body{padding:0 17px 17px}.rec-reasons{border-top:1px solid #cedfb21d;border-bottom:1px solid #cedfb21d;margin:3px 0 14px}.rec-reasons summary{cursor:pointer;color:#b0c09e;align-items:center;gap:7px;min-height:42px;padding:11px 0;font-size:.72rem;list-style:none;display:flex}.rec-reasons summary::-webkit-details-marker{display:none}.rec-history>summary::-webkit-details-marker{display:none}.rec-explanation>summary::-webkit-details-marker{display:none}.rec-reasons summary>span{flex:1}.rec-reasons summary svg{flex-shrink:0}.rec-reasons summary>svg:last-child,.rec-history>summary>svg:last-child,.rec-explanation>summary>svg:last-child{transition:transform .18s}.rec-reasons[open] summary>svg:last-child,.rec-history[open]>summary>svg:last-child,.rec-explanation[open]>summary>svg:last-child{transform:rotate(180deg)}.rec-reasons ul{color:#c2cbb7;margin:0 0 13px;padding:0 0 2px 16px;font-size:.75rem;line-height:1.65}.rec-reasons li+li{margin-top:7px}.rec-reasons li::marker{color:#8da673}.rec-card-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.rec-card-actions button{border-radius:9px;justify-content:center;align-items:center;gap:6px;min-height:43px;padding:9px 7px;font-size:.7rem;line-height:1.3;transition:background .16s;display:flex}.rec-card-actions button>svg{flex-shrink:0}.rec-like{color:#d0e3b9;background:#cedfb218;border:1px solid #cedfb252}.rec-like:hover:not(:disabled){background:#cedfb229}.rec-dismiss{color:#b0bba5;background:#cedfb204;border:1px solid #d3dbca25}.rec-dismiss:hover:not(:disabled){background:#ffffff09}.rec-error{background:#e1b59b0b;border:1px solid #e1b59b3d;border-radius:13px;justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px;padding:18px 20px;display:flex}.rec-error strong{color:#edc6aa;font-size:.86rem;font-weight:500}.rec-error p{color:#cbbba9;margin:5px 0;font-size:.79rem}.rec-error small{color:#c1b8a5;font-size:.72rem}.rec-error .button{flex-shrink:0;font-size:.77rem}.rec-feedback-error{z-index:76;background:#2e241c;width:min(650px,100vw - 32px);max-height:calc(100dvh - 180px);margin:0;position:fixed;bottom:28px;left:50%;overflow:auto;transform:translate(-50%);box-shadow:0 12px 40px #0006}.rec-feedback-error .rec-undo-close{color:#edc6aa}.rec-empty{text-align:center;background:radial-gradient(at top,#cedfb20e,#0000);border:1px solid #cedfb22b;border-radius:19px;justify-items:center;gap:17px;padding:45px 25px;display:grid}.rec-empty-record{color:#bdcfa7;border:1px solid #cedfb225;border-radius:50%;place-items:center;width:76px;height:76px;margin:12px 0 8px;display:grid;box-shadow:0 0 0 8px #cedfb203,0 0 0 16px #cedfb203}.rec-empty h3{letter-spacing:-.035em;max-width:470px;font-size:1.7rem;line-height:1.2}.rec-empty p{color:#acb89f;max-width:490px;font-size:.88rem}.rec-empty .actions{justify-content:center}.rec-private-note{color:#91a080;align-items:start;gap:7px;margin:22px 0 14px;font-size:.71rem;line-height:1.6;display:flex}.rec-private-note svg{flex-shrink:0;margin-top:3px}.rec-history,.rec-explanation{background:#cedfb204;border:1px solid #cedfb225;border-radius:15px;margin-top:22px;overflow:hidden}.rec-history>summary,.rec-explanation>summary{cursor:pointer;color:#d2dec3;align-items:center;gap:12px;padding:21px;font-size:.87rem;list-style:none;display:flex}.rec-history>summary>svg,.rec-explanation>summary>svg{color:#aebf99;flex-shrink:0}.rec-history>summary>span{flex:1}.rec-history>summary small{color:#9a8;margin-top:5px;font-size:.72rem;display:block}.rec-explanation>summary>svg:last-child{margin-left:auto}.rec-history-content{padding:0 21px 22px}.rec-history-content>p,.rec-explanation>p{color:#b5c1a8;margin-bottom:15px;font-size:.8rem;line-height:1.7}.rec-explanation>p{max-width:830px;padding:0 21px}.rec-explanation>p:last-child{margin-bottom:23px}.rec-history-row{border-top:1px solid #cedfb21a;align-items:center;gap:15px;padding:17px 0;display:flex}.rec-history-row>img,.rec-history-row>.cover-pending{border-radius:6px;flex-shrink:0;width:58px;height:58px}.rec-history-row>div{flex:1;min-width:0}.rec-history-row a{color:#e2e9d8;font-size:.88rem;line-height:1.4}.rec-history-row p{color:#b3bfa6;margin:3px 0;font-size:.73rem}.rec-history-row small{color:#90a17e;font-size:.68rem}.rec-history-row .button{flex-shrink:0;min-height:41px;font-size:.75rem}.rec-history-pagination{color:#b5c8a1;border-top:1px solid #cedfb21a;justify-content:space-between;align-items:center;gap:13px;padding-top:18px;font-size:.75rem;display:flex}.rec-history-pagination .button{font-size:.74rem}.rec-undo{z-index:75;color:#20351e;background:#dbe9c7;border:1px solid #dbe9c7;border-radius:14px;align-items:center;gap:13px;width:min(590px,100vw - 36px);padding:17px;animation:.18s ease-out both rec-toast-in;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 13px 40px #0005}.rec-undo>svg{flex-shrink:0}.rec-undo>div{flex:1;min-width:0}.rec-undo strong{font-size:.81rem;font-weight:600;display:block}.rec-undo div>span{color:#47603d;overflow-wrap:anywhere;margin-top:4px;font-size:.72rem;display:block}.rec-undo-button,.rec-undo-close{color:#244721;background:#2236240b;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;gap:5px;min-height:38px;padding:8px;font-size:.76rem;display:flex}.rec-undo-close{background:0 0;min-width:27px;padding:3px}.rec-undo button:focus-visible{outline-color:#244721}.rec-skeleton{grid-template-columns:repeat(4,minmax(0,1fr));gap:21px;display:grid}.rec-skeleton>div{border:1px solid #cedfb219;border-radius:16px;padding-bottom:18px;overflow:hidden}.rec-skeleton span{aspect-ratio:1;background:#cedfb20b;display:block}.rec-skeleton i,.rec-skeleton b{background:#cedfb20b;border-radius:5px;width:72%;height:12px;margin:17px 14px 0;display:block}.rec-skeleton i+i{width:48%}.rec-skeleton b{width:auto;height:40px;margin-right:14px}.rec-spinner{animation:1.1s linear infinite rec-spin}@keyframes rec-spin{to{transform:rotate(360deg)}}@keyframes rec-toast-in{0%{opacity:0;bottom:22px}to{opacity:1}}@media (max-width:1100px){.recommendations-full .rec-grid,.rec-skeleton{grid-template-columns:repeat(3,minmax(0,1fr))}.rec-card-actions{grid-template-columns:minmax(0,1fr)}}@media (max-width:800px){.rec-feedback-error{bottom:102px}.rec-grid,.recommendations-full .rec-grid,.rec-skeleton{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 17px}.rec-undo{animation:none;bottom:102px}.rec-start-note{flex-wrap:wrap;align-items:start}.rec-start-note .text-button{margin-left:37px}}@media (max-width:600px){.recommendations-view .rec-heading{flex-direction:column;align-items:start;gap:17px}.recommendations-view .rec-heading h1{font-size:2.6rem}.recommendations-view .rec-heading .eyebrow{font-size:.59rem}.rec-mode-switch{gap:3px;padding:5px}.rec-mode-switch button{flex-direction:column;gap:7px;min-height:76px;padding:11px 5px;font-size:.7rem;line-height:1.3}.rec-mode-description{margin-top:11px;font-size:.74rem}.rec-status-line{align-items:start;gap:9px}.rec-status-line p,.rec-status-line .text-button{font-size:.68rem}.rec-grid,.recommendations-full .rec-grid,.rec-skeleton{gap:20px 12px}.rec-card{border-radius:13px}.rec-card-title{padding:14px 12px 10px}.rec-card-title h3{font-size:1.01rem}.rec-card-title>p{font-size:.74rem}.rec-card-title>small{font-size:.62rem}.rec-card-body{padding:0 12px 13px}.rec-reasons summary{gap:5px;font-size:.66rem}.rec-reasons summary>svg{width:12px}.rec-reasons ul{padding-left:12px;font-size:.71rem}.rec-card-actions button{min-height:42px;font-size:.68rem}.rec-card-art>span:not(.cover-pending){width:29px;height:29px;bottom:9px;right:9px}.rec-error{flex-direction:column;align-items:start;gap:13px;padding:17px}.rec-private-note{font-size:.65rem}.rec-history>summary,.rec-explanation>summary{gap:9px;padding:17px;font-size:.82rem}.rec-history-content{padding:0 17px 18px}.rec-history-row{grid-template-columns:49px minmax(0,1fr);gap:11px 13px;display:grid}.rec-history-row>img,.rec-history-row>.cover-pending{width:49px;height:49px}.rec-history-row .button{grid-column:1/-1;justify-self:start}.rec-history-pagination{gap:7px;font-size:.64rem}.rec-history-pagination .button{padding:10px;font-size:.65rem}.rec-explanation>p{padding:0 17px;font-size:.75rem}.rec-undo{flex-wrap:wrap;gap:9px;width:calc(100vw - 28px);padding:13px}.rec-undo>svg{display:none}.rec-undo>div{flex-basis:calc(100% - 36px)}.rec-undo-close{position:absolute;top:10px;right:11px}.rec-undo-button{min-height:35px;margin-top:1px}.rec-empty{padding:35px 18px}.rec-empty h3{font-size:1.5rem}.rec-empty p{font-size:.8rem}}@media (max-width:360px){.rec-grid,.recommendations-full .rec-grid,.rec-skeleton{grid-template-columns:minmax(0,1fr)}.rec-card-title{padding:17px 16px 11px}.rec-card-title h3{font-size:1.2rem}.rec-card-title>p{font-size:.83rem}.rec-card-body{padding:0 16px 16px}.rec-card-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.rec-card-actions button{font-size:.7rem}.rec-reasons summary{font-size:.77rem}.rec-card-title>small{font-size:.7rem}}@media (prefers-reduced-motion:reduce){.recommendations-view *,.recommendations-view :before,.recommendations-view :after{transition:none!important;animation:none!important}}