/* GraceSongCharts branding add-on */
:root{--grace-gold:#f5bd43;--grace-orange:#ff9418;--grace-paper:#fffaf0;--grace-ink:#292014}
body{background:#11100e;color:var(--grace-paper);font-family:Arial,Helvetica,sans-serif}
.grace-header{display:flex;align-items:center;gap:16px;padding:16px 24px;background:#080808;border-bottom:2px solid var(--grace-gold)}
.grace-logo{width:72px;height:72px;object-fit:contain;flex-shrink:0}
.grace-title{margin:0;color:var(--grace-gold);font-size:clamp(22px,4vw,32px)}
.grace-subtitle{margin:5px 0 0;color:#e4d5b8;font-size:13px}
.grace-panel{background:#211c15;border:1px solid #544124;border-radius:14px;padding:18px}
.grace-button{padding:10px 16px;border:1px solid var(--grace-gold);border-radius:8px;background:var(--grace-gold);color:#201509;font:inherit;font-weight:700;cursor:pointer}
.grace-button:hover{background:var(--grace-orange)}
.grace-button:focus-visible,.grace-input:focus-visible{outline:3px solid var(--grace-orange);outline-offset:3px}
.grace-input{box-sizing:border-box;width:100%;padding:12px;border:1px solid #dfc89b;border-radius:8px;background:white;color:var(--grace-ink);font:inherit}
.grace-chart{position:relative;isolation:isolate;overflow:hidden;padding:clamp(18px,4vw,40px);border:1px solid #dfc89b;border-radius:14px;background:var(--grace-paper);color:var(--grace-ink)}
.grace-chart::before{content:"";position:absolute;inset:0;z-index:-1;background:url("./assets/grace-logo.png") center 100px / min(75%,460px) no-repeat;opacity:.045;pointer-events:none}
.grace-chart pre,.grace-chart .chord-line{font-family:Consolas,"Courier New",monospace;white-space:pre;overflow-x:auto;line-height:1.65}
.grace-chart .chord{color:#8b4500;font-weight:700}.grace-chart .section-label{color:#754500;font-weight:700}
.grace-login{box-sizing:border-box;width:min(420px,calc(100vw - 32px));padding:26px;border:1px solid var(--grace-gold);border-radius:16px;background:#211c15;color:var(--grace-paper)}
.grace-login::backdrop{background:rgb(0 0 0 / 75%)}.grace-login h2{margin-top:0;color:var(--grace-gold)}
.grace-login-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.grace-login-error{min-height:20px;color:#ffb9a6}
@media(max-width:600px){.grace-header{gap:12px;padding:12px}.grace-logo{width:56px;height:56px}}
@media print{body{background:white;color:black}.grace-chart{border:none}.grace-login,.no-print{display:none!important}}