body{margin:0;padding:0;min-height:100vh;font-family:'Poppins',sans-serif;background:linear-gradient(to bottom,#444444,#000000);text-align:center;color:#fff}input[type="checkbox"]{accent-color:#7abda7}.container{padding:20px}.content{position:relative;z-index:2;text-align:center;padding:0}.lovebutton-form{max-width:600px;margin:30px auto;background:rgb(255 255 255 / .8);backdrop-filter:blur(5px);border-radius:10px;padding:20px;color:#5A8368;text-align:left;box-shadow:0 4px 6px rgb(0 0 0 / .3)}.form-row{display:flex;align-items:center;gap:10px}.lovebutton-form h2,.lovebutton-form h3{margin:0 0 15px 0;color:#4F4D4D}.lovebutton-form label{font-weight:600;display:block;margin-top:0;margin-bottom:0}.lovebutton-form p{font-weight:400;font-size:12px;color:#737373}.lovebutton-form input[type="text"],.lovebutton-form textarea{font-size:14px;width:100%;padding:8px 10px;border:1px solid #ccc;border-radius:5px;font-family:'Poppins',sans-serif;margin-top:5px}.lovebutton-form button[type="submit"],.lovebutton-form .btn{margin-top:15px;background-color:#000;color:#fff;padding:10px 20px;font-size:16px;border:none;border-radius:5px;cursor:pointer;text-decoration:none;display:inline-block;box-shadow:0 4px 6px rgb(0 0 0 / .2)}.lovebutton-form button[type="submit"]:hover,.lovebutton-form .btn:hover{background-color:#8DD5BA}.capsule-link{display:inline-block;background:#fff;padding:10px 15px;border-radius:20px;text-decoration:none;font-weight:700;color:#333;box-shadow:2px 2px 5px rgb(0 0 0 / .1);transition:background 0.3s ease,transform 0.2s ease}.capsule-link:hover{background:#f0f0f0;transform:scale(1.05)}.context-menu{display:none;position:absolute;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:2px 2px 5px rgb(0 0 0 / .2);padding:5px;z-index:1000}.context-menu button{background-color:#000;color:#fff;border:none;padding:10px 15px;margin:3px 0;border-radius:8px;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:8px;width:100%;text-align:left;transition:background 0.3s ease}.context-menu button:hover,.context-menu button:focus{background-color:#8DD5BA}#toggleManualLinksBtn{display:inline-block;background:none;color:#000;padding:8px 8px;font-size:14px;font-weight:600;border:none;border-radius:5px;cursor:pointer;margin-bottom:10px}#toggleManualLinksBtn:hover{background-color:#CCC;color:#fff}#toggleLinksBtn{display:block;width:max-content;margin:20px auto 0}.manual-links{transition:max-height 0.3s ease}.search-section{margin-top:20px}.search-section h3{margin-bottom:10px}#search-results{position:relative;background:#fff;width:100%;max-width:600px;margin-top:8px;border:1px solid #ccc;z-index:999;color:#000;margin-bottom:15px}.autocomplete-list{list-style:none;margin:0;padding:0}.autocomplete-item{background:url(https://lovebutton.app/wp-content/plugins/love-button-plugin/assets/spotify_logo_100.png) no-repeat right 10px center;background-size:20px 20px;display:flex;align-items:center;padding:8px;cursor:pointer;border-bottom:1px solid #eee}.autocomplete-item:last-child{border-bottom:none}.autocomplete-item-content{display:flex;align-items:center}.autocomplete-item-content img{width:40px;height:40px;object-fit:cover;margin-right:10px;border-radius:4px}.autocomplete-item:hover{background:#f2f2f2}#selected-items{margin-top:20px}#selected-items h4{margin:10px 0 5px;color:#858585;font-size:16px}.selected-item{margin-top:5px;background:#f7f7f7;color:#000;padding:5px 10px;border-radius:5px;display:flex;align-items:center;gap:8px}.selected-item img{width:40px;height:40px;object-fit:cover;border-radius:4px}.remove-item-btn{background-color:#f66;color:#fff;border:none;border-radius:4px;padding:2px 6px;margin-left:auto;cursor:pointer;font-weight:700;position:relative}.remove-item-btn:hover{background-color:#d55}.form-section{max-width:500px;background:#fff;background-color:rgb(255 255 255 / .2);padding:20px;align-content:center;box-shadow:0 4px 6px rgb(0 0 0 / .2);margin-top:10px;margin-bottom:30px;color:#fff}.artist-image-container{position:relative;display:inline-block;width:100%;max-width:220px;margin:20px auto}.artist-image{width:200px;height:200px;border-radius:50%;border:5px solid rgb(255 255 255 / .8);box-shadow:0 4px 10px rgb(0 0 0 / .5);object-fit:cover}.has-banner{position:relative;overflow:hidden}.has-banner .artist-banner{margin:-20px -20px 20px}.has-banner .artist-banner img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}.content.has-banner .form-section{overflow:hidden}.content.has-banner .artist-image-container{display:none!important}.spotify-logo-overlay{display:inline-block;vertical-align:middle;position:static;margin-left:8px}.spotify-logo-overlay:hover{transform:scale(1.1);opacity:.8}.spotify-logo-overlay img{width:20px;height:20px}.success-message{background-color:#4CAF50;color:#fff;padding:15px;font-size:16px;font-weight:700;border-radius:5px;text-align:center;margin:2px auto;max-width:90%}.header{text-align:center;margin-bottom:20px}.header h1{margin:15px 0;text-align:center;color:#fff}.header p{font-size:1em;color:#E3E3E3}.btn,a.btn{background-color:#181818;color:#fff;padding:15px 30px;border:none;border-radius:5px;font-size:16px;cursor:pointer;text-decoration:none;display:inline-block;margin-bottom:10px;box-shadow:0 4px 6px rgb(0 0 0 / .2)}.btn:hover,a.btn:hover{background-color:#8dd5ba}.footer{position:fixed;bottom:10px;left:0;width:100%;text-align:center;font-size:12px;color:gray;background:#fff0;z-index:1000}.footer a{color:gray;text-decoration:none}.footer a:hover{text-decoration:underline}.lb-dsp-toggle{margin-top:18px}.lb-dsp-btn{display:inline-block;background:#fff0;color:#fff;border:2px solid rgb(255 255 255 / .7);border-radius:30px;padding:10px 20px;cursor:pointer;font-family:'Poppins',sans-serif;font-weight:600;font-size:.8rem;text-align:center;box-sizing:border-box;transition:all 0.2s ease}.lb-dsp-btn:hover{background:rgb(255 255 255 / .15);border-color:#fff}.lb-submit-btn{display:inline-block;background:#fff0;color:#fff;border:none!important;border-radius:30px;padding:10px 20px;cursor:pointer;font-family:'Poppins',sans-serif;font-weight:600;font-size:.8rem;text-align:center;box-sizing:border-box;transition:background 0.2s ease}.lb-submit-btn:hover{background:rgb(255 255 255 / .12)}.lb-dsp-menu{max-height:0;overflow:hidden;transition:max-height .35s ease;display:flex;flex-direction:column;gap:8px;margin-top:10px}.lb-dsp-menu.open{max-height:400px;transition:max-height .45s ease}.lb-dsp-menu a{background:#181818;color:#fff;text-decoration:none;padding:8px 14px;border-radius:5px;font-weight:600;display:inline-block}.lb-dsp-menu a:hover{opacity:.85}.lovebutton-form{--field-h:45px;--field-fz:16px;--radius:5px;--bc:#ccc;--btn-bg:#000;--btn-bc:#000;--btn-fg:#fff;--btn-bg-hover:#8dd5ba;--btn-bc-hover:#8dd5ba;--btn-fg-hover:#000}.lovebutton-form input[type="text"],.lovebutton-form input[type="url"],.lovebutton-form input[type="search"],.lovebutton-form input[type="number"]{height:var(--field-h);font-size:var(--field-fz);line-height:1;box-sizing:border-box;padding:0 14px;border:1px solid var(--bc);border-radius:var(--radius);font:inherit;-webkit-appearance:none;appearance:none}.lovebutton-form input::placeholder,.lovebutton-form textarea::placeholder{font-size:var(--field-fz);opacity:.6}.lovebutton-form select{height:var(--field-h);line-height:1;padding:0 12px;font-weight:600;border:1px solid var(--bc);border-radius:var(--radius);box-sizing:border-box}.lovebutton-form textarea{font-size:var(--field-fz);line-height:1.3;border-radius:var(--radius)}.lovebutton-form .search-bar{display:grid!important;grid-template-columns:1fr auto;align-items:stretch;gap:0;width:100%}.lovebutton-form p:has(#lb-scan-btn){display:grid!important;grid-template-columns:1fr auto;align-items:stretch;gap:0;width:100%;margin:0 0 10px 0}.lovebutton-form .search-bar:has(#search-type){grid-template-columns:auto 1fr auto}.lovebutton-form .search-bar #search-type{height:var(--field-h);padding:0 30px 0 12px;border:1px solid var(--bc);border-radius:var(--radius) 0 0 var(--radius);line-height:1;font:800 14px/1 Poppins,sans-serif;color:#64B7A6;box-sizing:border-box}.lovebutton-form .search-bar input[type="text"],.lovebutton-form .search-bar input[type="search"],.lovebutton-form .search-bar input[type="url"],.lovebutton-form p:has(#lb-scan-btn) input[type="url"]{height:var(--field-h);min-width:0;width:auto!important;padding:0 14px;border:1px solid var(--bc);border-right:0;border-radius:var(--radius) 0 0 var(--radius);line-height:1;font-size:var(--field-fz);box-sizing:border-box;-webkit-appearance:none;appearance:none}.lovebutton-form .search-bar input{margin:0}.lovebutton-form .search-bar:has(#search-type) #search-query{border-left:0;border-radius:0}.lovebutton-form .search-bar #search-query::-webkit-search-decoration,.lovebutton-form .search-bar #search-query::-webkit-search-cancel-button{display:none}.lovebutton-form .search-bar #search-btn,.lovebutton-form .search-bar #lb-scan-btn,.lovebutton-form p:has(#lb-scan-btn) #lb-scan-btn{height:var(--field-h);min-width:48px;margin:0;padding:0 16px;line-height:1;display:flex;align-items:center;justify-content:center;background:var(--btn-bg);color:var(--btn-fg);border:1px solid var(--btn-bc);border-left:0;border-radius:0 var(--radius) var(--radius) 0;box-sizing:border-box;-webkit-appearance:none;appearance:none;cursor:pointer}.lovebutton-form .search-bar #search-btn:hover,.lovebutton-form .search-bar #lb-scan-btn:hover,.lovebutton-form p:has(#lb-scan-btn) #lb-scan-btn:hover{background:var(--btn-bg-hover);border-color:var(--btn-bc-hover);color:var(--btn-fg-hover)}#search-btn img{display:block;width:12px;height:12px}#search-query{background:url(https://lovebutton.app/wp-content/plugins/love-button-plugin/assets/spotify_logo_100.png) no-repeat right 10px center;background-size:16px 16px;padding-right:36px}.lovebutton-form input[type="text"],.lovebutton-form input[type="url"],.lovebutton-form input[type="search"],.lovebutton-form input[type="number"]{max-width:none!important;width:100%}.lovebutton-form .search-bar input[type="text"],.lovebutton-form .search-bar input[type="url"],.lovebutton-form .search-bar input[type="search"]{width:auto!important}.lovebutton-form input,.lovebutton-form select,.lovebutton-form textarea{transition:border-color .15s ease,box-shadow .15s ease}.lovebutton-form input:focus,.lovebutton-form input:focus-visible,.lovebutton-form select:focus,.lovebutton-form select:focus-visible,.lovebutton-form textarea:focus,.lovebutton-form textarea:focus-visible{border-color:#3D3D3D!important;outline:none;box-shadow:0 0 0 .2rem rgb(141 213 186 / .25)!important}.lovebutton-form .search-bar:focus-within #search-type,.lovebutton-form .search-bar:focus-within #search-query,.lovebutton-form .search-bar:focus-within #lb_source_url,.lovebutton-form .search-bar:focus-within #search-btn,.lovebutton-form .search-bar:focus-within #lb-scan-btn{border-color:#3D3D3D!important}.lovebutton-form .lb-help{display:inline-block;position:relative;margin-left:6px}.lovebutton-form .lb-help>summary{list-style:none;display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;color:#333;font-weight:700;font-size:12px;cursor:pointer;user-select:none;border:1px solid #333;outline:none}.lovebutton-form .lb-help>summary::-webkit-details-marker{display:none}.lovebutton-form .lb-help[open]>summary{background:#8dd5ba;color:#000;border-color:#8dd5ba}.lovebutton-form .lb-help .lb-help-content{position:absolute;z-index:9999;top:calc(100% + 8px);right:0;min-width:240px;max-width:320px;background:#fff;color:#333;border:1px solid #ddd;border-radius:8px;padding:12px;box-sizing:border-box;box-shadow:0 8px 24px rgb(0 0 0 / .18);font-size:13px;line-height:1.35;font-weight:300}.lovebutton-form .lb-help .lb-help-content::before{content:"";position:absolute;top:-6px;right:10px;width:10px;height:10px;transform:rotate(45deg);background:#fff;border-left:1px solid #ddd;border-top:1px solid #ddd}.lovebutton-form .lb-help.block .lb-help-content{position:static;margin-top:8px;box-shadow:none}.lovebutton-form .lb-help{display:inline-flex;vertical-align:middle}.lovebutton-form h3{display:grid;grid-template-columns:1fr auto;align-items:baseline;column-gap:.6em}.lovebutton-form h3 .lb-help{justify-self:end;align-self:baseline;margin-left:0;position:relative}.lovebutton-form label{display:flex;align-items:baseline;gap:.6em;text-align:left;min-width:0}.lovebutton-form label .lb-help{margin-left:auto;align-self:baseline;position:relative}.lovebutton-form .lb-help .lb-help-content{max-width:min(320px, 92vw)}.lovebutton-form #lb-scan-results{width:100%}.lovebutton-form #lb-scan-results>div{display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px}.lovebutton-form #lb-scan-results input[type="url"]{width:100%!important;max-width:none!important;height:var(--field-h);font-size:var(--field-fz);box-sizing:border-box;padding:0 14px;border:1px solid var(--bc);border-radius:var(--radius)}.lovebutton-form #lb-scan-results .lb-clear{width:22px;height:22px;padding:0;font-size:14px}.lovebutton-form .search-bar{width:100%;display:grid;grid-template-columns:1fr auto;align-items:stretch;gap:0}.lovebutton-form .search-bar input[type="url"]{height:var(--field-h);font-size:var(--field-fz);padding:0 14px;border:1px solid var(--bc);border-right:0;border-radius:var(--radius) 0 0 var(--radius);box-sizing:border-box;width:100%}.lovebutton-form .search-bar #lb-scan-btn{height:var(--field-h);padding:0 16px;background:var(--btn-bg);color:var(--btn-fg);border:1px solid var(--btn-bc);border-left:0;border-radius:0 var(--radius) var(--radius) 0;cursor:pointer}.lovebutton-form .search-bar #lb-scan-btn:hover{background:var(--btn-bg-hover);border-color:var(--btn-bc-hover);color:var(--btn-fg-hover)}.lovebutton-form .remove-item-btn{all:unset;display:inline-flex;align-items:center;justify-content:center;background:#000;color:#fff;border-radius:4px;padding:2px 6px;font-weight:700;font-size:12px;line-height:1;cursor:pointer}.lovebutton-form .remove-item-btn:hover{background:#8dd5ba;color:#000}.lovebutton-form{--radius:30px;border-radius:20px}.form-section,#search-results,.selected-item,.context-menu>div{border-radius:20px;overflow:hidden}.lovebutton-form button[type="submit"],.lovebutton-form .btn,.lovebutton-form .remove-item-btn,.context-menu button,.btn,a.btn,.lb-dsp-btn,.lb-dsp-menu a,#toggleLinksBtn{border-radius:30px!important}.lovebutton-form .search-bar #search-btn,.lovebutton-form .search-bar #lb-scan-btn,.lovebutton-form p:has(#lb-scan-btn) #lb-scan-btn{border-radius:0 30px 30px 0!important}.lovebutton-form textarea{border-radius:10px!important}.selected-item{border-radius:10px!important}.submit-input{width:100%;padding:10px 15px;box-sizing:border-box;border:1px solid #ccc;border-radius:30px;font-family:inherit;font-size:14px}.submit-input:focus{outline:none;border-color:#333}