body{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
.pwa-panel{margin:24px 0}.pwa-panel p{font-size:16px;line-height:1.7;max-width:50rem}.pwa-panel ol{padding-left:24px;line-height:1.9}.pwa-panel button{min-height:48px;margin:8px 12px 8px 0}.pwa-panel small{display:block;line-height:1.6;color:#596971}
.pwa-login{max-width:480px;margin:8vh auto;padding:28px;background:#fffaf0;border:1px solid #e8ddc7;border-radius:28px;color:#243943;font-family:system-ui,sans-serif}.pwa-login img{width:80px;height:80px;border-radius:18px}.pwa-login h1{font-size:28px}.pwa-login label{display:block;margin-top:20px}.pwa-login input{box-sizing:border-box;width:100%;font-size:16px;padding:14px;border:1px solid #b8c7bc;border-radius:12px;margin-top:8px}.pwa-login button{width:100%;min-height:52px;margin-top:24px;border:0;border-radius:14px;background:#609f7e;color:white;font-size:18px;font-weight:700}.pwa-login p{line-height:1.6}.pwa-login #loginStatus{min-height:24px;color:#973f37}.pwa-login button:disabled{opacity:.6}
@media(max-width:560px){.pwa-login{margin:24px 12px;padding:24px}.pwa-panel button{width:100%;margin-right:0}}

.site-filing{padding:20px 16px calc(20px + env(safe-area-inset-bottom,0px));text-align:center;font:14px/1.6 system-ui,sans-serif;color:#596971}.site-filing a{display:inline-flex;align-items:center;min-height:44px;color:inherit;text-decoration:underline;text-underline-offset:3px}.site-filing a:focus-visible{outline:2px solid #609f7e;outline-offset:4px;border-radius:4px}
.course-switcher h3{margin:8px 0}.course-buttons{display:flex;flex-wrap:wrap;gap:12px}.course-source-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.course-source-grid article{min-width:0}.course-source-preview{display:grid;place-items:center;min-height:140px;background:#f8f2e5;border-radius:18px;overflow:hidden;margin-bottom:14px}.course-source-preview img,.course-source-preview video{display:block;width:100%;max-height:240px;object-fit:contain}.course-source-preview audio{max-width:100%}.course-sources p{line-height:1.6}.course-sources .file-drop{margin:12px 0}.course-sources input[type=file]{max-width:100%}.story-empty{padding:24px;text-align:center}.watch-stage .story-picture img{max-width:100%;height:auto;display:block;margin:12px auto}.course-switcher #courseHistoryList{width:100%}
@media(max-width:680px){.course-source-grid{grid-template-columns:1fr;gap:20px}.course-buttons button{flex:1;min-width:120px}.material{flex-wrap:wrap;gap:10px}.material strong{overflow-wrap:anywhere}.course-source-preview{min-height:100px}}