@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";.croppie-container{width:100%;height:100%}.croppie-container .cr-image{z-index:-1;transform-origin:0 0;max-width:none;max-height:none;position:absolute;top:0;left:0}.croppie-container .cr-boundary{z-index:1;width:100%;height:100%;margin:0 auto;position:relative;overflow:hidden}.croppie-container .cr-viewport,.croppie-container .cr-resizer{z-index:0;border:2px solid #fff;margin:auto;position:absolute;inset:0;box-shadow:0 0 2000px 2000px #00000080}.croppie-container .cr-resizer{z-index:2;box-shadow:none;pointer-events:none}.croppie-container .cr-resizer-vertical,.croppie-container .cr-resizer-horisontal{pointer-events:all;position:absolute}.croppie-container .cr-resizer-vertical:after,.croppie-container .cr-resizer-horisontal:after{box-sizing:border-box;content:"";background:#fff;border:1px solid #000;width:10px;height:10px;display:block;position:absolute}.croppie-container .cr-resizer-vertical{cursor:row-resize;width:100%;height:10px;bottom:-5px}.croppie-container .cr-resizer-vertical:after{margin-left:-5px;left:50%}.croppie-container .cr-resizer-horisontal{cursor:col-resize;width:10px;height:100%;right:-5px}.croppie-container .cr-resizer-horisontal:after{margin-top:-5px;top:50%}.croppie-container .cr-original-image{display:none}.croppie-container .cr-vp-circle{border-radius:50%}.croppie-container .cr-overlay{z-index:1;cursor:move;touch-action:none;position:absolute}.croppie-container .cr-slider-wrap{text-align:center;width:75%;margin:15px auto}.croppie-result{position:relative;overflow:hidden}.croppie-result img{position:absolute}.croppie-container .cr-image,.croppie-container .cr-overlay,.croppie-container .cr-viewport{transform:translateZ(0)}.cr-slider{-webkit-appearance:none;background-color:#0000;width:300px;max-width:100%;padding-top:8px;padding-bottom:8px}.cr-slider::-webkit-slider-runnable-track{background:#00000080;border:0;border-radius:3px;width:100%;height:3px}.cr-slider::-webkit-slider-thumb{-webkit-appearance:none;background:#ddd;border:none;border-radius:50%;width:16px;height:16px;margin-top:-6px}.cr-slider:focus{outline:none}.cr-slider::-moz-range-track{background:#00000080;border:0;border-radius:3px;width:100%;height:3px}.cr-slider::-moz-range-thumb{background:#ddd;border:none;border-radius:50%;width:16px;height:16px;margin-top:-6px}.cr-slider:-moz-focusring{outline-offset:-1px;outline:1px solid #fff}.cr-slider::-ms-track{color:#0000;background:0 0;border-width:6px 0;border-color:#0000;width:100%;height:5px}.cr-slider::-ms-fill-lower{background:#00000080;border-radius:10px}.cr-slider::-ms-fill-upper{background:#00000080;border-radius:10px}.cr-slider::-ms-thumb{background:#ddd;border:none;border-radius:50%;width:16px;height:16px;margin-top:1px}.cr-slider:focus::-ms-fill-lower{background:#00000080}.cr-slider:focus::-ms-fill-upper{background:#00000080}.cr-rotate-controls{z-index:1;position:absolute;bottom:5px;left:5px}.cr-rotate-controls button{background:0 0;border:0}.cr-rotate-controls i:before{font-size:22px;font-style:normal;font-weight:900;display:inline-block}.cr-rotate-l i:before{content:"↺"}.cr-rotate-r i:before{content:"↻"}.profile-dialog{box-sizing:border-box;overscroll-behavior:contain;border:1px solid var(--color-border,#444);background:var(--color-bg-card,#1d1d27);width:min(420px,100vw - 24px);max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);color:var(--color-text-primary,#fff);border-radius:16px;margin:auto;padding:0;overflow:auto;box-shadow:0 16px 48px #0008}.profile-dialog::backdrop{background:#000b}.profile-dialog-header{border-bottom:1px solid var(--color-border,#444);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.profile-dialog-header h3{margin:0;font-size:17px}.profile-dialog-body{padding:12px 16px}.profile-dialog button,.profile-dialog input{font:inherit}.profile-dialog button{border:1px solid var(--color-border,#444);color:inherit;background:var(--color-bg-secondary,#252532);cursor:pointer;border-radius:8px;padding:9px 12px}.profile-dialog button:disabled{opacity:.5;cursor:default}.profile-image-editor{justify-items:center;gap:10px;min-width:0;display:grid}.profile-file-picker{gap:6px;width:100%;font-size:13px;display:grid}.profile-file-picker input{width:100%;min-width:0;font-size:13px}.profile-crop-mount{width:100%;min-width:0}.profile-crop-mount.croppie-container{height:auto}.profile-crop-empty{height:0}.profile-crop-mount .cr-boundary{max-width:100%}.profile-crop-mount .cr-image{max-width:none;max-height:none}.profile-crop-mount .cr-slider-wrap{margin:10px auto 0}.profile-help{color:var(--color-text-secondary,#aaa);text-align:center;margin:0;font-size:12px}.profile-error{color:var(--color-danger,#f87171);margin:0;font-size:13px}.profile-editor-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.profile-history-actions{gap:12px;display:grid}.profile-dialog.request-name-dialog{border-radius:20px;width:min(720px,100vw - 32px)}.request-name-dialog .profile-dialog-header{padding:20px}.request-name-dialog .profile-dialog-header h3{font-size:20px}.request-name-dialog .profile-dialog-body{padding:20px}.request-name-form{gap:16px;display:grid}.request-name-form p{margin:0;line-height:1.5}.request-name-form #singer-name-help{color:var(--color-text-secondary)}.request-name-form input{box-sizing:border-box;border:2px solid var(--color-border);background:var(--color-bg-secondary);width:100%;min-width:0;color:var(--color-text-primary);border-radius:16px;padding:14px 16px}.request-name-form input:focus{border-color:var(--color-accent);outline:none;box-shadow:0 0 0 4px #6366f11a}.request-name-form .profile-error:empty{display:none}.request-name-form .request-name-save{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:0;border-radius:12px;width:100%;padding:14px 16px;font-weight:700}.request-social-login{text-align:center;gap:12px;display:grid}.request-social-login>p:first-child{color:var(--color-text-secondary);font-size:14px}.request-social-icons{justify-content:center;gap:16px;display:flex}.profile-dialog .request-social-button{background:0 0;border:0;border-radius:50%;place-items:center;width:44px;height:44px;padding:2px;display:inline-grid}.request-social-button:focus-visible{outline:3px solid var(--color-accent,#6366f1);outline-offset:3px}.request-social-button:not(:disabled):hover{box-shadow:0 0 0 3px var(--color-border-focus,#6366f180)}@media (height<=500px){.profile-dialog-header,.profile-dialog-body{padding:8px 12px}.profile-image-editor{gap:6px}}@keyframes requestFadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUpDrawer{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.request-page-gateway-theme{box-sizing:border-box;width:100%;max-width:100vw;min-height:100vh;padding:16px;padding-bottom:calc(88px + env(safe-area-inset-bottom,16px));color:var(--color-text-primary);background:linear-gradient(135deg,#0a0a0f 0%,#16161d 100%);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;animation:.5s requestFadeInUp;overflow-x:hidden}.request-page-gateway-theme *,.request-page-gateway-theme :before,.request-page-gateway-theme :after{box-sizing:border-box}.request-page-gateway-theme button,.request-page-gateway-theme input,.request-page-gateway-theme select{font:inherit}.request-page-gateway-theme button{background:var(--color-bg-secondary);color:var(--color-text-primary);cursor:pointer;border:0;border-radius:12px;padding:12px 18px;font-weight:700;transition:background .2s,border-color .2s,color .2s,opacity .2s}.request-page-gateway-theme button:hover:not(:disabled),.request-page-gateway-theme-portal button:hover:not(:disabled){background:var(--color-bg-hover)}.request-page-gateway-theme button:disabled,.request-page-gateway-theme-portal button:disabled{cursor:not-allowed;opacity:.55}.request-page-gateway-theme .container{width:100%;min-width:0;max-width:768px;margin:0 auto;padding-top:64px;overflow-x:hidden}.request-page-gateway-theme .header{text-align:center;margin-bottom:32px;padding-top:38px;position:relative}.request-page-gateway-theme .app-icon{object-fit:contain;filter:drop-shadow(0 12px 24px #6366f152);width:76px;height:76px;margin:8px auto 14px;display:block}.request-page-gateway-theme .header-title{letter-spacing:-.02em;background:linear-gradient(135deg,#6366f1 0%,#a855f7 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0 0 8px;font-size:clamp(28px,5vw,40px);font-weight:800}.request-page-gateway-theme .header-subtitle{color:var(--color-text-secondary);margin:0;font-size:clamp(14px,2.5vw,16px)}.request-page-gateway-theme .top-actions{z-index:30;position:fixed;top:16px;right:16px}.request-page-gateway-theme .profile-button{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);align-items:center;gap:6px;line-height:1.1;display:inline-flex;box-shadow:0 8px 24px #00000059;border:1px solid var(--color-border)!important;color:var(--color-text-primary)!important;background:#1d1d27eb!important;border-radius:50%!important;padding:3px!important}.request-profile-menu{border:1px solid var(--color-border);background:var(--color-bg-card);border-radius:16px;gap:6px;width:min(230px,100vw - 32px);padding:8px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 16px 48px #0007}.request-profile-menu button{text-align:left;width:100%;color:var(--color-text-secondary);font:inherit;cursor:pointer;background:0 0;border:0;padding:12px;font-weight:600;display:block}.request-profile-menu button:hover,.request-profile-menu button:focus-visible{color:var(--color-text-primary);background:var(--color-bg-secondary)}.request-page-gateway-theme .card{border:1px solid var(--color-border);background:var(--color-bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;width:100%;min-width:0;max-width:100%;margin-bottom:20px;padding:24px;overflow:hidden;box-shadow:0 4px 24px #0000004d}.request-page-gateway-theme .page-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:16px;display:grid}.request-page-gateway-theme .page-tab{border:1px solid var(--color-border);background:var(--color-bg-card);color:var(--color-text-secondary);padding:10px 12px}.request-page-gateway-theme .page-tab.active{color:var(--color-text-primary);background:linear-gradient(135deg,#6366f152,#8b5cf642);border-color:#6366f173}.request-page-gateway-theme .form-label,.request-page-gateway-theme .filter-label{color:var(--color-text-secondary);margin-bottom:10px;font-weight:700;display:block}.request-page-gateway-theme .filter-label{letter-spacing:.06em;text-transform:uppercase;font-size:13px}.request-page-gateway-theme .form-input,.request-page-gateway-theme .search-input,.request-page-gateway-theme .input-field{border:2px solid var(--color-border);background:var(--color-bg-secondary);width:100%;color:var(--color-text-primary);border-radius:16px;outline:none;transition:border-color .2s,box-shadow .2s}.request-page-gateway-theme .form-input,.request-page-gateway-theme .input-field{padding:14px 16px}.request-page-gateway-theme .form-input:focus,.request-page-gateway-theme .search-input:focus,.request-page-gateway-theme .input-field:focus{border-color:var(--color-accent);box-shadow:0 0 0 4px #6366f11a}.request-page-gateway-theme .search-wrapper{margin-bottom:12px;position:relative}.request-page-gateway-theme .search-input{padding:16px 48px 16px 16px}.request-page-gateway-theme .search-icon{display:none}.request-page-gateway-theme .search-clear{border:1px solid var(--color-border);width:28px;min-width:28px;height:28px;color:var(--color-text-muted);background:#ffffff0f;border-radius:999px;padding:0;font-size:20px;line-height:1;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.request-page-gateway-theme .search-clear:hover{color:var(--color-text-primary)}.request-page-gateway-theme .search-filters{margin:12px 0 16px}.request-page-gateway-theme .filter-toggle,.request-page-gateway-theme .filter-chip{border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-secondary)}.request-page-gateway-theme .filter-toggle{align-items:center;gap:8px;padding:10px 14px;display:inline-flex}.request-page-gateway-theme .filter-options{border:1px solid var(--color-border);background:var(--color-bg-secondary);border-radius:16px;margin-top:12px;padding:16px}.request-page-gateway-theme .filter-group{flex-direction:column;gap:10px;display:flex}.request-page-gateway-theme .filter-chips{flex-wrap:wrap;gap:8px;display:flex}.request-page-gateway-theme .filter-chip{border-radius:999px;justify-content:center;align-items:center;gap:4px;padding:8px 14px;font-size:13px;display:inline-flex}.request-page-gateway-theme .filter-chip.active{background:var(--color-accent);color:#fff;border-color:#6366f173}.request-page-gateway-theme .section-title{color:var(--color-text-primary);margin:0 0 14px;font-size:20px;font-weight:800}.request-page-gateway-theme .browse-panel{margin-bottom:16px}.request-page-gateway-theme .initial-selector{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.request-page-gateway-theme .browse-letter-select{border:2px solid var(--color-border);background:var(--color-bg-secondary);width:100%;color:var(--color-text-primary);cursor:pointer;border-radius:16px;outline:none;padding:14px 16px;transition:border-color .2s,box-shadow .2s;display:block}.request-page-gateway-theme .browse-letter-select:focus{border-color:var(--color-accent);box-shadow:0 0 0 4px #6366f11a}.request-page-gateway-theme .initial-button{border:1px solid var(--color-border);background:var(--color-bg-secondary);min-width:38px;color:var(--color-text-secondary);border-radius:12px;padding:8px 10px}.request-page-gateway-theme .initial-button.active{background:var(--color-accent);color:#fff;border-color:#6366f173}.request-page-gateway-theme .browse-subheader{align-items:center;gap:12px;margin-bottom:14px;display:flex}.request-page-gateway-theme .secondary{border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-secondary)}.request-page-gateway-theme .compact{padding:6px 10px}.request-page-gateway-theme .loading-container,.request-page-gateway-theme .empty-state,.request-page-gateway-theme .lyrics-loading,.request-page-gateway-theme .lyrics-error{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:48px 24px;display:flex}.request-page-gateway-theme .loading-spinner,.request-page-gateway-theme .button-spinner{border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:.8s linear infinite spin}.request-page-gateway-theme .loading-spinner{width:40px;height:40px}.request-page-gateway-theme .button-spinner{border-width:2px;border-top-color:#fff;width:14px;height:14px}.request-page-gateway-theme .loading-text,.request-page-gateway-theme .empty-message{color:var(--color-text-secondary);font-size:14px}.request-page-gateway-theme .empty-icon{opacity:.55;font-size:48px}.request-page-gateway-theme .empty-title{color:var(--color-text-primary);font-size:18px;font-weight:700}.request-page-gateway-theme .results-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;padding:12px 0;display:flex}.request-page-gateway-theme .results-count{color:var(--color-text-secondary);letter-spacing:.04em;text-transform:uppercase;font-size:13px;font-weight:700}.request-page-gateway-theme .active-filter-badge{color:#c7d2fe;background:#6366f13d;border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.request-page-gateway-theme .results-container{gap:12px;width:100%;min-width:0;max-width:100%;display:grid;overflow-x:hidden}.request-page-gateway-theme .result-card{border:1px solid var(--color-border);background:var(--color-bg-secondary);width:100%;min-width:0;max-width:100%;color:var(--color-text-primary);text-align:left;border-radius:16px;align-items:center;gap:12px;margin-bottom:0;padding:16px;transition:background .2s,border-color .2s;display:flex;overflow:hidden}.request-page-gateway-theme .result-card:hover{border-color:var(--color-accent);background:var(--color-bg-hover)}.request-page-gateway-theme .result-number{display:none}.request-page-gateway-theme .result-info{flex:1;min-width:0}.request-page-gateway-theme .result-title,.request-page-gateway-theme .lyrics-popup-title{color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:700;overflow:hidden}.request-page-gateway-theme .result-title{margin-bottom:4px}.request-page-gateway-theme .result-artist,.request-page-gateway-theme .lyrics-popup-artist{color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.request-page-gateway-theme .result-meta{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.request-page-gateway-theme .meta-tag{background:var(--color-bg-primary);color:var(--color-text-muted);border-radius:999px;padding:4px 8px;font-size:12px}.request-page-gateway-theme .meta-tag.brand{color:#c4b5fd;background:#7c3aed33}.request-page-gateway-theme .button-container{flex-shrink:0;align-items:center;gap:8px;display:flex}.request-page-gateway-theme .artist-card{cursor:pointer;justify-content:space-between}.request-page-gateway-theme .artist-card .result-info{pointer-events:none}.request-page-gateway-theme .artist-card .icon-action-button{margin-left:auto}.request-page-gateway-theme .icon-action-button{border:1px solid var(--color-border);width:40px;min-width:40px;height:40px;color:var(--color-text-primary);background:#6366f129;border-radius:999px;flex:none;justify-content:center;align-items:center;padding:0;font-size:22px;line-height:1;display:inline-flex}.request-page-gateway-theme .icon-action-button:hover:not(:disabled){background:#6366f147}.request-page-gateway-theme .action-menu-button{color:#fff;white-space:nowrap;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:1px solid #8b5cf673;border-radius:999px;justify-content:center;align-items:center;gap:6px;width:48px;min-width:48px;height:48px;padding:0;font-size:22px;font-weight:800;display:inline-flex}.request-page-gateway-theme .add-button,.request-page-gateway-theme .add-btn{color:#fff;white-space:nowrap;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:12px;justify-content:center;align-items:center;gap:6px;min-width:80px;font-weight:800;display:inline-flex}.request-page-gateway-theme .action-menu-button.karaoke-nerds{background:linear-gradient(135deg,#7c3aed,#a855f7)}.request-page-gateway-theme .action-menu-button.success,.request-page-gateway-theme .add-button.success{background:var(--color-success)}.action-menu-overlay{z-index:999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b8;display:block;position:fixed;inset:0}.action-menu{z-index:1001;border:1px solid var(--color-border);background:var(--color-bg-card);border-radius:18px;max-height:min(78vh,460px);padding:0;position:fixed;overflow:auto;transform:translate(-50%,-50%);box-shadow:0 28px 90px #00000094;width:min(44rem,100% - 2rem)!important;min-width:0!important;inset:50% auto auto 50%!important}.action-menu-header,.lyrics-header{border-bottom:1px solid var(--color-border);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;margin-bottom:0;padding:20px;display:grid}.action-menu-title,.lyrics-popup-title{color:var(--color-text-primary);white-space:normal;grid-column:1;margin:0 0 8px;font-size:22px;font-weight:800}.action-menu-subtitle,.lyrics-popup-artist{color:var(--color-text-secondary);white-space:normal;grid-column:1;margin:0;font-size:16px}.muted,.action-menu-meta{color:var(--color-text-secondary);margin:0}.action-menu-body{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:20px;display:grid}.action-menu-meta{grid-column:1/-1}.action-menu-close{border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-secondary);border-radius:12px;flex:none;padding:12px 18px;font-size:16px;font-weight:700}.action-menu-header .dialog-actions{grid-area:1/2/span 2}.request-page-gateway-theme .dialog-actions,.action-menu-header .dialog-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.action-menu-items{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;margin-top:0;padding:0;display:flex}.action-menu-item{border:1px solid var(--color-border);background:var(--color-bg-secondary);width:48px;min-width:48px;height:48px;color:var(--color-text-primary);text-align:center;border-radius:999px;justify-content:center;align-items:center;gap:0;padding:0;display:inline-flex}.action-menu-item:hover{background:var(--color-bg-hover)}.action-menu-item.primary{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6)}.action-menu-item.secondary{background:var(--color-bg-secondary);color:var(--color-text-secondary)}.key-controls{flex-wrap:wrap;align-items:center;gap:8px;margin-top:0;display:flex}.key-controls span{color:var(--color-text-secondary);font-weight:700}.key-controls button{border:1px solid var(--color-border);background:var(--color-bg-secondary);width:auto;min-width:0;height:auto;color:var(--color-text-secondary);border-radius:10px;padding:6px 10px}.version-list{gap:12px;padding:20px;display:grid}.version-row{border:1px solid var(--color-border);background:var(--color-bg-secondary);border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex}.version-row span{color:var(--color-text-secondary);margin-top:4px;font-size:13px;display:block}.action-menu-item-icon{text-align:center;width:auto;font-size:20px}.action-menu-item-content{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.action-menu-item-label{font-weight:700;display:block}.action-menu-item-description{color:var(--color-text-secondary);margin-top:2px;font-size:12px;display:block}.action-menu-item.primary .action-menu-item-description{color:#ffffffc7}.action-menu-item-value{color:var(--color-text-secondary);white-space:nowrap;margin-right:12px;font-size:13px;font-weight:700;position:absolute;right:100%}.key-adjustment-view{padding:12px}.key-adjustment-header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.key-adjustment-back{color:var(--color-text-secondary);background:0 0;padding:6px 10px}.key-adjustment-title{font-size:14px;font-weight:700}.key-adjustment-controls{justify-content:center;align-items:center;gap:16px;padding:12px 0;display:flex}.key-adjustment-button{border:2px solid var(--color-border);background:var(--color-bg-secondary);width:52px;height:52px;padding:0;font-size:24px}.key-adjustment-display{text-align:center;min-width:96px}.key-adjustment-value{font-size:24px;font-weight:800}.key-adjustment-label{color:var(--color-text-secondary);margin-top:4px;font-size:12px}.lyrics-popup-overlay{z-index:1200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000c7;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.lyrics-popup{border:1px solid var(--color-border);background:var(--color-bg-card);border-radius:20px;width:min(44rem,100% - 2rem);max-height:80vh;padding:0;overflow:auto;box-shadow:0 24px 80px #00000080}.lyrics-header{border-bottom:1px solid var(--color-border);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:20px 20px 16px;display:grid}.lyrics-title-info{flex:1;min-width:0}.lyrics-close-button{border:1px solid var(--color-border);width:32px;min-width:32px;height:32px;padding:0}.lyrics-content{max-height:min(60vh,34rem);color:var(--color-text-primary);white-space:pre-wrap;margin:0;padding:20px;font-family:inherit;line-height:1.5;overflow:auto}.queue-footer.request-page-gateway-theme-portal{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);justify-content:space-between;align-items:center;position:fixed;box-sizing:border-box!important;left:16px!important;right:16px!important;bottom:calc(12px + env(safe-area-inset-bottom,0px))!important;border:1px solid var(--color-border)!important;background:#1d1d27f0!important;border-radius:18px!important;width:auto!important;max-width:768px!important;margin:0 auto!important;padding:14px 16px!important;display:flex!important;box-shadow:0 12px 40px #00000073!important}.toast-notification{left:50%;bottom:calc(92px + env(safe-area-inset-bottom,0px));z-index:1300;width:min(32rem,100% - 32px);color:var(--color-text-primary);opacity:0;pointer-events:none;background:#111827f5;border:1px solid #10b98159;border-radius:16px;align-items:center;gap:12px;padding:14px 16px;font-weight:700;transition:opacity .18s,transform .18s;display:flex;position:fixed;transform:translate(-50%,16px);box-shadow:0 16px 48px #0000006b}.toast-notification.show{opacity:1;transform:translate(-50%)}.toast-notification.error{border-color:#ef444459}.toast-icon{background:#ffffff1f;border-radius:999px;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}@media (width<=640px){.request-page-gateway-theme{width:100%;max-width:100%;padding:12px;padding-bottom:calc(88px + env(safe-area-inset-bottom,16px))}.request-page-gateway-theme .card{padding:20px}.request-page-gateway-theme .page-tabs{grid-template-columns:1fr}.request-page-gateway-theme .top-actions{top:10px;right:10px}.request-page-gateway-theme .result-card{flex-direction:row;align-items:center}.request-page-gateway-theme .button-container{flex:none}.request-page-gateway-theme .action-menu-button{width:48px}.action-menu{border-radius:20px;max-height:80vh;width:min(44rem,100% - 2rem)!important}}.profile-dialog.singer-merge-dialog{width:min(640px,100vw - 24px)}.singer-merge-form{gap:12px;display:grid}.singer-merge-form p{margin:0;line-height:1.5}.singer-merge-help,.singer-merge-detail{color:var(--color-text-secondary,#aaa);font-size:13px}.singer-merge-form input[type=search]{box-sizing:border-box;border:1px solid var(--color-border,#444);background:var(--color-bg-secondary,#252532);width:100%;min-width:0;color:inherit;border-radius:8px;padding:10px 12px}.singer-merge-options{border:1px solid var(--color-border,#444);border-radius:8px;min-width:0;max-height:280px;margin:0;padding:8px;overflow:auto}.singer-merge-option{cursor:pointer;overflow-wrap:anywhere;border-radius:8px;gap:10px;padding:10px;display:flex}.singer-merge-option.selected{background:var(--color-bg-secondary,#252532)}.singer-merge-option input,.singer-merge-confirm input{flex:none;align-self:flex-start;margin-top:4px}.singer-merge-detail{margin-top:3px;display:block}.singer-merge-confirm{gap:10px;font-size:13px;line-height:1.5;display:flex}.singer-merge-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.singer-merge-actions button[type=submit]{background:var(--color-accent,#6366f1);color:#fff}
