.home-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(to bottom right,#f5f5dc,#f8f0e3,#fff8ea);padding:2rem}.home-content{text-align:center;max-width:600px;background-color:#fffc;padding:3rem;border-radius:.5rem;box-shadow:0 4px 20px #0000000d;border:1px solid rgba(210,200,180,.2)}.home-title{font-size:2.5rem;font-weight:600;color:#7d6e57e6;margin-bottom:1rem}.home-description{font-size:1.1rem;color:#65553dcc;margin-bottom:2rem;line-height:1.6}.home-actions{display:flex;gap:1rem;justify-content:center}.home-button{display:inline-block;padding:.75rem 1.5rem;border-radius:.375rem;font-weight:500;text-decoration:none;transition:all .2s ease}.home-button.primary{background-color:#e6dbc8cc;color:#7d6e57e6;border:1px solid rgba(210,200,180,.4)}.home-button.primary:hover{background-color:#e6dbc8;transform:translateY(-2px)}.home-button.secondary{background-color:transparent;color:#7d6e57e6;border:1px solid rgba(210,200,180,.4)}.home-button.secondary:hover{background-color:#e6dbc84d;transform:translateY(-2px)}@media (max-width: 768px){.home-content{padding:2rem}.home-actions{flex-direction:column}.home-title{font-size:2rem}}.home-auth-message{padding:1rem;border-radius:.5rem;background-color:#e6dbc84d;border:1px solid rgba(210,200,180,.4);margin-top:1.5rem}.home-auth-message p{color:#7d6e57e6;margin:0}.home-loading{display:inline-block;width:1.5rem;height:1.5rem;border:3px solid rgba(210,200,180,.3);border-radius:50%;border-top-color:#7d6e57b3;animation:spin 1s linear infinite;margin:1.5rem auto}.editor-container{display:flex;flex-direction:column;height:100vh;background:linear-gradient(to bottom right,#f5f5dc,#f8f0e3,#fff8ea)}.toolbar{display:flex;align-items:center;justify-content:space-between;padding:1rem;background-color:#fffcf5cc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-bottom:1px solid rgba(210,200,180,.2)}.toolbar-button{color:#9c8c6e;background:none;border:none;cursor:pointer;transition:color .2s}.toolbar-button:hover{color:#7d6e57}.title-section{display:flex;align-items:center;gap:1rem}.title-display{display:flex;align-items:center;font-size:1.1rem;font-weight:500;color:#7d6e57e6;cursor:pointer;padding:.25rem .5rem;border-radius:.25rem;transition:background-color .2s}.title-display:hover{background-color:#f5deb333}.title-display span{display:inline-block;max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.date-picker-container{margin:0 .5rem;display:flex;align-items:center}.date-picker{font-size:.9rem;font-weight:500;color:#7d6e57e6;background-color:#f5deb31a;border:1px solid rgba(210,200,180,.4);border-radius:.25rem;padding:.25rem .5rem;cursor:pointer;transition:border-color .2s,box-shadow .2s}.date-picker:hover{background-color:#f5deb333}.date-picker:focus{outline:none;border-color:#9c8c6e99;box-shadow:0 0 0 2px #9c8c6e1a}.date-picker::-webkit-calendar-picker-indicator{filter:opacity(.6);cursor:pointer}.date-picker::-webkit-calendar-picker-indicator:hover{filter:opacity(1)}.title-input{font-size:1.1rem;font-weight:500;color:#7d6e57e6;background-color:#fffc;border:1px solid rgba(210,200,180,.4);border-radius:.25rem;padding:.25rem .5rem;min-width:80px;max-width:80%;outline:none;transition:border-color .2s,box-shadow .2s,width .15s}.title-input:focus{border-color:#9c8c6e99;box-shadow:0 0 0 2px #9c8c6e1a}.document-actions{display:flex;align-items:center;gap:8px}.save-button{display:flex;align-items:center;justify-content:center;padding:6px 12px;border-radius:4px;border:none;font-size:14px;cursor:pointer;transition:background-color .2s,color .2s}.save-button.draft{background-color:#f0f0f0;color:#333}.save-button.draft:hover{background-color:#e0e0e0}.save-button.draft.unsaved{background-color:#e0e0e0;font-weight:500}.save-button.publish{background-color:#4caf50;color:#fff}.save-button.publish:hover{background-color:#3d8b40}.save-button:disabled{background-color:#f0f0f0;color:#bbb;cursor:not-allowed}.save-icon{width:14px;height:14px}.new-doc-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background-color:#e6dbc880;border:1px solid rgba(210,200,180,.3);border-radius:.375rem;color:#7d6e57e6;cursor:pointer;transition:background-color .2s}.new-doc-button:hover{background-color:#e6dbc8cc}.new-doc-icon{width:1.2rem;height:1.2rem}.delete-doc-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background-color:#e6dbc880;border:1px solid rgba(210,200,180,.3);border-radius:.375rem;color:#7d6e57e6;cursor:pointer;transition:background-color .2s,color .2s}.delete-doc-button:hover{background-color:#dc35451a;color:#dc3545cc}.delete-doc-icon{width:1.2rem;height:1.2rem}.toolbar-actions{display:flex;align-items:center;gap:.75rem}.ai-button{display:flex;align-items:center;padding:.5rem;border-radius:.375rem;background-color:#e6dbc880;border:1px solid rgba(210,200,180,.3);cursor:pointer;transition:all .2s ease;color:#7d6e57e6}.ai-button:hover{background-color:#e6dbc8cc}.ai-button-icon{width:1.25rem;height:1.25rem;margin-right:.5rem;color:#9c8c6ecc}.ai-button-label{font-size:.75rem;font-weight:500}.editor-content{flex:1;overflow:auto;position:relative}.editor-inner{width:80%;max-width:960px;margin:0 auto;padding:3rem 2rem}.editor-editable{width:100%;padding:1rem 1rem 6.075rem;background:linear-gradient(to right,rgba(245,222,179,.05),rgba(210,200,180,.05));border-radius:.5rem;border:none;box-shadow:inset 0 1px 3px #9c8c6e1a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:1.125rem;font-weight:400;line-height:1.8;letter-spacing:-.011em;color:#65553de6;outline:none;overflow-y:auto}.editor-editable:empty:before{content:attr(data-placeholder);color:#9c8c6e66;pointer-events:none}.editor-editable img{max-width:100%;border-radius:.5rem;box-shadow:0 2px 4px #0000001a;margin:1rem 0;display:block;position:relative;cursor:pointer;transition:transform .1s,box-shadow .2s,opacity .2s}.editor-editable img.draggable-image{cursor:move;-webkit-user-select:none;user-select:none}.editor-editable img.draggable-image:hover{box-shadow:0 0 8px #0000004d;transform:scale(1.01)}.editor-editable img.image-dragging{opacity:.6;transform:scale(.95);box-shadow:0 0 15px #0003}.editor-editable img.selected{outline:2px solid rgba(156,140,110,.5)}.ai-popup{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:500px;background-color:#fffcf5f7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:.5rem;box-shadow:0 4px 20px #0000001a;padding:1.5rem;z-index:1000;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.ai-popup.active{opacity:1;visibility:visible}.status-bar{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;background-color:#fffcf5cc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-top:1px solid rgba(210,200,180,.2);font-size:.75rem;color:#7d6e57b3}.image-upload-container{margin-top:1rem;padding:1rem;background:rgba(255,252,245,.5);border-radius:.5rem;border:1px dashed rgba(156,140,110,.3);transition:all .2s ease}.image-upload-container.dragging{background:rgba(245,222,179,.2);border-color:#9c8c6e99}.image-upload-label{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;cursor:pointer;color:#7d6e57cc;font-size:.875rem}.image-upload-input{display:none}.image-preview{max-width:100%;margin-top:1rem;border-radius:.5rem;box-shadow:0 4px 6px #0000001a}.flag-icon{width:100%;height:100%;object-fit:cover;display:block}.context-menu{position:absolute;min-width:160px;background-color:#fffcf5f2;border-radius:.375rem;box-shadow:0 2px 10px #0000001a;z-index:1000;overflow:hidden;opacity:0;transform:scale(.95);transform-origin:top left;transition:opacity .1s ease,transform .1s ease;pointer-events:none}.context-menu.active{opacity:1;transform:scale(1);pointer-events:auto}.context-menu-item{display:flex;align-items:center;padding:.5rem .75rem;color:#65553de6;font-size:.875rem;cursor:pointer;transition:background-color .1s ease}.context-menu-item:hover{background-color:#f5deb333}.context-menu-icon{width:16px;height:16px;margin-right:.5rem;color:#9c8c6e}.context-menu-item.danger,.context-menu-item.danger .context-menu-icon{color:#b91c1c}.language-toggle{display:flex;align-items:center;padding:.5rem;border-radius:.375rem;background-color:#fffcf5cc;border:1px solid rgba(210,200,180,.3);cursor:pointer;transition:all .2s ease}.language-toggle:hover{background-color:#f5deb333}.language-toggle-icon{width:1.25rem;height:1.25rem;position:relative;overflow:hidden;border-radius:2px;margin-right:.5rem}.language-toggle-label{font-size:.75rem;font-weight:500;color:#7d6e57e6}.selection-button{position:fixed;z-index:9990;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:4px}.selection-button button{display:flex;align-items:center;gap:4px;padding:4px 8px;background-color:#f3f4f6;border:none;border-radius:4px;cursor:pointer;font-size:.8rem;transition:background-color .2s}.selection-button button:hover{background-color:#e5e7eb}.selection-button .ai-button-icon{width:14px;height:14px}.ai-assistant-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:500px;background-color:#fffcf5f7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:.5rem;box-shadow:0 4px 20px #0000001a;padding:1.5rem;z-index:9999;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.ai-assistant-popup.active{opacity:1;visibility:visible}.ai-assistant-popup.centered{top:50%;left:50%;transform:translate(-50%,-50%)}.ai-assistant-popup.custom-position{position:fixed}.ai-popup-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid rgba(210,200,180,.3)}.ai-popup-title{font-size:1rem;font-weight:600;color:#65553de6}.ai-popup-close{background:none;border:none;color:#7d6e57b3;cursor:pointer;transition:color .2s}.ai-popup-close:hover{color:#7d6e57}.ai-popup-input{width:100%;padding:.75rem;border-radius:.375rem;border:1px solid rgba(210,200,180,.3);background-color:#ffffffb3;margin-bottom:1rem;font-family:inherit;font-size:.9rem;color:#65553de6;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.ai-popup-input.review-mode{background-color:#f5deb30d;border-color:#9c8c6e66;font-family:Courier New,monospace;white-space:pre-wrap}.ai-popup-input.review-mode:focus{border-color:#9c8c6eb3;box-shadow:0 0 0 2px #9c8c6e26}.ai-popup-input:focus{border-color:#9c8c6e80;box-shadow:0 0 0 2px #9c8c6e1a}.ai-popup-response{max-height:200px;overflow-y:auto;padding:.75rem;border-radius:.375rem;background-color:#f5deb31a;margin-bottom:1rem;font-size:.9rem;line-height:1.5;color:#65553de6}.ai-response-header{font-weight:600;color:#4a6fa5e6;margin-bottom:.5rem;padding-bottom:.25rem;border-bottom:1px solid rgba(74,111,165,.2)}.ai-popup-actions{display:flex;align-items:center;justify-content:space-between}.ai-popup-button{padding:.5rem 1rem;border-radius:.375rem;border:none;background-color:#9c8c6eb3;color:#fff;font-weight:500;cursor:pointer;transition:background-color .2s ease}.ai-popup-button:hover{background-color:#9c8c6ee6}.ai-popup-button.secondary{background-color:#d2c8b44d;color:#65553de6}.ai-popup-button.secondary:hover{background-color:#d2c8b480}.ai-popup-button:disabled{opacity:.6;cursor:not-allowed}.ai-loader{display:inline-block;width:1rem;height:1rem;border:2px solid rgba(156,140,110,.3);border-radius:50%;border-top-color:#9c8c6ee6;animation:ai-loader-spin 1s linear infinite;margin-right:.5rem}@keyframes ai-loader-spin{to{transform:rotate(360deg)}}.ai-model-selector{margin:12px 0;display:flex;align-items:center;gap:10px}.ai-model-selector label{font-size:.9rem;color:#555;min-width:60px}.ai-model-selector select{flex-grow:1;padding:8px 12px;border-radius:4px;border:1px solid #ccc;background-color:#fff;font-size:.9rem;color:#333;cursor:pointer;transition:all .2s ease}.ai-model-selector select:focus{outline:none;border-color:#4d90fe;box-shadow:0 0 0 2px #4d90fe33}.ai-model-selector select:disabled{opacity:.6;cursor:not-allowed;background-color:#f5f5f5}.ai-mode-selector{margin:0 0 12px}.ai-mode-selector select{width:100%;padding:10px 12px;border-radius:4px;border:1px solid rgba(210,200,180,.3);background-color:#ffffffb3;font-size:.95rem;color:#65553de6;cursor:pointer;transition:all .2s ease;font-weight:500}.ai-mode-selector select:focus{outline:none;border-color:#9c8c6e80;box-shadow:0 0 0 2px #9c8c6e1a}.ai-mode-selector select:disabled{opacity:.6;cursor:not-allowed;background-color:#f5f5f5b3}.flex{display:flex}.gap-2{gap:.5rem}:root{--read-page-width: 80%;--read-page-max-width: 1200px;--read-page-spacing-sm: 8px;--read-page-spacing-md: 16px;--read-page-spacing-lg: 20px;--read-page-spacing-xl: 24px;--read-page-color-bg-start: #f5f5dc;--read-page-color-bg-mid: #f8f0e3;--read-page-color-bg-end: #fff8ea;--read-page-color-text-primary: rgba(101, 85, 61, .9);--read-page-color-text-secondary: rgba(125, 110, 87, .9);--read-page-color-text-tertiary: rgba(125, 110, 87, .7);--read-page-color-header: rgba(255, 252, 245, .8)}.read-page{display:flex;flex-direction:column;height:100%;width:var(--read-page-width);margin:auto;overflow:hidden;background:linear-gradient(to bottom right,var(--read-page-color-bg-start),var(--read-page-color-bg-mid),var(--read-page-color-bg-end))}.read-page-header{display:flex;align-items:center;justify-content:center;padding:var(--read-page-spacing-md) var(--read-page-spacing-lg);border-bottom:.5px solid rgba(125,110,87,.2);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.read-page-section{display:flex;max-width:var(--read-page-max-width);justify-content:space-between;width:100%}.read-page-title{font-size:24px;font-weight:600;flex-grow:1;color:var(--read-page-color-text-secondary)}.read-page-date{font-size:14px;color:var(--read-page-color-text-tertiary);margin-right:var(--read-page-spacing-md);display:flex;align-items:center}.read-page-actions{display:flex;gap:var(--read-page-spacing-sm)}.read-page-actions button{background:transparent;border:none;cursor:pointer;padding:var(--read-page-spacing-sm);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.read-page-actions button:hover{background-color:#7d6e571a}.action-icon{width:20px;height:20px;color:var(--read-page-color-text-tertiary)}.read-page-content{flex-grow:1;padding:var(--read-page-spacing-xl)}.read-page-text{font-size:16px;line-height:1.8;color:var(--read-page-color-text-primary);letter-spacing:-.011em;width:100%;max-width:var(--read-page-max-width);margin:auto;padding:1rem}.read-page-comments{width:100%;margin:2rem auto 0;padding:1rem}:root{--comment-max-width: 80%;--comment-spacing-sm: .25rem;--comment-spacing-md: .5rem;--comment-spacing-lg: .75rem;--comment-spacing-xl: 1rem;--comment-spacing-2xl: 1.5rem;--comment-primary: #3b82f6;--comment-error: #ef4444;--comment-gray-100: #f3f4f6;--comment-gray-200: #e5e7eb;--comment-gray-300: #d1d5db;--comment-gray-400: #9ca3af;--comment-gray-500: #6b7280;--comment-gray-600: #4b5563;--comment-gray-700: #374151;--comment-gray-800: #1f2937;--comment-gray-900: #111827;--comment-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--comment-background-color: rgba(255, 255, 255, .8)}.comment-section,.comment-thread{width:100%}.comment-thread{margin-top:var(--comment-spacing-2xl)}.comment-thread-title,.comment-error,.comment-input-container,.comments-loading,.no-comments,.comments-list{max-width:var(--comment-max-width);margin-left:auto;margin-right:auto}.comment-thread-title{font-size:1.125rem;font-weight:600;margin-bottom:var(--comment-spacing-xl)}.comment-error{background-color:#fee2e2;border:1px solid #f87171;color:#b91c1c;padding:var(--comment-spacing-lg) var(--comment-spacing-xl);border-radius:.375rem;margin-bottom:var(--comment-spacing-xl)}.comment-input-container{margin-bottom:var(--comment-spacing-2xl)}.comment-input-header{display:flex;align-items:center;margin-bottom:var(--comment-spacing-md)}.user-avatar,.comment-avatar{width:2rem;height:2rem;border-radius:50%;background-color:var(--comment-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;background-size:cover;background-position:center}.user-avatar{margin-right:var(--comment-spacing-md)}.commenting-as{font-size:.875rem;color:var(--comment-gray-500)}.comment-input,.comment-edit-form textarea{width:100%;border:.5px solid var(--comment-gray-300);border-radius:.375rem;resize:vertical;background-color:var(--comment-background-color)}.comments-loading{text-align:center;padding:var(--comment-spacing-xl) 0;display:flex;align-items:center;justify-content:center}.loading-spinner{display:inline-block;width:1.5rem;height:1.5rem;border:2px solid transparent;border-top-color:var(--comment-primary);border-radius:50%;animation:spin 1s linear infinite;margin-right:var(--comment-spacing-md)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.comments-list{display:flex;flex-direction:column;gap:var(--comment-spacing-lg)}.child-comments{margin-left:2rem;margin-top:var(--comment-spacing-md);display:flex;flex-direction:column;gap:var(--comment-spacing-md)}.comment-row{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"avatar author actions" "avatar content content";gap:var(--comment-spacing-md);padding:var(--comment-spacing-lg);border:1px solid var(--comment-gray-200);border-radius:.375rem;background-color:var(--comment-background-color);box-shadow:var(--comment-shadow-sm)}.comment-author{grid-area:author;font-weight:500;color:var(--comment-gray-900)}.comment-content{grid-area:content;color:var(--comment-gray-700);word-break:break-word}.comment-edited{margin-left:var(--comment-spacing-sm);font-size:.75rem;color:var(--comment-gray-400)}.comment-date{font-size:.75rem;color:var(--comment-gray-400);margin-top:var(--comment-spacing-sm)}.comment-actions{grid-area:actions;display:flex;gap:var(--comment-spacing-md)}.comment-button{background:none;border:none;padding:0;color:var(--comment-gray-500);cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:50%;transition:background-color .2s ease}.comment-button:hover{background-color:var(--comment-gray-100)}.comment-button.reply{color:var(--comment-primary)}.comment-button.edit{color:var(--comment-gray-600)}.comment-button.delete{color:var(--comment-error)}.comment-button:disabled{opacity:.5;cursor:not-allowed}.icon-reply:before{content:"↩"}.icon-edit:before{content:"✏️"}.icon-delete:before{content:"🗑️"}:root{--max-width: 1200px;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--color-primary: #4a6fa5;--color-text: rgba(125, 110, 87, .9);--color-text-light: rgba(125, 110, 87, .7);--color-border: rgba(210, 200, 180, .3);--color-background: rgba(230, 219, 200, .5);--color-white: #fff;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .05);--shadow-md: 0 2px 8px rgba(0, 0, 0, .1);--shadow-lg: 0 4px 12px rgba(0, 0, 0, .15);--border-radius: .5rem}.journal-list-container{max-width:var(--max-width);margin:0 auto;padding:var(--spacing-xl) var(--spacing-md)}.journals-wrapper{max-width:var(--max-width);margin:0 auto}.journals-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-sm);width:100%}.journal-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl)}.journal-list-header h1{font-size:1.8rem;font-weight:600;color:var(--color-text);margin:0}.new-journal-button{display:flex;align-items:center;gap:var(--spacing-sm);background-color:var(--color-background);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--spacing-sm) var(--spacing-md);font-size:.9rem;cursor:pointer;transition:background-color .2s}.new-journal-button:hover{background-color:#e6dbc8cc}.new-journal-icon{width:18px;height:18px}.journal-card{background:var(--color-white);border-radius:var(--border-radius);box-shadow:var(--shadow-md);padding:var(--spacing-lg);cursor:pointer;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column;text-decoration:none;color:inherit;border:1px solid var(--color-border)}.journal-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:#d2c8b466}.journal-excerpt{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:2;min-width:0;margin:0;color:#65553dcc;font-size:.9rem;line-height:1.5}.journal-meta{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0;white-space:nowrap;margin-top:var(--spacing-sm)}.journal-date{font-size:.8rem;color:var(--color-text-light);white-space:nowrap;display:inline-block}.journal-language-flag{width:20px;height:12px;object-fit:contain;border-radius:2px;box-shadow:var(--shadow-sm);display:inline-block;vertical-align:middle}@media (max-width: 768px){.journal-list-container{padding:1rem}.journal-list-header{flex-direction:column;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}}@media (max-width: 480px){.journals-grid{grid-template-columns:1fr}.pagination{flex-wrap:wrap}}.journal-list-container{max-width:1000px;margin:0 auto;padding:2rem}.journal-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.journal-list-header h1{font-size:2rem;color:#333;margin:0}.empty-state{text-align:center;padding:4rem 2rem;background-color:#f9f9f9;border-radius:8px;margin-top:2rem}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2rem}.pagination-button{display:flex;align-items:center;justify-content:center;background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;padding:.5rem;cursor:pointer;transition:background-color .2s}.pagination-button:hover:not(:disabled){background-color:#e9e9e9}.pagination-button:disabled{opacity:.5;cursor:not-allowed}.pagination-icon{width:1.25rem;height:1.25rem}.pagination-info{font-size:.9375rem;color:#666}.journal-list-item-content{display:flex;align-items:center;gap:1rem;width:100%;overflow:hidden}.journal-title{font-size:1.1rem;font-weight:600;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.journal-excerpt{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:2;min-width:0;margin:0}.journal-meta{display:flex;align-items:center;gap:.75rem;flex-shrink:0;white-space:nowrap}.journal-date,.journal-author{white-space:nowrap;display:inline-block}.journal-language-flag{width:20px;height:12px;display:inline-block;vertical-align:middle}@media (max-width: 768px){.journal-list-container{padding:1rem}.journal-list-header{flex-direction:column;align-items:flex-start;gap:1rem}}.journals-grid{display:grid;grid-template-columns:1fr;gap:.75rem;width:100%}.journal-list-item{background-color:#fff;border:1px solid #eaeaea;border-radius:8px;padding:.75rem 1.25rem;box-shadow:0 1px 3px #0000000d;transition:background-color .2s;text-decoration:none;color:inherit;cursor:pointer;display:block;width:100%}.journal-list-item:hover{background-color:#f9f9f9}.loading-indicator{text-align:center;padding:2rem;color:#666;font-size:1rem}.sync-status{background-color:#0000001a;color:#333;padding:6px 12px;border-radius:4px;font-size:.9rem;margin-top:8px;display:inline-block;animation:fadeIn .3s ease-in-out}.journal-group-source{display:flex;align-items:center;gap:.25rem;font-size:.8125rem;color:#4a6fa5;background-color:#4a6fa51a;padding:.25rem .5rem;border-radius:4px;white-space:nowrap}.group-icon{font-size:.875rem}.shared-journal{border-left:3px solid #4a6fa5}.current-user-journal{border:2px solid #4a6fa5;box-shadow:0 2px 6px #4a6fa526}.profile-container{max-width:800px;margin:0 auto;padding:2rem 1rem}.profile-content{background-color:#fff;border-radius:.5rem;box-shadow:0 2px 8px #0000001a;padding:2rem}.profile-title{font-size:1.75rem;color:#4a5568;margin-bottom:2rem;border-bottom:1px solid #e2e8f0;padding-bottom:1rem}.profile-loading{text-align:center;padding:2rem;color:#718096}.profile-form{display:flex;flex-direction:column;gap:1.5rem}.profile-user-info{display:flex;align-items:center;gap:1rem;padding-bottom:1.5rem;border-bottom:1px solid #f0f0f0;margin-bottom:.5rem}.profile-photo{width:64px;height:64px;border-radius:50%;object-fit:cover;border:2px solid #f0f0f0}.profile-email{color:#718096;font-size:.9rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:500;color:#4a5568}.form-input{padding:.75rem;border:1px solid #e2e8f0;border-radius:.375rem;font-size:1rem;width:100%;transition:border-color .2s ease}.form-input:focus{border-color:#cbd5e0;outline:none;box-shadow:0 0 0 3px #4299e11a}.form-help-text{font-size:.875rem;color:#718096;margin-top:.25rem}.language-options{display:flex;gap:1rem;margin-top:.5rem}.language-option{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border:1px solid #e2e8f0;border-radius:.375rem;cursor:pointer;transition:all .2s ease}.language-option:hover{background-color:#f7fafc}.language-option.selected{background-color:#ebf4ff;border-color:#90cdf4}.language-option input{position:absolute;opacity:0;cursor:pointer}.language-flag{width:24px;height:16px;display:inline-block;background-size:contain;background-repeat:no-repeat;background-position:center}.language-flag.en{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 30'%3E%3Cclippath id='a'%3E%3Cpath d='M0 0v30h60V0z'/%3E%3C/clippath%3E%3Cclippath id='b'%3E%3Cpath d='M30 15h30v15zv15H0zH0V0zV0h30z'/%3E%3C/clippath%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M0 0v30h60V0z' fill='%23012169'/%3E%3Cpath d='M0 0l60 30m0-30L0 30' stroke='%23fff' stroke-width='6'/%3E%3Cpath d='M0 0l60 30m0-30L0 30' clip-path='url(%23b)' stroke='%23C8102E' stroke-width='4'/%3E%3Cpath d='M30 0v30M0 15h60' stroke='%23fff' stroke-width='10'/%3E%3Cpath d='M30 0v30M0 15h60' stroke='%23C8102E' stroke-width='6'/%3E%3C/g%3E%3C/svg%3E")}.language-flag.fr{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 900 600'%3E%3Cpath fill='%23ED2939' d='M0 0h900v600H0z'/%3E%3Cpath fill='%23fff' d='M0 0h600v600H0z'/%3E%3Cpath fill='%23002395' d='M0 0h300v600H0z'/%3E%3C/svg%3E")}.form-actions{display:flex;align-items:center;gap:1rem;margin-top:1rem}.save-button{padding:.75rem 1.5rem;background-color:#4299e1;color:#fff;border:none;border-radius:.375rem;font-weight:500;cursor:pointer;transition:all .2s ease}.save-button:hover{background-color:#3182ce}.save-button:disabled{opacity:.7;cursor:not-allowed}.save-message{flex:1;color:#38a169;font-size:.875rem;animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.settings-container{max-width:800px;margin:0 auto;padding:2rem 1rem}.settings-content{background-color:#fff;border-radius:.5rem;box-shadow:0 2px 8px #0000001a;padding:2rem}.settings-title{font-size:1.75rem;color:#4a5568;margin-bottom:2rem;border-bottom:1px solid #e2e8f0;padding-bottom:1rem}.settings-section{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #f0f0f0}.settings-section:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0}.section-title{font-size:1.25rem;color:#4a5568;margin-bottom:1rem}.settings-info p{margin-bottom:1rem;color:#718096;line-height:1.5}.settings-message{padding:1rem;background-color:#f7fafc;border-radius:.375rem;color:#718096;font-style:italic}.profile-picture{display:flex;align-items:center;justify-content:center;border-radius:50%;background-size:cover;background-position:center;color:#fff;font-weight:700;overflow:hidden;flex-shrink:0}.profile-picture.small{width:30px;height:30px;font-size:12px}.profile-picture.medium{width:40px;height:40px;font-size:16px}.profile-picture.large{width:60px;height:60px;font-size:22px}.profile-picture .initials{line-height:1;-webkit-user-select:none;user-select:none}.groups-container{max-width:900px;margin:0 auto;padding:2rem}.groups-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.groups-header h1{font-size:2rem;color:#333;margin:0}.new-group-button{background-color:#4a6fa5;color:#fff;border:none;border-radius:4px;padding:.6rem 1.2rem;font-size:1rem;cursor:pointer;transition:background-color .2s}.new-group-button:hover{background-color:#395a8a}.error-message{background-color:#ffebee;color:#c62828;padding:.75rem;border-radius:4px;margin-bottom:1rem;border-left:4px solid #c62828}.success-message{background-color:#e8f5e9;color:#2e7d32;padding:.75rem;border-radius:4px;margin-bottom:1rem;border-left:4px solid #2e7d32;animation:fadeOut 3s forwards;animation-delay:2s}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.create-group-form{background-color:#f5f5f5;border-radius:8px;padding:1.5rem;margin-bottom:2rem;animation:slideDown .3s ease-out}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.create-group-form h2{font-size:1.5rem;margin-top:0;margin-bottom:1.5rem;color:#333}.form-group{margin-bottom:1.25rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#555}.form-group input,.form-group textarea{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;font-family:inherit}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#4a6fa5;box-shadow:0 0 0 2px #4a6fa533}.form-actions{display:flex;justify-content:flex-end}.submit-button{background-color:#4a6fa5;color:#fff;border:none;border-radius:4px;padding:.75rem 1.5rem;font-size:1rem;cursor:pointer;transition:background-color .2s}.submit-button:hover:not(:disabled){background-color:#395a8a}.submit-button:disabled{background-color:#9e9e9e;cursor:not-allowed}.empty-state{text-align:center;padding:4rem 2rem;background-color:#f9f9f9;border-radius:8px}.empty-state p{font-size:1.25rem;color:#666;margin-bottom:1.5rem}.empty-state-button{display:inline-block;background-color:#4a6fa5;color:#fff;border:none;border-radius:4px;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;cursor:pointer;text-decoration:none;transition:background-color .2s}.empty-state-button:hover{background-color:#395a8a}.loading-indicator{text-align:center;padding:2rem;color:#666;font-size:1.1rem}.groups-list{display:flex;flex-direction:column;gap:1rem}.group-card{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden;transition:box-shadow .2s}.group-card:hover{box-shadow:0 3px 8px #00000026}.group-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem;cursor:pointer;border-bottom:1px solid #f0f0f0}.group-name{font-size:1.25rem;margin:0;color:#333}.group-meta{display:flex;align-items:center;gap:1rem}.group-members{font-size:.875rem;color:#666}.expand-icon{color:#666;font-size:.875rem}.group-description{padding:0 1.25rem;margin:.75rem 0;color:#555;font-size:.9375rem;line-height:1.5}.group-details{padding:1.25rem;background-color:#f9f9f9;border-top:1px solid #f0f0f0}.invite-section h3{font-size:1.1rem;margin:0 0 1rem;color:#333}.invite-form{display:flex;gap:.75rem}.invite-form input{flex:1;padding:.6rem;border:1px solid #ddd;border-radius:4px;font-size:.9375rem}.invite-form button{background-color:#4a6fa5;color:#fff;border:none;border-radius:4px;padding:.6rem 1.2rem;font-size:.9375rem;cursor:pointer;transition:background-color .2s}.invite-form button:hover:not(:disabled){background-color:#395a8a}.invite-form button:disabled{background-color:#9e9e9e;cursor:not-allowed}.group-actions{margin-top:1.5rem;display:flex;justify-content:flex-end}.delete-group-button{background-color:#f44336;color:#fff;border:none;border-radius:4px;padding:.6rem 1.2rem;font-size:.9375rem;cursor:pointer;transition:background-color .2s}.delete-group-button:hover{background-color:#d32f2f}@media (max-width: 768px){.groups-container{padding:1rem}.groups-header{flex-direction:column;align-items:flex-start;gap:1rem}.invite-form{flex-direction:column}.group-header{flex-direction:column;align-items:flex-start;gap:.5rem}.group-meta{width:100%;justify-content:space-between}}.invitations-list{margin-top:1.5rem;padding-top:1rem;border-top:1px solid #eee}.invitations-list h4{font-size:.95rem;margin:0 0 .75rem;color:#555}.invitations-list ul{list-style:none;padding:0;margin:0}.invitation-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #f0f0f0}.invitation-item:last-child{border-bottom:none}.invited-email{font-size:.9rem;color:#4a6fa5}.invitation-date{font-size:.8rem;color:#777}.no-invitations{font-size:.9rem;color:#777;font-style:italic;margin-top:1rem}.received-invitations-section{margin-bottom:2rem;background-color:#f5f5f5;border-radius:8px;padding:1.5rem}.received-invitations-section h2{font-size:1.5rem;margin-top:0;margin-bottom:1.25rem;color:#333}.received-invitations-list{display:flex;flex-direction:column;gap:1rem}.received-invitation-card{background-color:#fff;border-radius:6px;box-shadow:0 1px 3px #0000001a;padding:1.25rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.invitation-details h3{font-size:1.2rem;margin:0 0 .5rem;color:#333}.invitation-info{font-size:.9rem;color:#666;margin:0}.invitation-actions{display:flex;gap:.75rem}.accept-button,.reject-button{padding:.6rem 1.2rem;border:none;border-radius:4px;font-size:.9375rem;cursor:pointer;transition:background-color .2s}.accept-button{background-color:#4caf50;color:#fff}.accept-button:hover:not(:disabled){background-color:#43a047}.reject-button{background-color:#f5f5f5;color:#555}.reject-button:hover:not(:disabled){background-color:#e0e0e0}.accept-button:disabled,.reject-button:disabled{opacity:.7;cursor:not-allowed}@media (max-width: 768px){.received-invitation-card{flex-direction:column;align-items:flex-start}.invitation-actions{width:100%}}.invitation-loading{margin-bottom:2rem;padding:1rem;background-color:#f5f5f5;border-radius:8px;text-align:center;color:#666;font-size:.95rem}.members-list{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #eee}.members-list h4{font-size:1.1rem;margin:0 0 .75rem;color:#333}.members-list ul{list-style:none;padding:0;margin:0}.member-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid #f0f0f0}.member-item:last-child{border-bottom:none}.member-info{display:flex;align-items:center;gap:.75rem}.member-name{font-size:.95rem;color:#333}.creator-badge{display:inline-block;font-size:.7rem;background-color:#4a6fa5;color:#fff;padding:.15rem .4rem;border-radius:3px;margin-left:.5rem;font-weight:700}.remove-member-button{background-color:#f44336;color:#fff;border:none;border-radius:4px;padding:.4rem .6rem;font-size:.8rem;cursor:pointer;transition:background-color .2s}.remove-member-button:hover:not(:disabled){background-color:#d32f2f}.remove-member-button:disabled{background-color:#ccc;cursor:not-allowed;opacity:.7}.group-journals-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #eaeaea}.group-journals-section h4{font-size:1.1rem;color:#333;margin-bottom:1rem}.group-journals-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.group-journal-item{background-color:#fff;border:1px solid #eaeaea;border-radius:8px;padding:1rem;box-shadow:0 1px 3px #0000000d;transition:all .2s ease;text-decoration:none;color:inherit;display:flex;flex-direction:column}.group-journal-item:hover{transform:translateY(-3px);box-shadow:0 4px 6px #0000001a;border-color:#d1d1d1}.journal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;gap:.5rem}.journal-title{font-size:1.1rem;font-weight:600;color:#333;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.journal-date{font-size:.8rem;color:#777;white-space:nowrap}.journal-preview{font-size:.9rem;color:#555;margin:.5rem 0 1rem;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}.journal-author-info{display:flex;align-items:center;gap:.5rem;margin-top:auto;padding-top:.75rem;border-top:1px solid #f0f0f0}.journal-author-name{font-size:.85rem;color:#555;font-weight:500}.loading-journals,.no-journals{padding:1rem;text-align:center;color:#777;background-color:#f9f9f9;border-radius:6px;font-size:.9rem}@media (max-width: 768px){.group-journals-list{grid-template-columns:1fr}}.login-button{display:flex;align-items:center;gap:.5rem;background-color:#fff;color:#424242e6;border:1px solid rgba(0,0,0,.1);border-radius:.375rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000001a}.login-button:hover{background-color:#fafafa;box-shadow:0 2px 4px #0000001a}.login-button.logout{background-color:#e6dbc880;color:#7d6e57e6;border:1px solid rgba(210,200,180,.3)}.login-button.logout:hover{background-color:#e6dbc8cc}.login-button:disabled{opacity:.7;cursor:not-allowed}.google-icon{width:18px;height:18px}.profile-icon,.user-avatar{width:20px;height:20px;border-radius:50%;object-fit:cover}.loading-spinner{display:inline-block;width:1rem;height:1rem;border:2px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:#0000004d;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-container{position:relative}.profile-button{padding:.5rem}.dropdown-menu{position:absolute;top:calc(100% + .25rem);right:0;width:200px;background-color:#fff;border-radius:.375rem;box-shadow:0 3px 10px #0000001a;z-index:1000;overflow:hidden;border:1px solid rgba(0,0,0,.1)}.dropdown-item{display:block;width:100%;padding:.75rem 1rem;text-align:left;background:none;border:none;font-size:.875rem;color:#424242e6;cursor:pointer;text-decoration:none}.dropdown-item:hover{background-color:#0000000d}.signout-button{border-top:1px solid rgba(0,0,0,.05);color:#e53e3e}.signout-button:hover{background-color:#e53e3e1a}.navigation{background-color:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(210,200,180,.2);position:sticky;top:0;z-index:100;box-shadow:0 1px 4px #0000000d}.nav-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.5rem}.nav-logo{font-size:1.25rem;font-weight:600}.nav-logo a{color:#7d6e57e6;text-decoration:none;transition:color .2s}.nav-logo a:hover{color:#65553dcc}.nav-links{display:flex;align-items:center;gap:1.5rem}.nav-link{color:#7d6e57cc;text-decoration:none;font-size:.9rem;font-weight:500;transition:color .2s;padding:.25rem .5rem;border-radius:.25rem}.nav-link:hover{background-color:#e6dbc84d;color:#7d6e57}.debug-link{opacity:.6;font-size:.8rem;color:#5a5a5ab3}.debug-link:hover{opacity:1;background-color:#e6e6e680;color:#5a5a5a}@media (max-width: 768px){.nav-container{padding:.75rem 1rem}.nav-links{gap:1rem}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--color-bg-primary: linear-gradient(to bottom right, #f5f5dc, #f8f0e3, #fff8ea);--color-text-primary: rgba(125, 110, 87, .9);--color-text-secondary: rgba(101, 85, 61, .8);--color-text-muted: rgba(125, 110, 87, .7);--color-border: rgba(210, 200, 180, .3);--color-button-bg: rgba(230, 219, 200, .5);--color-button-hover: rgba(230, 219, 200, .8);--color-accent: rgba(74, 111, 165, .9)}body{margin:0;min-width:100vw;min-height:100vh;background:var(--color-bg-primary);color:var(--color-text-primary)}