.feed-composer{position:relative;overflow:hidden;border-radius:1.25rem;border:1px solid rgb(255 255 255/.35);background-color:rgb(255 255 255/.6);box-shadow:0 20px 50px -28px hsl(var(--primary)/.22),inset 1px 1px 0 rgb(255 255 255/.34),inset -1px -1px 0 rgb(0 0 0/.03);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.feed-composer:before{content:"";pointer-events:none;position:absolute;inset:0;border-radius:inherit;background-image:linear-gradient(to bottom right,rgb(255 255 255/.4),transparent 55%)}.dark .feed-composer{border-color:rgb(255 255 255/.09);background-color:hsl(var(--card));background-image:linear-gradient(180deg,hsl(var(--glass-surface-top)/.42) 0,hsl(var(--card)) 46%,hsl(var(--glass-surface-bottom)) 100%);box-shadow:0 12px 40px -24px rgb(0 0 0/.55),inset 1px 1px 0 rgb(255 255 255/.08),inset -1px -1px 0 rgb(0 0 0/.18);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.dark .feed-composer:before{background-image:linear-gradient(to bottom right,rgb(255 255 255/.07),transparent 50%)}.feed-composer{padding:1.25rem}.feed-composer__header{position:relative;z-index:1;display:flex;align-items:center;gap:.75rem}.feed-composer__avatar{width:2.5rem;height:2.5rem;flex-shrink:0;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-color:hsl(var(--border))}.feed-composer__avatar:is(.dark *){--tw-ring-color:rgb(255 255 255/0.1)}.feed-composer__trigger-input{border-width:1px;border-style:solid;border-color:hsl(var(--border));background-color:hsl(var(--card));box-shadow:inset 1px 1px 0 rgb(255 255 255/.34),inset -1px -1px 0 rgb(0 0 0/.03);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.dark .feed-composer__trigger-input{border-color:hsl(var(--border));box-shadow:inset 1px 1px 0 rgb(255 255 255/.08),inset -1px -1px 0 rgb(0 0 0/.18);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.feed-composer__trigger-input{position:relative;z-index:1;flex:1 1 0%;cursor:pointer;border-radius:1rem;padding:.5rem 1rem;text-align:left;font-size:12px;color:hsl(var(--muted-foreground));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.dark .feed-composer__trigger-input{background-color:hsl(var(--secondary));background-image:none}.feed-composer__trigger-input:hover{border-color:hsl(var(--primary)/.35);color:hsl(var(--foreground))}.feed-composer__footer{position:relative;z-index:1;margin-top:1.25rem;display:flex;flex-direction:column;gap:.75rem;border-top-width:1px;border-color:hsl(var(--border)/.7);padding-top:1.25rem}.feed-composer__footer:is(.dark *){border-color:rgb(255 255 255/.1)}@media (min-width:640px){.feed-composer__footer{flex-direction:row;align-items:center;justify-content:space-between}}.feed-composer__media{display:flex;flex-wrap:wrap;gap:.375rem}.feed-composer__media-button{border-width:1px;border-style:solid;border-color:hsl(var(--border)/.88);background-color:hsl(var(--card));box-shadow:0 4px 14px -10px hsl(var(--primary)/.12),inset 1px 1px 0 rgb(255 255 255/.65),inset -1px -1px 0 hsl(var(--foreground)/.05);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.dark .feed-composer__media-button{border-color:rgb(255 255 255/.08);box-shadow:inset 1px 1px 0 rgb(255 255 255/.08),inset -1px -1px 0 rgb(0 0 0/.18);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.feed-composer__media-button{border-radius:9999px;border-color:hsl(var(--border)/.85);color:hsl(var(--foreground)/.7)}.dark .feed-composer__media-button{background-color:hsl(var(--secondary));background-image:none}.feed-composer__media-button:hover{background-color:hsl(var(--accent));color:hsl(var(--foreground))}.feed-composer__media-button:is(.dark *){color:hsl(var(--muted-foreground))}.feed-composer__media-button--active{border-color:hsl(var(--primary)/.5);background-color:hsl(var(--primary)/.1);color:hsl(var(--primary))}.feed-composer__media-button--active:is(.dark *){color:hsl(var(--primary))}.feed-composer__submit{border-radius:9999px;background-color:hsl(var(--primary));padding-left:1.75rem;padding-right:1.75rem;--tw-shadow:0 12px 30px -14px hsl(var(--primary)/0.75);--tw-shadow-colored:0 12px 30px -14px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.feed-composer__submit:active{--tw-scale-x:0.98;--tw-scale-y:0.98;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.feed-composer__submit:disabled{pointer-events:none;opacity:.6}.feed-composer--visitor{padding:1rem}.feed-composer--visitor .feed-composer__footer{margin-top:1rem;padding-top:1rem}.feed-composer__visitor-input{border-width:1px;border-style:solid;border-color:hsl(var(--border));background-color:hsl(var(--card));box-shadow:inset 1px 1px 0 rgb(255 255 255/.34),inset -1px -1px 0 rgb(0 0 0/.03);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.dark .feed-composer__visitor-input{border-color:hsl(var(--border));box-shadow:inset 1px 1px 0 rgb(255 255 255/.08),inset -1px -1px 0 rgb(0 0 0/.18);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.feed-composer__visitor-input{position:relative;z-index:1;width:100%;cursor:pointer;border-radius:1rem;padding:.875rem 1rem;text-align:left;font-size:15px;color:hsl(var(--muted-foreground));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.dark .feed-composer__visitor-input{background-color:hsl(var(--secondary));background-image:none}.feed-composer__visitor-input:hover{border-color:hsl(var(--primary)/.35);color:hsl(var(--foreground))}