.tutorial-overlay.svelte-o5kl1q{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:svelte-o5kl1q-fadeIn .3s ease-out;padding:20px;box-sizing:border-box}@keyframes svelte-o5kl1q-fadeIn{0%{opacity:0}to{opacity:1}}.tutorial-content.svelte-o5kl1q{background:#2c3e50;border-radius:12px;box-shadow:0 20px 60px #00000080;max-width:500px;width:100%;animation:svelte-o5kl1q-slideUp .4s ease-out;position:relative;display:flex;flex-direction:column}@keyframes svelte-o5kl1q-slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.tutorial-header.svelte-o5kl1q{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid rgba(255,255,255,.1)}.tutorial-title.svelte-o5kl1q{margin:0;color:#fff;font-size:20px;font-weight:600;display:flex;align-items:center;gap:10px}.tutorial-title.svelte-o5kl1q i:where(.svelte-o5kl1q){color:#3498db;font-size:22px}.tutorial-close-btn.svelte-o5kl1q{background:none;border:none;color:#ffffffb3;font-size:18px;cursor:pointer;padding:6px;border-radius:50%;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.tutorial-close-btn.svelte-o5kl1q:hover{background-color:#ffffff1a;color:#fff}.tutorial-body.svelte-o5kl1q{padding:20px;display:flex;flex-direction:column;gap:16px}.tutorial-item.svelte-o5kl1q{display:flex;align-items:flex-start;gap:12px;color:#fff}.tutorial-item-icon.svelte-o5kl1q{font-size:20px;color:#3498db;margin-top:2px;flex-shrink:0;width:24px;text-align:center}.tutorial-item-icon.fa-download.svelte-o5kl1q{color:#4caf50}.tutorial-item-content.svelte-o5kl1q{flex:1;font-size:14px;line-height:1.5;color:#ffffffe6}.tutorial-item-content.svelte-o5kl1q strong:where(.svelte-o5kl1q){color:#fff;font-weight:600}.tutorial-item-content.svelte-o5kl1q i:where(.svelte-o5kl1q){color:#4caf50;margin:0 2px}.tutorial-item-content.svelte-o5kl1q kbd:where(.svelte-o5kl1q){background-color:#0000004d;border:1px solid rgba(255,255,255,.2);border-radius:3px;padding:2px 6px;font-family:monospace;font-size:11px;color:#fff;margin:0 2px}.tutorial-footer.svelte-o5kl1q{padding:16px 20px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:center}.tutorial-close-button.svelte-o5kl1q{background:#3498db;border:none;color:#fff;font-size:15px;font-weight:600;padding:10px 32px;border-radius:6px;cursor:pointer;transition:all .2s ease;width:100%}.tutorial-close-button.svelte-o5kl1q:hover{background:#2980b9}.tutorial-close-button.svelte-o5kl1q:active{transform:scale(.98)}@media (max-width: 768px){.tutorial-overlay.svelte-o5kl1q{padding:15px}.tutorial-content.svelte-o5kl1q{max-width:100%;border-radius:10px}.tutorial-header.svelte-o5kl1q{padding:16px}.tutorial-title.svelte-o5kl1q{font-size:18px}.tutorial-title.svelte-o5kl1q i:where(.svelte-o5kl1q){font-size:20px}.tutorial-body.svelte-o5kl1q{padding:16px;gap:14px}.tutorial-item.svelte-o5kl1q{gap:10px}.tutorial-item-icon.svelte-o5kl1q{font-size:18px;width:22px}.tutorial-item-content.svelte-o5kl1q{font-size:13px}.tutorial-footer.svelte-o5kl1q{padding:14px 16px}.tutorial-close-button.svelte-o5kl1q{font-size:14px;padding:12px 24px}}.catalog-container.svelte-amq13n{height:100vh;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#444;overflow:hidden;position:relative}.zoom-controls.svelte-amq13n{position:absolute;top:20px;right:20px;display:flex;align-items:center;gap:8px;background:#000000b3;padding:8px 12px;border-radius:20px;z-index:1000}.zoom-btn.svelte-amq13n{background:none;border:none;color:#fff;font-size:16px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background-color .3s ease}.zoom-btn.svelte-amq13n:hover{background-color:#fff3}.zoom-level.svelte-amq13n{color:#fff;font-size:14px;font-weight:700;min-width:45px;text-align:center}.control-separator.svelte-amq13n{width:1px;height:20px;background-color:#ffffff4d;margin:0 4px}.download-btn.svelte-amq13n{color:#4caf50}.download-btn.svelte-amq13n:hover{background-color:#4caf5033}.flipbook-controls.svelte-amq13n{display:flex;align-items:center;justify-content:center}.control-btn-desktop.svelte-amq13n{display:block}.mobile-navigation.svelte-amq13n{display:flex;align-items:center;justify-content:center;position:absolute;bottom:20px;left:50%;transform:translate(-50%);z-index:1000;width:100%;padding:0 20px;box-sizing:border-box}.control-btn-mobile.svelte-amq13n{display:none}.page-indicator.svelte-amq13n{display:flex;align-items:center;justify-content:center;padding:8px 16px;background:#000000b3;border-radius:20px;margin:0 10px}.page-indicator-text.svelte-amq13n{color:#fff;font-size:14px;font-weight:700}.book-wrapper.svelte-amq13n{transition:transform .2s ease-out;transform-origin:center center}.book.svelte-amq13n{margin:0 20px;background-color:transparent;box-shadow:0 0 20px #0003}.my-page.svelte-amq13n{background-color:transparent;aspect-ratio:11.03 / 15.6;display:flex;align-items:center;justify-content:center;padding:0}.my-page.svelte-amq13n img:where(.svelte-amq13n){width:100%;height:100%;object-fit:contain;display:block;image-rendering:-webkit-optimize-contrast;image-rendering:optimize-contrast;border-radius:0;box-shadow:none}.control-btn.svelte-amq13n{background:none;border:none;font-size:24px;cursor:pointer;color:#f0f0f0;padding:10px;z-index:100;transition:all .3s ease}.control-btn.svelte-amq13n:hover{transform:scale(1.2)}i.svelte-amq13n{font-size:40px;color:#f0f0f0}@media (max-width: 768px){.control-btn-desktop.svelte-amq13n{display:none}.control-btn-mobile.svelte-amq13n{display:block;margin:0 5px}.control-btn-mobile.svelte-amq13n i:where(.svelte-amq13n){font-size:30px}.page-indicator.svelte-amq13n{padding:6px 12px;margin:0 10px}.page-indicator-text.svelte-amq13n{font-size:12px}.book.svelte-amq13n{margin:0 5px}.zoom-controls.svelte-amq13n{top:10px;right:10px;padding:6px 10px}.zoom-btn.svelte-amq13n{font-size:14px;padding:3px 6px}.zoom-level.svelte-amq13n{font-size:12px;min-width:40px}}@media (min-width: 769px){.control-btn-mobile.svelte-amq13n{display:none}.page-indicator.svelte-amq13n{margin:0}}main.svelte-161dunm{width:100%;height:100vh;margin:0;padding:0;overflow:hidden}body{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif;overflow:hidden}