.rich-text-editor{display:flex;flex-direction:column;border:1px solid #d4d4d4;border-radius:6px;overflow:hidden;background-color:#fff}@media(prefers-color-scheme:dark){.rich-text-editor{background-color:#1e1e1e;border-color:#404040}}.rich-text-editor .toolbar{display:flex;gap:4px;padding:8px;background-color:#f5f5f5;border-bottom:1px solid #d4d4d4}@media(prefers-color-scheme:dark){.rich-text-editor .toolbar{background-color:#262626;border-bottom-color:#404040}}.rich-text-editor .toolbar .toolbar-button{padding:6px 12px;border:1px solid #d4d4d4;background-color:#fff;border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s ease}@media(prefers-color-scheme:dark){.rich-text-editor .toolbar .toolbar-button{background-color:#333;border-color:#525252;color:#e5e5e5}}.rich-text-editor .toolbar .toolbar-button:hover{background-color:#ededed}@media(prefers-color-scheme:dark){.rich-text-editor .toolbar .toolbar-button:hover{background-color:#404040}}.rich-text-editor .toolbar .toolbar-button.active{background-color:#3b82f6;color:#fff;border-color:#2563eb}.rich-text-editor .toolbar .toolbar-button strong,.rich-text-editor .toolbar .toolbar-button em,.rich-text-editor .toolbar .toolbar-button u{font-weight:700}.rich-text-editor .toolbar .toolbar-button em{font-style:italic}.rich-text-editor .editor-content{min-height:200px;padding:12px;outline:none;font-size:14px;line-height:1.6;color:#262626}@media(prefers-color-scheme:dark){.rich-text-editor .editor-content{color:#e5e5e5}}.rich-text-editor .editor-content:empty:before{content:attr(data-placeholder);color:#a3a3a3}.rich-text-editor .editor-content.focused{background-color:#fafafa}@media(prefers-color-scheme:dark){.rich-text-editor .editor-content.focused{background-color:#1f1f1f}}.rich-text-editor .editor-content b,.rich-text-editor .editor-content strong{font-weight:700}.rich-text-editor .editor-content i,.rich-text-editor .editor-content em{font-style:italic}.rich-text-editor .editor-content u{text-decoration:underline}.chronicle-form-container{max-width:800px;margin:0 auto;padding:24px}.chronicle-form-container h1{font-size:28px;margin-bottom:24px;color:#262626}@media(prefers-color-scheme:dark){.chronicle-form-container h1{color:#f5f5f5}}.chronicle-form-container .message{padding:12px 16px;border-radius:6px;margin-bottom:20px;font-size:14px}.chronicle-form-container .message.success{background-color:#d2f5dc;color:#11582f;border:1px solid #75d299}@media(prefers-color-scheme:dark){.chronicle-form-container .message.success{background-color:#0e4727;color:#aee4c3;border-color:#126f38}}.chronicle-form-container .message.error{background-color:#fee2e2;color:#991b1b;border:1px solid #fca5a5}@media(prefers-color-scheme:dark){.chronicle-form-container .message.error{background-color:#7f1d1d;color:#fecaca;border-color:#b91c1c}}.chronicle-form-container .chronicle-form{display:flex;flex-direction:column;gap:20px}.chronicle-form-container .chronicle-form .form-group{display:flex;flex-direction:column;gap:8px}.chronicle-form-container .chronicle-form .form-group label{font-weight:600;font-size:14px;color:#404040}@media(prefers-color-scheme:dark){.chronicle-form-container .chronicle-form .form-group label{color:#d4d4d4}}.chronicle-form-container .chronicle-form .form-group input[type=text],.chronicle-form-container .chronicle-form .form-group input[type=date]{padding:10px 12px;border:1px solid #d4d4d4;border-radius:6px;font-size:14px;background-color:#fff;color:#262626;transition:border-color .2s ease}@media(prefers-color-scheme:dark){.chronicle-form-container .chronicle-form .form-group input[type=text],.chronicle-form-container .chronicle-form .form-group input[type=date]{background-color:#1e1e1e;border-color:#404040;color:#e5e5e5}}.chronicle-form-container .chronicle-form .form-group input[type=text]:focus,.chronicle-form-container .chronicle-form .form-group input[type=date]:focus{outline:none;border-color:#3b82f6}.chronicle-form-container .chronicle-form .form-group input[type=text]:disabled,.chronicle-form-container .chronicle-form .form-group input[type=date]:disabled{opacity:.6;cursor:not-allowed}.chronicle-form-container .chronicle-form .form-group input[type=text]::placeholder,.chronicle-form-container .chronicle-form .form-group input[type=date]::placeholder{color:#a3a3a3}.chronicle-form-container .chronicle-form .form-group input[type=file]{padding:8px;border:1px solid #d4d4d4;border-radius:6px;font-size:14px;background-color:#fff;color:#262626;cursor:pointer}@media(prefers-color-scheme:dark){.chronicle-form-container .chronicle-form .form-group input[type=file]{background-color:#1e1e1e;border-color:#404040;color:#e5e5e5}}.chronicle-form-container .chronicle-form .form-group input[type=file]:disabled{opacity:.6;cursor:not-allowed}.chronicle-form-container .chronicle-form .form-group input[type=file]::file-selector-button{padding:6px 12px;border:1px solid #d4d4d4;border-radius:4px;background-color:#f5f5f5;color:#262626;cursor:pointer;margin-right:12px}@media(prefers-color-scheme:dark){.chronicle-form-container .chronicle-form .form-group input[type=file]::file-selector-button{background-color:#333;border-color:#525252;color:#e5e5e5}}.chronicle-form-container .chronicle-form .form-group input[type=file]::file-selector-button:hover{background-color:#e5e5e5}@media(prefers-color-scheme:dark){.chronicle-form-container .chronicle-form .form-group input[type=file]::file-selector-button:hover{background-color:#404040}}.chronicle-form-container .chronicle-form .form-group .file-name{font-size:13px;color:#525252;margin-top:4px}@media(prefers-color-scheme:dark){.chronicle-form-container .chronicle-form .form-group .file-name{color:#a3a3a3}}.chronicle-form-container .chronicle-form .form-group .tags-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;padding:12px;border:1px solid #d4d4d4;border-radius:6px;background-color:#fff}@media(prefers-color-scheme:dark){.chronicle-form-container .chronicle-form .form-group .tags-container{background-color:#1e1e1e;border-color:#404040}}.chronicle-form-container .chronicle-form .form-group .tags-container .tag-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;-webkit-user-select:none;user-select:none}.chronicle-form-container .chronicle-form .form-group .tags-container .tag-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#3b82f6}.chronicle-form-container .chronicle-form .form-group .tags-container .tag-checkbox input[type=checkbox]:disabled{cursor:not-allowed}.chronicle-form-container .chronicle-form .form-group .tags-container .tag-checkbox span{color:#262626}@media(prefers-color-scheme:dark){.chronicle-form-container .chronicle-form .form-group .tags-container .tag-checkbox span{color:#e5e5e5}}.chronicle-form-container .chronicle-form .form-group .tags-container .tag-checkbox:hover span{color:#2563eb}@media(prefers-color-scheme:dark){.chronicle-form-container .chronicle-form .form-group .tags-container .tag-checkbox:hover span{color:#60a5fa}}.chronicle-form-container .chronicle-form .submit-button{padding:12px 24px;border:none;border-radius:6px;font-size:16px;font-weight:600;background-color:#3b82f6;color:#fff;cursor:pointer;transition:background-color .2s ease;margin-top:8px}.chronicle-form-container .chronicle-form .submit-button:hover:not(:disabled){background-color:#2563eb}.chronicle-form-container .chronicle-form .submit-button:disabled{opacity:.6;cursor:not-allowed}.app{min-height:100vh;padding:20px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f8f8;color:#262626;line-height:1.6}@media(prefers-color-scheme:dark){body{background-color:#181818;color:#e5e5e5}}