*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-size:16px}html,body,#root{overscroll-behavior:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;width:100%;min-width:0;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}:root{--brand-bg:#f4f6f9;--brand-surface:#fff;--brand-border:#d8e0e8;--brand-text:#182230;--brand-muted:#718096;--brand-accent:#16a878;--brand-input:#edf1f5;--brand-font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif}.app-wrapper{box-sizing:border-box;background-color:var(--brand-bg);color:var(--brand-text);font-family:var(--brand-font);flex-direction:column;display:flex;position:fixed;overflow:hidden}.chat-header{min-height:82px;padding:.9rem 1.25rem;padding-top:calc(.9rem + env(safe-area-inset-top,0px));box-sizing:border-box;background-color:var(--brand-surface);border-bottom:1px solid var(--brand-border);flex:none;align-items:center;gap:.75rem;display:flex;box-shadow:0 1px 12px #1c344a0d}.chat-header__avatar{border:1px solid var(--brand-border);background-color:var(--brand-surface);box-sizing:border-box;border-radius:50%;flex-shrink:0;width:2.5rem;height:2.5rem;overflow:hidden}.chat-header__avatar img{object-fit:cover;width:100%;height:100%;display:block}.chat-header__info{min-width:0}.chat-header__title{letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:17px;font-weight:600;line-height:1.2;overflow:hidden}.chat-header__status{color:var(--brand-muted);align-items:center;gap:.375rem;margin-top:.2rem;font-size:.75rem;line-height:1.2;display:flex}.chat-header__status-dot{background-color:var(--brand-accent);border-radius:50%;flex-shrink:0;width:.5rem;height:.5rem;animation:2s cubic-bezier(.4,0,.6,1) infinite brand-pulse}@keyframes brand-pulse{0%,to{opacity:1}50%{opacity:.4}}@media (prefers-reduced-motion:reduce){.chat-header__status-dot{animation:none}}.chat-messages{overscroll-behavior:contain;background-color:var(--brand-bg);border-bottom:1px solid var(--brand-border);box-sizing:border-box;flex:auto;min-height:0;padding:1.1rem 0 .4rem;position:relative;overflow-y:auto}.chat-messages:before{content:"";opacity:.14;mix-blend-mode:multiply;pointer-events:none;z-index:0;background-image:url(/gorshok-logo.png);background-position:50%;background-repeat:no-repeat;background-size:contain;width:min(16rem,70vw);height:min(16rem,70vw);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.chat-messages__scroll{z-index:1;box-sizing:border-box;flex-direction:column;padding:0 1.25rem 0 .5rem;display:flex;position:relative}.message{margin-bottom:1rem;display:flex}.message--incoming{justify-content:flex-start}.message--outgoing{justify-content:flex-end}.message__avatar{flex-shrink:0;align-self:flex-start;width:2.5rem;height:2.5rem;margin-right:.7rem}.message__avatar img{object-fit:cover;border:1px solid var(--brand-border);background-color:var(--brand-surface);box-sizing:border-box;border-radius:50%;width:100%;height:100%;display:block;box-shadow:0 2px 8px #1c344a14}.message__body{flex-direction:column;min-width:0;max-width:85%;display:flex}.message--incoming .message__body{align-items:flex-start}.message--outgoing .message__body{align-items:flex-end}.message__bubble{white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;border-radius:20px;padding:1rem 1.25rem;font-size:15px;line-height:1.6}.message--incoming .message__bubble{background-color:var(--brand-surface);color:var(--brand-text);border:1px solid #d8e0e866;border-top-left-radius:.25rem;box-shadow:0 8px 24px #1c344a12}.message--outgoing .message__bubble{background-color:var(--brand-accent);color:#fff;border-bottom-right-radius:.25rem;box-shadow:0 8px 24px #16a87838}.message__image{margin-bottom:.5rem}.message__image img{border-radius:.85rem;max-width:100%;height:auto;display:block}.message__time{color:var(--brand-muted);margin-top:.5rem;padding:0 .25rem;font-size:11px}.chat-input{padding:.75rem 1.25rem 1.5rem;padding-bottom:calc(1.5rem + env(safe-area-inset-bottom,0px));box-sizing:border-box;background-color:var(--brand-surface);flex:none}.app-wrapper--keyboard .chat-input{padding-bottom:.5rem}.chat-input__pill{background-color:var(--brand-input);box-sizing:border-box;border:1px solid #d8e0e8b3;border-radius:9999px;align-items:center;gap:.5rem;padding:.375rem .375rem .375rem 1rem;display:flex;box-shadow:0 1px 2px #1c344a0a}.chat-input__attach{width:2.25rem;height:2.25rem;color:var(--brand-muted);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;transition:color .12s;display:flex}.chat-input__attach:hover{color:var(--brand-text)}.chat-input__file{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.chat-input__editor{resize:none;min-width:0;color:var(--brand-text);background-color:#0000;border:0;outline:0;flex:auto;max-height:7.5rem;padding:.3rem 0;font-family:inherit;font-size:16px;line-height:1.4;overflow-y:auto}.chat-input__editor::placeholder{color:var(--brand-muted)}.chat-input__send{background-color:var(--brand-accent);color:#fff;cursor:pointer;border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;transition:transform .12s;display:flex;box-shadow:0 5px 14px #16a87847}.chat-input__send:active:not(:disabled){transform:scale(.95)}.chat-input__send:disabled{opacity:.45;cursor:default}.chat-input__attach:focus-visible{outline:2px solid var(--brand-accent);outline-offset:2px;color:var(--brand-text);border-radius:50%}.chat-input__send:focus-visible{outline:2px solid var(--brand-accent);outline-offset:2px}