*,*:before,*:after{box-sizing:border-box}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--background-color: #ffffff;--text-color: #212529;--primary-color: #0d6efd;--secondary-color: #6c757d;--accent-color: #6f42c1;--border-color: #dee2e6;--header-bg: #f8f9fa;--sidebar-bg: #f8f9fa;--danger-color: #dc3545;--link-color: var(--primary-color);--link-hover-color: #0a58ca}body{margin:0;color:var(--text-color);background-color:var(--background-color)}a{color:var(--link-color);text-decoration:none;transition:color .15s ease-in-out}a:hover{color:var(--link-hover-color)}button{border-radius:.25rem;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:background-color .15s ease-in-out,border-color .15s ease-in-out}#root{min-height:100vh}.app{display:grid;grid-template-areas:"header header" "sidebar main";grid-template-columns:240px 1fr;grid-template-rows:auto 1fr;min-height:100vh}.header{grid-area:header;background-color:var(--header-bg);border-bottom:1px solid var(--border-color);padding:1rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}.header h1{margin:0;font-size:1.5rem}.header h1 a{color:var(--text-color);text-decoration:none}.search-form{flex-grow:1;display:flex;justify-content:center}.header-right-items{display:flex;align-items:center;gap:1rem}.search-form input{width:100%;max-width:400px;padding:.5rem;border:1px solid var(--border-color);border-radius:.25rem;font-size:1rem}.logout-button{background-color:var(--danger-color);color:#fff;border:none}.logout-button:hover{background-color:#c82333}.sidebar{grid-area:sidebar;background-color:var(--sidebar-bg);border-right:1px solid var(--border-color);padding:1rem}.sidebar h2{font-size:1.2rem;margin-top:0;border-bottom:1px solid var(--border-color);padding-bottom:.5rem}.sidebar ul{list-style:none;padding:0;margin:0}.sidebar li{margin-bottom:0}.sidebar a{display:block;padding:.2rem;border-radius:.25rem;color:var(--text-color)}.sidebar a:hover,.sidebar a.active{background-color:var(--primary-color);color:#fff;text-decoration:none}.sidebar a.moniwiki-file-link{color:#ff4500!important}.sidebar-actions{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.new-page-button,.git-page-button{display:block;width:100%;padding:.75rem;border:none;border-radius:.25rem;color:#fff;text-align:center;text-decoration:none;font-size:1rem}.new-page-button{background-color:var(--primary-color)}.new-page-button:hover{background-color:#0b5ed7}.git-page-button{background-color:var(--secondary-color)}.git-page-button:hover{background-color:#5c636a}.title-index-button{display:block;width:100%;padding:.75rem;border:none;border-radius:.25rem;background-color:#198754;color:#fff;text-align:center;text-decoration:none;font-size:1rem}.title-index-button:hover{background-color:#157347}.main{grid-area:main;padding:2rem}.login-button-home{display:inline-block;padding:.75rem 1.5rem;border:none;border-radius:.25rem;background-color:var(--primary-color);color:#fff;text-decoration:none;font-size:1rem;margin-top:1rem}.login-button-home:hover{background-color:#0b5ed7}.page-viewer .page-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color);padding-bottom:1rem;margin-bottom:1.5rem}.title-group{display:flex;flex-direction:column;align-items:flex-start}.title-group h2{margin-top:.2em;margin-bottom:0}.moniwiki-tag{background-color:#dc3545;color:#fff;font-size:.7em;font-weight:700;padding:.2em .5em;border-radius:.25em;margin-right:.5em;text-transform:uppercase}.markdown-link{margin-top:.5rem}.markdown-version-link{font-weight:700;text-transform:uppercase;color:#007bff;text-decoration:none}.markdown-version-link:hover{text-decoration:underline}.moniwiki-version-link{font-weight:700;text-transform:uppercase;color:#ff7f00;text-decoration:none}.moniwiki-version-link:hover{text-decoration:underline}.old-version-link{font-weight:700;text-transform:uppercase;color:red;font-size:1.1em;text-decoration:none}.old-version-link:hover{text-decoration:underline}.page-actions{display:flex;gap:.5rem}.edit-page-button,.delete-page-button,.convert-button{padding:.5rem 1rem;border:none;border-radius:.25rem;color:#fff;text-decoration:none;font-size:.9rem;cursor:pointer}.edit-page-button{background-color:var(--secondary-color)}.edit-page-button:hover{background-color:#5c636a}.delete-page-button{background-color:var(--danger-color)}.delete-page-button:hover{background-color:#bb2d3b}.page-content .red-link{color:red}.convert-button{background-color:var(--primary-color)}.convert-button:hover{background-color:#0056b3}.conversion-status{margin-top:1rem;padding:.75rem;border-radius:.25rem;background-color:#e9ecef;color:#343a40;border:1px solid #ced4da}.page-content{line-height:1.7;max-width:800px;margin:0 auto}.page-content h1,.page-content h2,.page-content h3{border-bottom:1px solid var(--border-color);padding-bottom:.3em}.moniwiki-inline-tag{background-color:#fff3e0;color:#ff8c00;font-size:.7em;padding:2px 4px;border-radius:3px;text-transform:uppercase;font-weight:700;font-style:normal}.login-page{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.login-form{display:flex;flex-direction:column;width:100%;max-width:400px;padding:2rem;border:1px solid var(--border-color);border-radius:.25rem;background-color:var(--background-color)}.login-form h2{text-align:center;margin-bottom:1.5rem}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500}.form-group input{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:.25rem;box-sizing:border-box}.login-button{padding:.75rem;border:none;border-radius:.25rem;background-color:var(--primary-color);color:#fff;cursor:pointer;font-size:1rem;width:100%}.login-button:hover{background-color:#0b5ed7}.error-message{color:var(--danger-color);text-align:center;margin-bottom:1rem}.page-editor{max-width:800px;margin:0 auto}.page-editor form{display:flex;flex-direction:column}.page-editor .form-group{margin-bottom:1.5rem}.page-editor label{display:block;margin-bottom:.5rem;font-weight:500}.page-editor input,.page-editor textarea{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:.25rem;font-family:inherit;font-size:1rem;box-sizing:border-box}.page-editor input:disabled{background-color:#e9ecef;opacity:1}.save-button{padding:.75rem 1.5rem;border:none;border-radius:.25rem;background-color:var(--primary-color);color:#fff;cursor:pointer;font-size:1rem;align-self:flex-start}.save-button:hover{background-color:#0b5ed7}.git-page{max-width:800px;margin:0 auto}.status-section,.commit-section{margin-bottom:2rem}.status-section h3,.commit-section h3{border-bottom:1px solid var(--border-color);padding-bottom:.5rem;margin-bottom:1rem}.status-section ul{list-style:none;padding:0}.status-section li{background-color:#f8f9fa;padding:.75rem;border:1px solid var(--border-color);border-radius:.25rem;margin-bottom:.5rem;font-family:monospace}.commit-section form{display:flex;flex-direction:column}.commit-section textarea{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:.25rem;margin-bottom:1rem;font-family:inherit;font-size:1rem;box-sizing:border-box}.commit-section button{padding:.75rem 1.5rem;border:none;border-radius:.25rem;background-color:var(--primary-color);color:#fff;cursor:pointer;font-size:1rem;align-self:flex-start}.commit-section button:hover{background-color:#0b5ed7}.commit-section button:disabled{background-color:#ccc;cursor:not-allowed}.status-section li{background-color:#f8f9fa;padding:.75rem;border:1px solid var(--border-color);border-radius:.25rem;margin-bottom:.5rem;font-family:monospace;cursor:pointer;transition:background-color .2s}.status-section li:hover{background-color:#e9ecef}.diff-section{margin-top:1rem;border:1px solid var(--border-color);border-radius:.25rem;padding:1rem;background-color:#fff}.diff-section h4{margin-top:0;display:flex;justify-content:space-between;align-items:center}.diff-content{background-color:#f8f9fa;padding:1rem;overflow-x:auto;border:1px solid var(--border-color);border-radius:.25rem;font-size:.9rem}.rollback-btn,.delete-btn{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s;font-weight:500;float:right}.rollback-btn{background-color:#721c24;color:#f8d7da}.rollback-btn:hover{background-color:#491217}.delete-btn{background-color:#dc3545;color:#fff}.delete-btn:hover{background-color:#c82333}.rollback-btn:disabled{background-color:#e0aeb3;cursor:not-allowed}.search-page{max-width:800px;margin:0 auto}.search-page h2{border-bottom:1px solid var(--border-color);padding-bottom:.5rem;margin-bottom:1.5rem}.search-page ul{list-style:none;padding:0}.search-page li{margin-bottom:1rem}.search-page a{font-size:1.2rem;font-weight:500}.search-page p{margin:.25rem 0 0;color:var(--secondary-color)}.create-new-page-link{margin-bottom:1.5rem;padding:1rem;background-color:var(--background-secondary-color);border:1px solid var(--border-color);border-radius:4px}.create-new-page-link a{font-weight:700}.git-status-indicator{display:flex;align-items:center;margin-right:10px}.status-dot{width:12px;height:12px;border-radius:50%;display:inline-block;margin-right:5px}.status-dot.green{background-color:#28a745;box-shadow:0 0 5px #28a745}.status-dot.yellow{background-color:#ffc107;box-shadow:0 0 5px #ffc107}.change-count{font-size:.9rem;font-weight:700;color:var(--text-color)}.title-index-page{padding:1rem}.title-index-nav{margin-bottom:2rem;text-align:center}.title-index-nav a{margin:0 .5rem;text-decoration:none;font-weight:700}.title-index-group{margin-bottom:2rem}.title-index-group h3{border-bottom:1px solid var(--border-color);padding-bottom:.5rem}.title-index-group ul{list-style:none;padding:0;margin:0;-webkit-columns:3;-moz-columns:3;columns:3}.title-index-group li{margin-bottom:.5rem}