:root{color-scheme:dark;--blue:#1457ee;--cyan:#00d5ff}*{box-sizing:border-box}html,body{margin:0;width:100%;min-height:100%;background:radial-gradient(circle at 50% 0,#132a62 0,#061436 42%,#020817 100%);color:#fff;font-family:"Hiragino Sans","Noto Sans JP",sans-serif}button{font:inherit}.hidden{display:none!important}.viewer{width:100vw;height:100dvh;display:grid;place-items:center;overflow:hidden;position:relative;padding:12px 18px 76px}.slideShell{width:min(calc(100vw - 36px),calc((100dvh - 150px)*1.7779));max-width:1800px}.subjectBar{min-height:54px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:8px 12px 10px;color:#fff}.subjectIndex{padding:7px 14px;border-radius:999px;background:linear-gradient(135deg,#165fff,#0739b9);font-weight:900;white-space:nowrap;box-shadow:0 7px 20px rgba(0,91,255,.28)}.subjectTitle{font-size:clamp(14px,1.35vw,22px);line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.subjectProgress{font-weight:800;color:#a9dfff;font-variant-numeric:tabular-nums;white-space:nowrap}.stage{width:100%;aspect-ratio:1672/941;position:relative;background:#fff;box-shadow:0 24px 80px rgba(0,0,0,.52)}.stage>img{width:100%;height:100%;object-fit:contain;display:block}.hit{position:absolute;top:0;bottom:0;width:23%;border:0;background:transparent;cursor:pointer}.hit.prev{left:0}.hit.next{right:0}.controls{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);z-index:10;display:flex;align-items:center;gap:10px;padding:8px;border:1px solid rgba(255,255,255,.16);background:rgba(2,13,45,.84);backdrop-filter:blur(14px);border-radius:999px;box-shadow:0 12px 38px rgba(0,0,0,.32)}.controls button{border:0;border-radius:999px;padding:9px 15px;background:#114cd7;color:#fff;font-weight:800;cursor:pointer}.controls button:disabled{opacity:.32;cursor:default}.controls .overviewButton{background:#fff;color:#061b5a}.counter{min-width:82px;text-align:center;font-variant-numeric:tabular-nums}.counter strong{font-size:18px}.counter span{color:#a9b9df}.progress{position:fixed;left:0;bottom:0;height:5px;background:linear-gradient(90deg,var(--blue),var(--cyan));transition:width .18s ease}.overview{min-height:100dvh;padding:24px;background:#e9eef7;color:#071438}.overviewHeader{position:sticky;top:0;z-index:4;display:flex;justify-content:space-between;align-items:center;gap:18px;margin:-24px -24px 22px;padding:18px 24px;background:rgba(2,13,45,.94);color:#fff;backdrop-filter:blur(14px)}.overviewHeader strong,.overviewHeader span{display:block}.overviewHeader span{margin-top:4px;color:#b8c7e6;font-size:13px}.overviewHeader button{border:0;border-radius:999px;padding:10px 16px;background:#1557ed;color:#fff;font-weight:800;cursor:pointer}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;max-width:1800px;margin:auto}.thumb{border:0;padding:0;text-align:left;background:#fff;color:#071438;box-shadow:0 9px 26px rgba(6,27,90,.13);cursor:pointer;transition:.15s}.thumb:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(6,27,90,.2)}.thumb img{display:block;width:100%;aspect-ratio:1672/941;object-fit:cover}.thumb span{display:block;font-size:12px;line-height:1.45}.thumb .thumbSubject{padding:10px 12px 4px;color:#1557ed;font-weight:900}.thumb .thumbTitle{padding:0 12px 12px;font-weight:800}@media(max-width:620px){.viewer{padding:4px 8px 72px}.slideShell{width:calc(100vw - 16px)}.subjectBar{min-height:50px;gap:8px;padding:6px 2px}.subjectIndex{padding:6px 10px;font-size:12px}.subjectTitle{font-size:12px}.subjectProgress{font-size:11px}.controls{gap:5px;bottom:12px}.controls button{padding:8px 11px;font-size:13px}.counter{min-width:60px}.overview{padding:12px}.overviewHeader{margin:-12px -12px 14px;padding:14px 12px}.grid{grid-template-columns:1fr;gap:12px}}