._shell_hopa8_1{--accent:#168f70;color:#1d2b2f;background:#eef1ef;min-height:100dvh;overflow:hidden}._header_hopa8_9{z-index:20;color:#fff;background:linear-gradient(135deg,#16976f,#1685a3);grid-template-columns:48px minmax(0,1fr) 64px;align-items:center;height:58px;padding:0 8px;display:grid;position:relative;box-shadow:0 4px 18px #14534c2e}._back_hopa8_22,._header_hopa8_9 button{width:42px;height:42px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:12px;place-items:center;text-decoration:none;display:grid}._heading_hopa8_36{text-align:center;min-width:0}._heading_hopa8_36 strong,._heading_hopa8_36 small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}._heading_hopa8_36 strong{font-size:15px}._heading_hopa8_36 small{color:#ffffffb8;margin-top:2px;font-size:9px}._pageCount_hopa8_59{color:#ffffffdb;justify-self:end;padding-right:8px;font-size:10px;font-weight:800}._viewer_hopa8_67{height:calc(100dvh - 58px - 74px - env(safe-area-inset-bottom));overscroll-behavior:contain;scrollbar-width:thin;background:#e7e9e7;overflow:auto}._stage_hopa8_75{transform-origin:top;background:#fff;min-width:100%;margin:0 auto;position:relative;box-shadow:0 7px 28px #1a36321f}._pageImage_hopa8_84{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:auto;display:block}._hotspot_hopa8_92{box-sizing:border-box;cursor:pointer;background:0 0;border:1.5px solid #0000;border-radius:3px;padding:0;transition:border-color .16s,background .16s,box-shadow .16s;position:absolute}._audioElement_hopa8_103{opacity:0;pointer-events:none;width:1px;height:1px;position:fixed}._regions_hopa8_111 ._hotspot_hopa8_92{border-color:#f64242eb;box-shadow:inset 0 0 0 1px #ffffff61}:is(._hotspot_hopa8_92:hover,._hotspot_hopa8_92:focus-visible){background:#ffe2502e;border-color:#e63636;outline:none}._hotspotActive_hopa8_123,._regions_hopa8_111 ._hotspotActive_hopa8_123{background:#ffe03647;border-color:#e32929;box-shadow:0 0 0 3px #e3292933,inset 0 0 0 1px #ffffff8f}._emptyHint_hopa8_130{z-index:11;right:14px;bottom:calc(88px + env(safe-area-inset-bottom));color:#5e6c69;text-align:center;background:#fffffff0;border:1px solid #d9e2df;border-radius:12px;width:fit-content;max-width:min(520px,100% - 28px);margin:0 auto;padding:9px 12px;font-size:10px;font-weight:750;position:fixed;left:14px;box-shadow:0 8px 26px #20423c1c}._caption_hopa8_150{z-index:22;right:0;bottom:calc(74px + env(safe-area-inset-bottom));color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;background:#161b1ddb;align-content:center;gap:2px;width:min(100%,760px);min-height:50px;margin:0 auto;padding:8px 15px;display:grid;position:fixed;left:0}._caption_hopa8_150 strong{font-size:12px;line-height:1.35}._caption_hopa8_150 span{color:#ffffffc2;font-size:10px;line-height:1.35}._caption_hopa8_150 em{color:#ffffffb8;background:#ffffff1a;border-radius:999px;padding:2px 5px;font-size:7px;font-style:normal;font-weight:800;position:absolute;top:5px;right:8px}._toolbar_hopa8_193{z-index:23;width:min(100%,760px);min-height:calc(74px + env(safe-area-inset-bottom));padding:6px 4px env(safe-area-inset-bottom);background:#198e6d;border-top:1px solid #0f574738;grid-template-columns:repeat(5,minmax(0,1fr));margin:0 auto;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -6px 22px #163f3726}._toolbar_hopa8_193 button{color:#ffffffe0;cursor:pointer;background:0 0;border:0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:44px;min-height:60px;font-size:9px;font-weight:750;display:flex}._toolbar_hopa8_193 button:active,._toolbar_hopa8_193 button[aria-pressed=true]{color:#fff;background:#ffffff26}._toolbar_hopa8_193 button:disabled{opacity:.45}._toolbar_hopa8_193 svg{width:21px;height:21px}._overlay_hopa8_242{z-index:50;background:#0a191773;justify-content:center;align-items:flex-end;padding-top:60px;display:flex;position:fixed;inset:0}._sheet_hopa8_253{width:min(100%,760px);max-height:calc(100dvh - 76px);padding:10px 16px calc(18px + env(safe-area-inset-bottom));background:#fff;border-radius:22px 22px 0 0;overflow:auto;box-shadow:0 -18px 48px #0a262233}._sheetHandle_hopa8_263{background:#d7dddb;border-radius:99px;width:42px;height:4px;margin:0 auto 7px;display:block}._sheetHeader_hopa8_272{justify-content:space-between;align-items:center;gap:12px;min-height:50px;display:flex}._sheetHeader_hopa8_272 h2{margin:0;font-size:18px}._sheetHeader_hopa8_272 button{color:#60706c;cursor:pointer;background:#f1f4f3;border:0;border-radius:12px;place-items:center;width:40px;height:40px;display:grid}._toc_hopa8_297{gap:7px;margin-top:7px;display:grid}._toc_hopa8_297 button{color:#263632;text-align:left;cursor:pointer;background:#fff;border:1px solid #e2e8e6;border-radius:13px;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:54px;padding:7px 10px;display:grid}._toc_hopa8_297 button[aria-current=page]{background:#eef9f5;border-color:#60baa3}._toc_hopa8_297 b{color:var(--accent);font-size:12px}._toc_hopa8_297 span{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:750;overflow:hidden}._toc_hopa8_297 small{color:#87938f;font-size:9px}._settingsGroup_hopa8_341{margin-top:15px}._settingsGroup_hopa8_341>strong{color:#4a5a56;margin-bottom:8px;font-size:12px;display:block}._choices_hopa8_352{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;display:grid}._choices_hopa8_352 button{color:#566560;cursor:pointer;background:#f7f9f8;border:1px solid #dfe6e4;border-radius:10px;min-height:38px;font-size:10px;font-weight:800}._choices_hopa8_352 button[aria-pressed=true]{border-color:var(--accent);color:#fff;background:var(--accent)}._switches_hopa8_375{gap:2px;margin-top:16px;display:grid}._switches_hopa8_375 label{color:#31413d;border-top:1px solid #edf0ef;justify-content:space-between;align-items:center;gap:16px;min-height:50px;font-size:12px;font-weight:700;display:flex}._switches_hopa8_375 input{width:44px;height:24px;accent-color:var(--accent)}._notice_hopa8_399{color:#82908c;margin:14px 0 0;font-size:10px;line-height:1.55}@media (min-width:760px){._viewer_hopa8_67{padding:12px 0 24px}._stage_hopa8_75{border-radius:4px;min-width:0}}@media (max-width:390px){._heading_hopa8_36 strong{font-size:13px}._toolbar_hopa8_193 button{font-size:8px}._choices_hopa8_352{gap:4px}}
