.app-modal-section-title{margin:14px 0 8px;font-size:15px;line-height:1.4;color:#18231f;word-break:keep-all}.app-modal-action-list{display:grid;gap:8px;margin-block-end:14px}.app-modal-action-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;min-block-size:54px;padding:8px 10px 8px 14px;border:1px solid #d9d5c8;border-radius:12px}.app-modal-action-list>div>span{min-inline-size:0;font-weight:750;word-break:keep-all;overflow-wrap:normal}.app-modal-action-list button{flex:0 0 auto;min-block-size:44px;padding:8px 13px;border:1px solid #d9d5c8;border-radius:10px;background:#fff;font:inherit;font-weight:750}.app-modal-action-list button:disabled{opacity:.62;cursor:not-allowed}@media(max-width:480px){.app-modal-action-list>div{align-items:stretch;flex-direction:column}.app-modal-action-list button{inline-size:100%}}
.app-modal-overlay{position:fixed;inset:0;z-index:20000;display:grid;place-items:center;overflow:hidden;overscroll-behavior:contain;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));background:rgba(15,23,20,.58);backdrop-filter:blur(3px)}body:has(.app-modal-overlay){overflow:hidden}
.app-modal{inline-size:min(100%,520px);max-block-size:min(88dvh,720px);display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(255,255,255,.25);border-radius:18px;background:#fff;color:#18231f;box-shadow:0 24px 80px rgba(0,0,0,.28);text-align:start}
.app-modal h2{margin:0;padding:22px 22px 8px;font-size:20px;line-height:1.35}.app-modal-description{padding:0 22px 18px;white-space:pre-wrap;overflow-wrap:break-word;color:#68746f;line-height:1.6}.app-modal-content{overflow:auto;overscroll-behavior:contain;padding:0 22px 20px}.app-modal-content label{display:grid;gap:7px;margin:0 0 14px}.app-modal-content label span{font-size:13px;font-weight:750}.app-modal-content input,.app-modal-content textarea{inline-size:100%;min-block-size:44px;padding:10px 12px;border:1px solid #d9d5c8;border-radius:10px;font:inherit}.app-modal-content textarea{min-block-size:110px;resize:vertical}.app-modal-actions{position:sticky;inset-block-end:0;display:flex;justify-content:flex-end;gap:9px;padding-block-start:14px;background:#fff}.app-modal-actions button{min-block-size:44px;min-inline-size:88px;padding:10px 16px;border:1px solid #d9d5c8;border-radius:10px;background:#fff;font:inherit;font-weight:750;cursor:pointer}.app-modal-actions .app-modal-primary{border-color:#195e4a;background:#195e4a;color:#fff}.app-modal-actions .app-modal-danger{border-color:#b42318;background:#b42318;color:#fff}.app-modal :focus-visible{outline:3px solid rgba(25,94,74,.35);outline-offset:2px}.app-toast-region{position:fixed;z-index:21000;inset-inline-end:max(14px,env(safe-area-inset-right));inset-block-end:max(14px,env(safe-area-inset-bottom));display:grid;gap:8px;inline-size:min(360px,calc(100vw - 28px));pointer-events:none}.app-toast{padding:12px 15px;border-radius:11px;background:#18231f;color:#fff;box-shadow:0 10px 35px rgba(0,0,0,.22);line-height:1.45;animation:app-toast-in .18s ease-out}.app-toast-success{background:#195e4a}.app-toast-error{background:#9f2f26}.app-toast.leaving{opacity:0;transform:translateY(6px);transition:.2s}@keyframes app-toast-in{from{opacity:0;transform:translateY(8px)}}
@media(max-width:480px){.app-modal-overlay{align-items:end;padding:8px}.app-modal{inline-size:100%;max-block-size:92dvh;border-radius:17px 17px 10px 10px}.app-modal h2{padding:18px 16px 7px}.app-modal-description{padding:0 16px 14px}.app-modal-content{padding:0 16px 16px}.app-modal-actions{display:grid;grid-template-columns:1fr 1fr}.app-modal-alert .app-modal-actions{grid-template-columns:1fr}.app-modal-actions button{inline-size:100%}}
@media(prefers-reduced-motion:reduce){.app-toast{animation:none}}
.app-modal-overlay,.broadcast-ending-overlay{box-sizing:border-box;align-items:center;justify-items:center;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}
.app-modal-overlay .app-modal{max-block-size:min(720px,100%);min-block-size:0;border-radius:18px}
.broadcast-ending-overlay{position:fixed;inset:0;z-index:19000;display:grid;overflow:hidden;overscroll-behavior:contain;background:rgba(32,42,37,.4)}
.broadcast-ending-overlay.hidden{display:none}
.broadcast-ending-panel{box-sizing:border-box;inline-size:min(460px,100%);max-block-size:100%;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:24px;border-radius:18px;background:#fffdf7;box-shadow:0 18px 60px rgba(30,42,35,.2);text-align:center;word-break:keep-all;overflow-wrap:break-word}
.broadcast-ending-spinner{inline-size:34px;block-size:34px;margin:0 auto 14px;border:3px solid #d7e4db;border-top-color:#2f7659;border-radius:50%;animation:viewport-ending-spin .8s linear infinite}
.broadcast-ending-languages{display:grid;gap:7px;margin:16px 0;text-align:start}
.broadcast-ending-language{display:flex;justify-content:space-between;gap:12px;padding:8px 10px;border-radius:9px;background:#f2f6f1}
.broadcast-ending-panel .muted{color:#66736b;font-size:.88rem}
@keyframes viewport-ending-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.broadcast-ending-spinner{animation:none}}
.language-add-modal{block-size:auto;max-block-size:min(88dvh,720px)}.language-add-modal .app-modal-content{display:flex;flex:1 1 auto;min-block-size:0;overflow:hidden;padding-block-end:0}.language-add-modal .app-modal-section-title,.language-add-modal .app-modal-action-list,.language-add-modal .app-modal-content>input[type="search"],.language-add-modal fieldset{flex:0 0 auto}.language-add-modal .app-modal-check-list{flex:1 1 auto;min-block-size:7rem;max-block-size:38dvh;overflow-y:auto;overscroll-behavior:contain;padding-block-end:4px}.language-add-modal fieldset{margin-block-start:12px}.language-add-modal .app-modal-actions{position:static;flex:0 0 auto;margin-inline:-22px;padding:14px 22px max(14px,env(safe-area-inset-bottom));border-block-start:1px solid #d9d5c8;background:#fff}
@media(max-width:480px){.language-add-modal .app-modal-actions{margin-inline:-16px;padding-inline:16px}.language-add-modal .app-modal-check-list{max-block-size:32dvh}}
.app-modal-content .reader-language-option{display:flex!important;align-items:center;justify-content:space-between;gap:14px;inline-size:100%;min-block-size:54px;margin:0 0 8px;padding:12px 14px;border:1px solid #d9d5c8;border-radius:12px;background:#fff;cursor:pointer}.app-modal-content .reader-language-option:has(input:checked){border-color:#195e4a;background:#edf5f1;box-shadow:inset 0 0 0 1px #195e4a}.app-modal-content .reader-language-name{min-inline-size:0;color:#18231f;font-size:14px;font-weight:750;word-break:keep-all;overflow-wrap:normal}.app-modal-content .reader-language-option input[type="checkbox"]{inline-size:22px!important;block-size:22px!important;min-block-size:22px!important;flex:0 0 22px!important;margin:0!important;padding:0!important}.app-modal-copy{margin-inline-end:auto}
.app-modal fieldset{display:grid;gap:10px;min-inline-size:0;margin:0;padding:0;border:0}.app-modal fieldset legend{inline-size:100%;padding:0 0 8px;font-size:13px;font-weight:800;color:#68746f}.app-modal fieldset label,.app-modal-radio{display:grid!important;grid-template-columns:24px minmax(0,1fr)!important;align-items:center;gap:10px;inline-size:100%;min-block-size:54px;margin:0;padding:12px;border:1px solid #d9d5c8;border-radius:12px;background:#fff;word-break:keep-all;overflow-wrap:normal;cursor:pointer}.app-modal fieldset label:has(input:checked){border-color:#195e4a;background:#edf5f1;box-shadow:inset 0 0 0 1px #195e4a}.app-modal fieldset input[type="radio"],.app-modal-radio input{inline-size:22px;block-size:22px;min-block-size:22px;margin:0}.app-modal-radio span{min-inline-size:0;word-break:keep-all}.app-modal h2{flex:0 0 auto}.app-modal-description{min-block-size:0;max-block-size:45dvh;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.app-modal-content{display:flex;min-block-size:0;flex:1 1 auto;flex-direction:column;overflow-y:auto;-webkit-overflow-scrolling:touch}.app-modal-actions{flex:0 0 auto;z-index:2;padding-block-end:max(4px,env(safe-area-inset-bottom))}
.broadcast-end-choice .app-modal-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.broadcast-end-choice .app-modal-actions button{inline-size:100%;min-inline-size:0;white-space:normal}@media(max-width:600px){.broadcast-end-choice .app-modal-actions{grid-template-columns:1fr}.broadcast-end-choice .app-modal-actions button{min-block-size:44px}}
