.header-flex{display:flex;align-items:center;justify-content:space-between}.header-logo{flex-shrink:0}.header-logo img{max-height:60px;width:auto}.header-logo #logo a{font-size:28px;font-weight:700;color:#111;text-decoration:none;white-space:nowrap}.secondary-navigation{flex:1;display:flex;justify-content:flex-end;align-items:center}.secondary-navigation .menu{display:flex;gap:20px;margin:0;padding:0;list-style:none}.secondary-navigation .menu li a{color:#fff;text-decoration:none;font-weight:500;padding:10px 12px}.secondary-navigation .menu li a:hover{color:#ffd54f}@media(max-width:768px){.header-flex{flex-direction:column;align-items:flex-start}.secondary-navigation{width:100%;justify-content:flex-start}}.song-meta-share-row{display:flex;align-items:center;justify-content:space-between;width:100%;margin:6px 0 14px;box-sizing:border-box}.song-meta-share-row .meta-info{flex:1 1 auto;min-width:0;font-size:15px;line-height:1.5;color:#444}.song-meta-share-row .meta-item{display:inline;white-space:normal}.song-meta-share-row .meta-item strong{color:#333;font-weight:700}.song-meta-share-row .meta-item a{color:#1976d2;text-decoration:none}.hopamla-fb-share{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-left:auto;flex:0 0 auto;white-space:nowrap}.hopamla-fb-share a{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:30px;padding:0 10px;box-sizing:border-box;border-radius:9px;background:#1877f2;color:#fff!important;text-decoration:none!important;font:600 16px/1 Arial,sans-serif;box-shadow:0 2px 5px rgb(24 119 242 / .18);transition:background .16s ease,transform .12s ease,box-shadow .16s ease}.hopamla-fb-share a:hover{background:#166fe5;transform:translateY(-1px);box-shadow:0 5px 12px rgb(24 119 242 / .22)}.hopamla-fb-share a:active{transform:translateY(0)}.fb-icon{display:inline-flex;align-items:center;justify-content:center;width:23px;height:23px;border-radius:50%;background:#fff;color:#1877f2;font:bold 18px/1 Arial,sans-serif}.fb-count{color:#777;font:15px/1 Arial,sans-serif}#hopamla-share-count{color:#555;font-weight:600}@media (max-width:768px){.song-meta-share-row{gap:15px}.hopamla-fb-share{gap:8px}.hopamla-fb-share a{border-radius:8px;font-size:14px}.fb-icon{width:21px;height:21px;font-size:17px}.fb-count{font-size:13px}}@media (max-width:600px){.song-meta-share-row{flex-direction:column;align-items:stretch;justify-content:flex-start;gap:8px;margin:5px 0 12px}.song-meta-share-row .meta-info{display:block;width:100%;flex:0 0 auto;line-height:1.55;text-align:left;overflow-wrap:break-word;word-break:normal}.hopamla-fb-share{width:100%;gap:6px;margin:0}.hopamla-fb-share a{padding:0 9px;gap:6px;font-size:13px}.fb-icon{width:20px;height:20px;font-size:16px}.fb-count{font-size:12px}}@media (max-width:380px){.song-meta-share-row{gap:6px}.song-meta-share-row .meta-info{font-size:14px;line-height:1.5}.hopamla-fb-share{gap:5px}.hopamla-fb-share a{padding:0 8px;font-size:12px}.fb-icon{width:19px;height:19px;font-size:15px}.fb-count{font-size:11px}}.hopamla-song-chords-summary{margin:4px 0 12px;font-size:14px;line-height:1.5;color:#555}.hopamla-chord-heading{margin:0 0 5px;font-size:20px;line-height:1.35;font-weight:600}.chord-highlight{color:#e74c3c;font-weight:400;padding:0 2px;border-radius:4px;transition:color .2s ease,background .2s ease}#chord-diagrams{display:flex;flex-wrap:wrap;align-items:flex-start;gap:28px;padding:10px 0;box-sizing:border-box;max-width:100%;row-gap:8px}.chord-svg-wrapper{display:block;width:120px;min-width:100px;max-width:140px;flex:0 0 auto;text-align:center}.chord-controls{display:flex;align-items:center;justify-content:center;margin:18px 0 15px 24px}.chord-controls button{font-size:12px;cursor:pointer;background:none;border:none;padding:0;margin:0}.chord-label{font-size:12px;line-height:1;min-width:50px;text-align:center;display:inline-flex;align-items:center;justify-content:center}.jtab{width:120px;height:100px;text-align:center}.jtab.chordonly{height:118px}.voicing-controls{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:8px}.voicing-controls button{background:#f7f7f7;border:1px solid #ddd;border-radius:5px;padding:2px 6px;cursor:pointer;font-size:14px;transition:.2s}.voicing-controls button:hover{background:#e74c3c;color:#fff}.voicing-indicator{font-size:13px;font-weight:600;color:#444}#meta-info,.meta-info{font-size:14px}#lyric,.lyric{font-size:16px}#controls{display:flex;flex-wrap:nowrap;align-items:center;gap:7px;padding:9px 0;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch}#controls::-webkit-scrollbar{display:none}#controls .control-group{display:flex;align-items:center;flex-wrap:nowrap;position:relative;gap:5px;padding-right:13px;flex-shrink:0}#controls .control-group:not(:last-child)::after{content:"";position:absolute;right:0;top:50%;width:1px;height:24px;background:#e1e4e6;transform:translateY(-50%)}#controls button{appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;height:40px;min-width:40px;padding:0 12px;box-sizing:border-box;background:#fff;color:#303438;border:1px solid #dfe3e6;border-radius:9px;font-family:inherit;font-size:14px;font-weight:500;line-height:1;cursor:pointer;white-space:nowrap;box-shadow:0 1px 2px rgb(0 0 0 / .035);transition:background .16s ease,color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .12s ease}#controls button:hover{background:#f8fafb;color:#222;border-color:#c9ced2;box-shadow:0 4px 12px rgb(0 0 0 / .07);transform:translateY(-1px)}#controls button:active{transform:translateY(0);box-shadow:0 1px 3px rgb(0 0 0 / .05)}#tone-controls{display:flex;align-items:center;gap:5px}#tone-down,#tone-up{min-width:40px!important;padding:0 10px!important;font-size:17px!important;font-weight:600!important;color:#555!important}#tone-down:hover,#tone-up:hover{background:#fafafa!important;color:#333!important;border-color:#c9ced2!important}#current-tone{display:inline-flex;align-items:center;justify-content:center;height:40px;min-width:55px;padding:0 12px;box-sizing:border-box;text-align:center;color:#e74c3c;background:#fff8f8;font-weight:700;font-size:16px;border:1px solid #efcaca;border-radius:9px;cursor:pointer;box-shadow:0 1px 2px rgb(229 57 53 / .04);transition:background .16s ease,border-color .16s ease,box-shadow .16s ease}#current-tone:hover{background:#fff3f3;border-color:#e7a8a8;box-shadow:0 4px 12px rgb(229 57 53 / .09)}#tone-reset{padding:0 13px!important;color:#555!important}#print-btn{padding:0 12px!important}#auto-scroll-btn,#toggle-anh-em{padding:0 13px!important}#toggle-chords{display:inline-flex;align-items:center;flex-wrap:nowrap;gap:5px;padding:0 12px!important;height:40px;overflow:hidden;white-space:nowrap}#easy-chords{padding:0 13px!important;color:#087a78!important;border-color:#cfe3e2!important;background:#fbfefe!important}#easy-chords:hover{color:#056563!important;background:#f2fbfa!important;border-color:#a9cfcd!important;box-shadow:0 4px 12px rgb(8 122 120 / .08)}@media (min-width:769px){#controls{gap:8px}#controls .control-group{gap:5px;padding-right:14px}#controls button{height:30px;min-width:40px;padding:0 13px;border-radius:9px}#current-tone{height:30px;min-width:58px;font-size:17px}#tone-down,#tone-up{min-width:40px!important}}@media (max-width:768px){#controls{gap:6px;padding:8px 0}#controls .control-group{gap:4px;padding-right:10px}#controls .control-group:not(:last-child)::after{height:22px}#controls button{height:30px;min-width:39px;padding:0 10px;font-size:14px;border-radius:8px}#current-tone{height:30px;min-width:53px;padding:0 10px;font-size:16px;border-radius:8px}}@media (max-width:600px){#controls{gap:5px;padding:7px 0}#controls .control-group{gap:4px;padding-right:9px}#controls .control-group:not(:last-child)::after{height:21px;background:#e5e7e9}#controls button{height:26px;min-width:38px;padding:0 9px!important;font-size:13px;border-radius:8px}#tone-down,#tone-up{min-width:38px!important;padding:0 8px!important;font-size:16px!important}#current-tone{height:26px;min-width:50px;padding:0 9px;font-size:15px;border-radius:8px}#tone-reset{padding:0 10px!important}#auto-scroll-btn,#toggle-anh-em,#toggle-chords,#easy-chords,#print-btn{padding:0 9px!important}}@media (max-width:380px){#controls{gap:4px}#controls .control-group{gap:3px;padding-right:8px}#controls button{height:25px;min-width:36px;padding:0 8px!important;font-size:12.5px;border-radius:7px}#current-tone{height:25px;min-width:47px;font-size:14px}#tone-down,#tone-up{min-width:36px!important;padding:0 7px!important}}.hopamla-yt-mobile{display:none;width:100%;clear:both}@media (max-width:600px){#controls{flex-wrap:wrap;gap:8px}#controls .control-group{flex-wrap:wrap;justify-content:center}.hopamla-yt-mobile{display:block!important;width:100%;max-width:100%;clear:both;margin:18px 0 24px;box-sizing:border-box}.hopamla-yt-mobile .hopamla-yt-card{display:block!important;width:100%;max-width:100%;margin:0;box-sizing:border-box}#sidebar .hopamla-yt-card,.sidebar .hopamla-yt-card,aside .hopamla-yt-card,#sidebar .widget_hopamla_youtube_widget,.sidebar .widget_hopamla_youtube_widget,aside .widget_hopamla_youtube_widget,#sidebar [id^="hopamla_youtube_widget-"],.sidebar [id^="hopamla_youtube_widget-"],aside [id^="hopamla_youtube_widget-"]{display:none!important}.hopamla-yt-mobile .hopamla-yt-card{display:block!important}}@media (max-width:480px){.jtab{width:118px}.jtab.chordonly{height:118px}.jtab.tabonly{height:100px}#chord-diagrams{display:flex!important;flex-wrap:wrap!important;gap:0!important;align-items:flex-start;box-sizing:border-box;max-width:102%;margin-left:-24px}.hopamla-yt-mobile{margin-top:16px}.hopamla-yt-player{position:relative;aspect-ratio:16 / 9;background:#111;cursor:pointer;margin:1px;border-radius:4px;overflow:hidden}.hopamla-yt-heading{padding:5px 5px;font-size:18px;font-weight:700;border-bottom:1px solid #e8eaed}}@media screen and (max-width:600px){#page.single #chord-diagrams .chord-controls{display:flex;align-items:center;justify-content:center;gap:0;width:100%;min-width:0;margin:10px -9px 12px!important}#page.single #content_box,#page.single .single_post,#page.single .post-single-content,#page.single #song-content{width:100%;max-width:100%;box-sizing:border-box}#page.single #chord-diagrams{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px 3px!important;width:100%!important;max-width:100%!important;margin:0!important;padding:10px 0!important;box-sizing:border-box;align-items:start}#page.single #chord-diagrams .chord-svg-wrapper{width:100%!important;min-width:0!important;max-width:none!important;flex:none!important;margin:0!important;box-sizing:border-box;text-align:center}#page.single #chord-diagrams .jtab{width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;text-align:center}#page.single #chord-diagrams .jtab svg{display:block;width:118%!important;max-width:126%!important;height:auto!important;margin:0 auto;overflow:visible}#page.single #chord-diagrams .chord-controls{display:flex;align-items:center;justify-content:center;gap:2px;width:100%;min-width:0;margin:4px 0 12px!important;white-space:nowrap}#page.single #chord-diagrams .chord-controls button{flex:0 0 auto;padding:0!important;font-size:12px!important}#page.single #chord-diagrams .chord-label{min-width:0!important;font-size:11px;white-space:nowrap}#page.single #chord-diagrams{transform:translateX(-8px)}}