.mr-root{--mr-bg:#080d13;--mr-surface:#0c121a;--mr-hover:#141e2a;--mr-border:#202a36;--mr-border-strong:#344152;--mr-text:#f4f7fb;--mr-text-2:#a6b2c2;--mr-text-3:#758295;--mr-icon:#d8e0ea;--mr-accent:#1677f8;--mr-accent-hover:#3188ff;--mr-track:#283341;--mr-thumb-fill:#dcebff;--mr-danger:#f47171;--mr-subtle:#101823;--mr-subtle-2:#1b2734;--mr-skel-base:#16202c;--mr-skel-shine:#253448;--mr-page:#f8f8f5;--mr-page-frame:#151515;--mr-page-num:#666e78;--mr-shadow-book:0 12px 24px #0000008c;--mr-r-sm:5px;--mr-r-md:8px;--mr-r-lg:11px;--mr-r-pill:999px;--mr-ease:cubic-bezier(.33, 1, .68, 1);--mr-dur:.16s;--mr-dur-press:.14s;--mr-safe-t:env(safe-area-inset-top,0px);--mr-safe-r:env(safe-area-inset-right,0px);--mr-safe-b:env(safe-area-inset-bottom,0px);--mr-safe-l:env(safe-area-inset-left,0px);--mr-topbar-h:75px;--mr-bottombar-h:150px;--mr-top-h:calc(var(--mr-topbar-h) + var(--mr-safe-t));--mr-bottom-h:calc(var(--mr-bottombar-h) + var(--mr-safe-b));--mr-font:var(--font-geist-sans), var(--font-noto-thai), sans-serif;--auth-surface:var(--mr-surface);--auth-bg:var(--mr-bg);--auth-hover:var(--mr-hover);--auth-border:var(--mr-border-strong);--auth-text:var(--mr-text);--auth-text-2:var(--mr-text-2);--auth-text-3:var(--mr-text-3);--auth-icon:var(--mr-icon);--auth-accent:var(--mr-accent);--auth-accent-hover:var(--mr-accent-hover);--auth-on-accent:#fff;--auth-danger:var(--mr-danger);--auth-shadow:var(--mr-shadow-book);--auth-ease:var(--mr-ease);--auth-dur:var(--mr-dur)}.mr-root[data-chrome=light],html[data-chrome=light] .mr-root:not([data-chrome]){--mr-bg:#f9fafb;--mr-surface:#fff;--mr-hover:#eef2f7;--mr-border:#e2e8f0;--mr-border-strong:#cbd5e1;--mr-text:#18181b;--mr-text-2:#52525b;--mr-text-3:#71717a;--mr-icon:#3f3f46;--mr-track:#d4dbe4;--mr-thumb-fill:#fff;--mr-danger:#c02626;--mr-subtle:#eef2f6;--mr-subtle-2:#f9fbfd;--mr-skel-base:#e9eef4;--mr-skel-shine:#d4deea}@media (prefers-color-scheme:light){html:not([data-chrome]) .mr-root:not([data-chrome]){--mr-bg:#f9fafb;--mr-surface:#fff;--mr-hover:#eef2f7;--mr-border:#e2e8f0;--mr-border-strong:#cbd5e1;--mr-text:#18181b;--mr-text-2:#52525b;--mr-text-3:#71717a;--mr-icon:#3f3f46;--mr-track:#d4dbe4;--mr-thumb-fill:#fff;--mr-danger:#c02626;--mr-subtle:#eef2f6;--mr-subtle-2:#f9fbfd;--mr-skel-base:#e9eef4;--mr-skel-shine:#d4deea}}.mr-root{grid-template-rows:var(--mr-top-h) minmax(0, 1fr) minmax(var(--mr-bottom-h), auto);background:var(--mr-bg);height:100dvh;color:var(--mr-text);font-family:var(--mr-font);-webkit-font-smoothing:antialiased;width:100%;min-width:0;font-size:14px;line-height:20px;display:grid;overflow:hidden}.mr-root *,.mr-root :before,.mr-root :after{box-sizing:border-box}.mr-top,.mr-body,.mr-bottom{min-width:0}.mr-root :where(button){font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}@media print{.mr-root{color:#999;background:#fff;height:auto;display:block}.mr-top,.mr-body,.mr-bottom{display:none}.mr-root:after{content:"Printing disabled. Please read online.";text-align:center;justify-content:center;align-items:center;height:100vh;font-size:24px;font-weight:600;display:flex}}.mr-root :focus-visible{outline:2px solid var(--mr-accent);outline-offset:2px;border-radius:var(--mr-r-sm)}.mr-root button:focus-visible{box-shadow:0 0 0 3px #1677f847}.mr-top{padding:var(--mr-safe-t) calc(20px + var(--mr-safe-r)) 0 calc(20px + var(--mr-safe-l));background:var(--mr-surface);border-bottom:1px solid var(--mr-border);align-items:center;gap:25px;display:flex}.mr-iconbtn{border-radius:var(--mr-r-md);width:40px;height:40px;color:var(--mr-icon);transition:background-color var(--mr-dur) var(--mr-ease), color var(--mr-dur) var(--mr-ease), transform var(--mr-dur-press) var(--mr-ease);place-items:center;display:inline-grid}@media (pointer:coarse){.mr-iconbtn{position:relative}.mr-iconbtn:after{content:"";width:44px;height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}@media (hover:hover) and (pointer:fine){.mr-iconbtn:hover{background:var(--mr-hover);color:var(--mr-text)}}.mr-iconbtn:active{transform:scale(.96)}.mr-iconbtn[aria-pressed=true]{color:var(--mr-accent)}.mr-title{flex-direction:column;gap:2px;min-width:0;display:flex}.mr-title h1{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:20px;font-weight:600;line-height:25px;overflow:hidden}.mr-title p{color:var(--mr-text-2);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:14px;font-weight:400;line-height:20px;overflow:hidden}.mr-top-actions{align-items:center;gap:18px;margin-left:auto;display:flex}.mr-top-actions .mr-iconbtn{width:36px}.mr-body{grid-template-columns:minmax(0,1fr);min-height:0;display:grid}.mr-stage{background:var(--mr-bg);perspective:2400px;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none;place-items:center;min-width:0;min-height:0;display:grid;position:relative;overflow:hidden}.mr-book{--mr-turn:.9s cubic-bezier(.5, .1, .2, 1);transform-style:preserve-3d;transition:transform var(--mr-turn);position:relative}.mr-viewport{position:relative}.mr-viewport[data-single=true]{overflow:hidden}.mr-viewport[data-single=true] .mr-book{margin-left:calc(var(--book-pw,0px) * -1);position:absolute;top:0;left:50%}.mr-leaf{transform-origin:0;width:50%;height:100%;transform-style:preserve-3d;transition:transform var(--mr-turn);cursor:pointer;position:absolute;top:0;left:50%}.mr-book[data-single=true] .mr-leaf{cursor:default}.mr-leaf.is-flipped{animation:mr-leaf-lift var(--mr-turn);transform:rotateY(-180deg)}@keyframes mr-leaf-lift{0%,to{z-index:1000}}.mr-face{background:var(--mr-page);backface-visibility:hidden;position:absolute;inset:0;overflow:hidden}.mr-face--r{border-radius:0 7px 7px 0;box-shadow:inset 14px 0 18px -12px #3c230a59,2px 3px 8px #00000040}.mr-face--l{border-radius:7px 0 0 7px;transform:rotateY(180deg);box-shadow:inset -14px 0 18px -12px #3c230a59,-2px 3px 8px #00000040}.mr-cover{position:absolute;inset:0}.mr-frame{border:3px solid var(--mr-page-frame);background:var(--mr-page);border-radius:8px;position:absolute;overflow:hidden}.mr-page-num{text-align:center;color:var(--mr-page-num);font-size:12px;font-weight:400;line-height:16px;position:absolute;left:0;right:0}.mr-stage-note{color:var(--mr-text-2);text-align:center;place-items:center;gap:10px;padding:32px;font-size:14px;display:grid}.mr-stage-note strong{color:var(--mr-text);font-weight:600}.mr-range{appearance:none;cursor:pointer;background:0 0;width:100%;height:20px}.mr-range::-webkit-slider-runnable-track{border-radius:var(--mr-r-pill);background:var(--mr-track);height:6px}.mr-range::-moz-range-track{border-radius:var(--mr-r-pill);background:var(--mr-track);height:6px}.mr-range::-webkit-slider-thumb{appearance:none;border-radius:var(--mr-r-pill);background:var(--mr-thumb-fill);border:3px solid var(--mr-accent);width:18px;height:18px;margin-top:-6px}.mr-range::-moz-range-thumb{border-radius:var(--mr-r-pill);background:var(--mr-thumb-fill);border:3px solid var(--mr-accent);width:18px;height:18px}.mr-bottom{background:var(--mr-surface);border-top:1px solid var(--mr-border);grid-template-columns:310px minmax(0,1fr);align-items:start;column-gap:16px;padding:20px 22px 0 40px;display:grid;position:relative}.mr-identity{grid-template-columns:68px minmax(0,1fr);align-items:center;column-gap:21px;display:grid}.mr-identity-cover{border-radius:var(--mr-r-sm);background:var(--mr-page);width:68px;height:83px;overflow:hidden}.mr-identity-text{min-width:0}.mr-identity-text strong{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;line-height:20px;display:block;overflow:hidden}.mr-identity-text span{color:var(--mr-text-2);white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:14px;display:block;overflow:hidden}.mr-center{flex-direction:column;align-items:center;gap:17px;min-width:0;display:flex;position:absolute;top:20px;left:50%;transform:translate(-50%)}.mr-navrow{align-items:center;gap:15px;display:flex}.mr-navrow .mr-btn--secondary{width:126px}.mr-navrow .mr-btn--primary{width:119px}.mr-btn{border-radius:var(--mr-r-pill);white-space:nowrap;height:49px;transition:background-color var(--mr-dur) var(--mr-ease), border-color var(--mr-dur) var(--mr-ease), color var(--mr-dur) var(--mr-ease), transform var(--mr-dur-press) var(--mr-ease);justify-content:center;align-items:center;gap:9px;padding:0 20px;font-size:14px;font-weight:500;line-height:20px;display:inline-flex}.mr-btn:disabled{opacity:.4;cursor:not-allowed}.mr-btn--secondary{border:1px solid var(--mr-border-strong);color:var(--mr-text-2)}.mr-btn--primary{background:var(--mr-accent);color:#fff}@media (hover:hover) and (pointer:fine){.mr-btn--secondary:hover:not(:disabled){background:var(--mr-hover);color:var(--mr-text)}.mr-btn--primary:hover:not(:disabled){background:var(--mr-accent-hover)}}.mr-counter{border:1px solid var(--mr-border-strong);border-radius:var(--mr-r-pill);font-variant-numeric:tabular-nums;min-width:95px;height:41px;color:var(--mr-text);place-items:center;padding:0 14px;font-size:14px;font-weight:500;display:inline-grid}.mr-progress{align-items:center;gap:14px;width:846px;display:flex}.mr-progress .mr-range{flex:auto}.mr-progress .mr-iconbtn{width:18px;height:18px;color:var(--mr-text-3)}@media (hover:hover) and (pointer:fine){.mr-progress .mr-iconbtn:hover{color:var(--mr-text);background:0 0}}.mr-btn:active:not(:disabled){transform:scale(.97)}@media (max-width:1199px){.mr-bottom{grid-template-columns:minmax(0,186px) minmax(0,1fr) minmax(0,186px);column-gap:12px;padding:14px 16px 0 24px}.mr-identity{grid-template-columns:48px minmax(0,1fr);column-gap:10px}.mr-identity-cover{width:48px;height:58px}.mr-identity-text strong,.mr-identity-text span{font-size:12px}.mr-center{gap:12px;width:100%;position:static;transform:none}.mr-navrow{gap:8px}.mr-navrow .mr-btn--secondary,.mr-navrow .mr-btn--primary{width:auto;padding:0 14px}.mr-progress{width:100%}}@media (max-width:767px),(max-height:600px) and (max-width:1023px){.mr-root{--mr-bottombar-h:120px}.mr-stage{padding:10px var(--mr-safe-r) 10px var(--mr-safe-l)}.mr-bottom{grid-template-columns:minmax(0,1fr);row-gap:12px;padding:14px 16px 0}.mr-center{width:100%;position:static;transform:none}.mr-identity{display:none}.mr-btn,.mr-iconbtn{min-height:44px}.mr-btn{flex:auto}.mr-navrow .mr-btn--secondary,.mr-navrow .mr-btn--primary{width:auto}.mr-progress{width:100%}}@media (min-width:600px) and (max-height:600px){.mr-root{--mr-topbar-h:54px;--mr-bottombar-h:114px}.mr-top{gap:14px}.mr-bottom{grid-template-columns:minmax(0,1fr);align-content:center;padding-top:8px}.mr-identity{display:none}.mr-center{gap:12px;width:100%;position:static;transform:none}.mr-progress{width:auto}}@media (prefers-reduced-motion:reduce){.mr-root *,.mr-root :before,.mr-root :after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}.mr-stage{animation:none!important}.mr-book,.mr-leaf{transition-duration:10ms!important}}.mr-root[data-gated]{grid-template-rows:var(--mr-top-h) minmax(0, 1fr) 0}.mr-gate{text-align:center;align-content:center;justify-items:center;gap:20px;max-height:100%;padding:32px 24px;display:grid;overflow-y:auto}.mr-gate-art{width:104px;height:142px;position:relative}.mr-gate-sheet{border:1px solid var(--mr-border-strong);border-radius:var(--mr-r-md);background:var(--mr-hover);align-content:center;gap:7px;padding:0 16px;display:grid;position:absolute;inset:0}.mr-gate-sheet span{border-radius:var(--mr-r-pill);background:var(--mr-border-strong);height:3px}.mr-gate-sheet span:nth-child(2){width:72%}.mr-gate-sheet span:nth-child(3){width:44%}.mr-gate-badge{border:1px solid var(--mr-border-strong);border-radius:var(--mr-r-pill);background:var(--mr-surface);width:40px;height:40px;color:var(--mr-text);place-items:center;display:grid;position:absolute;bottom:-12px;right:-12px}.mr-gate-copy{justify-items:center;gap:8px;max-width:36ch;display:grid}.mr-gate-title{color:var(--mr-text);font-size:17px;font-weight:600;line-height:24px}.mr-gate-note{color:var(--mr-text-2);font-size:14px;line-height:22px}.mr-gate-error{color:var(--mr-danger);font-weight:500}.mr-gate-price{font-variant-numeric:tabular-nums;color:var(--mr-text);font-weight:600}.mr-gate-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}@media (max-height:620px){.mr-gate{gap:12px;padding:16px}.mr-gate-art{width:64px;height:88px}.mr-gate-badge{width:30px;height:30px;bottom:-8px;right:-8px}}.mr-skel{background:linear-gradient(90deg, var(--mr-skel-base) 25%, var(--mr-skel-shine) 37%, var(--mr-skel-base) 63%);background-size:400% 100%;animation:1.4s ease-in-out infinite mr-shimmer}.mr-skel-stage{background:linear-gradient(90deg, var(--mr-skel-base) 0%, var(--mr-skel-shine) 50%, var(--mr-skel-base) 100%);background-size:200% 100%;animation:1.6s ease-in-out infinite mr-shimmer}@keyframes mr-shimmer{0%{background-position:100% 0}to{background-position:0 0}}@media (prefers-reduced-motion:reduce){.mr-skel,.mr-skel-stage{animation:none}}