.hymn-main .spirit-article{max-width:1180px}.hymn-player{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:32px;margin-top:32px;align-items:start}.hymn-cover img{display:block;width:100%;height:auto;border:1px solid #ae822a}.hymn-cover audio{width:100%;display:block;margin-top:20px}.hymn-cover .welcome-button{display:flex;justify-content:center;margin-top:20px}.hymn-status{font-size:14px!important;color:#bec9c9}.hymn-words{min-width:0;border-top:2px solid var(--gold);background:#080f10}.hymn-words h2{margin:0!important;padding:20px 24px;color:var(--cyan)}.hymn-scroll{height:520px;overflow:auto;overscroll-behavior:contain;padding:0 16px 24px;scrollbar-color:#168b9b #101819}.hymn-line{display:grid;grid-template-columns:45px 1fr;gap:10px;font-size:16px!important;line-height:1.7!important;padding:10px 12px;margin:0!important;border-left:2px solid transparent}.hymn-line>span{color:#81b4ba;font:14px/1.9 Oswald,sans-serif}.hymn-line.is-current{background:#113037;border-color:var(--cyan);color:#ffd15f}.hymn-line.is-current>span{color:#ffd15f}.hymn-scroll:focus-visible{outline:2px solid var(--gold);outline-offset:4px}@media(min-width:1271px) and (max-width:1500px){header nav.wrap{flex-wrap:wrap;justify-content:space-between;gap:10px}header .links{width:100%;justify-content:space-between;overflow-x:auto;gap:20px}}@media(max-width:760px){.hymn-player{grid-template-columns:1fr;gap:28px}.hymn-cover{max-width:480px;width:100%;margin:auto}.hymn-scroll{height:400px}.hymn-line{padding:9px 6px;grid-template-columns:38px 1fr}}


.hymn-cover audio{display:none}
.hymn-console{margin-top:20px;padding:20px;border:1px solid #b9913d;border-top:2px solid #e5bc62;border-radius:9px;background:repeating-linear-gradient(0deg,#ffffff03 0 1px,transparent 1px 3px),linear-gradient(130deg,#202628,#090d0e 65%);box-shadow:inset 0 0 0 3px #090c0c,0 4px 18px #0005}
.hymn-console-heading span{display:block;color:#edc16c;font:400 .7rem/1.7 Oswald,sans-serif;letter-spacing:.15em}
.hymn-console-heading strong{color:#39d4e0;font:500 1.4rem/1.6 Oswald,sans-serif;letter-spacing:.04em}
.hymn-controls{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:18px}
.hymn-controls button{min-height:44px;padding:10px 12px;border:1px solid #ae822a;border-radius:5px;background:#182325;color:#f3e8ca;font:400 .9rem Oswald,sans-serif;cursor:pointer}
.hymn-controls #hymn-play{flex:0 0 52px;width:52px;height:52px;padding:0;border-radius:50%;border:2px solid #e8c576;outline:1px solid #38c5d3;outline-offset:3px;background:linear-gradient(135deg,#ffda7b,#b77d1c);box-shadow:inset 0 2px 3px #ffebaf80,0 0 12px #27b9c329;color:#141a1a;font-size:24px}
.hymn-controls button[aria-pressed="true"]{background:#e5ae28;color:#101819}
.hymn-volume{display:flex;align-items:center;gap:10px;flex:1;min-width:180px;font:400 .8rem Oswald,sans-serif;color:#d0d9d9}
.hymn-volume input{width:100%;min-width:50px;min-height:44px;accent-color:#2cd2df}.hymn-volume output{min-width:38px;white-space:nowrap;color:#edc16c}
.hymn-progress{display:flex;align-items:center;gap:10px;margin-top:14px;color:#a8b8b8;font:400 .75rem Oswald,sans-serif}.hymn-progress input{flex:1;min-width:0;min-height:28px;accent-color:#e5bc62}.hymn-console .hymn-status{margin:8px 0 0;font:400 .8rem/1.5 Oswald,sans-serif!important}.hymn-console :focus-visible{outline:2px solid #49c4d3;outline-offset:4px}
