.help-entry{color:var(--primary);text-align:left;background:0 0;border:0;border-radius:8px;flex-shrink:0;align-items:center;gap:9px;min-height:44px;font-size:.875rem;display:inline-flex}.help-entry:hover{color:var(--foreground);background:var(--secondary)}.help-entry-header{padding:8px}.help-entry-link{padding:0 6px}.help-entry svg{flex-shrink:0}.help-entry-card{background:#e8a36b0a;border:1px solid #73553e;gap:16px;width:100%;margin:0 0 22px;padding:20px 22px}.help-entry-card>span{flex:1;min-width:0}.help-entry-card strong{color:var(--foreground);font-size:1.1rem;font-weight:600;display:block}.help-entry-card>span>span{color:var(--muted-foreground);margin-top:5px;font-size:1rem;display:block}.help-dialog[data-slot=dialog-content]{height:840px;height:min(840px,calc(var(--rr-viewport-height,100dvh) - 24px));background:var(--card);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:0!important;width:calc(100vw - 24px)!important;max-width:860px!important;padding:0!important;display:flex!important;overflow:hidden!important}.help-heading[data-slot=dialog-header]{text-align:left;flex-shrink:0;gap:10px;padding:26px 64px 18px 28px}.help-kicker{color:var(--primary);letter-spacing:.12em;align-items:center;gap:8px;font-size:.75rem;display:flex}.help-heading [data-slot=dialog-title]{letter-spacing:-.025em;font-family:inherit;font-size:1.75rem;font-weight:600;line-height:1.2}.help-heading [data-slot=dialog-description]{color:var(--muted-foreground);font-size:1rem;line-height:1.5}.help-close{width:44px;height:44px;color:var(--foreground);position:absolute;top:16px;right:14px}.help-search-wrap{border-bottom:1px solid var(--border);flex-shrink:0;padding:0 28px 18px}.help-search{background:var(--background);border:1px solid var(--input);border-radius:10px;align-items:center;gap:10px;padding:0 12px;display:flex}.help-search:focus-within{border-color:var(--primary);outline:2px solid var(--primary);outline-offset:2px}.help-search>svg{color:var(--primary);flex-shrink:0}.help-search input{min-width:0;min-height:48px;box-shadow:none;background:0 0;border:0;padding:12px 0;font-size:1rem}.help-search input:focus-visible{outline:none}.help-search input::-webkit-search-cancel-button{display:none}.help-search .icon-button{flex-shrink:0;width:36px}.help-scroll{overscroll-behavior:contain;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding:22px 28px 26px;overflow-y:auto}.help-topics{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.help-topics button{border:1px solid var(--border);min-height:42px;color:var(--muted-foreground);background:0 0;border-radius:7px;align-items:center;gap:7px;padding:9px 12px;font-size:.875rem;line-height:1.35;display:inline-flex}.help-topics button:hover{border-color:var(--primary);color:var(--foreground)}.help-topics button[aria-pressed=true]{color:var(--primary);background:#e8a36b15;border-color:#98704d}.help-result-count{color:var(--muted-foreground);overflow-wrap:anywhere;margin-bottom:22px;font-size:.875rem}.help-group+.help-group{margin-top:28px}.help-group>h3{color:var(--primary);align-items:center;gap:9px;margin:0 0 10px;font-size:1rem;font-weight:500;display:flex}.help-question[data-slot=accordion-item]{border-bottom:1px solid var(--border)}.help-question [data-slot=accordion-trigger]{color:var(--foreground);align-items:center;gap:18px;padding:18px 4px;font-size:1rem;font-weight:500;line-height:1.5}.help-question [data-slot=accordion-trigger]:hover{color:var(--primary);text-decoration:none}.help-question [data-slot=accordion-trigger]>svg{color:var(--primary)}.help-app-label{color:var(--muted-foreground);margin-top:4px;font-size:.75rem;font-weight:400;display:block}.help-answer{color:#c5c7c9;overflow-wrap:anywhere;padding:0 26px 20px 4px;font-size:1rem;line-height:1.7}.help-answer p+p{margin-top:12px}.help-answer ol{margin:16px 0;padding-left:24px;list-style:decimal}.help-answer li{margin-top:10px;padding-left:5px}.help-answer li::marker{color:var(--primary);font-weight:600}.help-answer .help-note{border-left:2px solid var(--primary);color:#dbbc9f;background:#e8a36b08;border-radius:0 6px 6px 0;margin-top:16px;padding:12px 16px}.help-end{border-top:1px solid var(--border);color:var(--muted-foreground);margin-top:26px;padding-top:20px;font-size:.875rem;line-height:1.6}.help-empty{text-align:center;padding:24px 0}.help-empty>svg{color:var(--primary);margin:0 auto 16px}.help-empty h3{font-size:1.15rem;line-height:1.4}.help-empty p{max-width:350px;color:var(--muted-foreground);margin:12px auto 20px}@media (max-width:760px){.help-entry-header>span{display:none}.help-entry-header{justify-content:center;width:40px;padding:0}.help-entry-card{gap:12px;padding:16px}.help-heading[data-slot=dialog-header]{padding:22px 54px 16px 18px}.help-heading [data-slot=dialog-title]{font-size:1.45rem}.help-search-wrap{padding:0 18px 16px}.help-scroll{padding:18px}.help-topics{gap:6px}.help-topics button{padding:9px 10px}.help-answer{padding-right:4px}.help-close{top:10px;right:8px}.help-dialog[data-slot=dialog-content]{border-radius:12px}}@media (max-height:500px){.help-heading[data-slot=dialog-header]{padding-top:16px;padding-bottom:12px}.help-heading [data-slot=dialog-description],.help-kicker{display:none}.help-search-wrap{padding-bottom:12px}}@media (max-width:420px){.site-header{gap:8px;padding-left:12px;padding-right:12px}.help-entry-card strong{font-size:1rem}}.help-entry-header{color:#f4bd90;background:#e8a36b18;border:1px solid #b98458;padding:9px 13px;font-weight:600}.help-entry-header:hover{border-color:var(--primary);background:#e8a36b30}.help-entry-header>span{display:inline}.help-entry-header{width:auto}.help-dialog[data-slot=dialog-content]{max-width:960px!important}.help-intro{margin-bottom:18px}.help-intro h3{margin-bottom:6px;font-size:1.15rem;font-weight:600}.help-intro p{color:var(--muted-foreground);font-size:1rem;line-height:1.6}.help-guide-picker{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:28px;display:grid}.help-guide-picker button{text-align:left;border:1px solid var(--border);background:var(--background);min-height:62px;color:var(--foreground);border-radius:10px;align-items:center;gap:12px;padding:13px 15px;font-size:1rem;line-height:1.4;display:flex}.help-guide-picker button>svg{color:var(--primary);flex-shrink:0}.help-guide-picker button>span{flex:1}.help-guide-picker small{color:var(--muted-foreground);margin-top:2px;font-size:.875rem;display:block}.help-guide-picker button:hover,.help-guide-picker button[aria-pressed=true]{border-color:var(--primary);background:#e8a36b13}.help-guide-content{scroll-margin-top:12px}.help-guide-content:focus{outline:none}.help-guide{background:#e8a36b06;border:1px solid #73553e;border-radius:12px;padding:24px}.help-guide+.help-guide{margin-top:20px}.help-guide-label{color:var(--primary);letter-spacing:.06em;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:10px;font-size:.875rem;display:flex}.help-guide-label .help-app-label{letter-spacing:normal;margin:0}.help-guide h3{letter-spacing:-.02em;font-size:1.5rem;font-weight:600;line-height:1.3}.help-guide-summary{color:#d1d3d5;margin-top:12px;font-size:1rem;line-height:1.7}.help-location{background:var(--background);border-radius:8px;margin:20px 0;padding:14px 16px;font-size:1rem;line-height:1.6}.help-location strong{color:var(--primary);font-weight:500;display:block}.help-location span{overflow-wrap:anywhere;margin-top:4px;display:block}.help-steps{flex-direction:column;gap:22px;margin:24px 0;padding:0;list-style:none;display:flex}.help-steps li{align-items:flex-start;gap:14px;display:flex}.help-steps li>span{color:#17191c;background:var(--primary);border-radius:50%;flex-shrink:0;place-items:center;width:32px;height:32px;font-size:1rem;font-weight:650;display:grid}.help-steps p{color:#e0e1e3;padding-top:1px;font-size:1rem;line-height:1.75}.help-done{border-top:1px solid var(--border);color:#c8dbbf;align-items:flex-start;gap:12px;padding-top:18px;font-size:1rem;line-height:1.7;display:flex}.help-done svg{flex-shrink:0;margin-top:4px}.help-done strong{margin-bottom:4px;font-weight:600;display:block}.help-tip{color:#c0c4c8;margin-top:18px;font-size:1rem;line-height:1.7}.help-tip strong{color:var(--foreground);font-weight:500}.help-faq{margin-top:30px}.help-faq>h3{align-items:center;gap:10px;font-size:1.2rem;font-weight:600;display:flex}.help-faq>h3 svg{color:var(--primary)}.help-faq-intro{color:var(--muted-foreground);margin:10px 0;font-size:1rem;line-height:1.6}.help-bottom-actions{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.help-bottom-actions button{white-space:normal;text-align:left;min-height:44px;line-height:1.5}.help-app-label{font-size:.875rem}@media (max-width:600px){.help-guide-picker{grid-template-columns:1fr;gap:8px}.help-guide-picker button{min-height:54px;padding:12px}.help-guide{padding:18px 15px}.help-guide h3{font-size:1.3rem}.help-steps li{gap:11px}.help-heading [data-slot=dialog-title]{font-size:1.35rem}.help-location{padding:12px}.help-entry-header{gap:6px;padding:8px 10px}.help-bottom-actions{flex-direction:column}.help-bottom-actions button{justify-content:center}}@media (max-width:380px){.site-header .brand{font-size:1.15rem}.site-header .brand-symbol{width:28px;margin-right:5px}.help-entry-header{padding:8px;font-size:.875rem}.site-header{gap:6px;padding-left:10px;padding-right:10px}}.collection-surprise-dialog{--cover-size:min(268px,72vw,34dvh);overscroll-behavior:contain;max-height:calc(100dvh - 24px);overflow-y:auto;background:linear-gradient(155deg,#242321,#171a1c 55%)!important;gap:14px!important;max-width:520px!important;padding:24px 26px!important}.collection-surprise-dialog[data-state=open]{animation:.16s ease-out surprise-dialog-in}.collection-surprise-close{z-index:5;width:44px;height:44px;top:5px;right:5px}.collection-surprise-eyebrow{letter-spacing:.02em;text-transform:none;margin:6px 22px 8px;font-size:.875rem}.collection-surprise-eyebrow .collection-beta{font-size:.75rem}.collection-surprise-dialog [data-slot=dialog-title]{min-height:1.3em;font-size:1.45rem;line-height:1.3}.surprise-stage{isolation:isolate;width:100%;height:calc(var(--cover-size) + 40px);perspective:950px;--pick-x:0px;position:relative}.collection-surprise-film [data-slot=dialog-overlay]{background:#050708d1;-webkit-backdrop-filter:none!important}.surprise-cover-mask{z-index:2;pointer-events:none;position:absolute;inset:0}.surprise-mask-definitions{pointer-events:none;position:absolute}.surprise-cover-mask>.surprise-cover{pointer-events:auto}.surprise-cinema{height:var(--cover-size);opacity:0;pointer-events:none;z-index:1;place-items:center;display:grid;position:absolute;inset:12px 0 auto}.surprise-cinema-frame{width:min(100%,calc(var(--cover-size)*14/9));aspect-ratio:14/9;border-radius:5px;position:relative;overflow:hidden;box-shadow:0 10px 25px #0004}.surprise-cinema video{object-fit:contain;width:100%;height:100%;display:block}.surprise-stage[data-cinema=true]{perspective:none}.surprise-stage[data-cinema=true] .surprise-shelf,.surprise-stage[data-cinema=true] .surprise-hand{visibility:hidden}.surprise-stage[data-cinema=true] .surprise-cover{transform-origin:0 0;box-shadow:none;will-change:transform,opacity;border-radius:0;top:0;left:0;animation:none!important}.surprise-stage[data-cinema=true] .collection-image-frame{isolation:isolate;border-radius:1px}.surprise-paper-light{mix-blend-mode:hard-light;pointer-events:none;opacity:0;transition:opacity .22s;position:absolute;inset:0;overflow:hidden}.surprise-paper-light>img{will-change:transform;max-width:none;position:absolute;top:0;left:0;object-fit:fill!important;width:1134.38%!important;height:309.375%!important}.surprise-stage[data-cinema=true] .surprise-paper-light{opacity:.4}.surprise-stage[data-cinema-ending=true] .surprise-paper-light{opacity:0}.surprise-stage[data-cinema=true] .collection-image-frame:after{content:"";pointer-events:none;opacity:1;background:linear-gradient(135deg,#efc89c0c,#0000 45%,#0001);transition:opacity .22s;position:absolute;inset:0}.surprise-stage[data-cinema-ending=true] .collection-image-frame:after{opacity:0}.surprise-shelf{animation:surprise-shelf var(--draw-duration) both;background:linear-gradient(#101214,#242322);border:1px solid #51483e;border-radius:4px;position:absolute;inset:29% 0 34px;box-shadow:inset 0 12px 25px #0008,0 15px 25px #0004}.surprise-shelf-light{background:linear-gradient(90deg,#0000,#b88a61,#0000);height:2px;position:absolute;top:0;left:12px;right:12px;box-shadow:0 4px 16px #d3a16b66}.surprise-spines{align-items:flex-end;gap:2px;display:flex;position:absolute;inset:14px 13px 9px}.surprise-spine{min-width:0;height:var(--spine-height);background:linear-gradient(90deg,#0005,var(--spine-tone) 22%,var(--spine-tone) 64%,#0007);border-top:1px solid #b1997044;border-radius:1px 1px 0 0;flex:1;display:block;position:relative;box-shadow:1px 0 2px #0009}.surprise-spine i{border-top:1px solid #e2c29b66;border-bottom:1px solid #e2c29b33;height:12%;position:absolute;top:13%;left:28%;right:28%}.surprise-spine i+i{border-color:#d9bfa17d;height:4%;top:auto;bottom:10%}.surprise-spine>i:last-child{border-color:#d9bfa17d;height:3%;top:auto;bottom:9%}.surprise-spine-name{writing-mode:vertical-rl;letter-spacing:.1em;color:#e2d4bd;white-space:nowrap;max-height:59%;font:500 8px/1 Georgia,serif;position:absolute;top:27%;left:50%;overflow:hidden;transform:translate(-50%)}.surprise-spine-number{text-align:center;letter-spacing:.02em;color:#e3c5a0;width:100%;font:500 6px/1 sans-serif;position:absolute;bottom:3%;left:0}.surprise-spine[data-edition="1"] .surprise-spine-name{letter-spacing:.14em;color:#edd6ba;font-family:Arial,sans-serif;font-size:7px;font-weight:600}.surprise-spine[data-edition="2"] .surprise-spine-name{color:#abb6b7;font-size:7px;transform:translate(-50%)rotate(180deg)}.surprise-spine[data-edition="3"]{border-top:3px solid #b29875}.surprise-spine[data-edition="4"] .surprise-spine-name{color:#d9c3a5;font-style:italic}.surprise-spine-picked{animation:surprise-picked var(--draw-duration) both;background:linear-gradient(90deg,#694f3e,#b08a67 45%,#75553d)}.surprise-shelf-edge{background:linear-gradient(#41362c,#201f1d);border-top:2px solid #947153;border-radius:0 0 4px 4px;height:14px;position:absolute;top:100%;left:-1px;right:-1px;box-shadow:0 5px 12px #0004}.surprise-shelf-edge span{color:#c2a98c;letter-spacing:.25em;font:500 6px/1 sans-serif;position:absolute;top:2px;right:12px}.surprise-hand{z-index:3;transform-origin:50% 5%;pointer-events:none;width:100px;height:176px;animation:surprise-hand var(--draw-duration) both;position:absolute;top:-30px;left:calc(50% - 50px)}.surprise-hand svg{width:100%;height:100%;display:block}.surprise-hand-open{animation:surprise-open-hand var(--draw-duration) both}.surprise-hand-grip{animation:surprise-grip var(--draw-duration) both}.surprise-cover{z-index:2;width:var(--cover-size);height:var(--cover-size);cursor:pointer;background:#17191b;border-radius:5px;padding:0;position:absolute;top:12px;left:50%;transform:translate(-50%);box-shadow:0 14px 32px #0006,0 0 0 1px #a381593f}:is(.surprise-cover:focus-visible,.surprise-skip:focus-visible){outline-offset:5px;outline:2px solid #d4a173}.surprise-stage[data-legacy=true][data-revealing=true] .surprise-cover{animation:surprise-extract var(--draw-duration) cubic-bezier(.2,.7,.15,1) both;will-change:transform,opacity;pointer-events:auto}.surprise-stage[data-legacy=false][data-revealing=true][data-cinema=false]:not([data-motion=reduced]) .surprise-cover{opacity:0}.surprise-cover .collection-image-frame{background:linear-gradient(145deg,#292c2d,#131719);border-radius:5px}.surprise-placeholder{color:#ac835e;place-items:center;gap:14px;display:grid}.surprise-placeholder[hidden]{display:none}.surprise-placeholder svg{stroke-width:1px;opacity:.8;width:82px;height:82px}.surprise-placeholder>span{letter-spacing:.2em;color:#ac927b;font-size:.75rem}.surprise-skip{color:#b6a08b;text-align:center;z-index:4;width:100%;min-height:40px;font-size:.8125rem;position:absolute;bottom:0;left:0}.surprise-cover-note{text-align:center;color:#b7a492;width:100%;font-size:.8125rem;line-height:1.4;position:absolute;bottom:1px;left:0}.surprise-result{flex-direction:column;gap:18px;min-height:190px;display:flex}.surprise-result[data-revealing=true]{visibility:hidden;pointer-events:none}.surprise-result[data-revealing=false]{animation:.16s ease-out surprise-result-in}.surprise-result .collection-surprise-record{margin:0;animation:none}.collection-surprise-artist{overflow-wrap:anywhere;font-size:1rem;line-height:1.4}.collection-surprise-record h3{margin:6px 0 8px;font-size:1.65rem;line-height:1.2}.collection-surprise-meta{font-size:.875rem}.surprise-result .collection-surprise-actions{margin-top:auto}.collection-surprise-actions>.button{min-height:46px;font-size:.9375rem}.surprise-stage[data-motion=simple] .surprise-hand{animation-name:surprise-simple-hand}.surprise-stage[data-motion=simple] .surprise-shelf-light{box-shadow:none}.surprise-stage[data-motion=reduced] .surprise-shelf,.surprise-stage[data-motion=reduced] .surprise-hand{display:none}.surprise-stage[data-motion=reduced][data-revealing=true] .surprise-cover{will-change:opacity;animation:.16s ease-out both surprise-result-in}@keyframes surprise-dialog-in{0%{opacity:0}to{opacity:1}}@keyframes surprise-shelf{0%{opacity:0;transform:translateY(8px)}12%,66%{opacity:1;transform:translateY(0)}91%,to{opacity:0;transform:translateY(8px)}}@keyframes surprise-picked{0%,46%{opacity:1;transform:none}53%{opacity:1;transform:translateY(-3px)}63%,to{opacity:0;transform:translateY(-5px)}}@keyframes surprise-hand{0%,8%{opacity:0;transform:translate(calc(var(--pick-x) - 85px),-28px) rotate(-9deg)}20%{opacity:1;transform:translate(calc(var(--pick-x) - 62px),4px) rotate(-5deg)}34%{opacity:1;transform:translate(calc(var(--pick-x) + 18px),8px) rotate(3deg)}43%{opacity:1;transform:translate(var(--pick-x),12px) rotate(0)}52%{opacity:1;transform:translate(var(--pick-x),24px) scale(.97)}65%{opacity:1;transform:translate(calc(var(--pick-x) * .65),7px) scale(1.02)}78%,to{opacity:0;transform:translate(calc(var(--pick-x) * .25),-35px) rotate(-5deg)}}@keyframes surprise-extract{0%,49%{opacity:0;transform:translateX(-50%) translate(var(--pick-x),23px) rotateY(-87deg) scale(.66)}53%{opacity:1;transform:translateX(-50%) translate(var(--pick-x),21px) rotateY(-87deg) scale(.66)}65%{opacity:1;transform:translateX(-50%) translate(calc(var(--pick-x) * .7),7px) rotateY(-60deg) scale(.8)}88%,to{opacity:1;transform:translate(-50%)translate(0)rotateY(0)scale(1)}}@keyframes surprise-result-in{0%{opacity:0}to{opacity:1}}@keyframes surprise-simple-hand{0%,23%{opacity:0;transform:translate(var(--pick-x),-15px)}40%,53%{opacity:1;transform:translate(var(--pick-x),18px)}73%,to{opacity:0;transform:translate(calc(var(--pick-x)*.7),-15px)}}@keyframes surprise-open-hand{0%,45%{opacity:1}46%,to{opacity:0}}@keyframes surprise-grip{0%,45%{opacity:0}46%,to{opacity:1}}@media (max-width:650px){.collection-surprise-dialog{padding:23px 18px 18px!important}.collection-surprise-dialog [data-slot=dialog-title]{font-size:1.25rem}.surprise-hand{width:88px;height:155px;top:-16px;left:calc(50% - 44px)}.collection-surprise-record h3{font-size:1.45rem}.surprise-result{gap:15px;min-height:184px}}@media (max-height:680px){.collection-surprise-dialog{--cover-size:min(200px,60vw,29dvh);gap:10px!important;padding:16px 18px!important}.surprise-result{gap:12px;min-height:174px}.surprise-stage{height:calc(var(--cover-size) + 28px)}.surprise-hand{height:112px;top:-18px}.collection-surprise-eyebrow{margin:3px 23px 5px}.collection-surprise-record h3{font-size:1.3rem}}@media (prefers-reduced-motion:reduce){.collection-surprise-open [data-slot=dialog-overlay]{-webkit-backdrop-filter:none}.surprise-shelf,.surprise-hand{display:none}.surprise-stage[data-revealing=true] .surprise-cover{animation:.12s ease-out surprise-result-in!important}.surprise-result{animation:none!important}}.collection-surprise-actions>.collection-surprise-spotify{color:#bce5c7;background:#20382b;border:1px solid #426b4d;text-decoration:none}.collection-surprise-actions>.collection-surprise-spotify:hover{background:#294735;border-color:#629d73}.collection-surprise-spotify-hint{color:#929a96;text-align:center;margin:-8px 0 0;font-size:.75rem;line-height:1.4}@media (max-width:650px){.collection-surprise-dialog{--cover-size:min(220px,60vw,25svh);max-height:calc(100svh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;gap:10px!important;padding:18px 16px 16px!important;top:50%!important}.collection-surprise-dialog .surprise-stage{height:calc(var(--cover-size) + 26px)}.collection-surprise-dialog .surprise-result{gap:12px;min-height:0}.collection-surprise-dialog .collection-surprise-eyebrow{margin-top:4px;margin-bottom:5px}.collection-surprise-dialog .collection-surprise-actions{gap:8px}.collection-surprise-dialog .collection-surprise-spotify-hint{margin-top:-4px}}.recognition-page{max-width:610px;margin:0 auto}.recognition-panel{border:1px solid var(--border);background:linear-gradient(145deg,#e7a96a0b,transparent 55%),var(--card);border-radius:16px;padding:26px}.recognition-eyebrow{letter-spacing:.12em;color:var(--primary);align-items:center;gap:7px;margin-bottom:8px;padding-right:20px;font-size:.75rem;display:flex}.recognition-body{min-width:0}.recognition-listen{text-align:center;padding:22px 0 8px}.recognition-orb{width:130px;height:130px;color:var(--primary);cursor:pointer;background:radial-gradient(circle at 40% 35%,#3c342b,#1b1916 75%);border:1px solid #e7a96a8c;border-radius:50%;place-items:center;margin:0 auto;transition:transform .18s,box-shadow .18s;display:grid;box-shadow:0 0 0 9px #e7a96a06,0 0 0 20px #e7a96a05}.recognition-orb:hover:not(:disabled){transform:scale(1.035);box-shadow:0 0 0 10px #e7a96a0e,0 0 0 21px #e7a96a08}.recognition-orb:focus-visible{outline:2px solid var(--primary);outline-offset:5px}.recognition-orb:disabled{cursor:default}.recognition-orb.is-listening{animation:1.5s ease-in-out infinite recognition-pulse}.recognition-wave{opacity:.28;justify-content:center;align-items:center;gap:5px;height:48px;margin:22px 0 12px;display:flex}.recognition-wave span{background:var(--primary);border-radius:3px;width:3px;display:block;transform:scaleY(.4)}.is-active .recognition-wave{opacity:.9}.is-active .recognition-wave span{animation:1s ease-in-out infinite alternate recognition-wave}.recognition-listen h3{margin:0 0 8px;font-size:1.25rem;font-weight:600;line-height:1.4}.recognition-listen p{color:var(--muted-foreground);max-width:340px;min-height:48px;margin:0 auto;font-size:1rem;line-height:1.5}.recognition-actions{justify-content:center;margin:20px 0 14px;display:flex}.recognition-actions>.button{width:100%;min-height:48px}.recognition-privacy,.recognition-fine{color:var(--muted-foreground);font-size:.8125rem;line-height:1.55}.recognition-privacy{text-align:center;max-width:360px;margin:0 auto}.recognition-settings{width:100%;color:var(--muted-foreground);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:7px;padding:18px 0 0;font-size:.875rem;display:flex}.recognition-settings:hover{color:var(--foreground)}.recognition-result{margin-top:8px}.recognition-found{color:var(--primary);letter-spacing:.1em;align-items:center;gap:6px;margin:14px 0;font-size:.75rem;display:flex}.recognition-song{grid-template-columns:118px minmax(0,1fr);align-items:center;gap:18px;display:grid}.recognition-artwork{background:var(--secondary);border:1px solid var(--border);width:118px;height:118px;color:var(--primary);border-radius:9px;place-items:center;display:grid;position:relative;overflow:hidden}.recognition-artwork .collection-image-frame>img{object-fit:contain}.recognition-song h3{overflow-wrap:anywhere;font-size:1.35rem;font-weight:600;line-height:1.25}.recognition-song p{color:var(--muted-foreground);overflow-wrap:anywhere;margin-top:6px;font-size:1rem}.recognition-song>div:last-child>span{color:var(--muted-foreground);margin-top:15px;font-size:.75rem;display:block}.recognition-song strong{overflow-wrap:anywhere;margin-top:3px;font-size:.875rem;font-weight:500;display:block}.recognition-ownership{border:1px solid var(--border);background:var(--secondary);border-radius:10px;margin:22px 0 14px;padding:16px}.recognition-ownership.has-match{background:#e7a96a0e;border-color:#e7a96a47}.recognition-ownership-heading{align-items:center;gap:9px;font-size:.9375rem;display:flex}.recognition-ownership-heading svg{color:var(--primary);flex:none}.recognition-ownership>p{color:var(--muted-foreground);margin:10px 0 0;font-size:.875rem;line-height:1.55}.recognition-ownership>.record-spinner{margin-top:12px}.recognition-matches{gap:8px;margin-top:14px;display:grid}.recognition-matches button{background:var(--card);border:1px solid var(--border);width:100%;color:var(--foreground);text-align:left;cursor:pointer;border-radius:7px;align-items:center;gap:10px;padding:12px;display:flex}.recognition-matches .recognition-match-copy{flex:1;min-width:0}.recognition-matches .recognition-match-artwork{border-radius:6px;flex:0 0 48px;width:48px;height:48px;overflow:hidden}.recognition-matches strong{overflow-wrap:anywhere;font-size:.9375rem;font-weight:500}.recognition-matches small{color:var(--muted-foreground);margin-top:3px;font-size:.8125rem;display:block}.recognition-matches svg{color:var(--primary);flex:none}.recognition-spotify{width:100%;font-size:.9375rem}.recognition-setup{padding:8px 0 4px}.recognition-setup-icon{color:var(--primary);margin:12px 0 18px}.recognition-setup h3,.recognition-note h3{font-size:1.2rem;font-weight:600;line-height:1.4}.recognition-setup>p,.recognition-note p{color:var(--muted-foreground);margin:10px 0 16px;font-size:1rem;line-height:1.6}.recognition-setup form{gap:10px;margin:22px 0 16px;display:grid}.recognition-setup label{font-size:.875rem}.recognition-setup input{border:1px solid var(--input);background:var(--background);width:100%;min-width:0;min-height:48px;color:var(--foreground);border-radius:8px;padding:11px 13px;font-size:1rem}.recognition-note{flex-direction:column;align-items:flex-start;gap:10px;padding:20px 0;display:flex}.recognition-note>svg{color:var(--primary)}@keyframes recognition-wave{to{transform:scaleY(1)}}@keyframes recognition-pulse{50%{box-shadow:0 0 0 13px #e7a96a12,0 0 0 27px #e7a96a06}}@media (max-width:380px){.recognition-song{grid-template-columns:85px minmax(0,1fr);gap:12px}.recognition-artwork{width:85px;height:85px;position:relative}.recognition-song h3{font-size:1.15rem}.recognition-orb{width:110px;height:110px}}@media (max-height:620px){.recognition-listen{padding-top:8px}.recognition-orb{width:90px;height:90px}.recognition-wave{height:30px;margin:14px 0 6px}.recognition-actions{margin-top:12px}}@media (prefers-reduced-motion:reduce){.recognition-orb,.recognition-wave span{transition:none!important;animation:none!important}}.recognition-unavailable{background:#e7a96a0e;border:1px solid #e7a96a47;border-radius:12px;gap:14px;margin:20px 0 4px;padding:20px;display:grid}.recognition-unavailable .recognition-setup-icon{color:var(--primary);margin:0}.recognition-unavailable h3{font-size:1.25rem;font-weight:600;line-height:1.4}.recognition-unavailable p{color:var(--muted-foreground);font-size:1rem;line-height:1.55}.recognition-unavailable>.button{width:100%;min-height:46px}.recognition-unavailable>.text-link{text-align:left;white-space:normal;font-size:.875rem;line-height:1.5}@media (max-width:600px){.recognition-panel{padding:20px 16px}.recognition-page .page-heading{margin-bottom:20px}.recognition-page .recognition-listen{padding-top:12px}.recognition-page .recognition-wave{height:32px;margin:16px 0 10px}}