:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--md-primary:#0369a1;--md-on-primary:#fff;--md-primary-container:#e0f2fe;--md-on-primary-container:#0369a1;--md-secondary:#334155;--md-on-secondary:#fff;--md-secondary-container:#e0f2fe;--md-on-secondary-container:#0369a1;--md-tertiary:#0f766e;--md-on-tertiary:#fff;--md-tertiary-container:#ccfbf1;--md-on-tertiary-container:#115e59;--md-error:#b91c1c;--md-on-error:#fff;--md-error-container:#fee2e2;--md-on-error-container:#7f1d1d;--md-background:#f4f4f5;--md-on-background:#000;--md-surface:#fff;--md-on-surface:#000;--md-surface-variant:#e4e4e7;--md-on-surface-variant:#334155;--md-outline:#1e293b;--md-outline-variant:#64748b;--md-surface-bright:#fff;--md-surface-dim:#d4d4d8;--md-surface-container-lowest:#fff;--md-surface-container-low:#f4f4f5;--md-surface-container:#e4e4e7;--md-surface-container-high:#d4d4d8;--md-surface-container-highest:#a1a1aa;--md-inverse-surface:#000;--md-inverse-on-surface:#fff;--md-inverse-primary:#7dd3fc;--md-scrim:#000;--shape-xs:4px;--shape-sm:8px;--shape-md:12px;--shape-lg:16px;--shape-xl:28px;--shape-full:999px;--elevation-0:var(--md-surface);--elevation-1:var(--md-surface-container);--elevation-2:var(--md-surface-container-high);--elevation-3:var(--md-surface-container-highest);--font-family:Roboto, "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", system-ui, sans-serif;--font-family-mono:ui-monospace, "SF Mono", Consolas, "Noto Sans Mono CJK JP", monospace;--text-body:16px;--text-body-sm:14px;--text-label:14px;--text-title:16px;--text-headline-sm:24px;--preview-line:#64748b;--preview-code-bg:#f4f4f5;--diff-add-bg:#e6ffec;--diff-del-bg:#ffebe9;--diff-hunk-bg:#e0f2fe}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--md-primary:#38bdf8;--md-on-primary:#000;--md-primary-container:#075985;--md-on-primary-container:#e0f2fe;--md-secondary:#cbd5e1;--md-on-secondary:#000;--md-secondary-container:#1e293b;--md-on-secondary-container:#bae6fd;--md-tertiary:#2dd4bf;--md-on-tertiary:#042f2e;--md-tertiary-container:#134e4a;--md-on-tertiary-container:#ccfbf1;--md-error:#ef4444;--md-on-error:#000;--md-error-container:#7f1d1d;--md-on-error-container:#fee2e2;--md-background:#09090b;--md-on-background:#fff;--md-surface:#18181b;--md-on-surface:#fff;--md-surface-variant:#27272a;--md-on-surface-variant:#cbd5e1;--md-outline:#94a3b8;--md-outline-variant:#52525b;--md-surface-bright:#3f3f46;--md-surface-dim:#09090b;--md-surface-container-lowest:#000;--md-surface-container-low:#121215;--md-surface-container:#27272a;--md-surface-container-high:#3f3f46;--md-surface-container-highest:#52525b;--md-inverse-surface:#fff;--md-inverse-on-surface:#000;--md-inverse-primary:#0284c7;--preview-line:#52525b;--preview-code-bg:#27272a;--diff-add-bg:#22c55e33;--diff-del-bg:#ef444433;--diff-hunk-bg:#38bdf82e}}*{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:var(--font-family);font-size:var(--text-body-sm);color:var(--md-on-surface);background:var(--md-surface);flex-direction:column;line-height:1.5;display:flex}#topbar{border-bottom:1px solid var(--md-outline-variant);background:var(--md-surface-container);flex-wrap:wrap;align-items:center;gap:4px;min-height:56px;padding:0 8px;display:flex}#app-brand{flex:none;align-items:center;gap:8px;margin-left:12px;display:inline-flex}#app-icon{object-fit:cover;border-radius:2px;flex:none;width:24px;height:24px;display:block}@media (prefers-color-scheme:dark){#app-icon{box-shadow:0 0 0 1px var(--md-outline-variant)}}#app-title{font-size:16px;font-weight:500}#doc-title{color:var(--md-on-surface-variant);text-overflow:ellipsis;white-space:nowrap;max-width:30vw;margin-left:12px;font-size:12px;overflow:hidden}.spacer{flex:1}a.btn{color:var(--md-primary);text-decoration:none}.btn{border-radius:var(--shape-full);height:40px;font-family:inherit;font-size:var(--text-label);letter-spacing:.1px;cursor:pointer;color:var(--md-primary);-webkit-user-select:none;user-select:none;background:0 0;border:none;justify-content:center;align-items:center;gap:6px;padding:0 16px;font-weight:500;line-height:1;transition:background-color .1s;display:inline-flex;position:relative;overflow:hidden}.btn:hover:not(:disabled){background:color-mix(in srgb, var(--md-on-surface) 12%, transparent)}.btn:active:not(:disabled){background:color-mix(in srgb, var(--md-on-surface) 20%, transparent)}.btn:focus-visible{outline:2px solid var(--md-primary);outline-offset:2px}.btn:disabled{opacity:.38;cursor:default}.btn-tonal{background:var(--md-secondary-container);color:var(--md-on-secondary-container)}.btn-tonal:hover:not(:disabled){background:color-mix(in srgb, var(--md-secondary-container) 88%, var(--md-on-secondary-container) 12%)}.btn-tonal:active:not(:disabled){background:color-mix(in srgb, var(--md-secondary-container) 84%, var(--md-on-secondary-container) 16%)}.btn-filled{background:var(--md-primary);color:var(--md-on-primary)}.btn-filled:hover:not(:disabled){background:color-mix(in srgb, var(--md-primary) 88%, var(--md-on-primary) 12%)}.btn-filled:active:not(:disabled){background:color-mix(in srgb, var(--md-primary) 84%, var(--md-on-primary) 16%)}.btn-outlined{border:1px solid var(--md-outline-variant);background:var(--md-surface);color:var(--md-primary)}.btn-outlined:hover:not(:disabled){border-color:var(--md-outline);background:color-mix(in srgb, var(--md-surface) 92%, var(--md-primary) 8%)}.btn-outlined:active:not(:disabled){background:color-mix(in srgb, var(--md-surface) 86%, var(--md-primary) 14%)}.icon-btn{width:40px;padding:0}.btn.small{height:32px;padding:0 12px;font-size:13px}.btn.small.icon-btn{width:32px;padding:0}.btn.toggle.active{background:var(--md-secondary-container);color:var(--md-on-secondary-container)}.btn.toggle.active:hover:not(:disabled){background:color-mix(in srgb, var(--md-secondary-container) 88%, var(--md-on-secondary-container) 12%)}.btn .md-icon{font-size:18px}.btn.small .md-icon{font-size:16px}.btn .md-icon.caret{font-size:20px}.menu-items button,.doc-item,.outline-item{position:relative;overflow:hidden}.md-ripple{opacity:.2;pointer-events:none;background:currentColor;border-radius:50%;animation:.45s ease-out forwards md-ripple;position:absolute;transform:scale(0)}@keyframes md-ripple{to{opacity:0;transform:scale(1)}}.menu{position:relative}.menu summary{list-style:none}.menu summary::-webkit-details-marker{display:none}.menu-items{background:var(--md-surface-container-high);border-radius:var(--shape-md);z-index:50;flex-direction:column;min-width:300px;padding:8px 0;display:flex;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 4px 8px 3px #00000026,0 1px 3px #0000001a}.menu-items button{text-align:left;cursor:pointer;width:calc(100% - 8px);height:40px;font-family:inherit;font-size:var(--text-label);color:var(--md-on-surface);background:0 0;border:none;border-radius:20px;align-items:center;gap:12px;margin:0 4px;padding:0 16px;transition:background-color .1s;display:flex}.menu-items button:hover{background:color-mix(in srgb, var(--md-on-surface) 12%, transparent)}.menu-items button .md-icon{color:var(--md-on-surface-variant);font-size:18px}#layout{flex:1;grid-template-columns:280px 1fr 240px;min-height:0;display:grid}body.hide-left #layout{grid-template-columns:0 1fr 240px}body.hide-right #layout{grid-template-columns:280px 1fr 0}body.hide-left.hide-right #layout{grid-template-columns:0 1fr 0}#sidebar-left,#sidebar-right{background:var(--md-background);min-height:0;overflow:auto}#sidebar-left{border-right:1px solid var(--md-outline-variant);flex-direction:column;display:flex}#sidebar-right{border-left:1px solid var(--md-outline-variant)}body.hide-left #sidebar-left,body.hide-right #sidebar-right{visibility:hidden}#sidebar-left h2,#sidebar-right h2,#commit-header h2{font-size:var(--text-label);color:var(--md-on-surface);letter-spacing:.1px;margin:0;font-weight:500}#doc-list-header{justify-content:space-between;align-items:center;padding:16px 12px 8px;display:flex}#commit-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;padding:16px 12px 8px;display:flex}#commit-panel{border-top:1px solid var(--md-outline-variant);margin-top:10px;padding-bottom:10px}#doc-list,#commit-list{margin:0;padding:0 0 10px;list-style:none}.empty-hint{color:var(--md-on-surface-variant);padding:8px 12px;font-size:12px}.doc-item{cursor:pointer;border-radius:var(--shape-sm);border-left:3px solid #0000;outline:none;margin:2px 8px;padding:8px 14px;transition:background-color .1s,border-color .1s;display:block}.doc-main{flex-direction:column;gap:2px;display:flex}.doc-name{text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:1.4;overflow:hidden}.doc-time{color:var(--md-on-surface-variant);font-size:12px}.doc-item:hover{background:color-mix(in srgb, var(--md-on-surface) 8%, transparent)}.doc-item.active{background:var(--md-secondary-container);color:var(--md-on-secondary-container);border-left:3px solid var(--md-primary)}.doc-item.active .doc-name{font-weight:600}.doc-item.active .doc-time{color:var(--md-on-secondary-container);opacity:.8}.commit-item{border-radius:20px;align-items:center;gap:10px;margin:2px 8px;padding:6px 8px;display:flex}.commit-item:hover{background:color-mix(in srgb, var(--md-on-surface) 8%, transparent)}.commit-item input[type=checkbox]{accent-color:var(--md-primary);flex-shrink:0;margin:0}.commit-main{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.commit-msg{text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;line-height:1.4;overflow:hidden}.commit-time{color:var(--md-on-surface-variant);font-size:11.5px}#sidebar-right h2{padding:16px 16px 8px}#outline{padding:0 4px 12px}.outline-item{text-align:left;width:calc(100% - 8px);color:var(--md-on-surface);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;border-radius:20px;margin:2px 4px;padding:9px 14px;font-family:inherit;font-size:13.5px;transition:background-color .1s;display:block;overflow:hidden}.outline-item:hover{background:color-mix(in srgb, var(--md-on-surface) 8%, transparent)}.outline-item:active{background:color-mix(in srgb, var(--md-on-surface) 12%, transparent)}#center{flex-direction:column;min-width:0;min-height:0;display:flex}#center-toolbar{border-bottom:1px solid var(--md-outline-variant);background:var(--md-background);align-items:center;gap:12px;padding:6px 12px;display:flex}#center-mode-seg{border:1px solid var(--md-outline);border-radius:var(--shape-full);height:32px;display:inline-flex;overflow:hidden}.seg{letter-spacing:.1px;height:100%;color:var(--md-on-surface);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0 14px;font-family:inherit;font-size:13px;font-weight:500;transition:background-color .1s;display:inline-flex;position:relative;overflow:hidden}.seg+.seg{border-left:1px solid var(--md-outline)}.seg:hover{background:color-mix(in srgb, var(--md-on-surface) 8%, transparent)}.seg:focus-visible{outline:2px solid var(--md-primary);outline-offset:-2px}.seg.active{background:var(--md-secondary-container);color:var(--md-on-secondary-container)}.seg .seg-check{font-size:18px;display:none}.seg.active .seg-check{display:inline-block}.status{color:var(--md-on-surface-variant);margin-left:auto;font-size:12px}#center-body{--split:50%;flex:1;min-height:0;display:flex}#editor-pane{flex:0 0 var(--split);min-width:0;display:flex}#splitter{cursor:col-resize;background:var(--md-outline-variant);flex-shrink:0;width:5px}#splitter:hover{background:var(--md-primary)}#preview-pane{flex:1;min-width:0;padding:12px 20px;overflow:auto}#editor{resize:none;font-family:var(--font-family-mono);tab-size:4;border:none;outline:none;flex:1;padding:12px 16px;font-size:14px;line-height:21px}#center-body.mode-editor #preview-pane,#center-body.mode-editor #splitter{display:none}#center-body.mode-editor #editor-pane{flex:1}#center-body.mode-preview #editor-pane,#center-body.mode-preview #splitter{display:none}#center-body.mode-preview #preview-pane{flex:1}.markdown-body{max-width:820px;line-height:1.65}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4{border-bottom:1px solid var(--preview-line);margin-top:1.2em;padding-bottom:.2em}.markdown-body table{border-collapse:collapse;display:block;overflow-x:auto}.markdown-body th,.markdown-body td{border:1px solid var(--preview-line);padding:6px 10px}.markdown-body code{background:var(--preview-code-bg);border-radius:var(--shape-xs);padding:1px 4px;font-size:.9em}.markdown-body pre{background:var(--preview-code-bg);border-radius:var(--shape-sm);padding:10px;overflow-x:auto}.markdown-body pre code{background:0 0;padding:0}.markdown-body a{color:var(--md-primary)}.markdown-body blockquote{border-left:3px solid var(--preview-line);color:var(--md-on-surface-variant);margin:0;padding-left:12px}.markdown-body img{max-width:100%}.markdown-body ul.contains-task-list{padding-left:.5em;list-style:none}.markdown-body li.task-list-item{align-items:baseline;gap:.4em;display:flex}.markdown-body li.task-list-item input{margin:0}.markdown-body .footnotes{border-top:1px solid var(--preview-line);color:var(--md-on-surface-variant);margin-top:2em;padding-top:.5em;font-size:.9em}.markdown-body .footnotes ol{padding-left:1.2em}.markdown-body a.footnote-ref,.markdown-body a.footnote-backref{text-decoration:none}.modal-overlay{z-index:100;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--md-surface-container-high);border-radius:var(--shape-xl);flex-direction:column;width:min(560px,92vw);max-height:85vh;display:flex}.modal.wide{width:min(880px,94vw)}.modal h2{margin:0;padding:24px 24px 0;font-size:20px;font-weight:500}.modal-body{flex:1;padding:12px 24px 8px;overflow:auto}.modal-actions{justify-content:flex-end;gap:8px;padding:8px 12px 12px;display:flex}.modal.guide-dialog{width:min(1080px,96vw);height:90vh;max-height:90vh}.modal.guide-dialog .modal-body{flex-direction:column;padding:8px 20px;display:flex;overflow:hidden}.guide-iframe-container{border-radius:var(--shape-sm);border:1px solid var(--md-outline-variant);background:var(--md-surface);flex:1;width:100%;min-height:0;overflow:hidden}.guide-iframe{border:none;width:100%;height:100%;display:block}.btn-dialog-primary{color:var(--md-primary)}.btn-dialog-danger{color:var(--md-error)}.md-textfield{margin-top:8px;padding-top:18px;position:relative}.md-textfield input{width:100%;font:inherit;color:var(--md-on-surface);background:var(--md-surface-container-highest);border:none;border-bottom:1px solid var(--md-outline);border-radius:var(--shape-xs) var(--shape-xs) 0 0;outline:none;padding:16px;font-size:16px}.md-textfield input:focus{border-bottom:2px solid var(--md-primary)}.md-textfield label{color:var(--md-on-surface-variant);pointer-events:none;font-size:12px;position:absolute;top:0;left:8px}.md-textfield input:focus+label{color:var(--md-primary)}.md-snackbar{background:var(--md-inverse-surface);min-width:320px;max-width:min(560px,100vw - 32px);height:48px;color:var(--md-inverse-on-surface);border-radius:var(--shape-xs);opacity:0;z-index:200;align-items:center;gap:8px;padding:0 8px 0 16px;font-size:14px;transition:opacity .2s,transform .2s;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)translateY(8px);box-shadow:0 4px 8px 3px #00000026,0 1px 3px #0000001a}.md-snackbar.visible{opacity:1;transform:translate(-50%)translateY(0)}.snackbar-msg{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.snackbar-action{color:var(--md-inverse-primary);font:inherit;cursor:pointer;border-radius:var(--shape-full);background:0 0;border:none;padding:8px 12px;font-size:14px;font-weight:500}.snackbar-action:hover{background:color-mix(in srgb, var(--md-inverse-primary) 12%, transparent)}.menu-items button:focus-visible,.outline-item:focus-visible,.snackbar-action:focus-visible{outline:2px solid var(--md-primary);outline-offset:2px}.doc-item:focus-visible{outline:2px solid var(--md-primary);outline-offset:-2px}@media (width<=900px){#layout{grid-template-columns:1fr}#sidebar-left,#sidebar-right{z-index:40;width:min(320px,85vw);position:fixed;top:57px;bottom:0;box-shadow:0 4px 16px #00000040}#sidebar-left{left:0}#sidebar-right{right:0}}.diff-view{background:var(--md-surface-container-low);border-radius:6px;margin:0;padding:8px;font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:12.5px;line-height:1.5;overflow-x:auto}.diff-view span{white-space:pre;display:block}.diff-add{background:var(--diff-add-bg)}.diff-del{background:var(--diff-del-bg)}.diff-hunk{color:var(--md-on-surface-variant);background:var(--diff-hunk-bg)}.diff-meta{color:var(--md-on-surface-variant)}