.library-tabs{display:flex;gap:4px;flex-shrink:0;background:#f2f0ed;border-radius:16px;padding:4px;margin:18px 0}.library-tabs button{flex:1;min-height:52px;border-radius:12px;background:none;font-size:19px;color:#79706c}.library-tabs button[aria-current=page]{background:#fff;color:var(--accent);font-weight:650}.scripture-library .library-tabs{margin:0 0 12px}.scripture-library .scripture-cover{margin-top:8px}
.app-shell:has(.shorts-view){grid-template-rows:minmax(0,1fr) auto;background:#fffdfb}.app-shell:has(.shorts-view) .topbar{display:none}.app-shell:has(.shorts-view) main{padding:24px 20px 16px;overflow-y:auto}.shorts-view{display:flex;flex:1;min-height:0;flex-direction:column}.shorts-view h1{font-size:30px;flex-shrink:0}.shorts-view .library-tabs{margin:14px 0}.shorts-view #shorts-content{display:flex;flex-direction:column;flex:1;min-height:0;gap:14px}.shorts-player{position:relative;flex:1;min-height:200px;display:flex;justify-content:center;align-items:center;overflow:hidden;border-radius:18px;background:#191715}.shorts-player video{display:block;width:100%;height:100%;min-height:0;object-fit:contain;background:#191715}.shorts-caption{flex-shrink:0}.shorts-caption>span{display:block;font-size:14px;color:#8b7c74;margin-bottom:5px}.shorts-caption h2{font-size:21px;line-height:1.45;font-weight:650;word-break:keep-all;overflow-wrap:anywhere;letter-spacing:-.5px}.shorts-caption h2:focus{outline:none}.shorts-pager{display:flex;align-items:center;gap:12px;flex-shrink:0}.shorts-pager button{flex:1;min-height:54px;font-size:20px;padding:12px 16px}.shorts-pager>span{font-size:16px;color:#8b7c74;min-width:55px;text-align:center;font-variant-numeric:tabular-nums}.shorts-error{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#191715ee;color:white;padding:24px;text-align:center;font-size:18px;gap:16px}.shorts-error[hidden]{display:none}.shorts-message{margin:auto 0;text-align:center;font-size:20px;color:#786f69;line-height:1.6}.shorts-message .secondary{font-size:20px;margin-top:20px}
@media(max-height:720px){.app-shell:has(.shorts-view) main{padding:16px}.shorts-view h1{font-size:26px}.shorts-view .library-tabs{margin:10px 0}.shorts-view #shorts-content{gap:10px}.shorts-caption h2{font-size:19px}.shorts-caption>span{font-size:13px}.library-tabs button{min-height:46px}.shorts-pager button{min-height:50px}.scripture-library .scripture-cover{min-height:124px;padding-top:16px;padding-bottom:16px}}
@media(max-height:600px){.shorts-view{min-height:620px}.shorts-player{min-height:280px}.app-shell:has(.shorts-view){height:auto;min-height:100dvh}}

.shorts-view>.shorts-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}