.opmh-hub{--h-bg:var(--op-sea-800, #0e1d30);--h-bg2:var(--op-sea-700, #15294a);--h-deep:var(--op-sea-900, #08131f);--h-line:var(--op-line, rgba(160, 190, 230, .12));--h-gold:var(--op-gold, #f5b829);--h-gold2:var(--op-gold-deep, #d99a0b);--h-red:var(--op-red, #e0403a);--h-ink:var(--op-ink, #2a1d0f);--h-text:var(--op-text, #e9eef5);--h-muted:var(--op-muted, #96a7bd);--h-head:var(--op-font-head, "Kanit", sans-serif);color:#c3cfdd;font-size:15.5px;line-height:1.8}.opmh-hub h2{font-family:var(--h-head);color:#fff;font-weight:600;font-size:clamp(19px, 2.4vw, 23px);line-height:1.4;margin:0}.opmh-hub a{color:var(--h-gold)}.opmh-info{display:grid;grid-template-columns:230px 1fr;gap:28px;padding:26px;margin-bottom:26px;border:1px solid var(--h-line);border-radius:18px;background:radial-gradient(500px 220px at 85% 0%,rgb(245 184 41 / .10),transparent 70%),linear-gradient(180deg,#0c2340,var(--h-bg))}.opmh-info__cover{width:100%;height:auto;aspect-ratio:2 / 3;object-fit:cover;border-radius:12px;box-shadow:0 14px 32px -12px rgb(0 0 0 / .8)}.opmh-info__kicker{margin:0 0 4px;color:var(--h-muted);font-size:13px;letter-spacing:.04em}.opmh-info__title{font-size:clamp(24px, 3.4vw, 32px)!important;margin-bottom:16px!important}.opmh-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin:0 0 14px}.opmh-stats div{padding:10px 12px;border-radius:10px;background:rgb(5 12 23 / .45);border:1px solid var(--h-line)}.opmh-stats dt{font-size:12px;color:var(--h-muted);line-height:1.4}.opmh-stats dd{margin:2px 0 0;color:#fff;font-family:var(--h-head);font-weight:500;font-size:16px;line-height:1.4}.opmh-genres{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 18px}.opmh-genres span{padding:3px 12px;border-radius:999px;background:rgb(245 184 41 / .12);color:var(--h-gold);font-size:13px}.opmh-cta{display:flex;flex-wrap:wrap;gap:10px}.opmh-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 20px;border-radius:999px;border:1px solid rgb(245 184 41 / .5);color:var(--h-gold)!important;font-family:var(--h-head);font-weight:500;text-decoration:none!important;transition:background .15s ease,color .15s ease}.opmh-btn:hover{background:rgb(245 184 41 / .12)}.opmh-btn--gold{background:linear-gradient(180deg,var(--h-gold),var(--h-gold2));border-color:#fff0;color:var(--h-ink)!important;font-weight:600}.opmh-btn--gold:hover{filter:brightness(1.08);background:linear-gradient(180deg,var(--h-gold),var(--h-gold2))}.opmh-sec{margin-bottom:26px;padding:24px;border:1px solid var(--h-line);border-radius:18px;background:var(--h-bg)}.opmh-sec>h2{margin-bottom:12px}.opmh-sec__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px}.opmh-sec__head span{color:var(--h-muted);font-size:13px;white-space:nowrap}.opmh-synopsis p{margin:0 0 10px}.opmh-jump input{width:100%;max-width:320px;height:42px;box-sizing:border-box;padding:0 14px;margin-bottom:14px;border-radius:10px;border:1px solid var(--h-line);background:var(--h-deep);color:#fff;font-size:15px}.opmh-jump input:focus{outline:none;border-color:var(--h-gold)}.opmh-chapters{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px;margin:0;padding:0;list-style:none}.opmh-ch a{display:flex;gap:14px;align-items:center;height:100%;box-sizing:border-box;padding:12px 14px;border-radius:12px;border:1px solid var(--h-line);background:var(--h-deep);color:var(--h-text)!important;text-decoration:none!important;transition:border-color .15s ease,transform .15s ease}.opmh-ch a:hover{border-color:var(--h-gold);transform:translateY(-2px)}.opmh-ch__no{flex:0 0 64px;display:flex;flex-direction:column;align-items:center;justify-content:center;height:64px;border-radius:10px;background:linear-gradient(180deg,var(--h-gold),var(--h-gold2));color:var(--h-ink);font-family:var(--h-head);font-weight:700;font-size:18px;line-height:1.1}.opmh-ch__no small{font-size:10.5px;font-weight:600}.opmh-ch__body{min-width:0;display:flex;flex-direction:column;gap:2px}.opmh-ch__body strong{font-weight:600;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.opmh-ch__meta{font-size:12.5px;color:var(--h-muted);display:flex;gap:8px;align-items:center}.opmh-ch__meta em{font-style:normal;padding:0 8px;border-radius:4px;background:rgb(224 64 58 / .15);color:#ff9d98;font-size:11.5px}.opmh-more{display:flex;align-items:center;justify-content:center;width:100%;max-width:320px;height:44px;margin:18px auto 0;border-radius:999px;cursor:pointer;border:1px solid rgb(245 184 41 / .5);background:#fff0;color:var(--h-gold)!important;font-family:var(--h-head);font-weight:500;font-size:15px;text-decoration:none!important}.opmh-more:hover{background:var(--h-gold);color:var(--h-ink)!important}.opmh-more.is-loading{opacity:.6;pointer-events:none}.opmh-empty{color:var(--h-muted)}.opmh-chars{display:grid;grid-template-columns:repeat(auto-fill,minmax(124px,1fr));gap:12px;margin:0;padding:0;list-style:none}.opmh-char{display:flex;flex-direction:column;align-items:center;text-align:center;padding:10px 8px 12px;border-radius:12px;background:var(--h-deep);border:1px solid var(--h-line);line-height:1.35}.opmh-char.is-hidden{display:none}.opmh-char img{width:92px;height:138px;object-fit:cover;border-radius:8px;margin-bottom:8px;background:var(--h-bg2)}.opmh-char strong{color:#fff;font-size:13.5px;font-weight:600}.opmh-char span{color:var(--h-muted);font-size:12px}.opmh-char em{margin-top:6px;font-style:normal;font-size:11px;padding:1px 8px;border-radius:999px;background:var(--h-bg2);color:var(--h-muted)}.opmh-char em.role-main{background:rgb(245 184 41 / .15);color:var(--h-gold)}.opmh-official ul{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:10px}.opmh-official a{display:inline-block;padding:10px 16px;border-radius:10px;background:var(--h-deep);border:1px solid var(--h-line);text-decoration:none}.opmh-official a:hover{border-color:var(--h-gold)}.opmh-credit{font-size:12.5px;color:var(--h-muted);text-align:center}@media (max-width:760px){.opmh-info{grid-template-columns:1fr;padding:18px;gap:18px}.opmh-info__cover{max-width:200px;margin:0 auto}.opmh-info__body{text-align:center}.opmh-stats{grid-template-columns:1fr 1fr;text-align:left}.opmh-genres,.opmh-cta{justify-content:center}.opmh-sec{padding:18px 14px;border-radius:14px}.opmh-chapters{grid-template-columns:1fr}.opmh-chars{grid-template-columns:repeat(3,1fr);gap:8px}.opmh-char img{width:100%;height:auto;aspect-ratio:2 / 3}}.opmh-hub h2,.opmh-hub .opmh-info__title{color:#fff!important}.opmh-hub ul,.opmh-hub ol{list-style:none!important;padding-left:0!important;margin-left:0!important}.opmh-hub li{list-style:none!important;margin-left:0!important}.opmh-hub li::before,.opmh-hub li::marker{content:none}.opmh-chars{grid-template-columns:repeat(9,1fr)}.opmh-char img{width:100%;height:auto;aspect-ratio:2 / 3}.opmh-char{padding:8px 6px 10px}.opmh-char strong{font-size:12.5px}.opmh-char span{font-size:11px}@media (max-width:900px){.opmh-chars{grid-template-columns:repeat(3,1fr)}}.opmh-char{padding:0}.opmh-char__btn{display:flex;flex-direction:column;align-items:center;width:100%;height:100%;padding:8px 6px 10px;border:0;border-radius:12px;background:#fff0;color:inherit;font:inherit;text-align:center;cursor:pointer;line-height:1.35;transition:background .15s ease}.opmh-char:hover{border-color:var(--h-gold)}.opmh-char__btn:hover{background:rgb(245 184 41 / .06)}.opmh-char__btn:focus-visible{outline:2px solid var(--h-gold);outline-offset:2px}html.opmh-noscroll{overflow:hidden}.opmh-modal{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:20px}.opmh-modal[hidden]{display:none}.opmh-modal__backdrop{position:absolute;inset:0;background:rgb(3 8 15 / .78);backdrop-filter:blur(3px)}.opmh-modal__box{position:relative;width:100%;max-width:860px;max-height:calc(100vh - 40px);overflow-y:auto;border-radius:18px;border:1px solid rgb(160 190 230 / .16);background:var(--op-sea-800,#0e1d30);color:#c9d4e1;box-shadow:0 30px 60px -20px rgb(0 0 0 / .8);outline:none;font-size:15.5px;line-height:1.8}.opmh-modal__close{position:sticky;top:10px;float:right;margin:10px 10px 0 0;z-index:2;width:40px;height:40px;border-radius:50%;border:1px solid rgb(160 190 230 / .2);background:rgb(8 19 31 / .9);color:#fff;font-size:24px;line-height:1;cursor:pointer}.opmh-modal__close:hover{border-color:var(--op-gold,#f5b829);color:var(--op-gold,#f5b829)}.opmh-modal__body{padding:24px}.opmh-modal__loading{padding:40px 0;text-align:center;color:var(--op-muted,#96a7bd)}.opmh-cd{display:grid;grid-template-columns:220px 1fr;gap:24px}.opmh-cd__side img{width:100%;height:auto;aspect-ratio:2 / 3;object-fit:cover;border-radius:12px;background:var(--op-sea-700,#15294a)}.opmh-cd__facts{margin:14px 0 0;display:grid;gap:6px}.opmh-cd__facts div{display:flex;justify-content:space-between;gap:10px;padding:6px 10px;border-radius:8px;background:var(--op-sea-900,#08131f);font-size:13.5px;line-height:1.5}.opmh-cd__facts dt{color:var(--op-muted,#96a7bd)}.opmh-cd__facts dd{margin:0;color:#fff;text-align:right}.opmh-cd__name{margin:0 50px 2px 0!important;font-family:var(--op-font-head,"Kanit",sans-serif);font-size:clamp(22px, 3vw, 28px);font-weight:600;line-height:1.3;color:#fff!important}.opmh-cd__sub{margin:0 0 6px;color:var(--op-muted,#96a7bd);font-size:14px}.opmh-cd__alt{margin:0 0 12px;color:var(--op-muted,#96a7bd);font-size:13px}.opmh-cd__note{margin:0 0 12px;padding:8px 12px;border-radius:8px;background:rgb(245 184 41 / .1);color:var(--op-gold,#f5b829);font-size:13.5px}.opmh-cd__desc p{margin:0 0 12px}.opmh-cd__desc strong{color:#fff}.opmh-cd__desc a{color:var(--op-gold,#f5b829)}.opmh-cd__credit{margin:16px 0 0;padding-top:12px;border-top:1px solid rgb(160 190 230 / .12);font-size:12.5px;color:var(--op-muted,#96a7bd)}.opmh-spoil__btn{display:inline-block;margin:2px 0;padding:1px 10px;border-radius:6px;cursor:pointer;border:1px dashed rgb(224 64 58 / .6);background:rgb(224 64 58 / .12);color:#ffb3ae;font:inherit;font-size:13px;line-height:1.6}.opmh-spoil__text{background:rgb(224 64 58 / .08);border-radius:4px;padding:0 3px}@media (max-width:760px){.opmh-modal{padding:0;align-items:flex-end}.opmh-modal__box{max-height:92vh;border-radius:18px 18px 0 0}.opmh-modal__body{padding:18px 16px 28px}.opmh-cd{grid-template-columns:1fr;gap:16px}.opmh-cd__side{display:grid;grid-template-columns:120px 1fr;gap:12px;align-items:start}.opmh-cd__facts{margin:0}}@media (max-width:760px){.opmh-cd__side{padding-right:44px}}.opmh-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.opmh-jump{flex:1 1 240px;margin:0}.opmh-jump input{margin-bottom:0}.opmh-toolbar__right{display:flex;flex-wrap:wrap;align-items:center;gap:14px}.opmh-orderbox{display:inline-flex;align-items:center;gap:8px;color:var(--h-muted);font-size:13.5px}.opmh-orderbox select{height:40px;padding:0 10px;border-radius:10px;border:1px solid var(--h-line);background:var(--h-deep);color:#fff;font-size:14px;font-family:inherit;cursor:pointer}.opmh-orderbox select:focus{outline:none;border-color:var(--h-gold)}.opmh-unreadbox{display:inline-flex;align-items:center;gap:7px;color:var(--h-muted);font-size:13.5px;cursor:pointer;user-select:none}.opmh-unreadbox input{width:16px;height:16px;accent-color:var(--h-gold);cursor:pointer}.opmh-hist{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 12px;padding:10px 14px;border:1px dashed var(--h-line);border-radius:10px;background:rgb(5 12 23 / .35);color:var(--h-muted);font-size:13.5px}.opmh-hist[hidden]{display:none}.opmh-hist small{opacity:.8}.opmh-hist__clear{margin-left:auto;padding:4px 12px;border-radius:999px;border:1px solid var(--h-line);background:#fff0;color:var(--h-muted);font-size:12.5px;font-family:inherit;cursor:pointer}.opmh-hist__clear:hover{border-color:var(--h-red);color:#ff9d98}.opmh-count{margin:10px 0 0;color:var(--h-muted);font-size:13.5px}.opmh-count[hidden]{display:none}.opmh-ch.is-read a{opacity:.55}.opmh-ch__read{font-style:normal;padding:0 8px;border-radius:4px;background:rgb(96 205 130 / .14);color:#7ed99a;font-size:11.5px}@media (max-width:760px){.opmh-toolbar{flex-direction:column;align-items:stretch}.opmh-toolbar__right{justify-content:space-between}.opmh-hist__clear{margin-left:0}}