:root{--bg-primary: #FDF6EC;--bg-secondary: #FAF0E4;--bg-card: rgba(253, 246, 236, .55);--text-primary: #2C1A16;--text-secondary: #5C4A3A;--text-muted: #8B7355;--accent: #E8985E;--accent-light: #E8985E22;--accent-dark: #C4764A;--color-george: #E8985E;--color-joshua: #7BA08B;--color-salim: #8B7BA0;--glass-bg: rgba(253, 246, 236, .55);--glass-border: rgba(232, 152, 94, .12);--glass-shadow: 0 8px 32px rgba(139, 90, 43, .08);--glass-shadow-inset: inset 0 1px 0 rgba(255, 255, 255, .5);--sidebar-width: 260px;--content-max-width: 820px;--font-display: "Playfair Display", Georgia, serif;--font-body: "Bricolage Grotesque", system-ui, sans-serif;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 24px;--ease-out: cubic-bezier(.25, .1, .25, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);overflow-x:hidden;min-height:100vh}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#e8985e33;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#e8985e59}::selection{background:#e8985e33;color:var(--text-primary)}.loading-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:var(--bg-primary)}.loading-screen h1{font-family:var(--font-display);font-size:32px;color:var(--text-primary)}.loading-screen p{color:var(--text-muted);font-size:14px}.loading-logo{font-size:48px;color:var(--accent);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.05)}}.noise-overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;opacity:.03;mix-blend-mode:multiply;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.glass{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow),var(--glass-shadow-inset)}.glass:hover{box-shadow:0 12px 40px #8b5a2b1f,var(--glass-shadow-inset)}h1,h2,h3{font-family:var(--font-display);color:var(--text-primary);line-height:1.3}h1{font-size:clamp(24px,4vw,32px);font-weight:700}h2{font-size:clamp(18px,3vw,22px);font-weight:600}h3{font-size:clamp(15px,2.5vw,18px);font-weight:600}p{color:var(--text-secondary);line-height:1.65;font-size:14px}.btn-primary{padding:10px 22px;border-radius:var(--radius-md);border:none;background:linear-gradient(135deg,var(--accent),var(--accent-dark));color:#fff;cursor:pointer;font-family:var(--font-body);font-size:13.5px;font-weight:600;box-shadow:0 4px 14px #e8985e40;transition:transform .15s var(--ease-out),box-shadow .15s var(--ease-out);display:inline-flex;align-items:center;gap:8px}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #e8985e59}.btn-primary:active{transform:scale(.97)}.btn-secondary{padding:8px 16px;border-radius:var(--radius-sm);border:1px solid var(--glass-border);background:#fdf6ec99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;font-family:var(--font-body);font-size:12.5px;font-weight:500;color:var(--text-muted);transition:all .15s var(--ease-out);display:inline-flex;align-items:center;gap:6px}.btn-secondary:hover{background:var(--accent-light);color:var(--accent);border-color:#e8985e33}.app-layout{display:flex;min-height:100vh}.main-content{margin-left:var(--sidebar-width);padding:32px 40px 60px;max-width:calc(var(--content-max-width) + var(--sidebar-width) + 80px);min-height:100vh;flex:1}.sidebar{width:var(--sidebar-width);height:100vh;position:fixed;left:0;top:0;z-index:90;background:#fdf6ecd9;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border-right:1px solid rgba(232,152,94,.1);display:flex;flex-direction:column;overflow-y:auto}.sidebar-logo{padding:24px 24px 20px;cursor:pointer;display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(232,152,94,.08);text-decoration:none}.sidebar-logo span:first-child{font-size:24px}.sidebar-logo span:last-child{font-family:var(--font-display);font-size:22px;color:var(--text-primary);font-weight:700;letter-spacing:-.5px}.sidebar-section-label{font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--text-muted);padding:8px 14px 12px;opacity:.7}.sidebar-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--radius-sm);cursor:pointer;margin-bottom:3px;transition:all .15s var(--ease-out);text-decoration:none;color:var(--text-primary);font-size:13.5px;font-weight:500}.sidebar-item:hover{background:#e8985e0f;transform:translate(2px)}.sidebar-item.active{background:var(--accent-light)}.sidebar-badge{margin-left:auto;font-size:11px;color:var(--text-muted);background:#e8985e14;padding:2px 8px;border-radius:10px}.avatar{border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-family:var(--font-body);font-weight:700;flex-shrink:0;border:2px solid rgba(255,255,255,.6);box-shadow:0 2px 8px #0000001a}.avatar.sm{width:28px;height:28px;font-size:11px}.avatar.md{width:40px;height:40px;font-size:16px}.avatar.lg{width:72px;height:72px;font-size:30px}.avatar.xl{width:88px;height:88px;font-size:36px}.online-dot{width:7px;height:7px;border-radius:50%;background:#7ba08b;box-shadow:0 0 6px #7ba08b80;margin-left:auto}.mobile-header{display:none;position:fixed;top:0;left:0;right:0;z-index:80;background:#fdf6ece6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:12px 16px;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(232,152,94,.08)}@media(max-width:768px){.sidebar{transform:translate(-100%);transition:transform .3s var(--ease-out)}.sidebar.open{transform:translate(0)}.sidebar-overlay{display:block!important}.main-content{margin-left:0;padding:72px 16px 40px}.mobile-header{display:flex}}.tiptap-editor{font-family:var(--font-body);font-size:14px;color:var(--text-secondary);line-height:1.65;min-height:120px;outline:none;padding:16px}.tiptap-editor p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:var(--text-muted);pointer-events:none;height:0;opacity:.5}.tiptap-editor img{max-width:100%;border-radius:var(--radius-md);margin:12px 0}.entry-preview{font-size:14px;color:var(--text-secondary);line-height:1.65;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.entry-preview p{margin:0 0 8px}.entry-preview p:last-child{margin-bottom:0}.entry-preview img{max-width:100%;border-radius:var(--radius-md)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}