:root{--glass-bg:#ffffff85;--glass-bg-strong:#ffffffad;--glass-bg-soft:#ffffff57;--glass-border:#ffffffb8;--glass-border-soft:#ffffff7a;--glass-highlight:inset 0 1px 0 #ffffffd9;--glass-blur:blur(18px) saturate(155%);--glass-shadow:0 8px 28px #0f172a14, 0 2px 8px #0f172a0d;--glass-shadow-hover:0 14px 40px #0f172a1f, 0 4px 12px #0f172a12;--bg-primary:transparent;--bg-card:var(--glass-bg);--bg-hover:#ffffff7a;--bg-input:#fff6;--text-primary:var(--vaadin-text-color,var(--aura-neutral,#1a1a1a));--text-secondary:var(--vaadin-text-color-secondary,#5c5c5c);--text-muted:var(--vaadin-text-color-disabled,#8a8a8a);--border-color:var(--glass-border-soft);--border-light:var(--glass-border);--accent-primary:var(--aura-accent-color,var(--aura-blue,#2563eb));--accent-primary-hover:var(--aura-accent-text-color,var(--accent-primary));--accent-like:var(--aura-red,#e11d48);--accent-like-bg:color-mix(in srgb, var(--aura-red,#e11d48) 12%, transparent);--accent-comment:var(--aura-blue,#0284c7);--accent-comment-bg:color-mix(in srgb, var(--aura-blue,#0284c7) 12%, transparent);--accent-share:var(--aura-green,#059669);--accent-share-bg:color-mix(in srgb, var(--aura-green,#059669) 12%, transparent);--shadow-sm:0 2px 8px #0f172a0d;--shadow-md:var(--glass-shadow);--shadow-lg:var(--glass-shadow-hover);--shadow-card:var(--glass-shadow);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:18px;--radius-full:9999px;--post-font-size:.9375rem;--post-font-size-sm:.8125rem;--post-font-size-md:.875rem;--post-line-height:1.5;--transition-fast:.15s ease;--transition-normal:.22s ease;--transition-slow:.32s ease}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){:root{--glass-bg:#ffffffe6;--glass-bg-strong:#fffffff0;--glass-bg-soft:#ffffffdb;--glass-blur:none}}.app-container{min-height:100vh;font-family:var(--aura-font-family,var(--vaadin-font-family,inherit));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:var(--post-font-size);line-height:var(--post-line-height);background:radial-gradient(900px 480px at 12% -8%, color-mix(in srgb, var(--aura-blue,#38bdf8) 18%, transparent), transparent 55%), radial-gradient(760px 420px at 90% 6%, color-mix(in srgb, var(--aura-green,#34d399) 14%, transparent), transparent 50%), var(--aura-app-background,var(--aura-background-color,#f4f5f7));background-attachment:fixed;justify-content:center;padding:1.25rem 1rem;display:flex;position:relative;overflow-x:clip}.content-wrapper{gap:1.5rem;width:100%;max-width:65rem;margin:0 auto;padding:0 1rem;display:flex;position:relative}.main-content{flex:2;min-width:0}.sidebar{overscroll-behavior:contain;scrollbar-width:thin;z-index:1;flex:1;align-self:flex-start;min-width:12rem;max-width:18rem;max-height:calc(100vh - 2rem);position:sticky;top:1rem;overflow-y:auto}.sidebar .active-users-card+.active-users-card{margin-top:1.25rem}.glass-surface{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-highlight), var(--glass-shadow)}.post-creation-trigger{cursor:pointer;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-radius:var(--radius-lg);border:1px solid var(--glass-border);box-shadow:var(--glass-highlight), var(--glass-shadow);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);align-items:center;gap:.75rem;margin-bottom:1rem;padding:.75rem .9rem;display:flex}.post-creation-trigger:hover{box-shadow:var(--glass-highlight), var(--glass-shadow-hover);border-color:#ffffffe0;transform:translateY(-1px)}.post-creation-prompt{border-radius:var(--radius-full);background:var(--glass-bg-soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-secondary);font-size:var(--post-font-size-md);border:1px solid var(--glass-border-soft);flex:1;padding:.55rem .9rem;font-weight:500}.post-feed-status{text-align:center;color:var(--text-secondary);font-size:var(--post-font-size-sm);background:var(--glass-bg-soft);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border-soft);border-radius:var(--radius-full);box-shadow:var(--glass-highlight);margin:.35rem 0 .85rem;padding:.55rem .85rem}.post-page-state{min-height:40vh;color:var(--text-secondary);font-family:var(--aura-font-family,var(--vaadin-font-family,inherit));font-size:var(--post-font-size);justify-content:center;align-items:center;display:flex}.post-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-radius:var(--radius-lg);box-shadow:var(--glass-highlight), var(--glass-shadow);border:1px solid var(--glass-border);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);isolation:isolate;width:100%;margin-bottom:.85rem;margin-left:auto;margin-right:auto;position:relative;overflow:hidden}.post-card:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(145deg, #ffffff47 0%, transparent 45%, color-mix(in srgb, var(--aura-blue,#38bdf8) 6%, transparent) 100%);opacity:.7;z-index:0;position:absolute;inset:0}.post-card>*{z-index:1;position:relative}.post-card:hover{box-shadow:var(--glass-highlight), var(--glass-shadow-hover);border-color:#ffffffe6;transform:translateY(-2px)}.post-card:before{content:"";z-index:2;pointer-events:none;background:linear-gradient(90deg,#0000,#ffffffe6,#0000);height:1px;position:absolute;top:0;left:10%;right:10%}.post-header{align-items:center;gap:.85rem;display:flex}.post-header div p{margin:0}.profile-avatar{border-radius:var(--radius-full);object-fit:cover;border:1px solid var(--glass-border);width:40px;height:40px;box-shadow:none;transition:border-color var(--transition-fast)}.profile-avatar:hover{border-color:color-mix(in srgb, var(--accent-primary) 40%, transparent);box-shadow:none;transform:none}.user-name{font-weight:600;font-size:var(--post-font-size-md);color:var(--text-primary);transition:color var(--transition-fast)}.user-name:hover{color:var(--accent-primary)}.time-ago{font-size:var(--post-font-size-sm);color:var(--text-muted);font-weight:400}.post-content{color:var(--text-primary);font-size:var(--post-font-size);font-weight:400;line-height:var(--post-line-height);word-wrap:break-word;overflow-wrap:break-word;padding:0 1rem .55rem}.post-content p{margin:0 0 .6rem}.post-content ul,.post-content ol{margin:0 0 .6rem 1rem;padding-left:1rem}.post-content li{margin:0 0 .25rem;padding:.08rem 0}.post-content li:empty{display:none}.post-content h1,.post-content h2,.post-content h3,.post-content h4,.post-content h5,.post-content h6{color:var(--text-primary);margin:.25rem 0;font-weight:600}.post-content h1{font-size:1.25rem}.post-content h2{font-size:1.15rem}.post-content h3{font-size:1.05rem}.post-content h4{font-size:1rem}.post-content h5,.post-content h6{font-size:.9375rem}.post-content blockquote{border-left:3px solid var(--accent-primary);color:var(--text-secondary);margin:.5rem 0;padding-left:.75rem;font-style:italic}.post-content pre{background:var(--bg-input);border-radius:var(--radius-sm);font-family:SF Mono,Monaco,Courier New,monospace;font-size:.85rem;overflow:auto}.post-content code{background:var(--bg-input);color:var(--accent-primary);border-radius:4px;padding:.125rem .375rem;font-family:SF Mono,Monaco,Courier New,monospace;font-size:.875em}.post-content table{border-collapse:collapse;-webkit-overflow-scrolling:touch;width:100%;margin:.75rem 0;font-size:.9em;display:block;overflow-x:auto}.post-content th,.post-content td{border:1px solid var(--border-light);text-align:left;padding:.5rem .75rem}.post-content th{background:var(--bg-input);font-weight:600}.post-content span[style*="cursor: pointer"]{font-size:.9rem;color:var(--accent-primary)!important;font-weight:500!important}.post-stats{font-size:var(--post-font-size-sm);color:var(--text-secondary);justify-content:space-between;align-items:center;padding:.4rem 1rem;display:flex}.post-stats span{align-items:center;gap:.25rem;display:flex}.post-stats .font-semibold{color:var(--text-primary);font-weight:600}.post-actions{border-top:1px solid var(--glass-border-soft);background:#ffffff2e;border-bottom:none;gap:.35rem;padding:.4rem .65rem .65rem;display:flex}.action-button{border-radius:var(--radius-full);font-size:var(--post-font-size-sm);color:var(--text-secondary);background:var(--glass-bg-soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border-soft);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--glass-highlight);flex:1;justify-content:center;align-items:center;gap:.35rem;padding:.45rem .5rem;font-family:inherit;font-weight:550;display:flex;position:relative;overflow:hidden}.action-button:before{content:"";opacity:0;transition:opacity var(--transition-fast);border-radius:inherit;background:currentColor;position:absolute;inset:0}.action-button:hover:before{opacity:.08}.action-button:active{transform:scale(.97)}.action-button i{transition:color var(--transition-fast);font-size:.875rem}.action-button:hover{border-color:var(--glass-border);background:var(--glass-bg);box-shadow:var(--glass-highlight)}.action-button:hover i{transform:none}.action-button.liked{color:var(--accent-like);background:var(--accent-like-bg);border-color:color-mix(in srgb, var(--accent-like) 22%, transparent)}.action-button.liked:before{background:var(--accent-like);opacity:.08}.action-button:first-child:hover{color:var(--accent-like)}.action-button:nth-child(2):hover{color:var(--accent-comment)}.action-button:nth-child(3):hover{color:var(--accent-share)}.image-carousel{text-align:center;justify-content:center;margin:0;display:flex;position:relative}.image-wrapper{aspect-ratio:16/9;background:#0f172a14;width:100%;overflow:hidden}.post-image{object-fit:contain;width:100%;height:100%;transition:transform var(--transition-slow);background:#0f172a2e;display:block}.post-image:hover{transform:scale(1.02)}.carousel-controls{pointer-events:none;justify-content:space-between;width:100%;padding:0 .75rem;display:flex;position:absolute;top:50%;left:0;transform:translateY(-50%)}.carousel-controls svg{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--text-primary);fill:var(--text-primary);border:1px solid var(--glass-border);border-radius:var(--radius-full);cursor:pointer;pointer-events:all;width:14px;height:14px;box-shadow:var(--glass-shadow);transition:all var(--transition-fast);background:#ffffffb3;padding:.75rem}.carousel-controls svg:hover{box-shadow:var(--glass-shadow-hover);background:#ffffffe6;transform:scale(1.1)}.carousel-dots{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-full);background:#0f172a73;border:1px solid #fff3;gap:.5rem;padding:.5rem .75rem;display:flex;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}.dot{border-radius:var(--radius-full);width:6px;height:6px;transition:all var(--transition-fast);cursor:pointer;background:#fff6}.dot.active{background:#fff;width:18px}.comments-section{padding:1rem 1.25rem}.comments-list{margin-bottom:.5rem}.comments-list::-webkit-scrollbar{width:4px}.comments-list::-webkit-scrollbar-track{background:0 0}.comments-list::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:var(--radius-full)}.comment-item{align-items:flex-start;gap:.75rem;margin-bottom:.75rem;animation:.3s ease-out fadeInUp;display:flex}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.profile-avatar-small{border-radius:var(--radius-full);object-fit:cover;border:1px solid var(--border-light);flex-shrink:0;width:32px;height:32px}.comment-bubble{background:var(--glass-bg-soft);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-md);border:1px solid var(--glass-border-soft);box-shadow:var(--glass-highlight);max-width:100%;transition:background var(--transition-fast), border-color var(--transition-fast);border-top-left-radius:4px;flex:1;padding:.55rem .75rem;overflow:hidden}.comment-bubble:hover{background:var(--glass-bg);border-color:var(--glass-border)}.comment-user-name{color:var(--text-primary);font-weight:600;font-size:var(--post-font-size-sm);margin:0 0 .1rem}.comment-text{color:var(--text-primary);font-size:var(--post-font-size-md);white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;margin:0;line-height:1.4}.add-comment-area{border-top:1px solid var(--border-light);align-items:center;gap:.75rem;margin-top:.75rem;padding-top:.75rem;display:flex}.comment-input{border-radius:var(--radius-full);background:var(--glass-bg-soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border-soft);resize:none;max-height:120px;transition:all var(--transition-fast);box-shadow:var(--glass-highlight);outline:none;flex:1;padding:.7rem 1.05rem;font-family:inherit;font-size:.875rem}.comment-input:focus{border-color:color-mix(in srgb, var(--accent-primary) 40%, #fff);background:var(--glass-bg-strong);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent-primary) 16%, transparent)}.comment-input::placeholder{color:var(--text-muted)}.kebab-menu-wrapper{z-index:10;float:none;padding:0;position:absolute;top:.75rem;right:.75rem}.kebab-menu-button{background:var(--glass-bg-soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border-soft);cursor:pointer;color:var(--text-secondary);border-radius:var(--radius-full);transition:all var(--transition-fast);width:36px;height:36px;box-shadow:var(--glass-highlight);justify-content:center;align-items:center;padding:.5rem;font-size:1.15rem;display:flex}.kebab-menu-button:hover{background:var(--glass-bg);color:var(--text-primary);border-color:var(--glass-border)}.kebab-menu{background:var(--glass-bg-strong);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--glass-highlight), var(--glass-shadow-hover);min-width:160px;animation:.15s ease-out slideDown;position:absolute;top:100%;right:0;overflow:hidden}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.kebab-menu-item{text-align:left;cursor:pointer;width:100%;color:var(--text-primary);transition:background var(--transition-fast);background:0 0;border:none;align-items:center;padding:.75rem 1rem;font-size:.875rem;font-weight:500;display:flex}.kebab-menu-item:hover{background:var(--bg-hover)}.kebab-menu-item:last-child{color:var(--accent-like)}.kebab-menu-item:last-child:hover{background:var(--accent-like-bg)}.share-popup{-webkit-backdrop-filter:blur(14px)saturate(140%);backdrop-filter:blur(14px)saturate(140%);z-index:1000;background:#0f172a7a;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.share-popup-content{background:var(--glass-bg-strong);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-radius:var(--radius-xl);border:1px solid var(--glass-border);box-shadow:var(--glass-highlight), var(--glass-shadow-hover);text-align:center;width:90%;max-width:420px;padding:2rem;animation:.25s ease-out scaleIn}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.share-popup-content h3{color:var(--text-primary);margin:0 0 1.5rem;font-size:1.25rem;font-weight:600}.share-link-input{border:1px solid var(--glass-border-soft);border-radius:var(--radius-md);width:100%;color:var(--text-secondary);background:var(--glass-bg-soft);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;transition:all var(--transition-fast);box-sizing:border-box;margin-bottom:1.25rem;padding:.875rem 1rem;font-size:.9rem}.share-link-input:hover,.share-link-input:focus{border-color:color-mix(in srgb, var(--accent-primary) 40%, #fff);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent-primary) 16%, transparent);outline:none}.close-popup-button{background:var(--accent-primary);color:var(--aura-accent-contrast-color,#fff);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);box-shadow:0 8px 20px color-mix(in srgb, var(--accent-primary) 28%, transparent);border:none;padding:.75rem 2rem;font-size:.95rem;font-weight:600}.close-popup-button:hover{box-shadow:0 12px 28px color-mix(in srgb, var(--accent-primary) 35%, transparent);transform:translateY(-2px)}.post-creation-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-radius:var(--radius-lg);box-shadow:var(--glass-highlight), var(--glass-shadow);border:1px solid var(--glass-border);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);margin-bottom:1rem;margin-left:auto;margin-right:auto;padding:1rem}.post-creation-modal{box-shadow:none;background:0 0;border:none;padding:0}.post-creation-card:hover{box-shadow:var(--glass-highlight), var(--glass-shadow-hover);border-color:#ffffffe0}.post-creation-header{align-items:flex-start;gap:.75rem;margin-bottom:1rem;display:flex}.post-creation-editor{flex:1;min-width:0}.post-content-input{border-radius:var(--radius-md);border:1px solid var(--glass-border-soft);resize:vertical;width:100%;min-height:4.5rem;max-height:15rem;font-size:var(--post-font-size);font-family:inherit;line-height:var(--post-line-height);transition:border-color var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast);background:var(--glass-bg-soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-primary);white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;box-sizing:border-box;box-shadow:var(--glass-highlight);outline:none;padding:.75rem .9rem}.post-content-input.is-modal{min-height:200px}.post-content-input.has-previews{border-radius:var(--radius-md) var(--radius-md) 0 0;margin-bottom:0}.post-content-input:focus{border-color:color-mix(in srgb, var(--accent-primary) 40%, #fff);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent-primary) 16%, transparent);background:var(--glass-bg-strong)}.post-preview{background:var(--glass-bg-soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:0 0 var(--radius-md) var(--radius-md);border:1px solid var(--glass-border-soft);border-top:none;flex-wrap:wrap;gap:1rem;padding:1rem;display:flex}.post-preview-item{max-width:120px;position:relative}.post-preview-item img{border-radius:var(--radius-sm);object-fit:cover;width:100%;height:100px}.post-preview-remove{background:color-mix(in srgb, var(--aura-neutral,#000) 65%, transparent);color:#fff;cursor:pointer;border:none;border-radius:50%;width:24px;height:24px;font-size:14px;position:absolute;top:4px;right:4px}.post-creation-actions{border-top:1px solid var(--border-light);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-top:1rem;padding-top:1rem;display:flex}.post-creation-spacer{flex:1}.post-submit-btn{min-width:120px}.post-submit-label{margin-right:.5rem}.visually-hidden{display:none}.post-author-link{color:inherit;text-decoration:none}.post-button{background:var(--accent-primary);color:var(--aura-accent-contrast-color,#fff);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none;padding:.625rem 1.5rem;font-weight:600}.post-button:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.post-button:active{transform:translateY(0)}.youtube-embed{border-radius:var(--radius-md);margin:.75rem 0;overflow:hidden}.responsive-iframe-container{border-radius:var(--radius-md);width:100%;height:0;padding-bottom:56.25%;position:relative;overflow:hidden}.responsive-iframe-container iframe{border:0;width:100%;height:100%;position:absolute;top:0;left:0}.p-lr1p5{padding-left:1rem;padding-right:1rem}.p-t1p5{padding-top:.85rem}.p-b1p5{padding-bottom:.85rem}.font-semibold{font-weight:600}.mr-2{margin-right:.5rem}.post-link{color:var(--accent-primary);transition:color var(--transition-fast);font-weight:500;text-decoration:none}.post-link:hover{color:var(--accent-primary-hover)}.post-content a,.post-content-blog a{text-decoration:none}.post-content a:hover,.post-content-blog a:hover{opacity:.85;text-decoration:none}.active-users-card{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);border:1px solid var(--border-light);padding:1.25rem}.active-users-card h2{color:var(--text-primary);margin:0 0 1rem;font-size:1rem;font-weight:600}.active-user-item{align-items:center;gap:.75rem;padding:.5rem 0;display:flex}.active-user-name{color:var(--text-primary);font-size:.9rem;font-weight:500}.online-indicator{border-radius:var(--radius-full);border:2px solid var(--bg-card);background:#22c55e;width:10px;height:10px;position:absolute;bottom:0;right:0}.offline-indicator{background:var(--text-muted);border-radius:var(--radius-full);border:2px solid var(--bg-card);width:10px;height:10px;position:absolute;bottom:0;right:0}.comments-container{max-height:280px;padding-right:4px;overflow-y:auto}.comments-container::-webkit-scrollbar{width:5px}.comments-container::-webkit-scrollbar-track{background:var(--bg-hover);border-radius:var(--radius-full)}.comments-container::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:var(--radius-full)}.comments-container::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.image-blog-carousel{text-align:center;justify-content:center;display:flex;position:relative}.image-wrapper-blog{aspect-ratio:3;border-radius:var(--radius-md);width:100%;overflow:hidden}.post-content-blog{font-family:var(--aura-font-family,var(--vaadin-font-family,inherit));font-size:var(--post-font-size);color:var(--text-primary);max-width:750px;margin:0 auto;line-height:1.7}.post-content-blog p{margin:0 0 1.5em}.post-content-blog h1,.post-content-blog h2,.post-content-blog h3,.post-content-blog h4{color:var(--text-primary);margin-bottom:.5em;font-weight:700;line-height:1.3}.post-content-blog a{color:var(--accent-primary);transition:color var(--transition-fast);text-decoration:none}.post-content-blog a:hover{color:var(--accent-primary-hover)}.post-content-blog blockquote{color:var(--text-secondary);border-left:4px solid var(--accent-primary);margin:1.5em 0;padding-left:1.5em;font-style:italic}.post-content-blog code{background:var(--bg-input);color:var(--accent-primary);border-radius:4px;padding:2px 6px;font-family:SF Mono,Monaco,monospace}.post-content-blog pre{background:var(--bg-input);border-radius:var(--radius-md);padding:1rem;overflow-x:auto}.action-button-postcreation{border-radius:var(--radius-full);font-size:var(--post-font-size-sm);color:var(--text-secondary);background:var(--glass-bg-soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border-soft);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--glass-highlight);align-items:center;gap:.4rem;padding:.4rem .75rem;font-weight:550;display:flex}.action-button-postcreation:hover{background:var(--glass-bg);border-color:var(--glass-border)}.action-button-postcreation.red-button{color:var(--accent-like)}.action-button.green-button{color:#22c55e}.action-button.yellow-button{color:#eab308}.button-row{gap:.5rem;margin-top:.5rem;display:flex}vaadin-dialog-overlay[theme~=large-popup]::part(overlay){border-radius:var(--radius-xl);background:var(--glass-bg-strong);width:1000px;max-width:95vw;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-highlight), var(--glass-shadow-hover)}vaadin-dialog-overlay[theme~=large-popup]::part(backdrop){-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172a6b}@media screen and (width<=768px){.app-container{padding:.75rem .65rem}.content-wrapper{flex-direction:column;gap:.75rem;max-width:100%;padding:0}.main-content,.sidebar{width:100%;max-width:none;min-width:unset;flex:none}.sidebar.stock-card-sidebar,.stock-card-sidebar{display:none}.post-card{border-radius:var(--radius-lg);margin-bottom:.75rem}.post-card:hover{transform:none}.post-creation-trigger,.post-creation-card{border-radius:var(--radius-lg)}.post-header{padding:.875rem 1rem}.post-content{padding:0 1rem .5rem;font-size:.9rem}.post-stats{padding:.375rem 1rem}.post-actions{padding:.375rem .5rem}.action-button{padding:.5rem;font-size:.8rem}.comments-section{padding:.75rem 1rem}.p-lr1p5{padding-left:1rem!important;padding-right:1rem!important}.carousel-controls{display:none}.carousel-dots{bottom:.75rem}.image-wrapper{aspect-ratio:auto}.post-image{object-fit:contain;height:auto}.post-creation-card{border-radius:0;margin-bottom:.5rem}.post-creation-actions{flex-wrap:wrap;justify-content:center;gap:.5rem}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUpFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg, var(--bg-hover) 25%, var(--bg-card) 50%, var(--bg-hover) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite shimmer}.top-gainers-card{-webkit-backdrop-filter:blur(18px)saturate(155%);backdrop-filter:blur(18px)saturate(155%);box-sizing:border-box;width:100%;max-width:300px;font-family:var(--aura-font-family,var(--vaadin-font-family,inherit));background:#ffffff85;border:1px solid #ffffffb8;border-radius:16px;flex-direction:column;height:auto;padding:.85rem;font-size:.875rem;display:flex;box-shadow:inset 0 1px #ffffffd9,0 8px 28px #0f172a14}.top-gainers-card .card-title{font-size:1.1rem;font-weight:var(--aura-font-weight-semibold,600);color:var(--vaadin-text-color,#333);margin-top:0;margin-bottom:.75rem}.gainer-item{flex-direction:column;display:flex}.gainer-primary-row{justify-content:space-between;align-items:baseline;display:flex}.gainer-ticker,.gainer-price{color:#333;font-size:.75rem;font-weight:600}.gainer-secondary-row{justify-content:space-between;align-items:baseline;display:flex}.gainer-company-name{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;max-width:60%;font-size:.75rem;overflow:hidden}.gainer-change{font-size:.75rem;font-weight:600}.positive-change{color:#22c55e}.negative-change{color:#ef4444}.gainer-divider{background-color:#e5e7eb;height:1px;margin:.4rem 0}.gainer-item:last-of-type+.gainer-divider{display:none}.gainer-ticker-link{font-size:.75rem;font-weight:600;text-decoration:none}@media screen and (width<=768px){.stock-card-sidebar{display:none}}.suggestion-carousel-container{margin-bottom:1rem;margin-left:auto;margin-right:auto;position:relative}.suggestion-header{color:var(--text-secondary);padding:0 .5rem .5rem;font-size:.9rem;font-weight:600}.suggestion-scroll-area{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:.75rem;padding:.5rem .25rem 1rem;display:flex;overflow-x:auto}.suggestion-scroll-area::-webkit-scrollbar{display:none}.suggestion-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);text-align:center;width:140px;transition:transform var(--transition-fast), box-shadow var(--transition-fast);box-shadow:var(--shadow-sm);flex-direction:column;flex:none;align-items:center;padding:1rem;display:flex;position:relative;overflow:hidden}.suggestion-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.suggestion-icon{border-radius:var(--radius-full);object-fit:cover;border:2px solid var(--bg-input);width:60px;height:60px;margin-bottom:.75rem}.suggestion-hash-icon{width:60px;height:60px;color:var(--text-secondary,#616061);background:var(--bg-input,#f2f2f2);border:1px solid var(--border-light,#e8e8e8);border-radius:12px;justify-content:center;align-items:center;margin-bottom:.75rem;font-size:1.75rem;font-weight:700;line-height:1;display:flex}.suggestion-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;width:100%;margin-bottom:.25rem;font-size:.9rem;font-weight:600;overflow:hidden}.suggestion-subtext{color:var(--text-muted);margin-bottom:.75rem;font-size:.75rem}.suggestion-action-btn{background:var(--bg-input);width:100%;color:var(--accent-primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none;padding:.4rem .75rem;font-size:.8rem;font-weight:600}.suggestion-action-btn:hover{background:var(--accent-primary);color:#fff}.suggestion-close{width:20px;height:20px;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-full);opacity:0;transition:opacity var(--transition-fast), background var(--transition-fast);justify-content:center;align-items:center;display:flex;position:absolute;top:4px;right:4px}.suggestion-card:hover .suggestion-close{opacity:1}.suggestion-close:hover{background:var(--bg-hover);color:var(--text-secondary)}.mobile-bottom-nav{z-index:9999;pointer-events:none;padding:28px 20px calc(12px + env(safe-area-inset-bottom,0px));opacity:1;will-change:transform, opacity;justify-content:center;transition:transform .28s cubic-bezier(.22,1,.36,1),opacity .22s;display:none;position:fixed;bottom:0;left:0;right:0;transform:translate(0,0)}.mobile-bottom-nav.is-hidden{opacity:0;pointer-events:none;transform:translateY(calc(100% + 28px))}@media (width<=768px){.mobile-bottom-nav{display:flex}}.mobile-bottom-nav-dock{pointer-events:auto;isolation:isolate;-webkit-backdrop-filter:blur(22px)saturate(180%);background:#ffffff47;border:1px solid #ffffff73;border-radius:20px;justify-content:space-between;align-items:center;gap:2px;width:min(100%,340px);height:52px;padding:4px 6px;display:flex;position:relative;overflow:visible;box-shadow:0 12px 40px #0f172a29,0 2px 8px #0f172a0f,inset 0 1px #ffffffa6,inset 0 -1px #ffffff1f}.mobile-bottom-nav-dock:before{content:"";border-radius:inherit;pointer-events:none;z-index:0;background:linear-gradient(#ffffff6b 0%,#ffffff14 48%,#ffffff05 100%);position:absolute;inset:0}.mobile-bottom-nav-dock>*{z-index:1;position:relative}.mobile-bottom-nav-item,.mobile-bottom-nav-home{appearance:none;font:inherit;cursor:pointer;color:#475569d9;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:0 0;border:none;border-radius:14px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;min-width:0;height:100%;margin:0;padding:0;text-decoration:none;transition:color .16s,background .16s,transform .12s;display:flex}.mobile-bottom-nav-item:active,.mobile-bottom-nav-home:active{transform:scale(.95)}.mobile-bottom-nav-item.active{color:#1d4ed8;background:#ffffff57;box-shadow:inset 0 0 0 1px #fff6}.mobile-bottom-nav-icon{justify-content:center;align-items:center;width:26px;height:26px;display:inline-flex}.mobile-bottom-nav-item vaadin-icon{width:23px;height:23px}.mobile-bottom-nav-label{letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.55rem;font-weight:600;line-height:1;overflow:hidden}.mobile-bottom-nav-home{color:#475569e6;z-index:2;overflow:visible}.mobile-bottom-nav-home.active{color:#1d4ed8}.mobile-bottom-nav-home-circle{-webkit-backdrop-filter:blur(10px)saturate(160%);background:#2563ebc7;border:1px solid #ffffff8c;border-radius:16px;justify-content:center;align-items:center;width:48px;height:48px;margin-top:-28px;margin-bottom:0;transition:transform .16s,box-shadow .16s,background .16s;display:flex;box-shadow:0 10px 24px #2563eb57,0 0 0 3px #ffffff8c,inset 0 1px #ffffff80}.mobile-bottom-nav-home.active .mobile-bottom-nav-home-circle{background:#1d4ed8e0;box-shadow:0 12px 26px #2563eb66,0 0 0 3px #ffffff9e,inset 0 1px #ffffff8c}.mobile-bottom-nav-home-circle vaadin-icon{color:#fff;width:22px;height:22px}.mobile-bottom-nav-home .mobile-bottom-nav-label{color:inherit}@media (prefers-reduced-motion:reduce){.mobile-bottom-nav{transition:none}}