:root{--bg:#f8f6f2;--panel:#eee9e1;--text:#292621;--muted:#6d6256;--line:#c9c0b4;--accent:#5d544a;color-scheme:light;background:var(--bg);color:var(--text);font-family:Tahoma,Arial,sans-serif}
:root[data-theme="dark"]{--bg:#1a1916;--panel:#25231e;--text:#f2eee7;--muted:#bdb5a9;--line:#575147;--accent:#cec4b8;color-scheme:dark}
@media(prefers-color-scheme:dark){:root[data-theme="system"]{--bg:#1a1916;--panel:#25231e;--text:#f2eee7;--muted:#bdb5a9;--line:#575147;--accent:#cec4b8;color-scheme:dark}}
*{box-sizing:border-box}body{margin:0}a,button{color:inherit;font:inherit;touch-action:manipulation}a{text-decoration:none}button{cursor:pointer}[hidden]{display:none!important}
:is(a,button,input):focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.guide-toolbar{position:sticky;top:0;z-index:5;background:var(--bg);border-bottom:1px solid var(--line)}
.guide-toolbar-inner{max-width:1040px;margin:auto;padding:12px 20px;display:flex;align-items:center;gap:10px}
.guide-back{display:grid;place-items:center;width:40px;min-height:44px;font:25px Arial;flex:none}
.guide-title{flex:1;min-width:0}.guide-title h1{font-size:16px;font-weight:500;margin:0 0 5px}.guide-title span{display:block;font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.guide-action{display:inline-flex;justify-content:center;align-items:center;min-height:44px;padding:10px 15px;white-space:nowrap;font-size:14px;border:1px solid var(--line);border-radius:7px;background:var(--bg)}
.guide-action:hover{background:var(--panel)}
main{max-width:1000px;margin:auto;padding:20px}.guide-share-feedback,.guide-copy{max-width:960px;margin:12px auto;padding:10px 20px;font-size:14px;line-height:1.7}
.guide-copy input{width:100%;margin-top:8px;padding:12px;border:1px solid var(--line);border-radius:6px;font-size:16px;background:var(--panel);color:var(--text)}
#guide-loading,#guide-error{text-align:center;padding:22px;font-size:15px;line-height:1.8}#guide-error a,.guide-original{text-decoration:underline;text-underline-offset:4px}
#guide-pages{display:grid;gap:20px}.guide-page{position:relative;width:100%;margin:0;background:white;box-shadow:0 0 0 1px var(--line);overflow:hidden;isolation:isolate;direction:ltr}
.guide-page canvas{display:block;width:100%;height:100%}.guide-page-number{position:absolute;inset:0;display:grid;place-items:center;background:var(--panel);color:var(--muted);font-size:14px}
.guide-page[data-rendered="true"] .guide-page-number{display:none}.guide-page-links{position:absolute;inset:0}.guide-page-links a{position:absolute;display:block;border-radius:2px}.guide-page-links a:focus-visible{outline-offset:0;background:#a0907030}
.guide-original{display:block;width:fit-content;margin:24px auto 10px;color:var(--muted);font-size:13px}
@media(max-width:600px){.guide-toolbar-inner{padding:10px 12px;gap:7px}.guide-back{width:28px}.guide-action{padding:9px 11px;font-size:13px}.guide-title h1{font-size:14px}main{padding:14px 12px}#guide-pages{gap:14px}}