:root{--bg-color: #fdfbf7;--text-color: #2c3e50;--accent-color: #8e44ad;--border-color: #e0e0e0;--hover-color: #f5f5f5;--sidebar-width: 80px;--font-sans: "Outfit", sans-serif;--font-serif: "Playfair Display", serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-color);color:var(--text-color);line-height:1.6;height:100vh;height:100dvh;overflow:hidden}.hidden{display:none!important}.login-view{height:100vh;height:100dvh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fdfbf7,#f4e4e4)}.login-container{text-align:center;padding:3rem;background:#fff;border-radius:24px;box-shadow:0 10px 40px #0000000d;max-width:400px;width:90%}.brand h1{font-family:var(--font-serif);font-size:3rem;margin-bottom:.5rem;color:#1a1a1a}.brand p{color:#666;margin-bottom:2.5rem;font-size:1.1rem}.btn-google{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:#fff;color:#3c4043;border:1px solid #dadce0;padding:12px 24px;border-radius:50px;font-family:Google Sans,arial,sans-serif;font-weight:500;font-size:16px;cursor:pointer;transition:all .2s ease;width:100%}.btn-google:hover{background:#f8f9fa;box-shadow:0 1px 3px #3c40434d;border-color:#d2e3fc}.btn-google img{width:18px;height:18px}.dashboard{display:flex;height:100vh;height:100dvh;width:100vw}.sidebar{width:var(--sidebar-width);background:#fff;border-right:1px solid var(--border-color);display:flex;flex-direction:column;justify-content:space-between;padding:1.5rem 0;align-items:center;z-index:10}.sidebar-top{display:flex;flex-direction:column;align-items:center;gap:3rem;width:100%}.sidebar-logo-img{width:40px;height:40px}.sidebar-nav{display:flex;flex-direction:column;gap:1.5rem;width:100%;align-items:center}.nav-item{background:none;border:none;color:#999;cursor:pointer;padding:12px;border-radius:12px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.nav-item:hover{color:var(--accent-color);background:var(--hover-color)}.nav-item.active{color:var(--accent-color);background:#8e44ad1a}.dashboard-content{flex:1;overflow:hidden;position:relative;display:flex;flex-direction:column}.sync-status-wrapper{position:absolute;top:1.5rem;right:2rem;z-index:100}.sync-status{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:24px;font-size:.85rem;font-weight:500;background:#ffffffe6;box-shadow:0 2px 8px #00000014;transition:all .3s ease;color:#999}.sync-status.synced{color:#8e44ad;opacity:.7}.sync-status.syncing{color:#999}.sync-status.error{color:#e74c3c}.sync-status .spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.journal-view{display:flex;flex-direction:column;flex:1;min-height:0;width:100%}.journal-container{flex:1;max-width:800px;width:100%;margin:0 auto;padding:2rem;display:flex;flex-direction:column;position:relative;min-height:0}.date-selector{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:2rem}.date-picker{border:none;background:transparent;font-family:var(--font-sans);font-size:1.2rem;color:var(--text-color);cursor:pointer;padding:.5rem;border-radius:8px}.date-picker:hover{background:#00000008}.date-selector-row{display:flex;justify-content:center;align-items:center;margin-bottom:2rem;position:relative;width:100%}.date-selector{display:flex;align-items:center;justify-content:center;gap:1rem}.icon-btn.photos-toggle{width:40px;height:40px;border-radius:50%;border:1px solid var(--border-color);background:#fff;color:#5f6368;position:absolute;right:0}.icon-btn.photos-toggle:hover{background:#f1f3f4;color:#202124}.icon-btn.photos-toggle.active{background:#e8f0fe;color:#1a73e8;border-color:#1a73e8}.journal-photo{max-width:100%;border-radius:8px;margin:20px auto;display:block}.icon-btn{background:none;border:none;cursor:pointer;color:#666;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s}.icon-btn:hover{background:#0000000d;color:var(--text-color)}.icon-btn.danger:hover{color:#e74c3c;background:#e74c3c1a}.editor-container{flex:1;display:flex;flex-direction:column;position:relative;overflow:hidden;min-height:0}.status{position:absolute;top:-25px;right:0;font-size:.8rem;color:#999;opacity:0;transition:opacity .3s}.status.visible{opacity:1}.journal-editor{flex:1;width:100%;border:none;background:transparent;resize:none;font-family:var(--font-serif);font-size:1.2rem;line-height:1.8;color:var(--text-color);outline:none;padding:1rem;white-space:pre-wrap;word-break:break-word;min-height:200px;overflow-y:auto}.journal-editor::placeholder{color:#ccc}.entity-view{height:100%;display:flex;flex-direction:column;max-width:800px;margin:0 auto;padding:2rem}.view-header{margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.view-header h1{font-family:var(--font-serif);font-size:2rem;color:var(--text-color)}.view-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.add-form{display:flex;gap:.5rem;margin-bottom:2rem}.add-form input{flex:1;padding:.8rem 1rem;border:1px solid var(--border-color);border-radius:12px;font-family:var(--font-sans);font-size:1rem;background:#fff}.add-form input:focus{outline:none;border-color:var(--accent-color)}.entity-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem}.entity-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#fff;border-radius:12px;border:1px solid transparent;transition:all .2s}.entity-item:hover{border-color:var(--border-color);box-shadow:0 2px 8px #00000005}.mention-popup{width:250px;background:#fff;border-radius:12px;box-shadow:0 8px 24px #00000026;max-height:250px;overflow-y:auto;z-index:1000;border:1px solid var(--border-color)}.mention-item{padding:.75rem 1rem;cursor:pointer;font-family:var(--font-sans);font-size:.95rem;transition:all .15s ease;border-radius:8px;margin:.25rem .5rem}.mention-item.selected{background:#8e44ad26;color:var(--accent-color);font-weight:500}.mention-item:hover{background:var(--hover-color);color:var(--accent-color);transform:translate(2px)}.mention-item.selected:hover{background:#8e44ad33;color:var(--accent-color)}.mention{color:var(--accent-color);border-radius:4px;margin:0 2px;display:inline-block;font-weight:500}.mention-editor-wrapper{position:relative;flex:1;display:flex;flex-direction:column;min-height:0}.journal-editor div{display:block;min-height:1.8em}.journal-editor div:empty:not(:only-child){min-height:1.8em}.journal-editor div br{content:"";display:block}.journal-editor div:has(>br:only-child){min-height:1.8em;cursor:text}.journal-editor div:has(>img),.journal-editor div:has(>a>img){margin:1em 0;text-align:center}.journal-editor div:has(>img)+div,.journal-editor div:has(>a>img)+div,div:has(+div>img),div:has(+div>a>img){min-height:1.8em;cursor:text}[contenteditable][data-placeholder]:empty:before{content:attr(data-placeholder);color:#ccc;pointer-events:none;font-family:var(--font-serif)}@media(max-width:600px){.dashboard{flex-direction:column-reverse}.sidebar{width:100%;height:60px;flex-direction:row;padding:0 1rem;border-right:none;border-top:1px solid var(--border-color)}.sidebar-top{flex-direction:row;width:auto;gap:1rem}.sidebar-nav{flex-direction:row;gap:.5rem}.sidebar-logo{display:none}.login-container{padding:2rem}.journal-container,.entity-view{padding:1rem}.brand h1{font-size:2.5rem}.sync-status-wrapper{top:.75rem;right:.75rem}.sync-status{padding:.4rem .8rem;font-size:.75rem;gap:.4rem}.journal-container{padding:4rem 1rem 1rem}.date-selector{position:relative;z-index:1}}.user-menu-wrapper{position:relative;display:flex;justify-content:center;align-items:center}.user-menu-dropdown{position:absolute;bottom:0;left:60px;background:#fff;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 20px #00000026;padding:.5rem;display:flex;flex-direction:column;gap:.25rem;width:180px;z-index:1000;animation:fadeIn .15s ease-out}.user-menu-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border:none;background:none;width:100%;text-align:left;cursor:pointer;border-radius:8px;color:var(--text-color);font-family:var(--font-sans);font-size:.95rem;transition:all .2s}.user-menu-item:hover{background:var(--hover-color);color:var(--accent-color)}.user-menu-item.danger{color:#e74c3c}.user-menu-item.danger:hover{background:#e74c3c1a}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(max-width:600px){.user-menu-dropdown{left:auto;right:0;bottom:60px;width:200px}}