: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}.presence-dot{width:10px;height:10px;border-radius:50%;display:inline-block;flex-shrink:0;position:relative;cursor:default}.presence-dot.online{background-color:#22c55e;box-shadow:0 0 6px #22c55e80;animation:presencePulse 2s ease-in-out infinite}.presence-dot.away{background-color:#eab308}.presence-dot.offline{background-color:transparent;border:1.5px solid #6b7280}.presence-dot[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);padding:4px 10px;border-radius:6px;background:var(--text-primary);color:var(--bg-primary);font-size:11px;font-family:var(--font-body);font-weight:500;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s ease;z-index:100}.presence-dot[data-tooltip]:hover:after{opacity:1}@keyframes presencePulse{0%,to{box-shadow:0 0 4px #22c55e4d}50%{box-shadow:0 0 8px #22c55e99}}.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:64px 12px 32px}.mobile-header{display:flex;height:56px}.glass{border-radius:var(--radius-md)}.btn-primary,.btn-secondary{min-height:44px}.modal-overlay{padding:0!important;align-items:stretch!important}.messages-page{height:calc(100vh - 72px)!important;margin:-12px}.messages-list-panel{width:100%!important;border-right:none!important;padding:12px}.messages-chat-panel{position:fixed;right:0;bottom:0;left:0;top:56px;z-index:85;background:var(--bg-primary);transform:translate(100%);transition:transform .3s var(--ease-out)}.messages-page.mobile-chat-open .messages-list-panel{display:none}.messages-page.mobile-chat-open .messages-chat-panel{transform:translate(0)}.messages-back-btn{display:flex!important;min-width:44px;min-height:44px;align-items:center;justify-content:center}.profile-panels-grid{grid-template-columns:1fr!important}.tiptap-editor{min-height:80px}.profile-editor-root{margin-top:-12px!important;margin-left:-12px!important;margin-right:-12px!important}.profile-editor-root .profile-panels-grid{padding-left:12px!important;padding-right:12px!important}}@media(max-width:480px){.main-content{padding:60px 8px 24px}.profile-editor-root{margin-left:-8px!important;margin-right:-8px!important}.profile-editor-root .profile-panels-grid{padding-left:8px!important;padding-right:8px!important}}.typing-dots{display:flex;align-items:center;gap:3px;padding:4px 0}.typing-dots span{width:6px;height:6px;border-radius:50%;background:var(--text-muted);animation:typingBounce 1.4s ease-in-out infinite}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}.msg-hover-actions button:hover,.reaction-badge:hover{background:var(--accent-light)!important}.reaction-picker:after{content:"";position:absolute;top:100%;left:0;right:0;height:10px}.reaction-picker-btn:hover{background:#80808026!important}.reaction-picker-backdrop{display:none}.chat-bg-image{position:relative}.chat-bg-image:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#00000059;pointer-events:none;z-index:0}.chat-bg-image>*{position:relative;z-index:1}@media(prefers-reduced-motion:reduce){.typing-dots span{animation:none;opacity:.6}}@media(max-width:768px){.reaction-picker-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:49}.reaction-picker{position:fixed!important;bottom:auto!important;top:50%!important;left:50%!important;right:auto!important;transform:translate(-50%,-50%)!important;margin-bottom:0!important;z-index:50!important;padding:8px 12px!important}.reaction-picker-btn{width:40px!important;height:40px!important;font-size:20px!important}}.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:12px;cursor:zoom-in}.entry-content img,.tiptap-editor img{max-width:100%;border-radius:12px;margin:8px 0;cursor:zoom-in;transition:filter .2s ease}.entry-content img:hover,.entry-preview img:hover{filter:brightness(1.05)}.image-gallery{display:grid;gap:4px;border-radius:12px;overflow:hidden;margin:12px 0}.image-gallery.count-1{grid-template-columns:1fr}.image-gallery.count-1 img{max-height:500px}.image-gallery.count-2{grid-template-columns:1fr 1fr}.image-gallery.count-3{grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr}.image-gallery.count-3 img:first-child{grid-row:1 / 3}.image-gallery.count-4,.image-gallery.count-many{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.image-gallery img{width:100%;height:100%;object-fit:cover;cursor:pointer;transition:opacity .2s ease;margin:0;border-radius:0}.image-gallery img:hover{opacity:.9}.image-gallery .more-overlay{position:relative;cursor:pointer}.image-gallery .more-overlay img{display:block}.image-gallery .more-overlay:after{content:attr(data-remaining);position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;font-family:var(--font-body);pointer-events:none}.image-gallery.count-2 img,.image-gallery.count-3 img,.image-gallery.count-4 img,.image-gallery.count-many img{height:200px}@media(max-width:400px){.image-gallery.count-2,.image-gallery.count-3{grid-template-columns:1fr}.image-gallery.count-3 img:first-child{grid-row:auto}}.lightbox-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000eb;z-index:9999;display:flex;align-items:center;justify-content:center;cursor:pointer}.lightbox-image{max-width:90vw;max-height:90vh;object-fit:contain;border-radius:4px;cursor:default;-webkit-user-select:none;user-select:none}.lightbox-close{position:absolute;top:16px;right:16px;background:#ffffff1a;border:none;color:#fff;font-size:24px;width:44px;height:44px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;z-index:10}.lightbox-close:hover{background:#fff3}.lightbox-counter{position:absolute;top:20px;left:50%;transform:translate(-50%);color:#ffffffb3;font-size:14px;font-family:var(--font-body);z-index:10}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff1a;border:none;color:#fff;font-size:36px;width:48px;height:48px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;z-index:10}.lightbox-nav:hover{background:#fff3}.lightbox-prev{left:16px}.lightbox-next{right:16px}@media(max-width:768px){.lightbox-nav{display:none}.lightbox-close{top:8px;right:8px}.lightbox-image{max-width:100vw;max-height:85vh;border-radius:0}}.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}}.skeleton{background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--glass-bg) 50%,var(--bg-secondary) 75%);background-size:200% 100%;animation:shimmerLoad 1.5s ease-in-out infinite;border-radius:8px}@keyframes shimmerLoad{0%{background-position:200% 0}to{background-position:-200% 0}}.banner-reposition-mode{cursor:grab;touch-action:none}.banner-reposition-mode:active{cursor:grabbing}.banner-reposition-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;z-index:10}.banner-reposition-overlay .hint{color:#fff;font-size:14px;background:#0009;padding:6px 16px;border-radius:20px}.banner-reposition-actions{display:flex;gap:8px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.skeleton{animation:none}.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}}@keyframes spin{to{transform:rotate(360deg)}}.search-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:9000;display:flex;justify-content:center;padding-top:15vh}.search-modal{width:100%;max-width:640px;max-height:70vh;background:var(--bg-primary);border:1px solid var(--glass-border);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080;align-self:flex-start}.search-input-wrapper{display:flex;align-items:center;padding:16px 20px;border-bottom:1px solid var(--glass-border);gap:12px}.search-input{flex:1;background:none;border:none;color:var(--text-primary);font-size:18px;font-family:var(--font-body);outline:none}.search-input::placeholder{color:var(--text-muted)}.search-results{overflow-y:auto;padding:8px;flex:1}.search-result-item{padding:10px 14px;border-radius:8px;cursor:pointer;transition:background .12s ease}.search-result-item:hover,.search-result-item.focused{background:var(--bg-secondary)}.search-result-title{font-weight:600;font-size:14px;color:var(--text-primary);margin-bottom:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result-meta{font-size:11px;color:var(--text-muted);margin-bottom:3px}.search-result-preview{font-size:13px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result-preview mark{background:var(--accent);color:#fff;border-radius:2px;padding:0 2px}.search-section-header{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);padding:12px 14px 4px}.search-show-all{display:block;width:100%;padding:8px 14px;background:none;border:none;color:var(--accent);font-size:12px;font-weight:600;font-family:var(--font-body);cursor:pointer;text-align:left;border-radius:6px;transition:background .12s ease}.search-show-all:hover{background:var(--accent-light)}.mobile-search-btn{display:none;background:none;border:none;font-size:20px;cursor:pointer;padding:8px;color:var(--text-primary)}.prompt-card{background:linear-gradient(135deg,var(--glass-bg),var(--bg-primary));border:1px solid var(--accent);border-left:4px solid var(--accent);border-radius:12px;padding:20px;margin-bottom:24px}.prompt-card .prompt-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--accent);margin-bottom:8px}.prompt-card .prompt-text{font-size:18px;font-style:italic;color:var(--text-primary);margin-bottom:16px;line-height:1.5}.prompt-card .prompt-progress{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-muted);margin-bottom:12px}.prompt-card .prompt-avatars{display:flex;margin-left:8px}.prompt-respond-btn{background:var(--accent);color:#fff;border:none;padding:8px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;font-family:var(--font-body);transition:opacity .2s}.prompt-respond-btn:hover{opacity:.9}.prompt-responded{background:transparent;border:1px solid var(--accent);color:var(--accent);cursor:default}.prompt-responded:hover{opacity:1}@media(max-width:768px){.mobile-search-btn{display:flex;align-items:center;justify-content:center}.search-modal-backdrop{padding-top:0}.search-modal{max-width:100%;max-height:100vh;border-radius:0;height:100%}.prompt-card .prompt-text{font-size:16px}}