body:has(.viewer-page) .nav-container{display:none!important}body:has(.viewer-page) .footer-container{display:none!important}body:has(.viewer-page)>footer{display:none!important}body:has(.viewer-page) .main-content-layout{margin-top:0!important;padding-top:0!important}.viewer-page{background-color:var(--viewer-bg,var(--bg-color));--content-top-padding:0;min-height:100vh;transition:background-color .3s,color .3s;margin-top:0!important;padding-top:0!important}.viewer-page.viewer-theme-light{--viewer-bg:var(--viewer-light-bg);--viewer-text:var(--viewer-light-text);--viewer-text-secondary:var(--viewer-light-text-secondary);--viewer-text-tertiary:#999;--viewer-border:var(--viewer-light-border);--viewer-ui-bg:var(--viewer-light-ui-bg)}.viewer-page.viewer-theme-sepia{--viewer-bg:var(--viewer-sepia-bg);--viewer-text:var(--viewer-sepia-text);--viewer-text-secondary:var(--viewer-sepia-text-secondary);--viewer-text-tertiary:#9e8b73;--viewer-border:var(--viewer-sepia-border);--viewer-ui-bg:var(--viewer-sepia-ui-bg)}.viewer-page.viewer-theme-dark{--viewer-bg:var(--viewer-dark-bg);--viewer-text:var(--viewer-dark-text);--viewer-text-secondary:var(--viewer-dark-text-secondary);--viewer-text-tertiary:#606060;--viewer-border:var(--viewer-dark-border);--viewer-ui-bg:var(--viewer-dark-ui-bg)}.viewer-click-layer{z-index:50;pointer-events:none;flex-direction:column;width:100vw;height:100vh;display:flex;position:fixed;inset:0}.click-layer-passthrough{pointer-events:none;flex-shrink:0}.click-layer-top,.click-layer-bottom{height:15vh;min-height:60px}.click-layer-middle{flex-direction:row;flex:1;min-height:120px;display:flex}.click-layer-left,.click-layer-right{flex:0 0 15%;min-width:0}.click-layer-active{pointer-events:auto;cursor:pointer;flex:0 0 70%;min-width:0}.viewer-header{background-color:var(--viewer-ui-bg,var(--bg-color));-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--viewer-border,var(--border-color));z-index:100;opacity:1;flex-direction:column;height:60px;padding:0;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0;right:0;transform:translateY(0)}.viewer-header-row{flex:1;justify-content:space-between;align-items:center;min-height:0;padding:0 16px;display:flex}.viewer-header-progress-track{background-color:var(--viewer-border,var(--border-color));height:2px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.viewer-header-progress-fill{background-color:var(--viewer-text-secondary,var(--text-tertiary));height:100%;transition:width .12s linear}.viewer-header.hidden{opacity:0;pointer-events:none;transform:translateY(-100%);margin:0!important;padding:0!important}.viewer-back-btn{color:var(--viewer-text,var(--text-color));cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-family:Pretendard,sans-serif;font-size:.9rem;text-decoration:none;transition:all .2s;display:flex}.viewer-back-btn:hover{background-color:var(--viewer-border,var(--hover-bg))}.viewer-header-actions{align-items:center;gap:4px;display:flex}.viewer-bookmark-btn{width:40px;height:40px;color:var(--viewer-text-secondary,var(--text-tertiary));cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.viewer-bookmark-btn:hover{background-color:var(--viewer-border,var(--hover-bg));color:var(--viewer-text,var(--text-color))}.viewer-bookmark-btn.active{color:var(--warning-color)}.viewer-share-btn{width:40px;height:40px;color:var(--viewer-text-secondary,var(--text-tertiary));cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.viewer-share-btn:hover{background-color:var(--viewer-border,var(--hover-bg));color:var(--viewer-text,var(--text-color))}.viewer-share-btn:active{transform:scale(.95)}.viewer-title-area{text-align:center;flex:1;min-width:0;padding:0 12px}.viewer-work-title{color:var(--viewer-text,var(--text-color));white-space:nowrap;text-overflow:ellipsis;font-family:Pretendard,sans-serif;font-size:.85rem;font-weight:500;overflow:hidden}.viewer-episode-title{color:var(--viewer-text-secondary,var(--text-tertiary));font-family:Pretendard,sans-serif;font-size:.75rem}.viewer-settings-btn{width:40px;height:40px;color:var(--viewer-text,var(--text-color));cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:background-color .2s;display:flex}.viewer-settings-btn:hover{background-color:var(--viewer-border,var(--hover-bg))}.viewer-container{min-height:100vh;padding:0 24px 140px;transition:background-color .3s,color .3s,padding-top .3s;margin-top:0!important;padding-top:0!important}.viewer-container.viewer-header-visible{padding-top:40px!important}.viewer-container.viewer-theme-light{background-color:var(--viewer-light-bg);color:var(--viewer-light-text)}.viewer-container.viewer-theme-sepia{background-color:var(--viewer-sepia-bg);color:var(--viewer-sepia-text)}.viewer-container.viewer-theme-dark{background-color:var(--viewer-dark-bg);color:var(--viewer-dark-text)}.viewer-content{text-align:justify;word-break:keep-all;white-space:pre-wrap;max-width:680px;color:inherit;-webkit-user-select:none;user-select:none;margin:0 auto;padding-top:1rem;transition:max-width .3s}.viewer-content.font-14{letter-spacing:.01em;font-size:14px;line-height:1.85}.viewer-content.font-16{letter-spacing:.01em;font-size:16px;line-height:1.9}.viewer-content.font-18{letter-spacing:.01em;font-size:18px;line-height:1.95}.viewer-content.font-20{letter-spacing:.01em;font-size:20px;line-height:2}.viewer-content.font-22{letter-spacing:.01em;font-size:22px;line-height:2.05}.viewer-content.font-24{letter-spacing:.01em;font-size:24px;line-height:2.1}.viewer-content.font-26{letter-spacing:.01em;font-size:26px;line-height:2.15}.viewer-content.font-28{letter-spacing:.01em;font-size:28px;line-height:2.2}.viewer-content.font-30{letter-spacing:.01em;font-size:30px;line-height:2.25}.viewer-content.font-family-noto-serif{font-family:Noto Serif KR,serif}.viewer-content.font-family-nanum-myeongjo{font-family:Nanum Myeongjo,serif}.viewer-content.font-family-pretendard{font-family:Pretendard,-apple-system,BlinkMacSystemFont,sans-serif}@media (max-width:768px){.viewer-content.font-14{letter-spacing:.02em;line-height:1.9}.viewer-content.font-16{letter-spacing:.02em;line-height:1.95}.viewer-content.font-18{letter-spacing:.02em;line-height:2}.viewer-content.font-20{letter-spacing:.02em;line-height:2.05}.viewer-content.font-22{letter-spacing:.02em;line-height:2.1}.viewer-content.font-24{letter-spacing:.02em;line-height:2.15}.viewer-content.font-26{letter-spacing:.02em;line-height:2.2}.viewer-content.font-28{letter-spacing:.02em;line-height:2.25}.viewer-content.font-30{letter-spacing:.02em;line-height:2.3}}.viewer-episode-header{text-align:center;border-bottom:1px solid var(--viewer-border,var(--border-color));margin-bottom:3rem;padding-bottom:2rem}.viewer-episode-number{color:var(--viewer-text-secondary,var(--text-tertiary));letter-spacing:.1em;margin-bottom:.5rem;font-family:Pretendard,sans-serif;font-size:.85rem}.viewer-episode-title-main{color:inherit;margin-bottom:.5rem;font-family:Noto Serif KR,serif;font-size:1.5rem;font-weight:400}.viewer-episode-subtitle{color:var(--viewer-text-secondary,var(--text-secondary));font-family:Noto Serif KR,serif;font-size:1rem}.viewer-body{position:relative}.virtual-content{width:100%;position:relative}.virtual-content-inner{position:relative}.virtual-spacer{pointer-events:none;width:100%}.virtual-spacer--top,.virtual-spacer--bottom{flex-shrink:0}.virtual-content-end-spacer{flex-shrink:0;width:100%}.viewer-paragraph{z-index:2;text-indent:1em;margin-bottom:1.5em;position:relative}.viewer-paragraph:first-child{text-indent:0}.viewer-paragraph:last-child{margin-bottom:0}.viewer-paragraph--empty{text-align:center;opacity:.5;text-indent:0}.viewer-first-block .viewer-paragraph:first-of-type:first-letter{font-family:var(--font-serif),"Noto Serif KR",serif;float:left;margin-top:-.05em;margin-right:.08em;font-size:3.2em;font-weight:400;line-height:1}.content-protection-overlay{z-index:1;pointer-events:none;-webkit-user-select:none;user-select:none;background:linear-gradient(180deg,transparent 0%,var(--viewer-text)50%,transparent 100%);opacity:.02;mix-blend-mode:multiply;position:absolute;inset:0}.content-security-notice{z-index:5;border-top:1px dashed var(--viewer-border,var(--border-color));clear:both;justify-content:center;margin-top:16px;padding:16px 0;display:flex;position:relative}.content-security-notice span{color:var(--viewer-text-secondary,var(--text-tertiary));opacity:.6;letter-spacing:.02em;font-family:Pretendard,sans-serif;font-size:.75rem}.viewer-theme-dark .content-security-notice span{opacity:.4}.viewer-loading{flex-direction:column;justify-content:center;align-items:center;min-height:300px;padding:80px 20px;display:flex}.viewer-loading-spinner{border:3px solid var(--viewer-border,var(--border-color));border-top-color:var(--viewer-text,var(--text-color));border-radius:50%;width:40px;height:40px;margin-bottom:16px;animation:.8s linear infinite viewer-spin}@keyframes viewer-spin{to{transform:rotate(360deg)}}.viewer-loading-text{color:var(--viewer-text-secondary,var(--text-tertiary));font-family:Pretendard,sans-serif;font-size:.9rem}.viewer-error{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:300px;padding:80px 20px;display:flex}.viewer-error svg{color:var(--viewer-text-secondary,var(--text-tertiary));margin-bottom:16px}.viewer-error-title{color:var(--viewer-text,var(--text-color));margin-bottom:8px;font-family:Pretendard,sans-serif;font-size:1rem;font-weight:500}.viewer-error-description{color:var(--viewer-text-secondary,var(--text-tertiary));margin-bottom:24px;font-family:Pretendard,sans-serif;font-size:.9rem;line-height:1.5}.viewer-error-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:8px;display:flex}.viewer-error-btn{background-color:var(--viewer-text,var(--text-color));color:var(--viewer-bg,var(--bg-color));cursor:pointer;border:none;border-radius:8px;padding:12px 24px;font-family:Pretendard,sans-serif;font-size:.9rem;font-weight:500;transition:all .2s}.viewer-error-btn-primary{background-color:var(--viewer-text,var(--text-color));color:var(--viewer-bg,var(--bg-color))}.viewer-error-btn-secondary{color:var(--viewer-text,var(--text-color));border:1px solid var(--viewer-border,var(--border-color));background-color:#0000}.viewer-error-btn:hover{opacity:.9;transform:translateY(-1px)}.viewer-error-btn-secondary:hover{background-color:var(--viewer-border,var(--hover-bg))}.viewer-watermark{color:var(--viewer-watermark);pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;z-index:1;font-size:1.5rem;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-30deg)}.viewer-episode-footer{z-index:10;border-top:1px solid var(--viewer-border,var(--border-color));text-align:center;clear:both;margin-top:3rem;padding-top:2.5rem;display:block;position:relative}.viewer-episode-end{font-family:var(--font-serif),"Noto Serif KR",serif;color:var(--viewer-text-secondary,var(--text-tertiary));letter-spacing:.02em;margin-bottom:.75rem;font-size:.95rem}.viewer-episode-stats{color:var(--viewer-text-tertiary,var(--text-tertiary));letter-spacing:.04em;opacity:.9;font-family:Pretendard,sans-serif;font-size:.8rem}.viewer-next-section{z-index:10;background-color:var(--viewer-border,var(--hover-bg));text-align:center;clear:both;opacity:.5;border-radius:16px;margin-top:2rem;margin-bottom:3rem;padding:2rem;transition:opacity .4s;display:block;position:relative}.viewer-next-section.visible{opacity:1}.viewer-next-label{color:var(--viewer-text-secondary,var(--text-tertiary));margin-bottom:12px;font-family:Pretendard,sans-serif;font-size:.85rem}.viewer-next-btn{background-color:var(--viewer-text,var(--text-color));width:100%;color:var(--viewer-bg,var(--bg-color));cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:16px;padding:20px 24px;font-family:Pretendard,sans-serif;font-size:1rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.viewer-next-btn:hover{box-shadow:0 8px 24px var(--shadow-subtle);transform:translateY(-2px)}.viewer-next-title{text-align:left;flex:1}.viewer-next-arrow{align-items:center;display:flex}.viewer-series-complete{color:var(--viewer-text-secondary,var(--text-tertiary));flex-direction:column;align-items:center;gap:12px;display:flex}.viewer-series-complete-text{font-family:Pretendard,sans-serif;font-size:.95rem}.viewer-back-to-work{border:1px solid var(--viewer-border,var(--border-color));color:var(--viewer-text,var(--text-color));background-color:#0000;border-radius:8px;margin-top:8px;padding:12px 24px;font-family:Pretendard,sans-serif;font-size:.9rem;text-decoration:none;transition:all .2s;display:inline-block}.viewer-back-to-work:hover{background-color:var(--viewer-border,var(--hover-bg))}.viewer-footer{background-color:var(--viewer-ui-bg,var(--bg-color));-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--viewer-border,var(--border-color));z-index:100;opacity:1;transition:all .3s cubic-bezier(.4,0,.2,1);position:fixed;bottom:0;left:0;right:0;transform:translateY(0)}.viewer-footer.hidden{opacity:0;pointer-events:none;transform:translateY(100%)}.viewer-progress-bar{background-color:var(--viewer-border,var(--border-color));height:3px;position:relative}.viewer-progress-fill{background:linear-gradient(90deg,var(--primary-color),var(--accent-purple));border-radius:0 2px 2px 0;height:100%;transition:width .1s linear}.viewer-footer-content{justify-content:space-between;align-items:center;height:60px;padding:12px 20px;display:flex}.viewer-footer-center{align-items:center;gap:16px;display:flex}.viewer-settings-trigger{background:var(--viewer-border,var(--viewer-border-light));cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex}.viewer-settings-trigger:hover{background:var(--viewer-text,var(--text-color))}.viewer-settings-trigger:hover .settings-trigger-icon{color:var(--viewer-bg,var(--bg-color))}.viewer-settings-trigger:active{transform:scale(.95)}.settings-trigger-icon{color:var(--viewer-text,var(--text-color));font-family:Pretendard,sans-serif;font-size:1rem;font-weight:600;transition:color .2s}.viewer-nav-btn{background-color:var(--viewer-border,var(--hover-bg));color:var(--viewer-text,var(--text-color));cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-family:Pretendard,sans-serif;font-size:.875rem;text-decoration:none;transition:all .2s;display:flex}.viewer-nav-btn:hover:not(:disabled){background-color:var(--viewer-text-secondary,var(--border-color))}.viewer-nav-btn:disabled{opacity:.4;cursor:not-allowed}.viewer-progress-info{flex-direction:column;align-items:center;gap:2px;display:flex}.viewer-progress-text{color:var(--viewer-text,var(--text-color));font-family:Pretendard,sans-serif;font-size:1rem;font-weight:600}.viewer-progress-episode{color:var(--viewer-text-secondary,var(--text-tertiary));font-family:Pretendard,sans-serif;font-size:.75rem}.viewer-page .bookmark-sheet-overlay{background-color:var(--overlay-bg);z-index:1100;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s,visibility .25s;position:fixed;inset:0}.viewer-page .bookmark-sheet-overlay.visible{opacity:1;visibility:visible;pointer-events:auto}.viewer-page .bookmark-sheet{background-color:var(--viewer-ui-bg,var(--bg-color));border-top:1px solid var(--viewer-border,var(--border-color));max-height:min(85vh,420px);box-shadow:0 -8px 32px var(--shadow-color);z-index:1101;border-top-left-radius:20px;border-top-right-radius:20px;flex-direction:column;transition:transform .35s cubic-bezier(.32,.72,0,1);display:flex;position:fixed;bottom:0;left:0;right:0;overflow:hidden;transform:translateY(100%)}.viewer-page .bookmark-sheet.open{transform:translateY(0)}.viewer-page .bookmark-sheet-handle{flex-shrink:0;justify-content:center;padding:10px 0 6px;display:flex}.viewer-page .bookmark-sheet-handle-bar{background:var(--viewer-border,var(--border-color));border-radius:2px;width:36px;height:4px}.viewer-page .bookmark-sheet-header{border-bottom:1px solid var(--viewer-border,var(--border-color));flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 20px 16px;display:flex}.viewer-page .bookmark-sheet-title{color:var(--viewer-text,var(--text-color));align-items:center;gap:8px;margin:0;font-family:Pretendard,sans-serif;font-size:.95rem;font-weight:600;display:flex}.viewer-page .bookmark-sheet-title svg{stroke:var(--viewer-text-secondary,var(--text-tertiary));flex-shrink:0}.viewer-page .bookmark-sheet-close{cursor:pointer;width:40px;height:40px;color:var(--viewer-text-secondary,var(--text-tertiary));background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;transition:all .2s;display:flex}.viewer-page .bookmark-sheet-close:hover{background-color:var(--viewer-border,var(--hover-bg));color:var(--viewer-text,var(--text-color))}.viewer-page .bookmark-sheet-content{flex:1;min-height:0;padding:16px 20px;overflow-y:auto}.viewer-page .bookmark-sheet-context{margin-bottom:16px}.viewer-page .bookmark-sheet-context-label{color:var(--viewer-text-secondary,var(--text-tertiary));text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-family:Pretendard,sans-serif;font-size:.75rem;display:block}.viewer-page .bookmark-sheet-context-quote{font-family:var(--font-serif),"Noto Serif KR",serif;color:var(--viewer-text-secondary,var(--text-tertiary));background-color:var(--viewer-border,var(--hover-bg));border-left:3px solid var(--viewer-text-secondary,var(--text-tertiary));opacity:.95;border-radius:0 8px 8px 0;margin:0;padding:12px 14px;font-size:.9rem;line-height:1.6}.viewer-page .bookmark-sheet-memo{position:relative}.viewer-page .bookmark-sheet-memo-label{color:var(--viewer-text-secondary,var(--text-tertiary));margin-bottom:8px;font-family:Pretendard,sans-serif;font-size:.85rem;display:block}.viewer-page .bookmark-sheet-memo-input{background-color:var(--viewer-bg,var(--bg-color));border:1px solid var(--viewer-border,var(--border-color));width:100%;color:var(--viewer-text,var(--text-color));resize:none;border-radius:8px;min-height:72px;padding:12px;font-family:Pretendard,sans-serif;font-size:.9rem;transition:border-color .2s}.viewer-page .bookmark-sheet-memo-input:focus{border-color:var(--viewer-text,var(--text-color));outline:none}.viewer-page .bookmark-sheet-memo-input::placeholder{color:var(--viewer-text-secondary,var(--text-tertiary))}.viewer-page .bookmark-sheet-memo-count{color:var(--viewer-text-secondary,var(--text-tertiary));font-family:Pretendard,sans-serif;font-size:.75rem;position:absolute;bottom:10px;right:12px}.viewer-page .bookmark-sheet-actions{padding:16px 20px 24px;padding-bottom:max(24px,env(safe-area-inset-bottom));border-top:1px solid var(--viewer-border,var(--border-color));flex-shrink:0;gap:12px;display:flex}.viewer-page .bookmark-sheet-cancel,.viewer-page .bookmark-sheet-save{cursor:pointer;border-radius:10px;flex:1;padding:14px;font-family:Pretendard,sans-serif;font-size:.95rem;font-weight:500;transition:all .2s}.viewer-page .bookmark-sheet-cancel{border:1px solid var(--viewer-border,var(--border-color));color:var(--viewer-text-secondary,var(--text-tertiary));background:0 0}.viewer-page .bookmark-sheet-cancel:hover{background-color:var(--viewer-border,var(--hover-bg));color:var(--viewer-text,var(--text-color))}.viewer-page .bookmark-sheet-save{background-color:var(--viewer-text,var(--text-color));color:var(--viewer-bg,var(--bg-color));border:none}.viewer-page .bookmark-sheet-save:hover:not(:disabled){opacity:.92}.viewer-page .bookmark-sheet-save:disabled{opacity:.5;cursor:not-allowed}.quick-settings-overlay{background:var(--overlay-light);-webkit-backdrop-filter:blur(4px);opacity:0;visibility:hidden;pointer-events:none;z-index:110;transition:all .3s;position:fixed;inset:0}.quick-settings-overlay.visible{opacity:1;visibility:visible;pointer-events:auto}.viewer-quick-settings{background:rgba(var(--viewer-ui-bg-rgb),.85);-webkit-backdrop-filter:blur(20px)saturate(180%);border-top:1px solid rgba(var(--viewer-border-rgb),.1);z-index:120;box-shadow:0 -8px 40px var(--shadow-medium);overscroll-behavior:contain;border-radius:24px 24px 0 0;max-height:75vh;padding:0 24px 32px;transition:transform .35s cubic-bezier(.32,.72,0,1);position:fixed;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(100%)}.viewer-quick-settings.open{transform:translateY(0)}.viewer-theme-dark .viewer-quick-settings{background:var(--viewer-dark-ui-bg);border-top-color:var(--viewer-border)}.quick-settings-handle{justify-content:center;padding:12px 0 8px;display:flex}.quick-settings-handle-bar{background:var(--viewer-border,var(--text-shadow-medium));border-radius:2px;width:36px;height:4px}.quick-settings-header{border-bottom:1px solid var(--viewer-border);justify-content:space-between;align-items:center;margin-bottom:20px;padding:8px 0 20px;display:flex}.quick-settings-title{color:var(--viewer-text,var(--text-color));align-items:center;gap:8px;margin:0;font-family:Pretendard,sans-serif;font-size:1rem;font-weight:600;display:flex}.quick-settings-title svg{opacity:.7}.quick-settings-close{width:44px;height:44px;color:var(--viewer-text-secondary,var(--text-tertiary));cursor:pointer;background:0 0;border:none;border-radius:12px;justify-content:center;align-items:center;margin:-8px -8px -8px 0;transition:all .2s;display:flex}.quick-settings-close:hover{background-color:var(--viewer-border,var(--viewer-border-light));color:var(--viewer-text,var(--text-color))}.quick-settings-close:active{transform:scale(.95)}.quick-settings-content{flex-direction:column;gap:24px;display:flex}.quick-settings-section{flex-direction:column;gap:12px;display:flex}.quick-settings-label{color:var(--viewer-text-secondary,var(--text-secondary));text-transform:uppercase;letter-spacing:.05em;font-family:Pretendard,sans-serif;font-size:.8rem;font-weight:500}.quick-settings-label-row{justify-content:space-between;align-items:center;display:flex}.quick-settings-value{color:var(--viewer-text,var(--text-color));font-family:Pretendard,sans-serif;font-size:.9rem;font-weight:600}.quick-settings-theme-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.theme-circle-btn{cursor:pointer;background:0 0;border:none;border-radius:12px;flex-direction:column;align-items:center;gap:8px;min-height:80px;padding:12px 8px;transition:all .2s;display:flex}.theme-circle-btn:hover{background:var(--viewer-border,var(--viewer-border-light))}.theme-circle-btn:active{transform:scale(.96)}.theme-circle{width:44px;height:44px;box-shadow:0 2px 8px var(--shadow-subtle);border:3px solid #0000;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.theme-circle-btn.active .theme-circle{border-color:var(--viewer-text,var(--text-color));box-shadow:0 2px 12px var(--text-shadow-medium)}.theme-circle-auto{background:linear-gradient(135deg,var(--viewer-light-bg)50%,var(--viewer-dark-bg)50%)}.theme-circle-light{background:var(--viewer-light-bg);border:1px solid var(--viewer-light-border)!important}.theme-circle-sepia{background:var(--viewer-sepia-bg)}.theme-circle-dark{background:var(--viewer-dark-bg)}.theme-check{color:var(--viewer-dark-text);filter:drop-shadow(0 1px 2px var(--shadow-color))}.theme-circle-light .theme-check{color:var(--viewer-light-text)}.theme-circle-label{color:var(--viewer-text-secondary,var(--text-secondary));font-family:Pretendard,sans-serif;font-size:.75rem;transition:color .2s}.theme-circle-btn.active .theme-circle-label{color:var(--viewer-text,var(--text-color));font-weight:500}.quick-settings-font-group{gap:8px;display:flex}.font-select-btn{background:var(--viewer-border,var(--viewer-border-light));min-height:44px;color:var(--viewer-text-secondary,var(--text-secondary));cursor:pointer;border:2px solid #0000;border-radius:10px;flex:1;padding:12px 16px;font-size:.85rem;transition:all .2s}.font-select-btn:hover{background:var(--viewer-border,var(--viewer-border-medium))}.font-select-btn.active{background:var(--viewer-text,var(--text-color));color:var(--viewer-bg,var(--bg-color));border-color:var(--viewer-text,var(--text-color))}.font-select-btn:active{transform:scale(.98)}.font-preview-noto-serif{font-family:Noto Serif KR,serif}.font-preview-nanum-myeongjo{font-family:Nanum Myeongjo,serif}.font-preview-pretendard{font-family:Pretendard,sans-serif}.quick-settings-size-control{align-items:center;gap:12px;display:flex}.size-adjust-btn{background:var(--viewer-border,var(--viewer-border-light));cursor:pointer;border:none;border-radius:12px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;transition:all .2s;display:flex;position:relative}.size-adjust-btn:hover:not(:disabled){background:var(--viewer-border)}.size-adjust-btn:active:not(:disabled){transform:scale(.95)}.size-adjust-btn:disabled{opacity:.4;cursor:not-allowed}.size-btn-icon{color:var(--viewer-text,var(--text-color));font-family:Pretendard,sans-serif;font-size:14px;font-weight:600}.size-btn-icon-large{font-size:18px}.size-btn-minus,.size-btn-plus{color:var(--viewer-text-secondary,var(--text-tertiary));font-size:10px;font-weight:700;position:absolute;bottom:4px;right:6px}.size-slider-wrapper,.width-slider-wrapper{background:var(--viewer-border);border-radius:3px;flex:1;height:6px;position:relative;overflow:hidden}.size-slider-fill,.width-slider-fill{background:var(--viewer-text,var(--text-color));pointer-events:none;border-radius:3px;height:100%;transition:width .15s;position:absolute;top:0;left:0}.size-slider,.width-slider{appearance:none;cursor:pointer;background:0 0;width:100%;height:44px;margin:0;position:absolute;top:50%;left:0;transform:translateY(-50%)}.size-slider::-webkit-slider-thumb{appearance:none;background:var(--viewer-text,var(--text-color));cursor:pointer;width:20px;height:20px;box-shadow:0 2px 6px var(--text-shadow-medium);border-radius:50%;transition:transform .15s}.width-slider::-webkit-slider-thumb{appearance:none;background:var(--viewer-text,var(--text-color));cursor:pointer;width:20px;height:20px;box-shadow:0 2px 6px var(--text-shadow-medium);border-radius:50%;transition:transform .15s}.size-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.width-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.size-slider::-moz-range-thumb{background:var(--viewer-text,var(--text-color));cursor:pointer;width:20px;height:20px;box-shadow:0 2px 6px var(--text-shadow-medium);border:none;border-radius:50%}.width-slider::-moz-range-thumb{background:var(--viewer-text,var(--text-color));cursor:pointer;width:20px;height:20px;box-shadow:0 2px 6px var(--text-shadow-medium);border:none;border-radius:50%}.quick-settings-width-control{align-items:center;gap:12px;display:flex}.width-indicator{width:32px;height:32px;color:var(--viewer-text-secondary,var(--text-tertiary));flex-shrink:0;justify-content:center;align-items:center;display:flex}.width-indicator-narrow svg{width:14px}.width-indicator-wide svg{width:20px}.viewer-settings-option{background-color:var(--viewer-border,var(--hover-bg));color:var(--viewer-text,var(--text-color));cursor:pointer;border:1px solid #0000;border-radius:8px;padding:10px 16px;font-size:.85rem;transition:all .2s}.viewer-settings-option:hover{border-color:var(--viewer-text-secondary,var(--border-color))}.viewer-settings-option.active{background-color:var(--viewer-text,var(--text-color));color:var(--viewer-bg,var(--bg-color))}.font-option-noto-serif{font-family:Noto Serif KR,serif}.font-option-nanum-myeongjo{font-family:Nanum Myeongjo,serif}.font-option-pretendard{font-family:Pretendard,sans-serif}.viewer-settings-slider{align-items:center;gap:12px;display:flex}.viewer-size-btn{background-color:var(--viewer-border,var(--hover-bg));width:36px;height:36px;color:var(--viewer-text,var(--text-color));cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.viewer-size-btn:hover:not(:disabled){background-color:var(--viewer-text-secondary,var(--border-color))}.viewer-size-btn:disabled{opacity:.4;cursor:not-allowed}.viewer-range{appearance:none;background:var(--viewer-border,var(--border-color));cursor:pointer;border-radius:2px;flex:1;height:4px}.viewer-range::-webkit-slider-thumb{appearance:none;background:var(--viewer-text,var(--text-color));cursor:pointer;border-radius:50%;width:20px;height:20px;transition:transform .2s}.viewer-range::-webkit-slider-thumb:hover{transform:scale(1.1)}.viewer-range::-moz-range-thumb{background:var(--viewer-text,var(--text-color));cursor:pointer;border:none;border-radius:50%;width:20px;height:20px}.viewer-width-label{color:var(--viewer-text-secondary,var(--text-tertiary));text-align:center;min-width:28px;font-family:Pretendard,sans-serif;font-size:.75rem}.viewer-overlay{background-color:var(--overlay-light);z-index:140;animation:.2s viewer-fadeIn;position:fixed;inset:0}@keyframes viewer-fadeIn{0%{opacity:0}to{opacity:1}}.viewer-toast{background-color:var(--viewer-text,var(--text-color));color:var(--viewer-bg,var(--bg-color));opacity:0;visibility:hidden;z-index:200;border-radius:8px;padding:12px 24px;font-family:Pretendard,sans-serif;font-size:.9rem;transition:all .3s;position:fixed;bottom:100px;left:50%;transform:translate(-50%)translateY(20px)}.viewer-toast.visible{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.hidden-mobile{display:inline}@media print{.viewer-page,.viewer-container,.viewer-content{visibility:hidden!important;display:none!important}body:after{content:"이 콘텐츠는 인쇄할 수 없습니다.";text-align:center;padding:100px 20px;font-size:1.2rem;display:block}}@media (max-width:768px){.viewer-container{padding:0 20px 120px;padding-top:0!important}.viewer-content{text-align:left;max-width:100%!important}.viewer-nav-btn{padding:10px 14px;font-size:.85rem}.hidden-mobile{display:none}.viewer-quick-settings{max-height:80vh;padding:0 16px 24px}.quick-settings-header{margin-bottom:16px;padding:4px 0 16px}.quick-settings-title{font-size:.95rem}.quick-settings-content{gap:20px}.quick-settings-theme-grid{gap:8px}.theme-circle-btn{min-height:72px;padding:10px 6px}.theme-circle{width:40px;height:40px}.theme-circle-label{font-size:.7rem}.quick-settings-font-group{gap:6px}.font-select-btn{padding:10px 12px;font-size:.8rem}.size-adjust-btn{width:44px;height:44px}.size-btn-icon{font-size:12px}.size-btn-icon-large{font-size:16px}.viewer-next-btn{padding:16px 20px;font-size:.95rem}.viewer-toast{padding:10px 20px;font-size:.85rem;bottom:80px}}.login-required-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:60vh;padding:40px 20px;display:flex}.login-required-icon{width:64px;height:64px;color:var(--text-tertiary);margin-bottom:24px}.login-required-title{color:var(--text-color);margin-bottom:12px;font-family:Noto Serif KR,serif;font-size:1.5rem;font-weight:400}.login-required-description{color:var(--text-secondary);margin-bottom:32px;font-family:Pretendard,sans-serif;font-size:.95rem;line-height:1.6}.login-required-btn{background-color:var(--text-color);color:var(--bg-color);cursor:pointer;border:none;border-radius:8px;padding:14px 32px;font-family:Pretendard,sans-serif;font-size:.95rem;font-weight:500;transition:all .2s}.login-required-btn:hover{opacity:.9;transform:translateY(-1px)}