:root{--opk-ink:#27352c;--opk-paper:#f4ecd7;--opk-green:#2f4a3b;--opk-line:#cbbf9f;--opk-accent:#8b5e3c}.opk-agentbook{min-height:70vh;background:#ece4cf;color:var(--opk-ink);font-family:Georgia,'Times New Roman',serif;padding:clamp(16px,4vw,48px)}.opk-agentbook button,.opk-agentbook select,.opk-agentbook input{font:inherit}.opk-agentbook-loading,.opk-agentbook-error{max-width:720px;margin:10vh auto;text-align:center}.opk-agentbook-cover,.opk-agentbook-page{max-width:760px;margin:0 auto;background:var(--opk-paper);border:1px solid var(--opk-line);box-shadow:0 14px 40px rgba(42,47,38,.14);border-radius:18px;padding:clamp(24px,6vw,64px)}.opk-agentbook-cover{min-height:64vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.opk-agentbook-kicker{text-transform:uppercase;letter-spacing:.18em;font:700 .78rem/1.2 system-ui,sans-serif;color:var(--opk-green)}.opk-agentbook-cover h1{font-size:clamp(2.5rem,10vw,5rem);margin:.3em 0 .5em;line-height:.92}.opk-agentbook-name{font-size:clamp(1.7rem,6vw,2.8rem);font-weight:700}.opk-agentbook-agentno,.opk-agentbook-season{margin-top:.5rem;font-family:system-ui,sans-serif}.opk-agentbook-season{margin-top:1rem;color:#5b625b}.opk-agentbook-primary{margin-top:2rem;background:var(--opk-green);color:white;border:0;border-radius:999px;padding:.9rem 1.3rem;font-family:system-ui,sans-serif;font-weight:700;cursor:pointer}.opk-agentbook-pagehead{display:flex;justify-content:space-between;gap:1rem;align-items:center;border-bottom:1px solid var(--opk-line);padding-bottom:1rem;margin-bottom:2rem;font:600 .86rem/1.3 system-ui,sans-serif;color:#60675f}.opk-agentbook-link{background:none;border:0;padding:.5rem 0;color:var(--opk-green);font-weight:700;cursor:pointer}.opk-agentbook-page h1{font-size:clamp(2rem,7vw,3.4rem);margin:.2em 0 .8em}.opk-agentbook-section-intro{margin:-.75rem 0 1.6rem;color:#5b625b;font-family:system-ui,sans-serif}.opk-agentbook-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem}.opk-agentbook-sections button{display:flex;min-height:180px;flex-direction:column;align-items:flex-start;text-align:left;gap:.7rem;background:#fbf7e9;border:1px solid var(--opk-line);border-radius:16px;padding:1.25rem;cursor:pointer;color:var(--opk-ink)}.opk-agentbook-sections button:not(:disabled):hover,.opk-agentbook-sections button:not(:disabled):focus-visible{border-color:var(--opk-green);box-shadow:0 0 0 2px rgba(47,74,59,.12)}.opk-agentbook-sections button:disabled{cursor:default;opacity:.58}.opk-agentbook-sections strong{font-size:1.45rem;color:var(--opk-green)}.opk-agentbook-sections span{font:1rem/1.5 system-ui,sans-serif}.opk-agentbook-sections small{margin-top:auto;font:700 .8rem/1.3 system-ui,sans-serif;color:#666d66}.opk-agentbook-toc{display:grid;gap:.8rem}.opk-agentbook-toc button{width:100%;display:grid;grid-template-columns:2.5rem 1fr;gap:1rem;align-items:center;text-align:left;background:#fbf7e9;border:1px solid var(--opk-line);border-radius:12px;padding:1rem;cursor:pointer}.opk-agentbook-toc span{width:2rem;height:2rem;display:grid;place-items:center;border-radius:50%;background:var(--opk-green);color:white;font-family:system-ui,sans-serif;font-weight:700}.opk-agentbook-listen,.opk-agentbook-reading{display:grid;gap:.7rem;margin:0 0 2rem;padding:1rem 1.1rem;border:1px solid var(--opk-line);border-radius:14px;background:#e9e0c7;font-family:system-ui,sans-serif}.opk-agentbook-listen{grid-template-columns:1fr minmax(220px,320px);align-items:center}.opk-agentbook-listen strong,.opk-agentbook-reading strong{display:block;color:var(--opk-green)}.opk-agentbook-listen small,.opk-agentbook-reading small{display:block;color:#60675f}.opk-agentbook-reading select,.opk-agentbook-reading input{min-height:42px;border:1px solid var(--opk-line);border-radius:10px;background:#fffdf6;padding:.45rem .65rem}.opk-agentbook-reading select{max-width:100%}.opk-agentbook-reading input{width:7rem}.opk-agentbook-reading button{justify-self:start;margin:.2rem 0 0;background:var(--opk-green);color:#fff;border:0;border-radius:999px;padding:.7rem 1rem;font-weight:700;cursor:pointer}.opk-agentbook-reading-actions{display:flex;gap:.65rem;flex-wrap:wrap}.opk-agentbook-reading-actions .opk-agentbook-stop{background:transparent;color:var(--opk-green);border:1px solid var(--opk-green)}.opk-agentbook-reading span{font-weight:700;color:var(--opk-green)}.opk-agentbook-audio{width:100%;height:42px}.opk-agentbook-prose{font-size:clamp(1.08rem,2.3vw,1.28rem);line-height:1.7}.opk-agentbook-handbook .opk-agentbook-prose{font-family:system-ui,sans-serif;font-size:clamp(1rem,2vw,1.16rem);line-height:1.65}.opk-agentbook-prose h1:first-child{font-size:.8rem;text-transform:uppercase;letter-spacing:.16em;font-family:system-ui,sans-serif;color:#6b716b}.opk-agentbook-prose h2{font-size:clamp(2rem,7vw,3.2rem);line-height:1.05;margin:.25em 0 1em}.opk-agentbook-handbook .opk-agentbook-prose h2{font-size:clamp(1.6rem,5vw,2.4rem)}.opk-agentbook-prose p{margin:0 0 1.15em}.opk-agentbook-prose blockquote{margin:1.8rem 0;padding:1rem 1.2rem;border-left:4px solid var(--opk-green);background:#e9e0c7;font-style:italic}.opk-agentbook-prose blockquote p{margin:.45em 0}.opk-agentbook-prose hr{border:0;border-top:1px solid var(--opk-line);margin:2.8rem auto;width:45%}.opk-agentbook-readable{border-radius:.2em;box-decoration-break:clone;-webkit-box-decoration-break:clone;cursor:pointer;transition:background-color .12s ease,box-shadow .12s ease}.opk-agentbook-readable:focus-visible{outline:2px solid var(--opk-green);outline-offset:2px}.opk-agentbook-readable.is-reading{background:#d6df9f;box-shadow:0 0 0 .14em #d6df9f}.opk-agentbook-word{border-radius:.18em;box-decoration-break:clone;-webkit-box-decoration-break:clone}.opk-agentbook-word.is-reading-word{background:#d6df9f;box-shadow:0 0 0 .13em #d6df9f}.opk-agentbook-nav{border-top:1px solid var(--opk-line);margin-top:3rem;padding-top:1rem;text-align:center}@media(max-width:600px){.opk-agentbook{padding:0;background:var(--opk-paper)}.opk-agentbook-cover,.opk-agentbook-page{border:0;border-radius:0;box-shadow:none;min-height:100vh;padding:28px 20px}.opk-agentbook-pagehead{position:sticky;top:0;background:rgba(244,236,215,.96);backdrop-filter:blur(8px);padding-top:.5rem;z-index:2}.opk-agentbook-sections{grid-template-columns:1fr}.opk-agentbook-sections button{min-height:150px}.opk-agentbook-listen{grid-template-columns:1fr}.opk-agentbook-reading select{width:100%}.opk-agentbook-prose{font-size:1.12rem;line-height:1.72}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.opk-agentbook-readable{transition:none}}
.opk-agentbook-mode{margin:0 0 1.5rem;padding:1rem;border:1px solid var(--opk-line);border-radius:16px;background:#e9e0c7;font-family:system-ui,sans-serif}.opk-agentbook-mode>div:first-child{display:flex;justify-content:space-between;gap:1rem;align-items:baseline;margin-bottom:.8rem}.opk-agentbook-mode>div:first-child strong{color:var(--opk-green);font-size:1.05rem}.opk-agentbook-mode>div:first-child span{font-size:.84rem;color:#60675f}.opk-agentbook-mode-options{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.opk-agentbook-mode-options button{display:flex;flex-direction:column;gap:.25rem;text-align:left;border:1px solid var(--opk-line);border-radius:12px;background:#fffdf6;padding:.85rem 1rem;color:var(--opk-ink);cursor:pointer}.opk-agentbook-mode-options button.is-selected{border-color:var(--opk-green);box-shadow:inset 0 0 0 2px var(--opk-green)}.opk-agentbook-mode-options b{color:var(--opk-green)}.opk-agentbook-mode-options small{font-size:.78rem;line-height:1.35;color:#60675f}
.opk-agentbook-book-shell{max-width:1120px;margin:0 auto}.opk-agentbook-book-toolbar{display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;align-items:center;margin:0 auto 1rem;padding:.65rem 1rem;background:rgba(244,236,215,.92);border:1px solid var(--opk-line);border-radius:14px;font-family:system-ui,sans-serif}.opk-agentbook-book-toolbar>div{text-align:center}.opk-agentbook-book-toolbar strong,.opk-agentbook-book-toolbar span{display:block}.opk-agentbook-book-toolbar span{font-size:.78rem;color:#60675f}.opk-agentbook-book-toolbar>button:last-child{justify-self:end}.opk-agentbook-book{perspective:1800px;padding:clamp(4px,1.5vw,18px)}.opk-agentbook-book-spread{position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:min(72vh,760px);transform-style:preserve-3d;filter:drop-shadow(0 20px 28px rgba(42,47,38,.18));outline:none}.opk-agentbook-book-spread:after{content:"";position:absolute;left:50%;top:0;bottom:0;width:22px;transform:translateX(-50%);background:linear-gradient(90deg,rgba(39,53,44,.08),rgba(255,255,255,.35),rgba(39,53,44,.12));pointer-events:none;z-index:4}.opk-agentbook-book-page{position:relative;overflow:auto;background:var(--opk-paper);border:1px solid var(--opk-line);padding:clamp(24px,3.4vw,48px);min-width:0;backface-visibility:hidden}.opk-agentbook-book-page:first-child{border-radius:14px 2px 2px 14px;border-right-color:rgba(39,53,44,.18)}.opk-agentbook-book-page:nth-child(2){border-radius:2px 14px 14px 2px;border-left-color:rgba(39,53,44,.14)}.opk-agentbook-book-page-empty{background:#e6dcc1}.opk-agentbook-book-title{border-bottom:1px solid var(--opk-line);margin-bottom:1.35rem;padding-bottom:.9rem}.opk-agentbook-book-title span,.opk-agentbook-book-continuation{font:700 .72rem/1.3 system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#737970}.opk-agentbook-book-title h2{font-size:clamp(1.65rem,3.3vw,2.6rem);line-height:1.05;margin:.3rem 0 0}.opk-agentbook-book-continuation{margin-bottom:1.2rem}.opk-agentbook-book-image{margin:0 0 1.3rem}.opk-agentbook-book-image img{display:block;max-width:100%;max-height:34vh;margin:0 auto;object-fit:contain}.opk-agentbook-book-image figcaption{margin-top:.45rem;text-align:center;font:italic .78rem/1.4 system-ui,sans-serif;color:#60675f}.opk-agentbook-book-page .opk-agentbook-prose{font-size:clamp(.98rem,1.45vw,1.13rem);line-height:1.62}.opk-agentbook-book-page .opk-agentbook-prose h1:first-child{display:none}.opk-agentbook-book-page .opk-agentbook-prose h2{font-size:clamp(1.5rem,2.5vw,2.15rem)}.opk-agentbook-book-folio{position:absolute;bottom:.65rem;left:0;right:0;text-align:center;font:600 .72rem/1 system-ui,sans-serif;color:#7b8079}.opk-agentbook-book-nav{display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;align-items:center;max-width:760px;margin:1rem auto 0;font-family:system-ui,sans-serif}.opk-agentbook-book-nav>div{text-align:center;font-size:.82rem;color:#60675f}.opk-agentbook-book-nav button{border:1px solid var(--opk-green);border-radius:999px;background:var(--opk-green);color:#fff;padding:.7rem 1rem;font-weight:700;cursor:pointer}.opk-agentbook-book-nav button:last-child{justify-self:end}.opk-agentbook-book-nav button:disabled{opacity:.35;cursor:default}.opk-agentbook-book-spread.is-turning-next{animation:opkBookNext .26s ease-in both}.opk-agentbook-book-spread.is-turning-prev{animation:opkBookPrev .26s ease-in both}.opk-agentbook-book-spread.from-next{animation:opkBookEnterNext .24s ease-out both}.opk-agentbook-book-spread.from-prev{animation:opkBookEnterPrev .24s ease-out both}@keyframes opkBookNext{0%{transform:rotateY(0)}100%{transform:rotateY(-8deg) translateX(-2%);opacity:.25}}@keyframes opkBookPrev{0%{transform:rotateY(0)}100%{transform:rotateY(8deg) translateX(2%);opacity:.25}}@keyframes opkBookEnterNext{0%{transform:rotateY(7deg) translateX(2%);opacity:.2}100%{transform:rotateY(0);opacity:1}}@keyframes opkBookEnterPrev{0%{transform:rotateY(-7deg) translateX(-2%);opacity:.2}100%{transform:rotateY(0);opacity:1}}
@media(max-width:819px){.opk-agentbook-mode-options{grid-template-columns:1fr}.opk-agentbook-book-toolbar{grid-template-columns:1fr auto}.opk-agentbook-book-toolbar>div{grid-column:1/-1;grid-row:1;text-align:center}.opk-agentbook-book-toolbar>button:first-child{grid-column:1;grid-row:2;justify-self:start}.opk-agentbook-book-toolbar>button:last-child{grid-column:2;grid-row:2;justify-self:end}.opk-agentbook-book{padding:0}.opk-agentbook-book-spread{display:block;min-height:calc(100vh - 210px);filter:none}.opk-agentbook-book-spread:after{display:none}.opk-agentbook-book-page{min-height:calc(100vh - 210px);max-height:none;border-radius:10px!important;padding:28px 22px 42px}.opk-agentbook-book-nav{padding:0 .5rem}.opk-agentbook-book-nav button span{display:none}}
@media(prefers-reduced-motion:reduce){.opk-agentbook-book-spread.is-turning-next,.opk-agentbook-book-spread.is-turning-prev,.opk-agentbook-book-spread.from-next,.opk-agentbook-book-spread.from-prev{animation:none!important}}