.lp-viewer-root{--lp-bg: #f4f4f5;--lp-surface: #ffffff;--lp-text: #18181b;--lp-text-2: #3f3f46;--lp-muted: #71717a;--lp-faint: #a1a1aa;--lp-ghost: #c4c4c8;--lp-border: #e7e7ea;--lp-shadow: rgba(24, 24, 27, .1);height:100vh;height:100dvh;background:var(--lp-bg);color:var(--lp-text);display:flex;flex-direction:column;position:relative;overflow:hidden;font-family:Geist Variable,system-ui,sans-serif}.lp-viewer-root--embed{min-height:100vh;min-height:100dvh;height:100vh;height:100dvh}.lp-viewer-root--fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999}.lp-skip-link{position:absolute;left:-9999px;top:0;background:var(--lp-text);color:#fff;padding:.5rem 1rem;z-index:10000}.lp-skip-link:focus{left:1rem;top:1rem}.lp-viewer-header{height:52px;flex:none;background:var(--lp-surface);border-bottom:1px solid var(--lp-border);display:flex;align-items:center;gap:14px;padding:0 18px}.lp-viewer-header__meta{min-width:0}.lp-viewer-header__meta h1{font-size:13.5px;font-weight:600;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lp-viewer-header__slug{font:500 11px ui-monospace,SF Mono,Menlo,monospace;color:var(--lp-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lp-viewer-header__spacer{flex:1}.lp-viewer-header__actions{display:flex;align-items:center;gap:8px}.lp-icon-btn{width:32px;height:32px;flex:none;border:1px solid var(--lp-border);background:var(--lp-surface);border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--lp-muted);transition:color .15s,background .15s}.lp-icon-btn:hover{color:var(--lp-text-2)}.lp-icon-btn--active{color:var(--lp-text);background:var(--lp-bg)}.lp-viewer-stage{flex:1;display:flex;align-items:center;justify-content:center;padding:clamp(20px,5vw,36px) clamp(18px,5vw,28px);position:relative;min-height:0;overflow:hidden}.lp-flipbook-wrap{margin:0 auto;max-width:100%}.lp-flipbook,.lp-scroll-view{width:100%}.lp-page,.lp-scroll-page{background:#fff;display:grid;place-items:center}.lp-page img,.lp-scroll-page img{display:block;width:100%;height:auto}.lp-scroll-view{display:grid;gap:1rem;overflow-y:auto;max-height:100%}.lp-scroll-page{box-shadow:0 1px 3px #00000014}.lp-nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:1px solid var(--lp-border);background:var(--lp-surface);box-shadow:0 2px 8px var(--lp-shadow);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--lp-text-2);z-index:5;transition:opacity .15s,background .15s}.lp-nav:hover:not(:disabled){background:var(--lp-bg)}.lp-nav:disabled{opacity:.4;cursor:default}.lp-nav--prev{left:26px}.lp-nav--next{right:26px}.lp-controls{flex:none;display:flex;flex-direction:column;align-items:center;gap:10px;padding:8px 0 26px}.lp-pill{display:flex;align-items:center;gap:12px;background:var(--lp-surface);border:1px solid var(--lp-border);border-radius:999px;padding:7px 10px 7px 14px;box-shadow:0 4px 14px -6px var(--lp-shadow)}.lp-pill__btn{width:30px;height:30px;border:none;background:transparent;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--lp-muted)}.lp-pill__btn:hover:not(:disabled){color:var(--lp-text)}.lp-pill__btn:disabled{opacity:.4;cursor:default}.lp-pill__ind{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--lp-text-2)}.lp-pill__box{min-width:44px;height:28px;padding:0 8px;border:1px solid var(--lp-border);border-radius:7px;display:flex;align-items:center;justify-content:center;font:600 12.5px ui-monospace,SF Mono,Menlo,monospace}.lp-pill__box input{width:100%;border:none;background:transparent;text-align:center;color:inherit;font:inherit;outline:none;-moz-appearance:textfield}.lp-pill__box input::-webkit-outer-spin-button,.lp-pill__box input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.lp-pill__total{color:var(--lp-faint)}.lp-attribution{position:absolute;right:12px;bottom:10px;z-index:12;display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 6px;border-radius:999px;border:1px solid var(--lp-border);background:color-mix(in srgb,var(--lp-surface) 86%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font:500 10.5px Geist Variable,system-ui,sans-serif;letter-spacing:.01em;color:var(--lp-muted);text-decoration:none;opacity:.82;transition:opacity .15s,color .15s}.lp-attribution:hover{opacity:1;color:var(--lp-text-2)}.lp-attribution__mark{width:16px;height:16px;flex:none;display:block;border-radius:5px}.lp-attribution__text{white-space:nowrap}.lp-viewer-root--embed .lp-attribution{bottom:52px}@media(max-width:640px){.lp-attribution{gap:0;padding:5px}.lp-attribution__text{display:none}.lp-attribution__mark{width:22px;height:22px;border-radius:6px}}.lp-attr-tip:after{content:attr(data-tip);position:absolute;right:0;bottom:calc(100% + 8px);background:var(--lp-text);color:#fff;font:500 11px Geist Variable,system-ui,sans-serif;line-height:1.2;white-space:nowrap;padding:6px 9px;border-radius:7px;box-shadow:0 6px 18px -8px #00000080;opacity:0;pointer-events:none;transform:translateY(3px);transition:opacity .12s ease,transform .12s ease;z-index:40}.lp-attr-tip:hover:after,.lp-attr-tip:focus-visible:after{opacity:1;transform:translateY(0)}.lp-thumbs{display:flex;gap:.5rem;overflow-x:auto;padding:.6rem 1rem;border-top:1px solid var(--lp-border);background:var(--lp-surface)}.lp-thumbs button{border:2px solid transparent;background:transparent;padding:0;border-radius:5px;overflow:hidden;cursor:pointer;flex:none;line-height:0}.lp-thumbs button.is-active{border-color:var(--lp-text)}.lp-thumbs img{display:block;width:40px;height:auto}.lp-viewer-root--embed .lp-viewer-stage{padding:clamp(18px,5vw,24px)}.lp-embed-bar{height:44px;flex:none;border-top:1px solid var(--lp-border);background:var(--lp-surface);display:flex;align-items:center;justify-content:center;gap:clamp(6px,2.5vw,14px);padding:0 10px}.lp-embed-bar__btn{width:30px;height:30px;flex:none;border:none;background:transparent;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--lp-text-2)}.lp-embed-bar__btn:disabled{color:var(--lp-faint);cursor:default}.lp-embed-bar__label{font:600 12px ui-monospace,SF Mono,Menlo,monospace;color:var(--lp-text-2)}.lp-embed-bar__divider{width:1px;height:18px;background:var(--lp-border);margin:0 4px}.lp-tip{position:relative}.lp-tip:after{content:attr(data-tip);position:absolute;left:50%;bottom:calc(100% + 8px);transform:translate(-50%) translateY(3px);background:var(--lp-text);color:#fff;font-size:11px;font-weight:500;line-height:1.2;white-space:nowrap;padding:6px 9px;border-radius:7px;box-shadow:0 6px 18px -8px #00000080;opacity:0;pointer-events:none;transition:opacity .12s ease,transform .12s ease;z-index:40}.lp-tip:hover:after,.lp-tip:focus-visible:after{opacity:1;transform:translate(-50%) translateY(0)}.lp-tip:disabled:after{display:none}.lp-tip--down:after{bottom:auto;top:calc(100% + 8px);transform:translate(-50%) translateY(-3px)}.lp-tip--down:hover:after,.lp-tip--down:focus-visible:after{transform:translate(-50%) translateY(0)}@media(hover:none)and (pointer:coarse){.lp-tip:after{display:none}}.lp-zoom-layer{display:flex;will-change:transform}.lp-zoom-capture{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;touch-action:none}.lp-zoom-ctl{position:absolute;left:18px;bottom:24px;z-index:15;display:flex;align-items:center;gap:2px;padding:3px;background:var(--lp-surface);border:1px solid var(--lp-border);border-radius:999px;box-shadow:0 4px 14px -6px var(--lp-shadow)}.lp-viewer-root--embed .lp-zoom-ctl{bottom:54px;left:12px}.lp-zoom-ctl__btn{width:30px;height:30px;border:none;background:transparent;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--lp-text-2)}.lp-zoom-ctl__btn:hover:not(:disabled){background:var(--lp-bg)}.lp-zoom-ctl__btn:disabled{opacity:.4;cursor:default}.lp-zoom-ctl__label{min-width:46px;height:30px;border:none;background:transparent;border-radius:15px;cursor:pointer;font:600 11.5px ui-monospace,SF Mono,Menlo,monospace;color:var(--lp-text-2)}.lp-zoom-ctl__label:hover:not(:disabled){background:var(--lp-bg)}.lp-zoom-ctl__label:disabled{cursor:default}.lp-panel{position:absolute;top:0;right:0;bottom:0;width:min(420px,90vw);background:var(--lp-surface);border-left:1px solid var(--lp-border);box-shadow:-10px 0 34px -16px var(--lp-shadow);display:flex;flex-direction:column;z-index:25;animation:lp-panel-in .25s ease both}@keyframes lp-panel-in{0%{transform:translate(12px);opacity:0}to{transform:translate(0);opacity:1}}.lp-panel__head{height:52px;flex:none;display:flex;align-items:center;gap:10px;justify-content:space-between;padding:0 12px 0 18px;border-bottom:1px solid var(--lp-border)}.lp-panel__head h2{margin:0;font-size:14px;font-weight:600}.lp-panel__body{flex:1;overflow-y:auto;padding:8px;overscroll-behavior:contain}.lp-panel__label{font:600 11px ui-monospace,SF Mono,Menlo,monospace;text-transform:uppercase;letter-spacing:.08em;color:var(--lp-faint)}.lp-panel__hint{margin:10px;font-size:13px;color:var(--lp-muted)}.lp-panel__count{margin:4px 10px 8px;font-size:12px;color:var(--lp-faint)}.lp-result{display:block;width:100%;text-align:left;border:none;background:transparent;border-radius:9px;padding:12px 14px;cursor:pointer;transition:background .15s}.lp-result:hover{background:var(--lp-bg)}.lp-result.is-active{background:var(--lp-bg);box-shadow:inset 2px 0 0 var(--lp-text-2)}.lp-result__head{display:flex;align-items:center;gap:8px}.lp-result__badge{font:600 10.5px ui-monospace,monospace;color:var(--lp-muted);background:var(--lp-bg);border:1px solid var(--lp-border);border-radius:999px;padding:1px 7px}.lp-result__text,.lp-result__snippet{margin:6px 0 0;font-size:13.5px;line-height:1.6;color:var(--lp-text-2);text-wrap:pretty}.lp-result__text{white-space:pre-wrap}.lp-result__empty{color:var(--lp-faint);font-style:italic}.lp-result__snippet mark{background:#2a6fdb38;color:inherit;border-radius:3px;padding:0 1px}.lp-search__inputwrap{flex:1;min-width:0;display:flex;align-items:center;gap:8px;color:var(--lp-muted)}.lp-search__inputwrap input{flex:1;min-width:0;border:none;background:transparent;outline:none;font-size:14px;color:var(--lp-text)}.lp-search__inputwrap input::-webkit-search-cancel-button{-webkit-appearance:none}.lp-embed-bar__btn.is-active{color:var(--lp-text)}.lp-live-region{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.lp-empty{padding:2rem;text-align:center;color:var(--lp-muted)}@media(prefers-reduced-motion:reduce){.lp-flipbook{display:none}}