.artist-tile,.inputtile{display:flex;flex-direction:column;align-items:center;width:var(--tile-width, 200px);max-width:100%;height:auto;background:none;border:none;box-shadow:none;overflow:visible}.tile-photo-wrapper{position:relative;flex-shrink:0}.tile-marker{position:absolute;top:0;left:0;z-index:2;display:flex;align-items:center;justify-content:center;width:calc(var(--tile-photo-size, 160px) * .28);height:calc(var(--tile-photo-size, 160px) * .28);min-width:22px;min-height:22px;border-radius:50%;font-size:calc(var(--tile-font-size, 14px) * .9);font-weight:700;line-height:1;color:var(--text-primary);background:#121212eb;border:2px solid rgba(255,255,255,.18);box-shadow:0 4px 12px #00000073;transform:translate(-18%,-18%);pointer-events:none;-webkit-user-select:none;user-select:none}.tile-marker--start{padding:0}.tile-marker-pin-icon{width:68%;height:68%;display:block}.tile-marker--goal{color:var(--accent-bright);border-color:#1db9548c;padding:0}.tile-marker-flag-icon{width:74%;height:74%;display:block}.tile-marker--step{font-size:calc(var(--tile-font-size, 14px) * .95)}.tile-photo{width:var(--tile-photo-size, 160px);height:var(--tile-photo-size, 160px);border-radius:50%;overflow:hidden;flex-shrink:0;box-shadow:0 12px 40px #00000080;border:6px solid transparent;transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition)}.tile-photo--valid{border-color:var(--accent-bright);box-shadow:0 12px 40px #00000080,0 0 20px #1db95459}.tile-photo--invalid{border-color:#ff6b6b;border-style:dashed;box-shadow:0 12px 40px #00000080,0 0 16px #ff6b6b40}.artist-tile:hover .tile-photo:not(.tile-photo--valid):not(.tile-photo--invalid),.inputtile:hover .tile-photo:not(.tile-photo--valid):not(.tile-photo--invalid){transform:scale(1.03);box-shadow:0 16px 48px #0000008c,0 0 30px #1db9541a}.artist-tile:hover .tile-photo--valid,.inputtile:hover .tile-photo--valid,.artist-tile:hover .tile-photo--invalid,.inputtile:hover .tile-photo--invalid{transform:scale(1.03)}.tile-icon{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.tile-photo.is-placeholder{display:flex;align-items:center;justify-content:center;background:#ffffff0a;border:2px dashed rgba(29,185,84,.35);box-shadow:none;animation:photoPulse 3s ease-in-out infinite}.tile-placeholder{font-size:calc(var(--tile-photo-size, 160px) * .35);font-weight:300;color:#1db95473;line-height:1;-webkit-user-select:none;user-select:none}@keyframes photoPulse{0%,to{border-color:#1db95440;box-shadow:0 0 #1db95400}50%{border-color:#1db9548c;box-shadow:0 0 24px 4px #1db9541a}}.songInfo{margin-top:calc(var(--tile-gap, 16px) * .6);padding:0 2px;width:100%;font-size:var(--tile-font-size, 14px);font-weight:600;line-height:1.3;text-align:center;color:var(--text-primary)}.songInfo-title{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.songInfo-chips{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;margin-top:6px}.artist-chip{display:inline-flex;align-items:center;gap:3px;max-width:100%;padding:2px 8px;border-radius:999px;font-size:calc(var(--tile-font-size, 14px) * .78);font-weight:500;line-height:1.3;color:var(--text-muted);background:#ffffff0f;border:1px solid transparent}.artist-chip-check{font-size:.75em;font-weight:700;line-height:1}.artist-chip--linked{color:var(--accent-bright);background:#1db95426;border-color:var(--accent-bright)}.artist-chip--failed{color:#ff8a8a;background:#ff6b6b1a;border:1px solid #ff6b6b;border-style:dashed}#inputdiv,.inputdiv{display:flex;position:relative;z-index:10;width:100%;margin-top:calc(var(--tile-gap, 16px) * .6);padding:0}#guess,.guess-input{width:100%;height:auto;margin:0;padding:8px 10px;display:block;text-align:center;font-family:inherit;font-size:var(--tile-font-size, 14px);font-weight:500;color:var(--text-primary);background:#ffffff0f;border:none;border-radius:999px;outline:none;transition:background var(--transition),box-shadow var(--transition)}#guess::placeholder,.guess-input::placeholder{color:var(--text-muted);font-size:calc(var(--tile-font-size, 14px) * .9)}#guess:focus,.guess-input:focus{background:#ffffff1a;box-shadow:0 0 0 2px var(--accent-dim)}.search-results-container{position:absolute;left:0;width:100%}.stats-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:clamp(16px,3vw,32px);background:#000000a6;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:statsOverlayIn .65s ease-out}@keyframes statsOverlayIn{0%{opacity:0}to{opacity:1}}.stats-page{width:min(680px,100%);max-height:min(85vh,720px);display:flex;flex-direction:column;background:linear-gradient(180deg,#141414,#0c0c0c);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 24px 64px #0009,0 0 0 1px #1db95414;overflow:hidden;animation:statsPanelIn .75s ease-out}@keyframes statsPanelIn{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.stats-header{display:flex;align-items:center;justify-content:space-between;padding:clamp(20px,3vw,28px) clamp(24px,4vw,32px);border-bottom:1px solid var(--border);flex-shrink:0}.stats-title{margin:0;font-size:clamp(1.75rem,4vw,2.25rem);font-weight:800;letter-spacing:-.03em;background:linear-gradient(135deg,var(--accent-bright) 0%,var(--accent) 60%,#169c46 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stats-close{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;font-family:inherit;font-size:1.1rem;color:var(--text-secondary);background:var(--bg-elevated);border:1px solid var(--border);border-radius:50%;cursor:pointer;transition:color var(--transition),border-color var(--transition),background var(--transition)}.stats-close:hover{color:var(--text-primary);border-color:var(--border-accent);background:var(--accent-dim)}.stats-body{display:flex;flex-direction:column;gap:clamp(24px,4vw,32px);padding:clamp(20px,3vw,28px) clamp(24px,4vw,32px) clamp(28px,4vw,36px);overflow-y:auto;flex:1;min-height:0}.stats-section-label{margin:0 0 8px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.stats-last-run{margin:0 0 16px;font-size:.88rem;font-weight:600;color:var(--accent-bright)}.stats-chart{display:flex;align-items:flex-end;justify-content:space-between;gap:clamp(6px,1.5vw,12px);height:clamp(140px,22vh,200px);padding:16px;background:#ffffff08;border:1px solid var(--border);border-radius:var(--radius-md)}.stats-bar-col{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;height:100%;min-width:0}.stats-bar-you{flex-shrink:0;margin-top:6px;padding:2px 6px;font-size:.58rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#000;background:var(--accent-bright);border-radius:999px;white-space:nowrap;line-height:1.2}.stats-bar-col--latest-fail .stats-bar-you{background:#ff8a8a;color:#1a1a1a}.stats-bar-col--latest .stats-bar-track{filter:drop-shadow(0 0 8px rgba(29,185,84,.45))}.stats-bar-col--latest-fail .stats-bar-track{filter:drop-shadow(0 0 8px rgba(255,107,107,.45))}.stats-bar-track{flex:1;display:flex;align-items:flex-end;width:100%;max-width:48px}.stats-bar{display:flex;align-items:flex-start;justify-content:center;width:100%;min-height:4px;padding-top:6px;background:linear-gradient(180deg,var(--accent-bright) 0%,var(--accent) 100%);border-radius:var(--radius-sm) var(--radius-sm) 0 0;transition:height .3s ease}.stats-bar--fail{background:linear-gradient(180deg,#ff6b6b,#e03131)}.stats-bar--latest{box-shadow:0 0 0 2px #ffffffe6,0 0 14px #1db9548c}.stats-bar--fail.stats-bar--latest{box-shadow:0 0 0 2px #ffffffe6,0 0 14px #ff6b6b8c}.stats-bar-count{font-size:clamp(.65rem,1.5vw,.8rem);font-weight:700;color:#000}.stats-bar--fail .stats-bar-count{color:#fff}.stats-bar-label{margin-top:4px;font-size:clamp(.75rem,1.8vw,.9rem);font-weight:600;color:var(--text-secondary)}.stats-bar-col--latest .stats-bar-label{margin-top:2px}.stats-bar-label--fail{color:#ff6b6b}.stats-bar-label--latest{color:var(--accent-bright);font-weight:800}.stats-bar-label--fail.stats-bar-label--latest{color:#ff8a8a}.stats-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(12px,2vw,16px)}.stats-card{display:flex;flex-direction:column;gap:8px;padding:clamp(16px,2.5vw,20px);background:#ffffff0a;border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color var(--transition)}.stats-card:hover{border-color:var(--border-accent)}.stats-card-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.stats-card-value{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;letter-spacing:-.02em;color:var(--text-primary);line-height:1}@media (max-width: 480px){.stats-overlay{padding:12px;align-items:flex-end}.stats-page{max-height:92vh;border-bottom-left-radius:0;border-bottom-right-radius:0}.stats-cards{grid-template-columns:1fr}.stats-chart{height:120px;padding:12px}}.info-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:clamp(16px,3vw,32px);background:#000000a6;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:infoOverlayIn .25s ease}@keyframes infoOverlayIn{0%{opacity:0}to{opacity:1}}.info-page{width:min(820px,100%);max-height:min(90vh,800px);display:flex;flex-direction:column;background:linear-gradient(180deg,#141414,#0c0c0c);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 24px 64px #0009,0 0 0 1px #1db95414;overflow:hidden;animation:infoPanelIn .3s ease}@keyframes infoPanelIn{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.info-header{display:flex;align-items:center;justify-content:space-between;padding:clamp(20px,3vw,28px) clamp(24px,4vw,32px);border-bottom:1px solid var(--border);flex-shrink:0}.info-title{margin:0;font-size:clamp(1.75rem,4vw,2.25rem);font-weight:800;letter-spacing:-.03em;background:linear-gradient(135deg,var(--accent-bright) 0%,var(--accent) 60%,#169c46 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.info-close{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;font-family:inherit;font-size:1.1rem;color:var(--text-secondary);background:var(--bg-elevated);border:1px solid var(--border);border-radius:50%;cursor:pointer;transition:color var(--transition),border-color var(--transition),background var(--transition)}.info-close:hover{color:var(--text-primary);border-color:var(--border-accent);background:var(--accent-dim)}.info-body{display:flex;flex-direction:column;gap:clamp(20px,3vw,28px);padding:clamp(20px,3vw,28px) clamp(24px,4vw,32px) clamp(28px,4vw,36px);overflow-y:auto;flex:1;min-height:0}.info-lead{margin:0;font-size:clamp(.9rem,1.8vw,1.05rem);line-height:1.5;color:var(--text-secondary);text-align:center}.info-lead strong{color:var(--text-primary);font-weight:700}.info-key-rule{padding:clamp(14px,2.5vw,20px);background:#1db95414;border:1px solid rgba(29,185,84,.28);border-radius:var(--radius-md)}.info-key-rule p{margin:0 0 12px;font-size:clamp(.85rem,1.6vw,.95rem);line-height:1.5;color:var(--text-secondary)}.info-key-rule strong{color:var(--accent-bright);font-weight:700}.info-key-rule ul{margin:0;padding:0 0 0 1.2em;display:flex;flex-direction:column;gap:8px;font-size:clamp(.85rem,1.6vw,.95rem);line-height:1.45;color:var(--text-secondary)}.info-key-rule li::marker{color:var(--accent-bright)}.info-key-rule li strong{color:var(--text-primary)}.info-section-label{margin:0 0 14px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.info-demo-tiles{display:flex;align-items:flex-start;justify-content:center;flex-wrap:wrap;gap:clamp(8px,1.5vw,16px);padding:clamp(16px,2.5vw,24px);background:#ffffff08;border:1px solid var(--border);border-radius:var(--radius-md)}.info-demo-arrow{align-self:center;font-size:clamp(1rem,2vw,1.25rem);color:var(--accent);opacity:.7;flex-shrink:0}.info-demo-tile{--tile-photo-size: clamp(64px, 12vw, 88px);--tile-width: clamp(80px, 14vw, 110px);--tile-font-size: clamp(.55rem, 1vw, .68rem)}.info-demo-tile .tile-photo{box-shadow:0 6px 20px #0006}.info-rules-list{margin:0;padding:0 0 0 1.2em;display:flex;flex-direction:column;gap:10px;font-size:clamp(.85rem,1.6vw,.95rem);line-height:1.45;color:var(--text-secondary)}.info-rules-list li::marker{color:var(--accent)}.info-legend{display:flex;flex-direction:column;gap:10px;padding:clamp(14px,2vw,18px);background:#ffffff08;border:1px solid var(--border);border-radius:var(--radius-md)}.info-legend-item{display:flex;align-items:center;gap:12px;font-size:clamp(.8rem,1.5vw,.9rem);color:var(--text-secondary);line-height:1.35}.info-legend-ring{width:18px;height:18px;border-radius:50%;flex-shrink:0;background:#ffffff14}.info-legend-ring--valid{border:3px solid var(--accent-bright);box-shadow:0 0 8px #1db95466}.info-legend-ring--invalid{border:3px dashed #ff6b6b;box-shadow:0 0 8px #ff6b6b4d}.info-legend-chip{flex-shrink:0;padding:2px 8px;border-radius:999px;font-size:.75rem;font-weight:500;line-height:1.3}.info-legend-chip--linked{color:var(--accent-bright);background:#1db95426;border:1px solid var(--accent-bright)}@media (max-width: 600px){.info-overlay{padding:12px;align-items:flex-end}.info-page{max-height:92vh;border-bottom-left-radius:0;border-bottom-right-radius:0}.info-demo-tiles{flex-direction:column;align-items:center}.info-demo-arrow{transform:rotate(90deg)}}.checkbox-dropdown{position:relative;display:inline-block}.dropdown-toggle{width:100%;padding:7px 12px;background:#ffffff0d;color:var(--text-primary);border:1px solid rgba(255,255,255,.08);border-radius:999px;cursor:pointer;font-family:inherit;display:flex;align-items:center;gap:8px;min-width:0;justify-content:space-between;transition:border-color var(--transition),background var(--transition),box-shadow var(--transition),transform var(--transition);white-space:nowrap}.dropdown-toggle:hover{background:#ffffff14;border-color:#ffffff24}.dropdown-toggle:focus-visible{outline:none;border-color:var(--border-accent);box-shadow:0 0 0 3px var(--accent-dim)}.checkbox-dropdown.is-open .dropdown-toggle{background:#ffffff14;border-color:var(--border-accent);box-shadow:0 0 0 3px var(--accent-dim)}.checkbox-dropdown.is-filtered .dropdown-toggle{background:#1db9541a;border-color:#1db95447}.checkbox-dropdown.is-filtered .dropdown-toggle-value{color:var(--accent-bright)}.dropdown-toggle-text{display:flex;flex-direction:column;align-items:flex-start;min-width:0;gap:1px;line-height:1.15}.dropdown-toggle-label{font-size:.62em;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.dropdown-toggle-value{font-size:.92em;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.dropdown-chevron{width:14px;height:14px;flex-shrink:0;color:var(--text-muted);transition:transform var(--transition),color var(--transition)}.dropdown-chevron.open,.checkbox-dropdown.is-open .dropdown-chevron{transform:rotate(180deg);color:var(--accent-bright)}.dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;z-index:1000;min-width:100%;width:max-content;max-width:min(240px,80vw);max-height:280px;overflow-y:auto;padding:6px;background:#121212f7;border:1px solid var(--border-accent);border-radius:var(--radius-md);box-shadow:var(--shadow-card),0 0 0 1px #ffffff08 inset;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);animation:dropdownMenuIn .16s ease}@keyframes dropdownMenuIn{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.dropdown-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition);-webkit-user-select:none;user-select:none}.dropdown-item:hover{background:#ffffff0f}.dropdown-item.is-checked{background:#1db95414}.dropdown-item.is-checked:hover{background:#1db9541f}.dropdown-item input[type=checkbox]{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.dropdown-check{display:flex;align-items:center;justify-content:center;width:18px;height:18px;flex-shrink:0;border-radius:5px;border:1.5px solid rgba(255,255,255,.18);background:#ffffff0a;transition:background var(--transition),border-color var(--transition),box-shadow var(--transition)}.dropdown-item.is-checked .dropdown-check{background:linear-gradient(135deg,var(--accent-bright) 0%,var(--accent) 100%);border-color:transparent;box-shadow:0 2px 8px #1db95459}.dropdown-check-icon{width:12px;height:12px;color:#000}.dropdown-item-label{flex:1;color:var(--text-secondary);font-size:.84rem;font-weight:500;transition:color var(--transition)}.dropdown-item.is-checked .dropdown-item-label{color:var(--text-primary)}.all-option .dropdown-item-label{font-weight:600;color:var(--text-primary)}.dropdown-divider{height:1px;margin:4px 6px;background:#ffffff14}.dropdown-menu::-webkit-scrollbar{width:6px}.dropdown-menu::-webkit-scrollbar-track{background:transparent}.dropdown-menu::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.dropdown-menu::-webkit-scrollbar-thumb:hover{background:#ffffff40}#titleholder{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:clamp(6px,1vw,16px);width:100%;min-width:0;padding:clamp(12px,1.5vw,22px) clamp(12px,2vw,28px);background:#0c0c0cbf;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);position:relative;z-index:100;overflow:visible}.header-brand{flex:0 1 auto;min-width:0}.title{margin:0;font-size:clamp(1.45rem,2.2vw,2.775rem);font-weight:800;letter-spacing:-.03em;background:linear-gradient(135deg,var(--accent-bright) 0%,var(--accent) 60%,#169c46 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;white-space:nowrap}.header-filters{flex:1 1 0;display:flex;align-items:center;min-width:0;overflow:visible;margin-left:clamp(20px,3vw,40px)}.filter-cluster{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:clamp(4px,.7vw,12px);min-width:0;max-width:100%;width:100%}.filter-group{display:flex;align-items:center;gap:clamp(3px,.5vw,10px);flex:1 1 0;min-width:0}.filter-group-label{font-size:var(--header-label-font, .9rem);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);white-space:nowrap;flex-shrink:0}.filter-divider{width:1px;height:32px;background:var(--border);flex-shrink:0}.selector{display:flex;flex-wrap:nowrap;gap:clamp(3px,.5vw,8px);align-items:center;flex:1 1 0;min-width:0}.filter-actions{display:flex;align-items:center;gap:clamp(4px,.6vw,8px);flex-shrink:0;position:relative;z-index:1}.rewind-btn,.go-btn{display:inline-flex;align-items:center;gap:clamp(4px,.5vw,7px)}.action-btn-icon{width:1.05em;height:1.05em;flex-shrink:0}.has-action-hint{position:relative}.action-hint-bubble{position:absolute;top:calc(100% + 12px);left:50%;z-index:300;width:max-content;max-width:min(240px,70vw);padding:10px 14px;font-family:Montserrat,system-ui,-apple-system,sans-serif;font-size:.78rem;font-weight:500;line-height:1.35;letter-spacing:.01em;text-transform:none;text-align:center;color:var(--text-primary);background:#101010f5;border:1px solid var(--border-accent);border-radius:var(--radius-sm);box-shadow:var(--shadow-card),0 0 0 1px #ffffff08 inset;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);pointer-events:none;opacity:0;visibility:hidden;transform:translate(-50%) translateY(-6px) scale(.98);transition:opacity .16s ease,transform .16s ease,visibility .16s ease}.action-hint-bubble:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-bottom-color:#101010f5;filter:drop-shadow(0 -1px 0 var(--border-accent))}.has-action-hint:hover .action-hint-bubble,.has-action-hint:focus-visible .action-hint-bubble{opacity:1;visibility:visible;transform:translate(-50%) translateY(0) scale(1)}.has-action-hint--end .action-hint-bubble{left:auto;right:0;transform:translate(0) translateY(-6px) scale(.98)}.has-action-hint--end .action-hint-bubble:before{left:auto;right:16px;transform:none}.has-action-hint--end:hover .action-hint-bubble,.has-action-hint--end:focus-visible .action-hint-bubble{transform:translate(0) translateY(0) scale(1)}.rewind-btn{flex:0 0 auto;padding:clamp(6px,.8vw,10px) var(--header-action-pad-x, 16px);font-family:inherit;font-size:var(--header-action-font, var(--header-dropdown-font, .9rem));font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--text-primary);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:transform var(--transition),border-color var(--transition),background var(--transition)}.rewind-btn:hover{border-color:var(--border-accent);background:#2a2a2a;transform:translateY(-1px)}.rewind-btn:active{transform:translateY(0)}.go-btn{flex:0 0 auto;padding:clamp(6px,.8vw,10px) var(--header-action-pad-x, 18px);font-family:inherit;font-size:var(--header-action-font, var(--header-dropdown-font, .9rem));font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#000;background:linear-gradient(135deg,var(--accent-bright) 0%,var(--accent) 100%);border:none;border-radius:var(--radius-md);cursor:pointer;box-shadow:0 4px 20px #1db95459;transition:transform var(--transition),box-shadow var(--transition),filter var(--transition)}.go-btn:hover{filter:brightness(1.08);box-shadow:0 6px 28px #1db95473;transform:translateY(-1px)}.go-btn:active{transform:translateY(0);filter:brightness(.95)}.header-actions{flex:0 0 auto;display:flex;align-items:center;gap:clamp(4px,.7vw,10px);margin-left:auto}.icon-buttons{display:flex;align-items:center;gap:clamp(4px,.6vw,8px)}.icon-btn{position:relative;padding:0;margin:0;border:none;background:transparent;font-family:inherit;cursor:pointer;line-height:0;flex-shrink:0}.icon-buttons .button{width:var(--header-icon-size, 44px);height:var(--header-icon-size, 44px);padding:clamp(6px,.8vw,10px);border:1px solid var(--border);border-radius:50%;background:var(--bg-elevated);box-sizing:border-box;object-fit:contain;display:block;pointer-events:none;transition:border-color var(--transition),background var(--transition),transform var(--transition),opacity var(--transition)}.icon-btn:hover .button{opacity:1;border-color:var(--border-accent);background:var(--accent-dim);transform:scale(1.05)}.icon-btn:active .button{transform:scale(.95)}#titleholder .dropdown-toggle{width:var(--header-dropdown-width, 140px);min-width:0;max-width:var(--header-dropdown-width, 140px);padding:clamp(5px,.65vw,8px) clamp(10px,1vw,14px);font-size:var(--header-dropdown-font, .85rem);gap:clamp(4px,.5vw,8px);flex:1 1 0}#titleholder .dropdown-toggle-text{flex:1;min-width:0}#titleholder .dropdown-toggle-value{font-size:1em}#titleholder .dropdown-chevron{width:clamp(12px,1vw,14px);height:clamp(12px,1vw,14px)}html[data-header-layout=compact] #titleholder{gap:6px;padding-top:10px;padding-bottom:10px}html[data-header-layout=compact] .header-filters{margin-left:clamp(14px,2vw,24px)}html[data-header-layout=compact] .title{font-size:clamp(1.35rem,4vw,1.75rem)}html[data-header-layout=compact] .filter-divider{height:28px}@media (max-width: 600px){#titleholder{padding:12px 14px;gap:8px}.filter-divider{height:28px}.go-btn{padding:8px 14px}.rewind-btn{padding:8px 12px}}.viewport-notice{display:none}@media (max-width: 767px){.viewport-notice{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;align-items:center;justify-content:center;padding:28px 24px;background:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(29,185,84,.14),transparent),radial-gradient(ellipse 60% 40% at 100% 100%,rgba(29,185,84,.06),transparent),linear-gradient(180deg,#0c0c0c,#080808)}#overall{display:none}}.viewport-notice__card{width:min(100%,360px);padding:32px 28px;text-align:center;background:#121212eb;border:1px solid var(--border-accent);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.viewport-notice__icon{width:48px;height:48px;margin:0 auto 18px;color:var(--accent-bright)}.viewport-notice__title{margin:0 0 12px;font-size:2rem;font-weight:800;letter-spacing:-.03em;background:linear-gradient(135deg,var(--accent-bright) 0%,var(--accent) 60%,#169c46 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.viewport-notice__message{margin:0;font-size:.95rem;line-height:1.55;color:var(--text-secondary)}#root{width:100%;height:100%;margin:0;padding:0}:root{--bg-base: #080808;--bg-surface: #111111;--bg-card: #181818;--bg-elevated: #222222;--accent: #1db954;--accent-bright: #1ed760;--accent-dim: rgba(29, 185, 84, .12);--accent-glow: rgba(29, 185, 84, .25);--text-primary: #ffffff;--text-secondary: #a7a7a7;--text-muted: #6a6a6a;--border: rgba(255, 255, 255, .07);--border-accent: rgba(29, 185, 84, .35);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 18px;--shadow-card: 0 8px 32px rgba(0, 0, 0, .45);--shadow-glow: 0 0 40px rgba(29, 185, 84, .08);--transition: .2s ease}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;color:var(--text-primary);font-family:Montserrat,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;touch-action:manipulation;background:var(--bg-base)}#overall{width:100%;height:100vh;height:100dvh;display:grid;grid-template-rows:auto 1fr;background:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(29,185,84,.14),transparent),radial-gradient(ellipse 60% 40% at 100% 100%,rgba(29,185,84,.06),transparent),linear-gradient(180deg,#0c0c0c,#080808)}#tileholder{grid-area:2 / 1 / 3 / 2;position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:auto;gap:var(--tile-gap, 16px);align-content:center;justify-items:center;width:100%;height:100%;padding:var(--tile-pad-y, 16px) var(--tile-pad-x, 28px);overflow:hidden;box-sizing:border-box}html[data-grid-layout=portrait] #tileholder{grid-template-columns:repeat(2,1fr)}.search-results-container{display:flex;flex-direction:column;gap:6px;z-index:20}.songsearch{display:grid;grid-template-columns:44px 1fr;grid-template-rows:auto auto;gap:0 10px;align-items:center;width:100%;min-height:52px;padding:8px 10px;border:1px solid var(--border);background:var(--bg-elevated);border-radius:var(--radius-sm);cursor:pointer;overflow:hidden;transition:background var(--transition),border-color var(--transition),transform var(--transition)}.songsearch:hover{background:#2a2a2a;border-color:var(--border-accent);transform:translateY(-1px)}.searchicon{grid-area:1 / 1 / 3 / 2;width:44px;height:44px;border-radius:6px;object-fit:cover}.searchtitle{grid-area:1 / 2 / 2 / 3;text-align:left;font-size:.78rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.searchartist{grid-area:2 / 2 / 3 / 3;text-align:left;font-size:.68rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body.modal-open #overall{opacity:.25;filter:blur(3px);pointer-events:none;transition:opacity .65s ease-out,filter .65s ease-out}@media (min-aspect-ratio: 9/18) and (max-aspect-ratio: 12/18){.songsearch{min-height:48px}}@media (max-aspect-ratio: 9/18){#overall{height:100dvh;overflow:hidden}.songsearch{min-height:44px}}