.guide-reader{color:#e9f8f0;background:#061e18;flex-direction:column;height:100dvh;min-height:520px;font-family:Arial,Helvetica,sans-serif;display:flex;overflow:hidden}.guide-reader button,.guide-reader a,.guide-reader input{font:inherit}.guide-reader button,.guide-reader a{touch-action:manipulation}.guide-reader button{cursor:pointer;color:inherit;border:0}.guide-reader button:disabled{opacity:.3;cursor:default}.guide-reader :focus-visible{outline-offset:3px;outline:3px solid #55ecaa}.guide-full{z-index:9999;position:fixed;inset:0}.guide-header{background:#08271f;border-bottom:1px solid #ffffff12;flex-shrink:0;align-items:center;gap:30px;height:82px;padding:0 32px;display:flex}.guide-brand{color:#fff;align-items:center;gap:10px;font-size:22px;font-weight:750;text-decoration:none;display:flex}.guide-brand svg,.guide-brand-dot{color:#52dfa2}.guide-heading{border-left:1px solid #ffffff25;padding-left:28px}.guide-heading h1{margin:0 0 5px;font-size:18px;font-weight:600}.guide-heading>span{color:#9cb9ac;font-size:14px}.guide-download{color:#d8f8e5;border:1px solid #426b57;border-radius:8px;align-items:center;gap:9px;margin-left:auto;padding:11px 15px;font-size:14px;text-decoration:none;display:flex}.guide-download:hover{background:#124634}.guide-toolbar{background:#0b3025;border-bottom:1px solid #ffffff12;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;height:56px;padding:0 32px;display:flex}.guide-toolgroup{align-items:center;gap:5px;display:flex}.guide-toolgroup button{background:0 0;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-width:38px;height:38px;padding:0 10px;font-size:14px;display:flex}.guide-toolgroup button:hover,.guide-toolgroup button[aria-pressed=true]{background:#1c4c38}.guide-toolgroup .guide-zoom{color:#b9d5c7;font-variant-numeric:tabular-nums;min-width:56px}.guide-workspace{flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.guide-stage{background:radial-gradient(#184e39 0%,#0b3025 52%,#061e18 100%);flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.guide-context{color:#9dbfad;flex-shrink:0;justify-content:center;align-items:center;gap:8px;height:42px;padding:8px 20px;font-size:14px;display:flex}.guide-context span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.guide-scroll{overscroll-behavior:contain;flex:1;min-height:0;padding:4px 28px 16px;overflow:auto}.guide-book-space{min-height:100%;margin:0 auto}.guide-book-host{max-width:1040px;height:calc(100dvh - 260px);min-height:300px;margin:0 auto}.guide-paper{color:#10271e;background:#fff;overflow:hidden}.guide-paper>img{object-fit:fill;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.guide-hotspot{z-index:2;cursor:pointer;background:0 0;border-radius:2px;display:block;position:absolute}.guide-hotspot:hover,.guide-hotspot:focus-visible{background:#11b86c20;outline:2px solid #11b86c66}.guide-bottom{background:#08271f;border-top:1px solid #ffffff12;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:7px;min-height:82px;padding:8px 24px 14px;display:flex;position:relative}.guide-navigation{align-items:center;gap:17px;display:flex}.guide-navigation>button{background:#154332;border-radius:7px;place-items:center;width:42px;height:38px;display:grid}.guide-navigation>button:hover{background:#256447}.guide-navigation form{color:#accab9;align-items:center;gap:8px;font-size:14px;display:flex}.guide-navigation input{color:#fff;text-align:center;appearance:textfield;background:#061e18;border:1px solid #3d614e;border-radius:5px;width:50px;height:30px;padding:4px}.guide-navigation input::-webkit-inner-spin-button{appearance:none}.guide-bottom p{color:#86a593;margin:0;font-size:12px}.guide-progress{accent-color:#47dc96;cursor:pointer;width:100%;height:5px;margin:0;position:absolute;bottom:0;left:0}.guide-announcement{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}.guide-panel{z-index:10;background:#09281f;border-right:1px solid #ffffff15;flex-direction:column;flex-shrink:0;width:310px;min-height:0;display:flex;box-shadow:10px 0 30px #0002}.guide-panel-head{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.guide-panel-head h2{margin:0;font-size:16px;font-weight:600}.guide-panel-head button{background:0 0;border-radius:5px;place-items:center;width:32px;height:32px;display:grid}.guide-panel-head button:hover{background:#ffffff15}.guide-toc{padding:10px;overflow-y:auto}.guide-toc button{text-align:left;color:#b3d0be;background:0 0;border-radius:5px;justify-content:space-between;align-items:center;gap:14px;width:100%;padding:12px 10px;font-size:14px;line-height:1.45;display:flex}.guide-toc button small{color:#78a088;font-size:12px}.guide-toc button.guide-chapter{color:#66e5a5;border-top:1px solid #ffffff12;margin-top:7px;font-weight:600}.guide-toc button:hover,.guide-toc button.active{background:#1b4b36}.guide-thumbs{grid-template-columns:1fr 1fr;gap:14px;padding:20px;display:grid;overflow-y:auto}.guide-thumbs button{background:0 0;border:2px solid #0000;border-radius:5px;padding:4px;font-size:14px}.guide-thumbs img{border-radius:2px;width:100%;margin-bottom:6px;display:block}.guide-thumbs button.active,.guide-thumbs button:hover{border-color:#43df91}.guide-search{padding:20px;overflow-y:auto}.guide-search label{color:#adcfbb;margin-bottom:8px;font-size:14px;display:block}.guide-search input{color:#e8f6ee;background:#061e18;border:1px solid #4b735b;border-radius:7px;width:100%;padding:12px;font-size:16px}.guide-search p{color:#92b59e;font-size:14px;line-height:1.6}.guide-search>button{text-align:left;background:#113c2b;border-radius:7px;flex-direction:column;gap:8px;width:100%;margin-bottom:10px;padding:14px;font-size:14px;line-height:1.5;display:flex}.guide-search>button strong{color:#6de4a5}.guide-search>button span{color:#bed4c5}.guide-search>button:hover{background:#22523a}.guide-loading{background:#092a20;flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:16px;display:flex;position:absolute;inset:42px 0 0}.guide-loading a{color:#74e4ac}.guide-loading button{background:#195339;border-radius:6px;align-items:center;gap:8px;padding:10px 16px;display:flex}.guide-spin{animation:1.2s linear infinite guide-spin}.guide-text{z-index:15;color:#0b3522;background:#f3faf6;border-radius:10px;flex-direction:column;display:flex;position:absolute;inset:20px;overflow:hidden;box-shadow:0 20px 80px #0009}.guide-text .guide-panel-head{border-color:#17432822}.guide-text pre{white-space:pre-wrap;-webkit-user-select:text;user-select:text;margin:0;padding:16px 26px;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.75;overflow-y:auto}.guide-text .guide-panel-head button{color:#184431}@keyframes guide-spin{to{transform:rotate(360deg)}}@media (width<=800px){.guide-header{gap:18px;height:70px;padding:0 18px}.guide-brand{font-size:18px}.guide-heading{padding-left:18px}.guide-heading h1{font-size:16px}.guide-heading>span{font-size:12px}.guide-toolbar{padding:0 12px}.guide-panel{width:min(340px,90vw);position:absolute;inset:0 auto 0 0}.guide-download{padding:10px}.guide-download>span{display:none}.guide-scroll{padding:4px 12px 12px}.guide-book-host{height:calc(100dvh - 250px)}.guide-bottom{min-height:82px}.guide-context{font-size:12px}}@media (width<=480px){.guide-header{gap:12px;padding:0 12px}.guide-brand{gap:7px;font-size:16px}.guide-heading{padding-left:12px}.guide-heading h1{font-size:14px}.guide-toolgroup{gap:0}.guide-toolgroup button{min-width:34px;padding:0 8px}.guide-toolgroup button span{display:none}.guide-toolgroup .guide-zoom{min-width:48px;font-size:12px}.guide-text{inset:8px}.guide-text pre{padding:15px;font-size:16px}.guide-scroll{padding:4px 8px 10px}}@media (height<=590px) and (width>=700px){.guide-reader{min-height:360px}.guide-header{height:56px}.guide-toolbar{height:44px}.guide-context{height:28px}.guide-bottom{min-height:64px}.guide-bottom p{display:none}.guide-book-host{height:calc(100dvh - 210px);min-height:200px}}@media (prefers-reduced-motion:reduce){.guide-spin{animation:none}}.guide-reader{overscroll-behavior:none;height:100dvh;min-height:0;max-height:100dvh}.guide-scroll{touch-action:none;justify-content:center;align-items:center;min-width:0;min-height:0;padding:12px;display:flex;position:relative;overflow:hidden}.guide-book-host{flex:none;max-width:none;height:auto;min-height:0;margin:0;position:relative}.guide-flip{margin:0}.guide-paper>img{object-fit:contain}.guide-fit-label{color:#b9d5c7;white-space:nowrap;padding:0 10px;font-size:14px}@media (height<=590px) and (width>=700px){.guide-reader{min-height:0}.guide-book-host{height:auto;min-height:0}}@media (width<=800px){.guide-scroll{padding:12px}.guide-book-host{height:auto}}.guide-magnifier{z-index:5;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;background:#092a20;justify-content:center;align-items:center;display:flex;position:absolute;inset:42px 0 0;overflow:hidden}.guide-magnifier:active{cursor:grabbing}.guide-magnifier>img{object-fit:contain;pointer-events:none;transform-origin:50%;width:auto;max-width:calc(100% - 24px);height:auto;max-height:calc(100% - 24px);display:block}.guide-close-zoom{z-index:2;background:#123e2f;border-radius:7px;align-items:center;gap:6px;padding:10px 12px;font-size:14px;display:flex;position:absolute;top:12px;right:16px;box-shadow:0 3px 15px #0005}.guide-pan-hint{color:#d6efdf;white-space:nowrap;pointer-events:none;background:#08271fe6;border-radius:6px;padding:8px 12px;font-size:12px;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}@media (height<=590px) and (width>=700px){.guide-magnifier{top:28px}}.guide-zoom-spread{transform-origin:50%;pointer-events:none;flex:none;display:flex;position:relative;box-shadow:0 12px 40px #0005}.guide-zoom-spread>img,.guide-blank-leaf{object-fit:contain;-webkit-user-select:none;user-select:none;flex:none;width:50%;height:100%;display:block}.guide-zoom-spread:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#0002,#0000);width:16px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.guide-tear{z-index:8;pointer-events:none;background:#061e1833;place-items:center;display:grid;position:absolute;inset:42px 0 0;overflow:hidden}.guide-tear-sheet{aspect-ratio:595.276/841.89;filter:drop-shadow(0 14px 20px #0005);max-width:48%;height:calc(100% - 24px);position:relative;transform:translate(50%)}.guide-tear-left .guide-tear-sheet{transform:translate(-50%)}.guide-tear-sheet img{object-fit:fill;width:100%;height:100%;position:absolute;inset:0}.guide-tear-remain{clip-path:polygon(0 0,52% 0,49% 8%,54% 16%,48% 24%,53% 32%,49% 40%,55% 48%,48% 56%,53% 64%,49% 72%,54% 80%,48% 88%,52% 100%,0 100%);animation:1.6s both guide-tear-fade}.guide-tear-piece{clip-path:polygon(52% 0,100% 0,100% 100%,52% 100%,48% 88%,54% 80%,49% 72%,53% 64%,48% 56%,55% 48%,49% 40%,53% 32%,48% 24%,54% 16%,49% 8%);transform-origin:60% 10%;animation:1.6s ease-in both guide-tear-fall}.guide-tear>span{color:#d6efdf;background:#08271f;border-radius:8px;padding:10px 16px;font-size:14px;animation:1.6s both guide-tear-fade;position:absolute;bottom:16px}@keyframes guide-tear-fall{0%{transform:translate(0)rotate(0)}25%{transform:translate(14%,-3%)rotate(12deg)}80%,to{opacity:0;transform:translate(90%,120%)rotate(48deg)}}@keyframes guide-tear-fade{0%,75%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.guide-tear-piece{animation:.6s both guide-tear-fade}.guide-tear-remain,.guide-tear>span{animation-duration:.6s}}
