.MessageInput{align-items:center;gap:var(--space-2);padding:var(--space-2);padding-bottom:calc(var(--space-2) + env(safe-area-inset-bottom));border-top:1px solid var(--color-border);font-family:var(--font-mono);display:flex;&>.nick{font-size:var(--font-size-base);line-height:var(--line-height-normal);padding-top:var(--space-2);align-self:flex-start}&>.input-wrapper{flex:1;min-width:0;position:relative;&>.replying{align-items:center;gap:var(--space-1);padding:var(--space-1)var(--space-2);border:1px solid var(--color-border);background:var(--color-surface-hover);font-size:var(--font-size-xs);line-height:var(--line-height-normal);border-bottom:none;display:flex;&>.label{color:var(--color-text-muted)}&>.preview{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}&>.cancel{color:var(--color-text-muted);font-size:var(--font-size-md);line-height:var(--line-height-tight);cursor:pointer;background:0 0;border:none;padding:0}}&>textarea{resize:none;width:100%;min-width:0;min-height:36px;max-height:120px;line-height:var(--line-height-normal);field-sizing:content;font-family:var(--font-mono);font-size:var(--font-size-base);padding:var(--space-2);border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);box-sizing:border-box;flex:1;overflow-y:auto;&:focus{outline:2px solid var(--color-accent-soft);outline-offset:1px;border-color:var(--color-accent)}}&>.autocomplete{background:var(--color-bg);border:1px solid var(--color-border);z-index:10;max-height:200px;font-family:var(--font-mono);font-size:var(--font-size-base);border-bottom:none;position:absolute;bottom:100%;left:0;right:0;overflow-y:auto;&>.autocomplete-item{padding:.35em var(--space-2);cursor:pointer;&:hover{background:var(--color-surface-hover)}&.selected{background:var(--color-accent-soft)}}}}&>button{font-family:var(--font-mono);font-size:var(--font-size-base);padding:var(--space-2)var(--space-4);border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);box-sizing:border-box;cursor:pointer;-webkit-tap-highlight-color:transparent;height:36px;&:focus{outline:2px solid var(--color-accent-soft);outline-offset:1px;border-color:var(--color-accent)}&:active{background:var(--color-text);color:var(--color-bg)}}&>.send-icon{display:none}}@media (max-width:600px){.MessageInput>.input-wrapper>textarea{font-size:var(--font-size-md)}}@media (hover:hover){.MessageInput>button:hover{background:var(--color-text);color:var(--color-bg)}}@media (max-width:600px){.MessageInput{&>.nick,&>.send-text{display:none}&>.send-icon{width:40px;height:auto;padding:var(--space-2)0;font-size:var(--font-size-md);line-height:var(--line-height-normal);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.01 21L23 12 2.01 3 2 10l15 2-15 2z' fill='%23000'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:20px;display:block;&:active{background-color:var(--color-accent);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.01 21L23 12 2.01 3 2 10l15 2-15 2z' fill='%23fff'/%3E%3C/svg%3E")}}}}