@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,#1c1f23 25%,#2b2f36 37%,#1c1f23 63%) 0 0/200% 100%;border-radius:8px;animation:1.5s linear infinite shimmer}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.25s cubic-bezier(.16,1,.3,1) forwards fadeSlideIn}@keyframes heartPop{0%{transform:scale(1)}50%{transform:scale(1.35)}to{transform:scale(1)}}.heart-pop{animation:.3s cubic-bezier(.17,.89,.32,1.49) heartPop}@keyframes pulseGlow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.pulse-badge{animation:2s ease-in-out infinite pulseGlow}#app{justify-content:center;width:100%;max-width:1240px;min-height:100vh;margin:0 auto;display:flex;position:relative}.app-layout{justify-content:center;width:100%;min-height:100vh;display:flex}.sidebar-container{border-right:1px solid var(--border-color);z-index:40;flex-direction:column;flex-shrink:0;justify-content:space-between;width:240px;height:100vh;padding:16px 12px;display:flex;position:sticky;top:0}.brand-header{cursor:pointer;align-items:center;gap:12px;margin-bottom:16px;padding:8px 12px;text-decoration:none;transition:opacity .2s;display:flex}.brand-header:hover{opacity:.9;text-decoration:none}.brand-logo{background:linear-gradient(135deg,#1d9bf033 0%,#0044774d 100%);border:1px solid #1d9bf066;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex;box-shadow:0 4px 14px #1d9bf033}.brand-text{letter-spacing:-.5px;color:var(--text-primary);font-size:19px;font-weight:800}.brand-badge{background:var(--bg-tertiary);color:var(--accent-primary);border:1px solid #1d9bf033;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700}.nav-menu{flex-direction:column;gap:4px;display:flex}.nav-item{color:var(--text-primary);border-radius:9999px;align-items:center;gap:14px;padding:11px 16px;font-size:16px;font-weight:500;text-decoration:none;transition:all .18s;display:flex;position:relative}.nav-item:hover{background-color:var(--bg-hover);color:var(--text-primary);text-decoration:none}.nav-item.active{color:var(--text-primary);font-weight:700}.nav-item .material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 400;font-size:24px;transition:transform .2s}.nav-item.active .material-symbols-outlined{font-variation-settings:"FILL" 1, "wght" 600;color:var(--accent-primary)}.nav-item:hover .material-symbols-outlined{transform:scale(1.08)}.sidebar-post-btn{justify-content:center;align-items:center;gap:8px;width:100%;margin-top:16px;padding:13px 0;font-size:15px;font-weight:700;display:flex;box-shadow:0 4px 14px #1d9bf040}.sidebar-user-profile{cursor:pointer;border-radius:9999px;justify-content:space-between;align-items:center;margin-top:auto;padding:8px 10px;transition:background .2s;display:flex}.sidebar-user-profile:hover{background:var(--bg-hover)}.user-mini-info{align-items:center;gap:10px;display:flex;overflow:hidden}.user-mini-name{white-space:nowrap;text-overflow:ellipsis;color:var(--text-primary);font-size:14px;font-weight:700;line-height:1.2;overflow:hidden}.user-mini-handle{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.main-content{border-right:1px solid var(--border-color);flex-direction:column;width:100%;max-width:650px;min-height:100vh;display:flex}.sticky-header{z-index:50;-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-color);background:#000000bf;justify-content:space-between;align-items:center;padding:12px 16px;display:flex;position:sticky;top:0}.header-title{letter-spacing:-.3px;font-size:19px;font-weight:800}.header-tabs{border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#00000080;display:flex}.tab-button{text-align:center;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;flex:1;padding:14px 0;font-size:15px;font-weight:600;transition:color .2s,background .2s;position:relative}.tab-button:hover{background:var(--bg-hover);color:var(--text-primary)}.tab-button.active{color:var(--text-primary);font-weight:700}.tab-button.active:after{content:"";background:var(--accent-primary);border-radius:9999px;width:56px;height:4px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.right-sidebar{flex-direction:column;flex-shrink:0;gap:16px;width:320px;padding:16px;display:flex}.widget-card{background:var(--bg-secondary);border-radius:var(--border-radius);border:1px solid var(--border-color);padding:16px}.widget-title{color:var(--text-primary);justify-content:space-between;align-items:center;margin-bottom:12px;font-size:17px;font-weight:800;display:flex}.search-box{width:100%;position:relative}.search-box input{background-color:var(--bg-secondary);border:1px solid var(--border-color);width:100%;color:var(--text-primary);border-radius:9999px;outline:none;padding:12px 16px 12px 42px;font-size:14px;transition:all .2s}.search-box input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-alpha);background-color:#000}.search-box .material-symbols-outlined{color:var(--text-secondary);pointer-events:none;font-size:20px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.mobile-bottom-nav{-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--border-color);z-index:1000;background:#000000d9;justify-content:space-around;align-items:center;height:60px;padding:0 8px;display:none;position:fixed;bottom:0;left:0;right:0}.mobile-nav-item{color:var(--text-secondary);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:8px;text-decoration:none;transition:color .15s;display:flex}.mobile-nav-item.active{color:var(--accent-primary)}.mobile-nav-item .material-symbols-outlined{font-size:26px}.mobile-fab{background:var(--accent-primary);color:#fff;z-index:999;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;transition:transform .2s;display:none;position:fixed;bottom:74px;right:18px;box-shadow:0 6px 20px #1d9bf066}.mobile-fab:active{transform:scale(.92)}@media (width<=1100px){.right-sidebar{display:none}}@media (width<=768px){.sidebar-container{width:68px;padding:12px 6px}.brand-text,.brand-badge,.brand-text-container,.sidebar-label,.sidebar-post-text,.user-mini-info{display:none}.brand-header{justify-content:center;padding:4px}.nav-item{justify-content:center;padding:12px}.sidebar-post-btn{border-radius:50%;width:44px;height:44px;margin:12px auto;padding:0}.sidebar-user-profile{justify-content:center;padding:8px}}@media (width<=540px){.sidebar-container{display:none}.main-content{border-right:none;margin-bottom:60px}.mobile-bottom-nav,.mobile-fab{display:flex}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#000;--bg-secondary:#16181c;--bg-tertiary:#202327;--bg-hover:#ffffff0d;--bg-hover-strong:#ffffff17;--text-primary:#f7f9f9;--text-secondary:#71767b;--text-muted:#53575b;--accent-primary:#1d9bf0;--accent-hover:#1a8cd8;--accent-alpha:#1d9bf01f;--border-color:#2f3336;--border-subtle:#ffffff14;--error-color:#f4212e;--error-alpha:#f4212e1f;--success-color:#00ba7c;--border-radius:16px;--border-radius-sm:8px;--border-radius-full:9999px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--transition-fast:.15s cubic-bezier(.2, .8, .2, 1);--transition-normal:.25s cubic-bezier(.2, .8, .2, 1)}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;overflow-y:scroll}a{color:var(--accent-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{text-decoration:underline}.btn{background-color:var(--accent-primary);color:#fff;border-radius:var(--border-radius-full);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;border:none;justify-content:center;align-items:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:700;display:inline-flex}.btn:hover{background-color:var(--accent-hover);text-decoration:none;transform:translateY(-1px)}.btn:active{transform:translateY(0)scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-outline{border:1px solid var(--border-color);color:var(--text-primary);background-color:#0000}.btn-outline:hover{background-color:var(--bg-hover);border-color:var(--text-secondary)}.btn-ghost{color:var(--text-secondary);background-color:#0000;border:none;border-radius:50%;padding:8px}.btn-ghost:hover{background-color:var(--accent-alpha);color:var(--accent-primary)}.card{background-color:var(--bg-secondary);border-radius:var(--border-radius);padding:var(--spacing-md);border:1px solid var(--border-color)}.post-card{border-bottom:1px solid var(--border-color);transition:background-color var(--transition-fast);cursor:pointer;gap:14px;padding:16px;display:flex}.post-card:hover{background-color:var(--bg-hover)}.avatar{background:linear-gradient(135deg, var(--bg-tertiary), #2d3139);width:44px;height:44px;color:var(--accent-primary);border:1px solid var(--border-color);-webkit-user-select:none;user-select:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:17px;font-weight:800;display:flex}.post-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.author-meta{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.author-name{color:var(--text-primary);font-size:15px;font-weight:700}.author-handle{color:var(--text-secondary);font-size:14px}.post-dot{color:var(--text-secondary);font-size:13px}.post-time{color:var(--text-secondary);font-size:14px}.verified-icon{color:var(--accent-primary);font-variation-settings:"FILL" 1;font-size:16px!important}.post-body{color:var(--text-primary);word-break:break-word;white-space:pre-line;margin-top:4px;font-size:15px;line-height:1.5}.post-actions{max-width:420px;color:var(--text-secondary);justify-content:space-between;align-items:center;margin-top:12px;display:flex}.action-btn{color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:9999px;align-items:center;gap:6px;padding:6px 10px;font-size:13px;font-weight:500;display:flex}.action-btn .material-symbols-outlined{transition:transform var(--transition-fast);font-size:18px}.action-btn.reply-btn:hover{color:var(--accent-primary);background-color:var(--accent-alpha)}.action-btn.like-btn:hover{color:var(--error-color);background-color:var(--error-alpha)}.action-btn.liked{color:var(--error-color)}.action-btn.liked .material-symbols-outlined{font-variation-settings:"FILL" 1}.poll-option-btn{border:1.5px solid var(--accent-primary);width:100%;color:var(--accent-primary);border-radius:var(--border-radius-full);cursor:pointer;text-align:center;transition:all var(--transition-fast);background:0 0;padding:12px 16px;font-size:14px;font-weight:700}.poll-option-btn:hover{background:var(--accent-alpha);transform:scale(1.01)}.poll-result-bar-wrapper{background:var(--bg-tertiary);border-radius:var(--border-radius-sm);border:1px solid var(--border-color);align-items:center;width:100%;height:42px;display:flex;position:relative;overflow:hidden}.poll-result-bar-wrapper.user-selected{border-color:var(--accent-primary)}.poll-result-fill{background:var(--accent-alpha);border-radius:var(--border-radius-sm);transition:width .6s cubic-bezier(.16,1,.3,1);position:absolute;top:0;bottom:0;left:0}.poll-result-bar-wrapper.user-selected .poll-result-fill{background:#1d9bf040}.poll-result-label{z-index:2;justify-content:space-between;align-items:center;width:100%;padding:0 16px;font-size:14px;display:flex;position:relative}.composer{border-bottom:1px solid var(--border-color);gap:14px;padding:16px;display:flex}.composer-main{flex:1}.composer textarea{width:100%;color:var(--text-primary);font-family:var(--font-family);resize:none;background:0 0;border:none;outline:none;min-height:54px;font-size:18px;line-height:1.4}.composer textarea::placeholder{color:var(--text-secondary)}.composer-toolbar{border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;margin-top:12px;padding-top:12px;display:flex}.composer-icons{color:var(--accent-primary);align-items:center;gap:4px;display:flex}.composer-icon-btn{color:var(--accent-primary);cursor:pointer;transition:background var(--transition-fast);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;display:flex}.composer-icon-btn:hover{background:var(--accent-alpha)}.composer-right{align-items:center;gap:12px;display:flex}.char-ring{color:var(--text-secondary);font-size:13px;font-weight:600}.input-field{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);width:100%;color:var(--text-primary);font-family:var(--font-family);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);margin-bottom:var(--spacing-md);outline:none;padding:14px 16px;font-size:15px}.input-field:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-alpha)}.error-text{background-color:var(--error-alpha);color:var(--error-color);border-radius:var(--border-radius-sm);margin-bottom:var(--spacing-md);border:1px solid #f4212e4d;padding:10px 14px;font-size:14px}@media print{.sidebar-container,.right-sidebar,.mobile-bottom-nav,.mobile-fab,.sticky-header,.print-hide{display:none!important}body{color:#000!important;background:#fff!important}main.main-content{border:none!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}#imprint-document-container{color:#000!important;padding:0!important}.imprint-seal-header{color:#000!important;background:#f8f9fa!important;border:2px solid #000!important}h1,h2,h3,p,span,td,th{color:#000!important}.brand-badge{color:#000!important;background:0 0!important;border:1px solid #000!important}table{border-collapse:collapse!important}tr{border-bottom:1px solid #ccc!important}}