.library-backdrop{display:none}@media (width<=1199px){.shiur-app{min-height:100dvh!important}.app-header{flex-wrap:wrap;gap:10px!important;padding:12px 20px!important}.app-brand{min-width:220px}.app-main{width:100%;max-width:1000px!important;margin:0 auto!important;padding:24px!important}.shiur-app button,.shiur-app select{min-height:44px}.shiur-app button{touch-action:manipulation}.shiur-app button:focus-visible,.shiur-app input:focus-visible,.shiur-app [contenteditable]:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.responsive-row{flex-wrap:wrap;min-width:0}.responsive-row>div,.responsive-row>span{min-width:0}.library-backdrop{z-index:199;background:#0000008c;border:0;border-radius:0;display:block;position:fixed;inset:0}.library-sidebar{z-index:200;bottom:0;left:0;box-shadow:8px 0 32px #00000059;width:min(360px,92vw)!important;min-width:0!important;height:100dvh!important;position:fixed!important;top:0!important}.dialog-overlay{padding:16px!important}.dialog-overlay>div{min-width:0;overflow-y:auto;max-width:100%!important;max-height:calc(100dvh - 32px)!important}.export-menu{overscroll-behavior:contain;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow-y:auto}}@media (width<=600px){.app-header{gap:8px!important;padding:12px 16px!important;position:relative!important}.app-header>svg{width:36px;height:36px}.app-brand{min-width:0;flex:calc(100% - 52px)!important}.app-brand>div:first-child{font-size:22px!important}.app-header>button{flex:auto;justify-content:center}.app-body{display:block!important}.app-main{gap:16px!important;padding:20px 16px!important}.shiur-app{overflow-wrap:anywhere}.shiur-app input:not([type=checkbox]):not([type=radio]),.shiur-app textarea,.shiur-app select,.transcript-edit{max-width:100%;font-size:16px!important}.shiur-app input:not([type=checkbox]):not([type=radio]),.shiur-app label[title]{min-height:44px}.shiur-app button{min-width:44px;max-width:100%}.responsive-row{gap:8px!important}.responsive-grid{grid-template-columns:minmax(0,1fr)!important}.shiur-app [style*="grid-template-columns: repeat(7"] button{min-width:0}.notes-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:thin}.notes-tabs button{overflow-wrap:anywhere;text-align:left;flex:none;max-width:min(280px,100vw - 64px);line-height:1.3;white-space:normal!important}.dialog-overlay{padding:8px!important}.dialog-overlay>div{max-height:calc(100dvh - 16px)!important}.guide-body{flex-direction:column}.guide-nav{border-bottom:1px solid var(--border);max-height:160px;border-right:0!important;width:100%!important}.guide-content{min-height:0;padding:20px 16px!important}.shiur-app table{max-width:100%;display:block;overflow-x:auto}}.shiur-app button{transition:background-color .15s,border-color .15s,color .15s,filter .15s,box-shadow .15s}.shiur-app button:not(:disabled):hover{filter:brightness(1.08);border-color:var(--gold-dim)}.shiur-app button:not(:disabled):active{transform:translateY(1px)}.shiur-app button:disabled{opacity:.55;cursor:not-allowed}.shiur-app :is(button,a,input,select,textarea,[contenteditable]):focus-visible{outline:2px solid var(--gold);outline-offset:2px;box-shadow:0 0 0 4px var(--ring)}.shiur-app textarea:focus,.shiur-app input:focus,.shiur-app [contenteditable]:focus{border-color:var(--gold-dim)!important}::selection{background:var(--ring)}.shiur-app{scrollbar-color:var(--border) transparent}.shiur-app ::-webkit-scrollbar{width:10px;height:10px}.shiur-app ::-webkit-scrollbar-thumb{background:var(--border);background-clip:padding-box;border:2px solid #0000;border-radius:10px}.app-header .app-brand>div:first-child{letter-spacing:.01em}.result-toast{animation:.2s toastIn}@keyframes toastIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.shiur-app *,.result-toast{transition:none!important;animation:none!important}}@media (width<=600px){.input-card{border-radius:12px!important;padding:12px!important}}.library-sidebar{box-shadow:inset -1px 0 0 var(--border-subtle)}