@font-face{font-family:'DM Sans';font-weight:400;font-display:swap;src:url(../fonts/dm-sans-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'DM Sans';font-weight:500;font-display:swap;src:url(../fonts/dm-sans-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'DM Sans';font-weight:700;font-display:swap;src:url(../fonts/dm-sans-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:'DM Serif Display';font-weight:400;font-display:swap;src:url(../fonts/dm-serif-display-latin-400-normal.woff2) format('woff2')}
:root{--bg:#FFF6EC;--card:#FFFFFF;--line:#F0DCCB;--fg:#2B1B33;--mu:#6B5873;--ac:#C23F61;--ac2:#2C9C9B;--btn-fg:#FFFFFF;--hi:#FFD25A;--display:'DM Serif Display',Georgia,serif;--body:'DM Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}
@media(prefers-color-scheme:dark){:root{--bg:#1B1220;--card:#271A2E;--line:#3A2A43;--fg:#FFF1E6;--mu:#C3AFCB;--ac:#F06A8C;--btn-fg:#1B1220}}
.linkbtn{appearance:none;border:0;background:none;color:var(--fg);font:700 1.1rem var(--body);padding:8px 0;text-align:left;cursor:pointer}
.bar{height:8px;background:var(--line);border-radius:99px;overflow:hidden;margin:8px 0}.bar i{display:block;height:100%;background:var(--ac);width:0;transition:width .3s}
.counter .row{gap:6px}.counter.left .row{flex-direction:row-reverse}
.plus,.minus{appearance:none;border:0;border-radius:50%;font:700 2.4rem var(--body);cursor:pointer;flex:none}
.plus{width:104px;height:104px;background:var(--ac);color:var(--btn-fg);box-shadow:0 8px 0 rgba(0,0,0,.18)}.plus:active{transform:translateY(6px);box-shadow:0 2px 0 rgba(0,0,0,.18)}
.minus{width:64px;height:64px;background:transparent;border:2px solid var(--line);color:var(--fg)}
.sec{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--line)}.sec span{flex:1}.sec b{min-width:30px;text-align:center;font-size:1.3rem}
.follow{margin:0 0 12px}.ftxt{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:14px}
.ftxt .now{background:var(--hi);color:#2B1B33;border-radius:12px;padding:14px;font-size:1.2rem;font-weight:700;margin:6px 0}.ftxt .prev,.ftxt .next{color:var(--mu);font-size:.9rem;padding:4px 14px}
.pdfwrap{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:6px}.pdfbox{position:relative;line-height:0;overflow-x:auto;border-radius:12px}.pdfbox .inner{position:relative;display:inline-block}.pdfbox canvas{display:block;max-width:none;border-radius:12px;background:#fff}
.band{position:absolute;left:0;right:0;background:rgba(255,210,90,.55);mix-blend-mode:multiply;border-radius:6px;box-shadow:0 0 0 2px rgba(255,170,0,.8);pointer-events:none;transition:top .25s,height .25s}
.pdfnav{padding:6px 4px}
.big2{font:700 1.2rem/1.5 var(--body);word-break:break-word}
details.card summary{cursor:pointer;list-style:none}details.card summary::-webkit-details-marker{display:none}
.counter{position:sticky;bottom:calc(64px + env(safe-area-inset-bottom));z-index:5;box-shadow:0 -6px 20px rgba(0,0,0,.08)}