*,::after,::before{box-sizing:border-box}body{font-family:"Roboto",system-ui,-apple-system,"Segoe UI","Helvetica Neue",Arial,sans-serif;font-display:swap;margin:0;font-size:1rem;line-height:1.5;background:0;color:#212529;font-weight:400;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:#fff0}section,.section{color:#feffdf;background-color:#f1f6f1;overflow:clip}.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-right:calc(-0.5 * var(--bs-gutter-x));margin-left:calc(-0.5 * var(--bs-gutter-x));margin-top:calc(-1 * var(--bs-gutter-y))}.row > *{padding-right:calc(var(--bs-gutter-x) * 0.5);padding-left:calc(var(--bs-gutter-x) * 0.5);margin-top:1.5rem}.w-33{flex:0 0 auto;width:33.33333333%}.jarax{padding:10px}.transparent{background:transparent!important;border:0!important}.header{display:flex;padding:15px 0;color:#212529;background-color:#fff;transition:all .5s;z-index:3;position:relative;align-items:center}.header-01{display:flex;position:relative;align-items:center;justify-content:space-between;width:100%;max-width:1140px;--cb-gutter-x:1.5rem;--cb-gutter-y:0;padding-right:calc(var(--cb-gutter-x) * 0.5);padding-left:calc(var(--cb-gutter-x) * 0.5);margin-right:auto;margin-left:auto}.site-logo{line-height:1;display:flex;align-items:center;text-decoration:none}.site-logo img{max-height:32px;vertical-align:middle;margin-right:8px}.site-logo h1{font-family:"Raleway",sans-serif;font-size:30px;font-weight:700;color:#101f0c;margin:0}.site-logo h1 span{color:#24bd00}.form_search .form-input{height:35px;font-size:14px;text-indent:33px;border-radius:10px;font-weight:600;opacity:.8;border:solid 1px #aaa}.navmenu{position:relative;display:none;padding:0}.navmenu ul{list-style:none;align-items:center;margin:0;padding:0;display:flex}.navmenu li{position:relative}.navmenu a,.navmenu a:focus{color:#212529;font-weight:400;padding:15px;font-size:16px;font-family:"Poppins",sans-serif;display:flex;text-decoration:none}.navmenu li ul{display:none;position:absolute;min-width:160px;background-color:#fff;box-shadow:0 8px 16px 0 #0003;z-index:1;border-radius:5px}.navmenu li ul.show{display:block}ul.show .show{margin-left:-191px;margin-top:-108px}.navmenu .dropdown img{width:10px;height:10px;margin:7px 0 0 4px}.dropdown ul{list-style-type:none;padding:0;margin:0}.dropdown li{text-align:left}.dropdown li a:hover{background-color:#ddd}.mobile_nav{display:none}.mobile_nav img{width:30px}.intro{position:relative;z-index:2;font-family:"Raleway",sans-serif;width:100%}.intro p{color:color-mix(in srgb,#fff,transparent 40%);font-weight:400;margin-bottom:30px}.intro h2{font-weight:700;margin:0 0 20px;font-size:48px}.intro h3{font-weight:500;margin:0 0 15px;font-size:28px}.intro h3 img{vertical-align:middle;background:#fff;border-radius:50px;padding:1px;width:30px}.container-album{text-align:center;background:#1e1e1e;padding:30px 0;margin:0 auto}.reldat-info,.album-data{flex:0 0 auto;width:50%}.album-data{background:#d9d9d9;max-width:500px;height:300px;margin:0}.album-data img{max-width:500px;height:300px}.ytPlay{color:#cf0000;text-decoration:none;font-weight:700}.ytPlay span,.ytPlay img{vertical-align:middle}.ytPlay img{width:45px}.article{background:#fff;color:#45623d;font-family:monospace;letter-spacing:-1px;font-size:18px;padding-bottom:0}.article p{color:#a7a7a7;margin:1em 0;font-family:"Poppins";letter-spacing:1.1px}.article span{letter-spacing:.3px;line-height:1.3em;margin-top:-4px;font-size:15px;color:#0087e7;font-weight:700;font-family:monospace;padding:0 5px;margin-left:-5px;background-color:#8ac3e530}#thisPost{width:100%}#thisPost p b{font-weight:300;font-size:14px}.publish{margin-bottom:20px;font-size:12px;letter-spacing:0;color:#aaa;border-bottom:dotted 2px #aaa}.post-version-2 .article span{position:absolute;margin-left:-5px}.post-version-2 .article .relative{position:relative;line-height:2.5em}.post-version-2 .crdline{display:block;margin:-10px 0}.post-version-2 #posted{line-height:2.7em}.post-version-2 #posted i{height:10px;display:block}.post-version-1 #posted{white-space:pre-wrap;line-height:1.5em}.post-version-1 #posted br{display:none}.post-version-1 .article span{margin-left:-6px}#posted small{display:block;color:#c51919}#posted small:before{content:"("}#posted small:after{content:")"}.article #keyused{cursor:default;border-radius:5px;border:solid 1px #c7c7c7;padding:1px 8px;font-size:11px;letter-spacing:1px}.article #keyused u{text-decoration:none;font-weight:700}.tools-static{display:flex;flex-direction:column;gap:15px;margin:0 -10px 25px;background:linear-gradient(145deg,#0c3236,#db6700);padding:15px 0;border:1px solid #e2e8f0;border-radius:12px}.tools-static #toolContainer{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.tools-static #toolControls{display:flex;gap:15px;align-items:center;flex-wrap:wrap;justify-content:center}.tools-static .transpose-wrapper{display:flex;align-items:center;gap:10px}.tools-static #modeIMG{display:flex;gap:10px}#modeIMG button{background:#6c6c6c;color:#fff;border-radius:5px;padding:5px 10px;border:0;font-family:"Raleway",sans-serif}#modeIMG button:hover{background:#2c2c2c}#modeIMG button:disabled,#modeIMG button:hover:disabled{background:#343434}#chordku{margin:0;display:flex;flex-wrap:wrap;justify-content:safe center;gap:5px}#chordku.piano div{color:#000!important;font-weight:700;background-position:bottom;width:160px;height:65px;font-size:15px!important;margin:2px}.crdQ{color:transparent!important;border-radius:4px;text-align:center;background:#fff;background-repeat:no-repeat;background-position:center;font-size:0!important;width:70px;height:80px;border:solid 1px #d9d9d9;padding:0 4px;display:inline-block}.no-drag{cursor:pointer}.fw-bolder{font-weight:bolder!important}#crdVersion{display:inline-block}#crdVersion select{text-align:center;text-align-last:center;background:#181818;color:#fff;border-radius:8px;width:130px;border:solid 2px #727272;font-size:14px}#crdVersion option:checked{background:#004a2c}#toolContainer.is-fixed{background:linear-gradient(145deg,#1e1e24,#15151a);border:1px solid #2a2a35;box-shadow:0 15px 35px #00000080;color:#f4f4f5;z-index:999998;transition:transform .3s cubic-bezier(0.4,0,0.2,1),opacity .3s ease}#toolContainer.is-fixed #modeIMG button{background:#272730;color:#a1a1aa;border-color:#3a3a48}#toolContainer.is-fixed #modeIMG button:disabled{background:#166534;color:#fff;border-color:#22c55e}#toolContainer.is-fixed select{background:#121216;color:#fff;border:1px solid #3a3a48;padding:5px;border-radius:5px}#toolContainer.is-fixed #chordku:not(.piano) .crdQ {width:60px;height:70px;background-position: 1px 4px;}#toolContainer.is-fixed #toolControls{display:flex;gap:8px}#toolContainer.is-fixed #modeIMG{display:flex;gap:5px}.transpose-wrapper label{display:none!important}.cb-as-input::-webkit-outer-spin-button,.cb-as-input::-webkit-inner-spin-button{-webkit-appearance:none!important;margin:0!important}.cb-as-input[type=number]{-moz-appearance:textfield!important;appearance:textfield!important}.cb-autoscroll-container{position:relative;width:100%;background:linear-gradient(145deg,#1a1a20,#121216);border:1px solid #2a2a35;border-radius:14px;padding:10px 14px;box-shadow:0 12px 35px #0003;color:#f4f4f5;font-family:'Poppins',sans-serif;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}.cb-autoscroll-container.is-fixed{position:fixed!important;bottom:5px;left:0!important;right:0!important;margin-left:auto!important;margin-right:auto!important;max-width:500px;z-index:999999!important;box-shadow:0 12px 35px #000000bf;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.cb-as-group{display:flex;align-items:center;gap:8px}.cb-as-btn{background:#272730;color:#fff;border:1px solid #3a3a48;border-radius:8px;padding:6px 14px;font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:all .2s ease}.cb-as-btn:hover{background:#343442;border-color:#4ade80;color:#4ade80}.cb-as-btn-primary{background:#166534;border-color:#22c55e}.cb-as-btn-primary:hover{background:#15803d;color:#fff}.cb-as-btn-playing{background:#991b1b!important;border-color:#ef4444!important;color:#fff!important}.cb-as-label{font-size:12px;color:#a1a1aa;text-transform:uppercase;font-weight:600}.cb-as-val{font-size:13px;font-weight:700;color:#4ade80;min-width:38px;text-align:center}.cb-as-input{background:#121216;border:1px solid #2e2e3a;border-radius:6px;color:#fff;padding:5px 8px;font-size:13px;width:48px;text-align:center;outline:none;transition:border-color .2s ease}.cb-as-input:focus{border-color:#22c55e}.cb-as-dur-wrap{display:flex!important;flex-direction:row!important;align-items:center!important;gap:8px!important}.cb-as-dur-head{display:flex;align-items:center;gap:5px;white-space:nowrap}.cb-as-dur-fields{display:flex;align-items:center;gap:4px}.cb-as-field{display:flex;flex-direction:column;align-items:center;gap:1px}.cb-as-sublabel{font-size:8.5px;font-weight:700;color:#a1a1aa;letter-spacing:.5px;line-height:1}.cb-as-colon{font-size:13px;color:#71717a;font-weight:700;margin-top:8px}.cb-as-help-btn{background:#ffffff14;border:1px solid #fff3;color:#a1a1aa;border-radius:50%;width:17px;height:17px;font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:all .2s ease}.cb-as-help-btn:hover{color:#4ade80;border-color:#4ade80;background:#4ade8026}.cb-as-help-modal{display:none;position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;background:#000000b3!important;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:10000000!important;align-items:center!important;justify-content:center!important;padding:16px;box-sizing:border-box}.cb-as-help-modal.show{display:flex!important}.cb-as-help-box{position:relative;width:100%;max-width:320px;background:#181820;border:1px solid #3a3a4c;border-radius:14px;padding:16px 18px;box-shadow:0 20px 45px #000000d9;color:#d4d4d8;font-size:12.5px;line-height:1.5;box-sizing:border-box;animation:cbAsFadeScale .2s cubic-bezier(0.16,1,0.3,1)}@keyframes cbAsFadeScale{from{opacity:0;transform:scale(0.92)}to{opacity:1;transform:scale(1)}}.cb-as-help-title{display:flex;align-items:center;justify-content:space-between;color:#4ade80;font-weight:700;font-size:13px;margin-bottom:8px}.cb-as-help-close{background:transparent;border:none;color:#71717a;font-size:18px;font-weight:700;cursor:pointer;padding:0 4px;line-height:1}.cb-as-help-close:hover{color:#fff}.cb-as-help-box p{margin:0 0 8px;font-size:12px;letter-spacing:normal}.post-footer-dashboard{display:flex!important;flex-direction:column!important;gap:24px!important;margin-top:50px!important;margin-bottom:40px!important;padding-top:35px!important;font-family:'Poppins',sans-serif!important;letter-spacing:normal!important;z-index:9;position:relative}.post-footer-dashboard span{position:static!important;background:transparent!important;margin:0!important;padding:0!important;font-size:inherit!important;color:inherit!important}.pfd-sidebar{width:100%!important}.pfd-main{display:flex!important;flex-direction:column!important;gap:24px!important;width:100%!important;flex:1!important}.pfd-card{background:linear-gradient(145deg,#1e1e24,#15151a)!important;border:1px solid #2a2a35!important;border-radius:16px!important;padding:24px!important;color:#fff!important;box-shadow:0 10px 30px #0006!important;transition:transform .3s ease,box-shadow .3s ease!important}.pfd-card:hover{transform:translateY(-4px)!important;box-shadow:0 15px 35px #00000080!important;border-color:#3b3b4a!important}.pfd-card-title{margin:0 0 20px!important;font-size:18px!important;font-weight:600!important;color:#f4f4f5!important;display:flex!important;align-items:center!important;gap:8px!important;letter-spacing:.5px!important;font-family:'Poppins',sans-serif!important}.pfd-card-title svg{color:#24bd00!important}.just-for-you-header{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:20px!important}.just-for-you-header .pfd-card-title{margin-bottom:0!important}#just-for-you-container #btn-refresh-songs{background:#ffffff14!important;border:1px solid #ffffff1a!important;border-radius:50%!important;width:38px!important;height:38px!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#a1a1aa!important;cursor:pointer!important;transition:all .3s cubic-bezier(0.4,0,0.2,1)!important;padding:0!important}#just-for-you-container #btn-refresh-songs:hover{background:#24bd0026!important;color:#4ade80!important;border-color:#4ade80!important;transform:rotate(90deg)!important}.jfy-modern-list{list-style:none!important;padding:0!important;margin:0!important;display:flex!important;flex-direction:column!important;gap:12px!important}.jfy-modern-list li{margin:0!important;padding:0!important}#just-for-you-list li a,.jfy-modern-list li a{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:7px 18px!important;background-color:#0003!important;color:#cbd5e1!important;text-decoration:none!important;font-size:14.5px!important;font-family:'Poppins',sans-serif!important;font-weight:500!important;border-radius:12px!important;border:1px solid #ffffff0d!important;transition:all .25s cubic-bezier(0.4,0,0.2,1)!important}#just-for-you-list li a:hover,.jfy-modern-list li a:hover{background-color:#1e293b!important;color:#4ade80!important;border-color:#22c55e!important;transform:translateX(6px)!important;box-shadow:0 4px 12px #22c55e26!important}#just-for-you-list li a::after,.jfy-modern-list li a::after{content:"→"!important;font-size:18px!important;color:#64748b!important;opacity:.5!important;transition:all .2s ease!important}#just-for-you-list li a:hover::after,.jfy-modern-list li a:hover::after{color:#4ade80!important;opacity:1!important;transform:translateX(4px)!important}.containKey{margin-bottom:80px}.adbyme{padding-top:0!important;padding-bottom:0!important;background:#fff;position:relative;z-index:3}.hideUnfilled .adsbygoogle[data-ad-status="unfilled"]{display:none!important}#related{background-image:linear-gradient(#fff,#f3f3f3);z-index:3;position:relative}.related .related-item{position:relative;box-shadow:0 5px 90px 0 #0000001a;transition:all ease-in-out .3s;border-radius:18px;padding:1px 30px 30px;height:100%}.containRelated .related-item{background:#fffb8d9e}.related .related-item:hover{transform:translateY(-10px);border-color:var(--accent-color)}.related-item a{display:block;color:#000;text-decoration:none;font-weight:700;font-size:22px;margin:25px 0 0}.related-item p{color:#000;line-height:24px;font-size:14px;margin-bottom:0}.viewer{position:absolute;font-size:11px!important;top:-25px;right:0;border:solid 1px #aaa;padding:0 8px;border-radius:10px 0;background:#7e9595;color:#fff!important}.viewer img{vertical-align:middle;filter:invert(100%) brightness(100%)}#related .keys{color:#0b8503;font-size:12px}.related-title{text-align:center;position:relative;color:#101f0c;font-weight:700;padding-bottom:20px;margin:10px 0 0;font-size:32px;font-family:"Raleway",sans-serif}.related .description-title{color:#71c55d}.btmore .related-item{display:flex;align-items:center;justify-content:center;border:solid 1px #acb1b9}.btmore button{border:0;font-size:16px;background:transparent;cursor:pointer;text-decoration:underline;margin:10px 0 -10px}.btmore img{position:absolute;margin-top:50px}.btmore .related-item:hover{background:#ededed}#chord-recommendations{max-width:650px;margin:25px auto;padding:24px;background:#fff;border-radius:16px;box-shadow:0 10px 30px #0000000d;border:1px solid #eef2f6;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}#chord-recommendations h3{margin:0 0 18px;font-size:1.25rem;font-weight:700;color:#1e293b;display:flex;align-items:center;gap:8px;letter-spacing:-.3px}#chord-recommendations h3::before{content:"";display:inline-block;width:20px;height:20px;background-color:#6366f1;mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M12 3v10.55c-.59-.34-1.27-.55-2-.55-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4V7h4V3h-6z"/></svg>') no-repeat center / contain;-webkit-mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M12 3v10.55c-.59-.34-1.27-.55-2-.55-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4V7h4V3h-6z"/></svg>') no-repeat center / contain}#chord-recommendations ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}#chord-recommendations li{margin:0}#chord-recommendations li a{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background-color:#f8fafc;color:#334155;text-decoration:none;font-size:.95rem;font-weight:500;border-radius:10px;border:1px solid #f1f5f9;transition:all .25s ease}#chord-recommendations li a:hover{background-color:#fff;color:#6366f1;border-color:#c7d2fe;transform:translateX(4px);box-shadow:0 4px 12px #6366f11a}#chord-recommendations li a::after{content:"→";font-size:1.1rem;color:#94a3b8;opacity:.5;transition:all .2s ease}#chord-recommendations li a:hover::after{color:#6366f1;opacity:1;transform:translateX(3px)}.video-responsive-container{position:relative;width:100%;max-width:480px;margin:0 auto;padding-bottom:56.25%;height:0;overflow:hidden}.video-responsive-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.video-blocked-alert{position:relative;width:100%;max-width:480px;margin:0 auto;padding:25px 20px;background:#1e1e1e;color:#fff;text-align:center;border-radius:8px;box-sizing:border-box;font-family:sans-serif}.video-blocked-alert p{margin:0 0 15px;font-size:14px;line-height:1.5}.video-blocked-alert .btn-yt-link{display:inline-block;background:red;color:#fff;padding:8px 16px;text-decoration:none;border-radius:4px;font-weight:700;font-size:13px;margin-right:8px}.video-blocked-alert .btn-close{display:inline-block;background:#444;color:#fff;padding:8px 16px;text-decoration:none;border-radius:4px;font-weight:700;font-size:13px;border:none;cursor:pointer}#footer{background:linear-gradient(145deg,#1e1e24,#15151a);z-index:3;position:relative;text-align:center;font-size:14px;border:1px solid #2a2a35;padding:24px;color:#fff;box-shadow:0 10px 30px #0006}footer div,footer div a{color:#f4f4f5!important;letter-spacing:.5px;font-family:'Poppins',sans-serif}footer .container,footer div a{font-weight:600;text-decoration:none}@media (min-width: 1200px){.h3,h3{font-size:1.75rem}.jarax{padding:10px 120px 30px}}@media (min-width: 768px){.post-footer-dashboard{flex-direction:row!important;align-items:flex-start!important}.pfd-sidebar{width:320px!important;flex-shrink:0!important;position:sticky!important;top:20px!important}#toolContainer.is-fixed{position:fixed;top:0;bottom:0;right:0;width:195px;height:100vh;border-radius:0;border-top:none;border-bottom:none;border-right:none;display:flex;flex-direction:column;align-items:center;overflow-y:auto;overflow-x:hidden;padding:20px 12px}#toolContainer.is-fixed #toolControls{flex-direction:column;width:100%;margin-top:15px}#toolContainer.is-fixed #modeIMG{flex-direction:column;width:100%}#toolContainer.is-fixed #modeIMG button{width:100%;font-size:11px;padding:10px 0}#toolContainer.is-fixed select{width:100%;font-size:13px;height:35px;text-align:center}#toolContainer.is-fixed::-webkit-scrollbar{width:6px}#toolContainer.is-fixed::-webkit-scrollbar-track{background:#15151a}#toolContainer.is-fixed::-webkit-scrollbar-thumb{background:#4ade80;border-radius:6px}#toolContainer.is-fixed.hidden-panel{transform:translateX(100%);opacity:0;pointer-events:none}body.autoscroll-active-desktop #posted{padding-right:210px!important;transition:padding-right .3s ease}}@media (min-width: 720px){.jarax{padding:20px 60px 30px}#navmenu{display:block}}@media (max-width: 767px){#toolContainer.is-fixed{position:fixed;bottom:calc(15px + 81px + 10px);left:10px;right:10px;width:calc(100% - 20px);border-radius:14px;display:flex;flex-direction:column;gap:12px;padding:12px;box-shadow:0 -5px 25px #0006}#toolContainer.is-fixed #chordku{display:flex;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;width:100%;gap:6px;padding-bottom:8px;-webkit-overflow-scrolling:touch;justify-content:flex-start}#toolContainer.is-fixed #toolControls{flex-direction:row;flex-wrap:nowrap;overflow-x:auto;width:100%;align-items:center;padding-bottom:4px}#toolContainer.is-fixed #modeIMG{flex-direction:row;flex-wrap:nowrap}#toolContainer.is-fixed .crdQ{flex:0 0 auto}#toolContainer.is-fixed #modeIMG button{flex:0 0 auto;font-size:11px;padding:8px 12px}#toolContainer.is-fixed .transpose-wrapper{flex:0 0 auto}#toolContainer.is-fixed select{flex:0 0 auto;width:auto;font-size:13px;height:34px}#toolContainer.is-fixed::-webkit-scrollbar{height:4px}#toolContainer.is-fixed::-webkit-scrollbar-track{background:#15151a;border-radius:4px}#toolContainer.is-fixed::-webkit-scrollbar-thumb{background:#4ade80;border-radius:4px}#toolContainer.is-fixed.hidden-panel{transform:translateY(150%);opacity:0;pointer-events:none}}@media (max-width: 719px){.w-33{width:50%}#related .related-title{margin-top:60px}.reldat-info,.album-data{width:100%;margin:0 auto}.album-data{margin-top:40px}.intro h2{font-size:38px}.mobile_nav{display:block}.navmenu{position:absolute;top:50px;right:0;background:#fff;z-index:3;border-left:1px solid #a1a1a1;border-bottom:1px solid #a1a1a1}#article{font-size:14px}#article span{font-size:12px}}@media (max-width: 600px){.cb-autoscroll-container{bottom:12px;padding:8px 10px;gap:6px;justify-content:center}.cb-as-btn{padding:5px 9px;font-size:12px}.cb-as-input{width:40px;padding:4px;font-size:12px}#toolContainer.is-fixed{bottom:calc(15px + 68px + 10px);left: 5px; width: calc(100% - 10px);}}@media (max-width: 414px){.cb-autoscroll-container{border-radius:0;bottom:0!important}#toolContainer.is-fixed{bottom:calc(0px + 77px + 10px);left:0;right:0;width:100%;border-radius:0}.album-data,.album-data img{height:200px!important}.w-33{width:100%}}@media (prefers-color-scheme: dark){#chord-recommendations{background:#0f172a;border-color:#1e293b;box-shadow:0 10px 30px #0000004d}#chord-recommendations h3{color:#f8fafc}#chord-recommendations h3::before{background-color:#818cf8}#chord-recommendations li a{background-color:#1e293b;color:#cbd5e1;border-color:#334155}#chord-recommendations li a:hover{background-color:#334155;color:#38bdf8;border-color:#0284c7;box-shadow:0 4px 12px #38bdf826}#chord-recommendations li a::after{color:#64748b}#chord-recommendations li a:hover::after{color:#38bdf8}}