:root{--bg-primary: #FDF6EC;--bg-secondary: #FAF0E4;--glass-bg: rgba(255, 253, 247, .7);--glass-border: rgba(139, 90, 43, .1);--glass-shadow: 0 8px 32px rgba(139, 90, 43, .08);--glass-shadow-hover: 0 12px 40px rgba(139, 90, 43, .12);--glass-shadow-inset: inset 0 1px 0 rgba(255, 255, 255, .5);--text-primary: #2C1A16;--text-secondary: #5C4A3A;--text-muted: #8B7355;--modal-overlay: rgba(44, 26, 22, .4);--danger-color: #C4654A;--sidebar-bg: rgba(253, 246, 236, .85);--sidebar-border: rgba(139, 90, 43, .08);--mobile-header-bg: rgba(253, 246, 236, .9);--scrollbar-thumb: rgba(139, 90, 43, .15);--scrollbar-hover: rgba(139, 90, 43, .25);--btn-secondary-bg: rgba(253, 246, 236, .6);--avatar-border: rgba(255, 255, 255, .6);--accent: #E8985E;--accent-light: rgba(232, 152, 94, .12);--accent-dark: #C4764A;--accent-text: #FFFFFF;--accent-shadow: rgba(232, 152, 94, .25);--accent-shadow-hover: rgba(232, 152, 94, .35);--accent-glow: rgba(232, 152, 94, .15);--accent-subtle: rgba(232, 152, 94, .06);--accent-badge: rgba(232, 152, 94, .08);--accent-border: rgba(232, 152, 94, .2);--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);--theme-speed: .4s}*,*: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}body,.sidebar,.glass,.main-content,.mobile-header,.tiptap-editor{transition:background-color var(--theme-speed) ease,color calc(var(--theme-speed) * .75) ease,border-color calc(var(--theme-speed) * .75) ease,box-shadow calc(var(--theme-speed) * .75) ease}input,textarea,select{color:var(--text-primary);transition:background-color var(--theme-speed) ease,color calc(var(--theme-speed) * .75) ease,border-color calc(var(--theme-speed) * .75) ease}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-hover)}::selection{background:var(--accent-border);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:var(--glass-shadow-hover),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 var(--accent-shadow);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 var(--accent-shadow-hover)}.btn-primary:active{transform:scale(.97)}.btn-secondary{padding:8px 16px;border-radius:var(--radius-sm);border:1px solid var(--glass-border);background:var(--btn-secondary-bg);-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:var(--accent-border)}.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:var(--sidebar-bg);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border-right:1px solid var(--sidebar-border);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 var(--sidebar-border);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:var(--accent-subtle);transform:translate(2px)}.sidebar-item.active{background:var(--accent-light)}.sidebar-badge{margin-left:auto;font-size:11px;color:var(--text-muted);background:var(--accent-badge);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 var(--avatar-border);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:var(--mobile-header-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:12px 16px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--sidebar-border)}@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)}.entry-content img,.tiptap-editor img{max-width:100%;border-radius:var(--radius-md);margin:8px 0;cursor:zoom-in}.entry-content .image-gallery,.entry-preview .image-gallery{display:grid;gap:8px;margin:12px 0}.entry-content .image-gallery.cols-2,.entry-content .image-gallery.cols-3{grid-template-columns:1fr 1fr}.entry-content .image-gallery img{width:100%;height:200px;object-fit:cover;border-radius:var(--radius-md);margin:0}.entry-content .image-gallery img:last-child:nth-child(odd){grid-column:1 / -1}.upload-area:hover{border-color:var(--accent);background:var(--accent-light)}.spotify-embed-wrapper{margin:16px 0;border-radius:12px;overflow:hidden}.spotify-embed-wrapper iframe{display:block;width:100%;min-height:152px;border:none;border-radius:12px}.entry-preview .spotify-embed-wrapper{display:none}.title-effect-shimmer{background:linear-gradient(90deg,currentColor 0%,currentColor 40%,rgba(255,255,255,.9) 50%,currentColor 60%,currentColor 100%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%{background-position:100% 50%}to{background-position:-100% 50%}}.title-effect-glow{animation:glow 2.5s ease-in-out infinite}@keyframes glow{0%,to{text-shadow:0 0 8px currentColor}50%{text-shadow:0 0 20px currentColor,0 0 40px currentColor}}.title-effect-neon{text-shadow:0 0 7px currentColor,0 0 10px currentColor,0 0 21px currentColor,0 0 42px currentColor;animation:neon-flicker 4s ease-in-out infinite}@keyframes neon-flicker{0%,to{opacity:1}41%{opacity:1}42%{opacity:.85}43%{opacity:1}45%{opacity:.9}46%{opacity:1}}.title-effect-metallic{background:linear-gradient(135deg,#ccc,#fff,#999,#fff,#ccc);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:metallic 4s ease-in-out infinite}@keyframes metallic{0%{background-position:0% 0%}50%{background-position:100% 100%}to{background-position:0% 0%}}.title-effect-gradient{background:linear-gradient(270deg,var(--accent, #E8985E),var(--accent-dark, #C4764A),var(--text-primary, #2C1A16),var(--accent, #E8985E));background-size:300% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradient-shift 5s ease infinite}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.title-effect-reveal{animation:reveal .8s ease-out both}@keyframes reveal{0%{opacity:0;transform:translateY(12px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.title-effect-typewriter{overflow:hidden;white-space:nowrap;border-right:2px solid currentColor;width:0;animation:typewriter 1.5s steps(var(--char-count, 20)) .3s forwards,blink-caret .6s step-end 8}@keyframes typewriter{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:currentColor}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.title-effect-shimmer,.title-effect-metallic,.title-effect-gradient{-webkit-text-fill-color:unset;background:none}.title-effect-typewriter{width:auto;border-right:none;overflow:visible;white-space:normal}}