html,body{margin:0;padding:0;font:11px Helvetica,Arial,sans-serif;color:#000}.main{font:10px Verdana,Arial,Helvetica,sans-serif;color:#fff;letter-spacing:1px}#navbar_title{font-size:17px;font-weight:700;color:#fff;text-align:left;white-space:nowrap;padding-left:1em}a{font:700 10px Verdana,Arial,Helvetica,sans-serif;letter-spacing:2px}a:link,a:visited{color:#fff;text-decoration:none}a:active,a:hover{color:#fc3;text-decoration:underline}abbr,acronym{border-bottom:0px;cursor:help}input,select{color:#000;background:#fff;font:11px Helvetica,Arial,sans-serif}textarea{font:12px monospace}.email_snapshot{width:265px;background:#fff;color:#666;font:11px monospace}.navbar{background:#000;color:#fff;font:12px Helvetica,Arial,sans-serif}.history{font:10px Arial,sans-serif;color:#00f}.copyright{font:11px Verdana,sans-serif;color:gray}.rb{font:8pt Arial,Helvetica,Geneva,sans-serif;color:#333;text-align:left}select.cssChRooms,select.cssGuestBook{color:#00c}select.cssChordList,select.cssScaleList{background:#efefef}select.cssMidi{color:#f33;background:#fee;font-size:10px}input.cssChordName{font-size:14px;font-weight:700;text-align:center}.fretno{font:10px Arial,sans-serif;color:#333;text-align:center}.n_txt{margin-top:-16px;margin-bottom:-16px;height:0;font:700 10px Arial,sans-serif;color:#fff;text-align:center}.n{width:20px;line-height:normal;font:8pt Arial,sans-serif;color:#000;text-align:center}.n:empty:before{content:" "}.bb{font-size:.8em;letter-spacing:-1px}textarea#linksText{overflow:auto;width:450px;color:#333;background:#fc9;border-style:dashed;border-width:1px 1px 1px 1px;border-color:#fff}textarea#infoText{width:470px;background:#efefef;border-style:dotted;border-width:1px 1px 1px 0px;border-color:#666}.chordhouse-page{min-height:100vh;margin:0;font:16px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#1a1a1a}.chordhouse-page[data-room=home]{background:#f90}.chordhouse-page[data-room=ge]{background:#fc0}.chordhouse-page[data-room=ga]{background:#f90}.chordhouse-page[data-room=p]{background:#36f}.chordhouse-page[data-room=faq]{background:red}.chordhouse-shell{max-width:800px;margin:0 auto;background:#fff;min-height:100vh;padding:2rem 1.5rem 3rem;box-sizing:border-box}.chordhouse-page[data-room=home] .chordhouse-shell{background:transparent;color:#fff;min-height:0;padding:1.5rem 1rem 2.5rem;text-align:center}.chordhouse-page[data-room=home] .chordhouse-shell a{color:#fff}.chordhouse-page[data-room=home] .chordhouse-shell a:hover{color:#fc3}.chordhouse-nav{position:sticky;top:0;z-index:10;background:#000;color:#fff;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;padding:.5rem 1.25rem;font:700 12px Verdana,Arial,Helvetica,sans-serif;letter-spacing:.5px}.chordhouse-nav:empty{min-height:2.5rem}.chordhouse-nav a{color:#fff;text-decoration:none;padding:.25rem 0;border-bottom:2px solid transparent;font:700 12px Verdana,Arial,Helvetica,sans-serif;letter-spacing:.5px}.chordhouse-nav a:hover{color:#fc3}.chordhouse-nav a[aria-current=page]{color:#fc3;border-bottom-color:#fc3}.chordhouse-nav__home{font-weight:700;margin-right:auto}.chordhouse-nav__rooms{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem}.chordhouse-nav__rooms .sep{color:#555}.chordhouse-page[data-room=ge] .chordhouse-shell,.chordhouse-page[data-room=ga] .chordhouse-shell,.chordhouse-page[data-room=p] .chordhouse-shell{background:transparent;min-height:0;padding:1.5rem 1rem 2.5rem;text-align:center}.chordhouse-page[data-room=ge] .chordhouse-shell a,.chordhouse-page[data-room=ga] .chordhouse-shell a,.chordhouse-page[data-room=p] .chordhouse-shell a{color:#fff}.room-card{display:block;max-width:760px;margin:0 auto;padding:1.5rem 1.5rem 1.25rem;background:#fff;color:#1a1a1a;border-radius:14px;box-shadow:0 4px 20px #00000040;text-align:center}.room-card a{color:#333}.room-card .copyright{margin-top:1.5rem}.room-card .rb-note{color:#666;font-style:italic}.room-card .rb label{cursor:pointer}.room-card .audio-controls{margin:.75rem 0;text-align:center}.room-card .audio-controls.vertical{display:flex;flex-direction:column;align-items:center;gap:.5rem;min-width:160px}.room-card .audio-controls button{display:inline-flex;align-items:center;gap:.35rem;padding:.45rem .95rem;margin:0 .2rem;font:700 13px/1 Verdana,Arial,Helvetica,sans-serif;letter-spacing:.5px;cursor:pointer;background:#1a1a1a;color:#fff;border:1px solid #1a1a1a;border-radius:999px;transition:background .15s ease,color .15s ease,border-color .15s ease}.room-card .audio-controls button:hover{background:#f90;color:#000;border-color:#f90}.room-card .audio-controls button:disabled{background:transparent;color:#ccc;border-color:#d8d8d8;cursor:not-allowed}.room-card .audio-controls button:disabled:hover{background:transparent;color:#ccc;border-color:#d8d8d8}.room-card .audio-controls .instrument-picker-wrap{position:relative;display:inline-block;vertical-align:middle;margin:0 .2rem}.room-card .audio-controls button.audio-instrument{width:30px;height:30px;padding:0;margin:0;background:transparent;color:#555;border:none;justify-content:center}.room-card .audio-controls button.audio-instrument svg{width:22px;height:22px}.room-card .audio-controls .instrument-picker{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:pointer;font:inherit}.room-card .audio-controls .instrument-picker-wrap:hover button.audio-instrument,.room-card .audio-controls .instrument-picker:focus+button.audio-instrument{background:transparent;color:#f90;border-color:transparent}.room-card .play-indicator{display:inline-flex;align-items:flex-end;justify-content:center;gap:3px;width:30px;margin:0 .2rem;height:18px;vertical-align:middle;opacity:0;transition:opacity .25s ease}.room-card .play-indicator.active{opacity:1}.room-card .play-indicator .bar{display:inline-block;width:3px;height:6px;background:#f90;border-radius:1px}.room-card .play-indicator.active .bar:nth-child(1){animation:ch-eq-bar-1 .65s ease-in-out infinite}.room-card .play-indicator.active .bar:nth-child(2){animation:ch-eq-bar-2 .5s ease-in-out infinite}.room-card .play-indicator.active .bar:nth-child(3){animation:ch-eq-bar-3 .55s ease-in-out infinite}@keyframes ch-eq-bar-1{0%,to{height:6px}50%{height:16px}}@keyframes ch-eq-bar-2{0%,to{height:14px}50%{height:4px}}@keyframes ch-eq-bar-3{0%,to{height:8px}50%{height:18px}}.room-card table:not(:has(select)){border-collapse:collapse;line-height:0}.room-card table:not(:has(select)) img{display:block;vertical-align:top}.room-card td:has(img+img) img{display:inline;vertical-align:top}.room-card input.cssChordName{font-size:17px;width:220px}.room-card .chord-selector-grid{font:11px/1.2 Helvetica,Arial,sans-serif}.room-card .chord-selector-grid select.cssChordList{font-size:13px}.room-card .print-list-grid{margin-top:.5rem}.room-card .print-list-grid select.cssPrintList{width:132px;box-sizing:border-box;font-size:13px}.home-pill{display:inline-flex;align-items:center;gap:.75rem;background:#000;color:#fff;padding:.5rem 1.5rem;border-radius:999px;margin:0 auto 1.25rem;font:700 12px Verdana,Arial,Helvetica,sans-serif;letter-spacing:.5px}.home-pill a{color:#fff;text-decoration:none;font:700 12px Verdana,Arial,Helvetica,sans-serif;letter-spacing:.5px}.home-pill a:hover{color:#fc3}.home-pill .sep{color:#555}.home-hero{position:relative;display:flex;align-items:stretch;width:100%;max-width:760px;min-height:460px;margin:0 auto;background-color:#000;background-position:left center;background-repeat:no-repeat;background-size:cover;border-radius:14px;overflow:hidden;text-align:left;box-shadow:0 4px 20px #00000040}.home-hero__rooms{display:flex;flex-direction:column;justify-content:center;margin:0 0 0 auto;padding:1.5rem 1.75rem 3rem;width:42%;color:#fff;font:13px/1.6 Verdana,Arial,Helvetica,sans-serif;letter-spacing:1px}.home-hero__rooms .item{margin:0 0 1.5rem}.home-hero__rooms .item:last-child{margin-bottom:0}.home-hero__rooms form.item{margin-top:2.5rem}.home-hero__rooms .item .title{display:block;color:#fff;text-decoration:none;font:700 16px/1.4 Verdana,Arial,Helvetica,sans-serif;letter-spacing:1.5px}.home-hero__rooms .item .title:hover{color:#fc3}.home-hero__rooms .item .desc{display:block;margin-top:.1rem;color:#ccc}.home-hero__rooms .donation-link{background:none;border:0;padding:0;cursor:pointer;color:#fff;font:700 16px/1.4 Verdana,Arial,Helvetica,sans-serif;letter-spacing:1.5px;text-align:left}.home-hero__rooms .donation-link:hover{color:#fc3}@media(max-width:720px){.home-hero__rooms{width:100%;background:#0000008c;padding:1.5rem 1.25rem 4rem}}.home-hero__copyright{position:absolute;left:0;right:0;bottom:0;padding:.6rem 1rem;background:#00000073;color:#fff;text-align:center;font:11px Tahoma,Arial,Helvetica,sans-serif;letter-spacing:.5px}.home-orange-link{margin:1.25rem 0 0;font:700 14px Verdana,Arial,Helvetica,sans-serif;letter-spacing:1.5px}.home-orange-link a{color:#fff;text-decoration:none}.home-orange-link a:hover{color:#000}.chordhouse-popover{width:600px;max-width:90vw;height:560px;max-height:85vh;padding:0;border:0;border-radius:14px;overflow:hidden;box-shadow:0 20px 80px #00000080;background:#fff}.chordhouse-popover::backdrop{background:#0000008c}.chordhouse-popover__close{position:absolute;top:.5rem;right:.5rem;z-index:2;width:2.25rem;height:2.25rem;border:0;border-radius:50%;background:#0009;color:#fff;font:700 20px/1 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1}.chordhouse-popover__close:hover{background:#000000d9}.chordhouse-popover__frame{display:block;border:0;width:100%;height:100%}html{scroll-padding-top:56px}.chordhouse-page[data-room=faq] .chordhouse-shell{max-width:none;padding:0;background:transparent;min-height:0}.faq-layout{display:flex;align-items:flex-start}.faq-rail{flex:0 0 260px;background:red;color:#fff;padding:1.5rem 1.25rem 2rem;position:sticky;top:40px;max-height:calc(100vh - 40px);overflow-y:auto;box-sizing:border-box;align-self:stretch}.faq-main{flex:1 1 0;min-width:0;background:#fff;color:#1a1a1a;padding:2rem 2.5rem 3rem;box-sizing:border-box;font:14px/1.55 Helvetica,Arial,sans-serif}.faq-main a{color:#000;text-decoration:underline;font:inherit;letter-spacing:inherit}.faq-main a:hover{color:#c00}@media(max-width:720px){.faq-layout{flex-direction:column}.faq-rail{flex:0 0 auto;position:static;max-height:none;align-self:auto}.faq-main{padding:1.5rem 1.25rem 2rem}}.faq-rail .faq-toc{margin:0}.faq-rail .faq-toc h2{margin:1.75rem 0 .4rem;font:700 11px/1.3 Helvetica,Arial,sans-serif;color:#fff;text-transform:uppercase;letter-spacing:1.5px}.faq-rail .faq-toc h2:first-child{margin-top:0}.faq-rail .faq-toc ul{list-style:none;margin:0;padding:0;font-size:12.5px;line-height:1.5}.faq-rail .faq-toc li{margin:.1rem 0}.faq-rail .faq-toc a{color:#ffe2e2;text-decoration:none;font:inherit;letter-spacing:inherit}.faq-rail .faq-toc a:hover{color:#fff;text-decoration:underline}.faq-main .faq-header h1{margin:0 0 1.5rem;font:22px/1.3 Geneva,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#1a1a1a}.faq-column-headers{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.9fr);gap:1.5rem 2rem;padding:0 0 .5rem;margin:0 0 .75rem;border-bottom:1px solid #ff0000;color:#c00;font:700 14px Helvetica,Arial,sans-serif}@media(max-width:720px){.faq-column-headers{display:none}}.faq-item{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.9fr);gap:1.5rem 2rem;align-items:start;margin:0;padding:1.25rem 0;border-top:1px solid #ff0000;scroll-margin-top:56px}.faq-item:first-of-type{border-top:0}.faq-item:last-of-type{border-bottom:1px solid #ff0000}@media(max-width:720px){.faq-item{grid-template-columns:1fr;gap:.4rem}}.faq-question{margin:0}.faq-q{display:inline;font:17px/1.45 Helvetica,Arial,sans-serif;font-weight:400;color:#1a1a1a}.faq-q b{font-weight:700}.faq-quotes{display:inline;margin:0;padding:0;list-style:none;font:italic 12px/1.55 Geneva,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#888}.faq-quotes li{display:inline}.faq-quotes li:before{content:"•";color:#c00;font-style:normal;margin:0 .4rem 0 .3rem;font-size:.75em;vertical-align:middle}.faq-answer{margin:0}.faq-answer p{margin:0 0 .65rem;font-size:14px;line-height:1.55;color:#333}.faq-answer p:last-child{margin-bottom:0}.faq-answer ul{margin:.25rem 0 .75rem;padding-left:1.5rem}.faq-answer li{margin:.2rem 0}.faq-diagrams{display:flex;gap:1.75rem;flex-wrap:wrap;justify-content:center;margin:1rem 0}.faq-diagrams figure{margin:0;text-align:center}.faq-diagrams figcaption{margin:0 0 .35rem;font:700 13px/1.3 Geneva,Helvetica,Arial,sans-serif;color:#1a1a1a}.faq-diagrams table{border-collapse:collapse;line-height:0;margin:0 auto}.faq-diagrams table img{display:block;vertical-align:top}.faq-back-to-top{display:inline-block;margin:1.5rem 0;font-size:13px;color:#c00}.room-card .print-list-grid #printListView{width:132px;height:146px;box-sizing:border-box;overflow-y:auto;border:1px solid #767676;background:#fff;font-size:13px;color:#000}.room-card .print-list-grid #printListView .print-row{padding:2px 4px;line-height:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.room-card .print-list-grid #printListView .print-row.selected{background:#1d6ad6;color:#fff}.piano-keyboard{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.piano-keyboard>table{white-space:nowrap}
