:root{--desktop-sidebar-default:420px;--desktop-sidebar-min:320px;--desktop-viewer-min:680px;--splitter-width:10px;--mobile-sidebar-min:300px;--mobile-sidebar-max:560px;--color-canvas:#eff1f5;--color-surface:#e6e9ef;--color-surface-muted:#dce0e8;--color-text:#4c4f69;--color-text-secondary:#555974;--color-text-muted:#6c6f85;--color-text-subtle:#5f637a;--color-border:#ccd0da;--color-border-strong:#bcc0cc;--color-border-emphasis:#acb0be;--color-accent:#8839ef;--color-accent-hover:#7030d0;--color-accent-strong:#6732ca;--color-link:#1e66f5;--color-focus:#1e66f5;--color-success:#40a02b;--color-warning:#df8e1d;--color-danger:#d20f39;--color-code-accent:#7287fd;--surface-reader:#fff;--surface-navigation:var(--color-surface);--font-sans:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Apple SD Gothic Neo","Malgun Gothic",sans-serif;--font-mono:ui-monospace,"SFMono-Regular",Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--type-title:2.5rem;--type-content:1.0625rem;--type-heading-1:2.0625rem;--type-heading-2:1.625rem;--type-heading-3:1.3125rem;--type-heading-4:1.125rem;--type-navigation:.875rem;--type-metadata:.8125rem;--type-caption:.75rem;--leading-content:1.78;--leading-heading:1.3;--overlay-backdrop:#4c4f6966;--elevated-surface:#ffffffa3;--elevated-surface-strong:#ffffffad;--elevated-surface-hover:#ffffffeb;--elevated-inset-shadow:#fffc;--active-surface-bg:#fff;--tooltip-bg:#4c4f69f5;--tooltip-text:#fff;--panel-shadow:0 14px 32px #4c4f692e;--sidebar-mobile-shadow:0 24px 48px #4c4f6933;--badge-new-bg:var(--color-danger);--badge-new-fg:#fff;--content-heading-accent-soft:#8839ef52;--content-heading-subtle:var(--color-text-secondary);--viewer-container-max-width:1120px;--content-prose-max-width:42rem;--content-visual-max-width:880px;--content-image-square-max-width:720px;--content-image-portrait-max-width:560px;--content-image-radius:8px;--content-image-frame-bg:linear-gradient(180deg,var(--color-canvas),var(--color-surface));--mermaid-wide-max-width:820px;--mermaid-tall-max-height:560px;--safe-area-top:env(safe-area-inset-top,0px);--safe-area-right:env(safe-area-inset-right,0px);--safe-area-bottom:env(safe-area-inset-bottom,0px);--safe-area-left:env(safe-area-inset-left,0px)}:root[data-theme=dark]{--color-canvas:#1e1e2e;--color-surface:#181825;--color-surface-muted:#11111b;--color-text:#cdd6f4;--color-text-secondary:#bac2de;--color-text-muted:#a6adc8;--color-text-subtle:#a0a7c6;--color-border:#313244;--color-border-strong:#45475a;--color-border-emphasis:#585b70;--color-accent:#cba6f7;--color-accent-hover:#a985f6;--color-accent-strong:#dfcbff;--color-link:#89b4fa;--color-focus:#89b4fa;--color-success:#a6e3a1;--color-warning:#f9e2af;--color-danger:#f38ba8;--color-code-accent:#b4befe;--surface-reader:var(--color-canvas);--surface-navigation:var(--color-surface);--overlay-backdrop:#11111b99;--elevated-surface:#313244b8;--elevated-surface-strong:#45475abd;--elevated-surface-hover:#585b70c7;--elevated-inset-shadow:#cdd6f424;--active-surface-bg:#45475a85;--tooltip-bg:#11111bf2;--tooltip-text:var(--color-text);--panel-shadow:0 14px 32px #0000006b;--sidebar-mobile-shadow:0 24px 48px #00000073;--badge-new-bg:var(--color-danger);--badge-new-fg:var(--color-surface-muted);--content-heading-accent-soft:#cba6f757;--content-heading-subtle:var(--color-text-muted)}*{box-sizing:border-box}html,body{-webkit-text-size-adjust:100%;width:100%;height:100%;margin:0;padding:0}body{background:var(--color-canvas);color:var(--color-text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;overflow:hidden}body.menu-open{overflow:hidden}.sr-only{position:absolute;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0}.skip-link{position:fixed;top:calc(10px + var(--safe-area-top));left:calc(12px + var(--safe-area-left));z-index:220;border:1px solid var(--color-focus);background:var(--color-canvas);color:var(--color-text);border-radius:8px;padding:10px 14px;transition:transform .18s;font-weight:600;transform:translateY(-180%)}.skip-link:focus{outline:2px solid var(--color-focus);outline-offset:2px;transform:translateY(0)}.skip-link:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;transform:translateY(0)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-surface)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-border-strong)}a{color:var(--color-link);text-decoration:none}a:hover{text-decoration:underline}.app-icon-sprite{position:absolute;overflow:hidden;pointer-events:none;width:0;height:0}.app-icon{display:inline-flex;vertical-align:middle;pointer-events:none;flex:none;width:1em;height:1em;font-size:20px}.app-root{--sidebar-width:var(--desktop-sidebar-default);display:grid;grid-template-columns:minmax(var(--desktop-sidebar-min),var(--sidebar-width))var(--splitter-width)minmax(var(--desktop-viewer-min),1fr);height:100vh;width:100vw;height:100dvh;min-height:0}.app-root.is-resizing,.app-root.is-resizing *{user-select:none;cursor:col-resize!important}.app-splitter{position:relative;width:var(--splitter-width);cursor:col-resize;touch-action:none;background:0 0;border:0}.app-splitter:before{content:"";position:absolute;background:var(--color-border);width:1px;top:0;bottom:0;left:50%;transform:translate(-.5px)}.app-splitter:after{content:"";position:absolute;background:0 0;width:4px;transition:background .15s;top:0;bottom:0;left:50%;transform:translate(-2px)}.app-splitter:hover:after,.app-root.is-resizing .app-splitter:after{background:color-mix(in srgb,var(--color-focus)22%,transparent)}.app-splitter:focus-visible:after{background:color-mix(in srgb,var(--color-focus)22%,transparent)}.app-splitter:focus-visible{outline:none}.sidebar{background:var(--surface-navigation);display:flex;overflow:hidden;padding:var(--safe-area-top)var(--safe-area-right)var(--safe-area-bottom)var(--safe-area-left);border-right:0;flex-direction:column;min-height:0}.sidebar-overlay{position:fixed;background:var(--overlay-backdrop);backdrop-filter:blur(1.5px);z-index:80;inset:0}.sidebar-overlay[hidden]{display:none}.sidebar-header{position:relative;border-bottom:1px solid var(--color-border);flex:none;padding:18px 16px 14px}.sidebar-heading{display:flex;align-items: center;gap:8px}.sidebar-title{overflow:hidden;color:var(--color-text);letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;margin:0;font-size:1.0625rem;font-weight:700}.sidebar-close,.settings-toggle{border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;background:0 0;border-radius:8px;flex:none;justify-content:center;align-items: center;width:36px;height:36px}.sidebar-close{display:none}.settings-toggle{display:inline-flex}.sidebar-close:hover,.settings-toggle:hover{background:var(--elevated-surface-hover);color:var(--color-text)}.sidebar-close:focus-visible{outline:2px solid var(--color-focus);outline-offset:1px}.settings-toggle:focus-visible{outline:2px solid var(--color-focus);outline-offset:1px}.sidebar-branch{display:grid;grid-template-columns:auto minmax(0,1fr);align-items: center;gap:8px;margin-top:12px}.branch-label{color:var(--color-text-subtle);font-size:var(--type-metadata);font-weight:650}.branch-select{border:1px solid var(--color-border-strong);background:var(--elevated-surface);color:var(--color-text);font-family:var(--font-mono);font-size:var(--type-metadata);cursor:pointer;border-radius:7px;width:100%;min-width:0;min-height:34px;padding:0 8px}.branch-select:hover{border-color:var(--color-border-emphasis)}.branch-select:focus-visible{outline:2px solid var(--color-focus);outline-offset:1px}.branch-select:disabled{cursor:default;opacity:.7}.sidebar-search{border-bottom:1px solid var(--color-border);background:color-mix(in srgb,var(--color-surface)92%,var(--color-canvas));flex:none;padding:14px 16px 10px}.sidebar-search-box{display:grid;grid-template-columns:22px minmax(0,1fr)30px;border:1px solid var(--color-border-strong);background:var(--elevated-surface);box-shadow:0 1px 0 var(--elevated-inset-shadow)inset;border-radius:8px;align-items: center;gap:6px;min-height:40px;padding:0 6px 0 11px;transition:border-color .15s,box-shadow .15s,background-color .15s}.sidebar-search-box:focus-within{border-color:color-mix(in srgb,var(--color-focus)56%,var(--color-border-strong));background:var(--elevated-surface-hover);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-focus)18%,transparent)}.sidebar-search-icon{color:var(--color-text-subtle);font-size:19px}.tree-search-input{outline:0;color:var(--color-text);font:inherit;font-size:var(--type-navigation);background:0 0;border:0;width:100%;min-width:0}.tree-search-input::placeholder{color:var(--color-text-subtle)}.tree-search-input::-webkit-search-decoration{display:none}.tree-search-input::-webkit-search-cancel-button{display:none}.tree-search-clear,.tree-search-step{color:var(--color-text-subtle);display:inline-flex;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items: center;width:30px;height:30px}.tree-search-clear[hidden]{display:none}.tree-search-clear:hover,.tree-search-step:hover:not(:disabled){border-color:var(--color-border-strong);background:var(--elevated-surface-hover);color:var(--color-text)}.tree-search-clear:focus-visible{outline:2px solid var(--color-focus);outline-offset:1px}.tree-search-step:focus-visible{outline:2px solid var(--color-focus);outline-offset:1px}.tree-search-step:disabled{cursor:default;opacity:.42}.tree-search-clear .app-icon,.tree-search-step .app-icon{font-size:18px}.sidebar-search-actions{display:flex;justify-content:space-between;align-items: center;gap:8px;min-height:30px;margin-top:7px}.sidebar-search-actions[hidden]{display:none}.tree-search-count{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-subtle);min-width:0;font-size:.75rem;font-weight:650}.tree-search-nav{display:inline-flex;gap:4px}.tree-root{overflow:hidden;flex:auto;min-height:0;padding:8px 8px 16px}.tree-load-status,.tree-load-fallback{box-sizing:border-box;border:1px solid var(--color-border);background:color-mix(in srgb,var(--color-surface)72%,transparent);color:var(--color-text-secondary);border-radius:8px;width:100%;min-height:96px;margin:0;font-size:.78rem}.tree-load-status{display:grid;text-align:center;place-items: center;padding:16px}.tree-load-fallback{overflow:auto;max-height:100%;padding:12px}.tree-load-fallback-message{margin:0 0 10px;line-height:1.5}.tree-load-retry{border:1px solid var(--color-border-strong);background:var(--color-canvas);color:var(--color-text);cursor:pointer;font:inherit;border-radius:7px;width:100%;min-height:34px;font-weight:700}.tree-load-retry:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.tree-load-fallback-links a:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.tree-load-fallback-links{display:grid;list-style:none;gap:4px;margin:12px 0 0;padding:0}.tree-load-fallback-links a{display:block;overflow:hidden;color:var(--color-text-secondary);text-decoration:none;text-overflow:ellipsis;white-space:nowrap;border-radius:5px;padding:6px 8px}.tree-load-fallback-links a:hover{background:var(--color-border);color:var(--color-text)}.tree-root file-tree-container{--trees-bg-override:transparent;--trees-bg-muted-override:color-mix(in srgb,var(--color-border)44%,transparent);--trees-fg-override:var(--color-text-secondary);--trees-fg-muted-override:var(--color-text-subtle);--trees-accent-override:var(--color-accent);--trees-border-color-override:var(--color-border);--trees-focus-ring-color-override:var(--color-focus);--trees-focus-ring-width-override:2px;--trees-focus-ring-offset-override:1px;--trees-selected-bg-override:var(--active-surface-bg);--trees-selected-fg-override:var(--color-text);--trees-selected-focused-border-color-override:color-mix(in srgb,var(--color-accent)36%,transparent);--trees-font-family-override:inherit;--trees-font-size-override:var(--type-navigation);--trees-font-weight-regular-override:450;--trees-font-weight-semibold-override:700;--trees-border-radius-override:6px;--trees-gap-override:2px;--trees-item-margin-x-override:0px;--trees-item-padding-x-override:8px;--trees-item-row-gap-override:6px;--trees-level-gap-override:10px;--trees-padding-inline-override:0px;--trees-file-icon-color-default:var(--color-text-subtle);--trees-new-badge-bg:var(--badge-new-bg);--trees-new-badge-fg:var(--badge-new-fg);display:block;width:100%;height:100%;min-height:0}.settings-toggle .app-icon{font-size:18px}.sidebar-tools{position:relative;display:flex;border-top:1px solid var(--color-border);flex:none;justify-content:flex-end;padding:6px 10px}.sidebar-settings{position:absolute;max-height:calc(100dvh - 70px - var(--safe-area-top) - var(--safe-area-bottom));overflow:auto;background:var(--color-canvas);border:1px solid var(--color-border);box-shadow:var(--panel-shadow);z-index:120;border-radius:10px;width:min(300px,100% - 24px);padding:12px;bottom:calc(100% + 8px);right:12px}.sidebar-settings-title{font-size:var(--type-navigation);color:var(--color-text);margin:0 0 10px;font-weight:700}.settings-group{border:0;margin:0;padding:0}.settings-group legend{color:var(--color-text-secondary);margin-bottom:8px;font-size:.75rem}.settings-segment{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.settings-segment-option{position:relative;min-width:0}.settings-segment-option input{position:absolute;opacity:0;pointer-events:none}.settings-segment-option span{display:flex;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;border-radius:8px;justify-content:center;align-items: center;min-height:34px;transition:border-color .15s,background-color .15s,color .15s;font-size:.78rem;font-weight:600}.settings-segment-option input:checked+span{border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent)14%,transparent);color:var(--color-text)}.settings-segment-option input:focus-visible+span{outline:2px solid var(--color-focus);outline-offset:1px}.settings-close{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;border-radius:8px;width:100%;min-height:34px;margin-top:10px;font-size:.8rem;font-weight:600}.settings-close:hover{background:var(--color-canvas)}.viewer{overflow-y:auto;background:var(--surface-reader);position:relative;min-width:0}.mobile-reader-header{display:none}.mobile-menu-toggle{display:inline-flex;border:1px solid var(--color-border-strong);background:var(--elevated-surface-strong);color:var(--color-text);font-size:var(--type-navigation);cursor:pointer;border-radius:9px;flex:none;align-items: center;gap:6px;min-height:44px;padding:0 12px;font-weight:600}.mobile-menu-toggle:hover{background:var(--elevated-surface-hover)}.mobile-menu-toggle .app-icon{font-size:20px}.mobile-reader-title{overflow:hidden;color:var(--color-text-secondary);font-size:var(--type-navigation);text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;margin:0;font-weight:650;line-height:1.35}.viewer-container{width:min(100%,var(--viewer-container-max-width));max-width:none;margin:0 auto;padding:clamp(44px,5vw,72px) clamp(32px,5vw,72px) 96px}.viewer-breadcrumb{display:flex;font-size:var(--type-metadata);font-family:var(--font-mono);color:var(--color-text-subtle);overflow-x:auto;overflow-y:hidden;white-space:nowrap;flex-wrap:nowrap;align-items: center;gap:4px;max-width:100%;min-height:24px;margin-bottom:24px}.breadcrumb-sep{color:var(--color-border-emphasis);flex:none;font-size:14px}.breadcrumb-item{flex:none}.breadcrumb-ellipsis{color:var(--color-border-emphasis);flex:none}.breadcrumb-current{color:var(--color-accent);flex:none;font-weight:500}.breadcrumb-info{color:var(--color-text-subtle);cursor:help;flex:none;margin-left:auto;padding-left:8px;font-size:16px}.breadcrumb-info:hover{color:var(--color-text)}.viewer-header{min-height:88px;margin-bottom:32px}.viewer-title{font-size:var(--type-title);letter-spacing:0;color:var(--color-text);margin:0 0 16px;font-weight:700;line-height:1.2}.viewer-meta{display:flex;font-size:var(--type-metadata);font-family:var(--font-mono);color:var(--color-text-secondary);align-items: center;gap:16px;min-height:22px}.meta-item{display:flex;align-items: center;gap:4px}.meta-item .app-icon{color:var(--color-text-subtle);font-size:16px}.meta-prefix{font-size:var(--type-caption);letter-spacing:0;color:var(--color-text-secondary);font-weight:700}.meta-tags,.meta-tags .app-icon{color:var(--color-code-accent)}.viewer-content{line-height:var(--leading-content);font-size:var(--type-content);text-wrap:pretty;color:var(--color-text);width:100%;max-width:none;margin:0}.viewer-content>:first-child{margin-top:0}.viewer-content h1,.viewer-content h2,.viewer-content h3,.viewer-content h4{color:var(--color-text);font-weight:650;line-height:var(--leading-heading);letter-spacing:0;text-wrap:balance;margin-top:2.2rem;margin-bottom:.95rem;scroll-margin-top:20px}.viewer-content h1{font-size:var(--type-heading-1);letter-spacing:0;border-bottom:1px solid var(--color-border);margin-top:2.8rem;margin-bottom:1.1rem;padding-bottom:.4rem;font-weight:760}.viewer-content h2{font-size:var(--type-heading-2);border-left:3px solid var(--content-heading-accent-soft);margin-top:2.6rem;margin-bottom:1.04rem;padding:.1rem 0 .18rem .55rem}.viewer-content h3{font-size:var(--type-heading-3);color:var(--content-heading-subtle);margin-top:2.15rem;margin-bottom:.92rem}.viewer-content h4{font-size:var(--type-heading-4);color:var(--content-heading-subtle);margin-top:1.85rem;margin-bottom:.8rem}.viewer-content p{margin-bottom:1.25rem}.viewer-content p,.viewer-content li,.viewer-content blockquote{word-break:keep-all;overflow-wrap:break-word;line-break:auto;letter-spacing:0}.viewer-content strong{color:var(--color-text)}.viewer-content a{color:var(--color-link)}.viewer-content ul,.viewer-content ol{margin-bottom:1.25rem;padding-left:1.5rem}.viewer-content li{margin-bottom:.5rem}.viewer-content blockquote{border-left:4px solid var(--color-accent);background:color-mix(in srgb,var(--color-surface)58%,transparent);color:var(--color-text-secondary);border-radius:0 8px 8px 0;margin:1.5rem auto;padding:12px 16px 12px 20px;font-style:normal}.viewer-content :not(pre)>code{background:var(--color-surface);border:1px solid var(--color-border);font-family:var(--font-mono);color:var(--color-accent);border-radius:4px;padding:2px 6px;font-size:.88em}.viewer-content .code-block{width:min(100%,var(--content-visual-max-width));overflow:hidden;background:#24292e;border:1px solid #30363d;border-radius:8px;margin:1.5rem auto;box-shadow:0 6px 18px #0f172a2e}.code-header{display:flex;background:#2b313a;border-bottom:1px solid #30363d;align-items: center;gap:12px;padding:10px 16px}.code-dots{display:flex;gap:6px}.dot{border-radius:50%;width:12px;height:12px}.dot-red{background:var(--color-danger)}.dot-yellow{background:var(--color-warning)}.dot-green{background:var(--color-success)}.code-filename{font-family:var(--font-mono);font-size:var(--type-caption);color:#aeb7c2;text-align:center;flex:1}.code-copy{display:flex;cursor:pointer;color:#aeb7c2;background:0 0;border:none;border-radius:4px;justify-content:center;align-items: center;padding:4px;transition:all .15s}.code-copy:hover{color:#f0f6fc;background:#f0f6fc24}.code-copy .app-icon{font-size:16px}.code-copy.copied{color:var(--color-success)}.viewer-content .code-block pre{box-shadow:none;color:inherit;border:none;border-radius:0;margin:0;background:0 0!important}.viewer-content .code-block pre code{display:block;overflow-x:auto;font-family:var(--font-mono);letter-spacing:0;color:inherit;padding:18px 20px;font-size:.95rem;font-weight:500;line-height:1.72;background:0 0!important}.viewer-content .code-block pre.shiki{border:0;margin:0}.viewer-content .code-block pre.shiki code{white-space:normal;tab-size:2}.viewer-content .code-block .line{display:block;line-height:inherit;white-space:pre;tab-size:2}.viewer-content .mermaid-block{width:min(100%,var(--content-visual-max-width));border:1px solid var(--color-border);background:linear-gradient(180deg,var(--color-canvas),var(--color-surface));border-radius:12px;margin:1.5rem auto;padding:16px 18px;box-shadow:0 3px 10px #0f172a14}.viewer-content .mermaid-block pre.mermaid{box-shadow:none;color:var(--color-text-secondary);font-family:var(--font-mono);font-size:var(--type-navigation);white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;overflow:visible;border:none;border-radius:0;margin:0;padding:0;line-height:1.6;background:0 0!important}.viewer-content .mermaid-block pre.mermaid[data-mermaid-rendered=true]{display:flex;color:inherit;white-space:normal;justify-content:center;align-items: center;font-family:inherit}.viewer-content .mermaid-block pre.mermaid[data-mermaid-rendered=true] svg{display:block;max-width:min(100%,var(--content-visual-max-width));width:auto;height:auto;margin:0 auto}.viewer-content .mermaid-block.is-wide pre.mermaid[data-mermaid-rendered=true] svg{max-width:min(100%,var(--mermaid-wide-max-width))}.viewer-content .mermaid-block.is-tall pre.mermaid[data-mermaid-rendered=true] svg{max-height:min(var(--mermaid-tall-max-height),68vh)}.viewer-content .mermaid-block .mermaid-render-error{color:var(--color-danger);background:#f43f5e14;border:1px solid #f43f5e59;border-radius:8px;margin:12px 0 0;padding:10px 12px;font-size:.84rem;line-height:1.45}.viewer-content pre{position:relative;width:min(100%,var(--content-visual-max-width));border:1px solid var(--color-border);background:var(--color-surface);overflow:hidden;border-radius:8px;margin:1.5rem auto;padding:0;box-shadow:0 2px 8px #0000000f}.viewer-content pre code{display:block;overflow-x:auto;font-family:var(--font-mono);padding:16px;font-size:.875rem;line-height:1.6}.viewer-content table{display:block;width:min(100%,var(--content-visual-max-width));overflow-x:auto;border-collapse:collapse;font-size:var(--type-navigation);margin:1.5rem auto}.viewer-content th{background:var(--color-surface);text-align:left;color:var(--color-text);font-weight:600}.viewer-content th,.viewer-content td{border:1px solid var(--color-border);padding:12px 16px}.viewer-content tr:hover{background:color-mix(in srgb,var(--color-surface)58%,transparent)}.viewer-content .content-image,.viewer-content .image-frame{margin:1.5rem auto}.viewer-content .content-image{max-width:min(100%,var(--content-visual-max-width));width:-moz-fit-content;width:fit-content}.viewer-content .content-image.is-square{max-width:min(100%,var(--content-image-square-max-width))}.viewer-content .content-image.is-portrait{max-width:min(100%,var(--content-image-portrait-max-width))}.viewer-content img{display:block;max-width:min(100%,var(--content-visual-max-width));border-radius:var(--content-image-radius);border:1px solid var(--color-border);background:var(--content-image-frame-bg);width:auto;height:auto;margin:0 auto}.viewer-content img.is-square{max-width:min(100%,var(--content-image-square-max-width))}.viewer-content img.is-portrait{max-width:min(100%,var(--content-image-portrait-max-width))}.viewer-content .image-frame{width:min(100%,var(--content-visual-max-width));overflow:hidden;border:1px solid var(--color-border);background:var(--content-image-frame-bg);border-radius:12px}.viewer-content .image-frame.is-square{width:min(100%,var(--content-image-square-max-width))}.viewer-content .image-frame.is-portrait{width:min(100%,var(--content-image-portrait-max-width))}.viewer-content .image-frame>img{background:0 0;border:0;border-radius:0;width:100%;max-width:none;height:100%;margin:0}.viewer-content .image-frame.fit-cover>img{object-fit:cover}.viewer-content .image-frame.fit-contain>img{object-fit:contain}.viewer-content .image-frame.ratio-16x9{aspect-ratio:16/9}.viewer-content .image-frame.ratio-4x3{aspect-ratio:4/3}.viewer-content .image-frame.ratio-3x2{aspect-ratio:3/2}.viewer-content .image-frame.ratio-4x5{aspect-ratio:4/5}.viewer-content hr{border:none;border-top:1px solid var(--color-border);margin:2rem auto}.viewer-nav{display:flex;border-top:1px solid var(--color-border);gap:16px;margin-top:48px;padding-top:32px}.viewer-backlinks{border-top:1px solid var(--color-border);margin-top:44px;padding-top:28px}.viewer-breadcrumb,.viewer-header,.viewer-content>*,.viewer-nav,.viewer-backlinks{width:min(100%,var(--content-prose-max-width));margin-inline-start:auto;margin-inline-end:auto}.backlinks-title{font-size:var(--type-navigation);color:var(--color-text-muted);margin:0 0 14px}.backlinks-list{list-style:none;display:grid;gap:10px;margin:0;padding:0}.backlinks-item{margin:0}.backlink-link{display:inline-flex;text-decoration:none;color:var(--color-text);border:1px solid var(--color-border);background:var(--active-surface-bg);border-radius:8px;align-items: center;gap:8px;padding:8px 10px;transition:border-color .15s,color .15s}.backlink-link:hover{border-color:var(--color-accent);color:var(--color-accent)}.backlink-prefix{font-size:var(--type-caption);letter-spacing:0;color:var(--color-text-subtle);border:1px solid var(--color-border);border-radius:999px;padding:1px 7px;font-weight:700}.backlink-text{font-size:var(--type-navigation)}.nav-link{border:1px solid var(--color-border);background:var(--active-surface-bg);text-decoration:none;border-radius:8px;flex:1;padding:16px;transition:all .15s}.nav-link:hover{border-color:var(--color-accent);box-shadow:0 2px 8px color-mix(in srgb,var(--color-accent)10%,transparent);text-decoration:none}.nav-link-label{display:flex;font-size:var(--type-caption);color:var(--color-text-subtle);align-items: center;gap:4px;margin-bottom:4px}.nav-link:hover .nav-link-label{color:var(--color-accent)}.nav-link-title{font-size:var(--type-navigation);color:var(--color-text);font-weight:500}.nav-link:hover .nav-link-title{color:var(--color-accent)}.nav-link-next{text-align:right}.nav-link-next .nav-link-label{justify-content:flex-end}.placeholder{color:var(--color-text-subtle);font-style:italic}.not-found{display:flex;background:var(--surface-reader);color:var(--color-text);flex-direction:column;justify-content:center;align-items: center;gap:16px;min-height:100vh}.not-found-icon .app-icon{color:var(--color-text-subtle);font-size:64px}.not-found h1{color:var(--color-text);margin:0;font-size:4rem;font-weight:700}.not-found p{color:var(--color-text-muted);margin:0}.not-found-link{display:inline-flex;background:var(--color-accent);color:#fff;text-decoration:none;border-radius:6px;align-items: center;gap:6px;margin-top:8px;padding:10px 20px;transition:all .15s;font-weight:500}.not-found-link:hover{background:var(--color-accent-hover);text-decoration:none}.not-found-link .app-icon{font-size:18px}@media (max-width:1024px){.app-root{grid-template-columns:1fr}.app-splitter{display:none}.sidebar{position:fixed;height:100vh;min-width:var(--mobile-sidebar-min);max-width:var(--mobile-sidebar-max);border-right:1px solid var(--color-border);box-shadow:var(--sidebar-mobile-shadow);visibility:hidden;pointer-events:none;z-index:100;border-bottom:0;width:70vw;height:100dvh;max-height:100dvh;transition:transform .2s,visibility .2s step-end;top:0;bottom:0;left:0;transform:translate(-102%)}.app-root.sidebar-open .sidebar{visibility:visible;pointer-events:auto;transition:transform .2s,visibility;transform:translate(0)}.viewer{scroll-padding-top:calc(60px + var(--safe-area-top))}.mobile-reader-header{position:sticky;z-index:70;display:flex;min-height:calc(60px + var(--safe-area-top));padding:calc(8px + var(--safe-area-top))calc(12px + var(--safe-area-right))8px calc(12px + var(--safe-area-left));border-bottom:1px solid var(--color-border);background:color-mix(in srgb,var(--surface-reader)92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);align-items: center;gap:10px;min-width:0;top:0}.sidebar-close{display:inline-flex}.sidebar-header{padding:16px 14px 12px}.sidebar-search{padding:12px 14px 9px}.viewer-container{padding:32px calc(24px + var(--safe-area-right))calc(64px + var(--safe-area-bottom))calc(24px + var(--safe-area-left));width:min(100%,860px)}.viewer{--type-title:1.75rem;--type-content:1.05rem}.viewer-meta{flex-wrap:wrap;row-gap:8px}.viewer-content{line-height:1.9}.viewer-content p{margin-bottom:1.35rem}.viewer-nav{flex-direction:column}}@media (max-width:700px){.sidebar{width:100vw;min-width:0;max-width:none}.sidebar-header{padding:14px 12px 12px}.sidebar-branch{margin-top:10px}.sidebar-search{padding:10px 12px 8px}.sidebar-search-actions{min-height:28px;margin-top:5px}.tree-root{padding:8px 8px 14px}.viewer-container{padding:22px calc(clamp(16px,5vw,22px) + var(--safe-area-right))calc(64px + var(--safe-area-bottom))calc(clamp(16px,5vw,22px) + var(--safe-area-left));width:100%}.viewer{--type-content:1.01rem;--type-heading-1:1.82rem;--type-heading-2:1.42rem;--type-heading-3:1.22rem}.viewer-content{max-width:none;line-height:1.88}.viewer-content table{white-space:nowrap}}@media (max-width:1024px) and (max-height:640px){.sidebar-header{padding-top:12px;padding-bottom:10px}.sidebar-title{font-size:1rem}.sidebar-branch{gap:6px;margin-top:8px}.branch-select{min-height:32px}.sidebar-search{padding-top:8px;padding-bottom:6px}.sidebar-search-box{min-height:36px}.tree-search-clear,.tree-search-step{width:28px;height:28px}.tree-root{padding-bottom:10px}}