* {box-sizing: border-box;margin: 0;padding: 0;font-family: "Segoe UI", Helvetica, Roboto, Arial, sans-serif, -apple-system, BlinkMacSystemFont;}body {background-color: #f0f2f5;display: flex;justify-content: center;align-items: center;height: 100vh;}.ChatContains {width: 100%;max-width: 60vw;     height: 95vh;background-color: #ffffff;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);border-radius:5px;display: flex;flex-direction: column;overflow: hidden;}.ChatHeaders {display: flex;padding: 1em;background-color: #ffffff;border-bottom: 1px solid #eef0f3;align-items: center;gap: 12px;}.Diamonds{padding:0 1em;margin:0;align-content:center;vertical-align: center;background-color:transparent;}.Diamonds:hover, .Diamonds:focus {border:none;border-radius:0;clip-path: polygon(0% 0%, 12px 100%, 100% 100%, calc(100% - 12px) 0%); background: linear-gradient(90deg, orange, gold);}.NonWrappedContains {display:flex;margin:0;text-align:left;justify-content:flex-start;vertical-align: middle;flex-wrap: nowrap;white-space: nowrap;}    .Avatars {margin:auto 0;width: auto;height: 40px;border-radius:5px;    display: flex;align-items: center;justify-content: center;font-weight: bold;}.Avatars img {width: 6cqw;height:auto;margin:auto 0;cursor: pointer;}.ChatStatus { margin: auto 0; }.ChatStatus h2 {font-size: 1rem;color: royalblue;}.ChatStatus p {font-size: 0.85rem;color: #10b981;}.FindingButtons {background: none;border: none;font-size: 1.2rem;cursor: pointer;}.ChatMessages {flex: 1;padding: 20px;overflow-y: auto;background-color: #f8fafc;display: flex;flex-direction: column;gap: 16px;}.RowMessages, .SenderBadges {display: flex;width: auto;color: royalblue;}.RowMessages.incoming, .SenderBadges.incoming { justify-content: flex-start; }.RowMessages.outgoing, .SenderBadges.outgoing { justify-content: flex-end; }.RowMessages.incoming pre, .RowMessages.outgoing pre { width:100%;min-width:160px;height:120px;padding:3px;white-space:pre-wrap;word-break: break-all;  overflow-wrap: anywhere;overflow:auto;color:royalblue;background-color:azure;}.MessageDialogs {width:auto;max-width: 75%;padding: 10px 15px; border-radius:10px;font-size: 15px;line-height: 1.4;display: flex;flex-direction: column;overflow-wrap: anywhere;}.incoming .MessageDialogs {background-color: white;color: rgb(80, 70, 230);border-top-left-radius: 0px;border: 1px solid #e2e8f0;}.outgoing .MessageDialogs {color: rgba(50, 5, 145, 0.85); background-color: white;border-top-right-radius: 0px;}.incoming a {color:purple;cursor:pointer;}.outgoing  a {color:blue;cursor:pointer;}.MessageDialogs.has-image {padding: 6px; max-width: 50%;}.MessageDialogs.has-image audio { max-width: 100%; }.MessageDialogs.has-image video { max-height:160px;}.MessageImages {display:block;width: 100%;max-height: 280px;object-fit: cover;border-radius:5px;cursor:pointer;}.SenderBadges {display: flex;padding: 0 2px;font-size: 10px;font-weight:600;gap: 0;}.SenderBadges.incoming {color:purple;}.SenderBadges.outgoing {color:royalblue;}.DialogTimestamps {padding:0 2px;font-size: 10px;margin-top: 3px;display: block;text-align: right;opacity: 0.95;}.ChatInputsArea {padding: 5px 20px 10px 20px;background-color: #ffffff;border-top: 1px solid #eef0f3;display: flex;flex-direction: column; }.ChatToolbars {display: flex;padding: 0 0 2px 0;width: 100%;align-items: center;justify-content: space-between;}.ChatInputs {width: 100%;max-height: 280px;min-height: 80px;padding: 5px 10px;outline: none;border: 1px solid #aaa;;border-radius:8px;font-size: 15px;line-height: 1.2;resize: vertical;overflow-y: auto;background-color: azure;transition: border-color 0.2s;}.TextareaWrappers {display: block;width: 100%;}textarea { font-family:Verdana, Geneva, Tahoma, sans-serif;color:royalblue;}textarea::placeholder { color:lightblue;}input[type=text]::placeholder { color:lightblue;}.ChatInputs:focus { border-color: orange;   }.ClearInputButtons, .SendingButtons {display: none;z-index: 10;position: absolute;width: 20px;height: 20px;right: 15px;bottom: 15px;background: red;border: none;border-radius: 50%;font-size: 16px;-webkit-text-stroke: 2px white;cursor: pointer;align-items: center;justify-content: center;transition: background 0.2s;}.ClearInputButtons {font-size: 10px;}.ClearInputButtons:hover {background-color: orange;}.SendingButtons {display:flex;right: 10px;top: 10px;width: 30px;height: 30px;color:aqua;background: royalblue;}.SendingButtonx {color: royalblue;width: auto;border: none;padding: 6px;border-radius: 8px;white-space: nowrap;font-size: 15px;font-weight: 600;cursor: pointer;border: 1px solid #aaa; background-color: azure; transition: background-color 0.2s;user-select: none;}.SendingButtons:hover, .SendingButtonx:hover { color:red;background-color: gold;  border: 1px solid orange;}.UploadButtons, .CameraButtons, .AudioButtons {width: 40px;height: 40px;align-items: center;justify-content: center;cursor: pointer;font-size: 25px;border-radius:5px;border: 0;background-color:transparent;box-sizing: border-box;}.AudioButtons {padding: 2px 4px;margin: 0 auto;font-size: 18px;}.AudioButtons:hover, .AudioButtons:hover,      .UploadButtons:hover, .CameraButtons:hover { border-color: orange;background-color: gold; }       .CameraButtons {background-color: transparent; color: white;font-size: 28px;font-weight: bold;border-radius:5px;cursor: pointer;}.CameraButtons:active {transform: scale(1.2);}.HiddenFileInputs { display: none; }.HeadKeyItems {padding:auto 0;}.DialogsOptions {position: absolute;z-index:20;display:none;flex-direction: column;width:auto;padding:0.5em;margin: auto;user-select: none;}.DialogsOptionsCloses {margin:-5px 0 0 90%;color:red;font-size:0.85rem;line-height:0.9;-webkit-text-stroke: 3px red;cursor: pointer;}.DialogsOptions input[type=button] {outline:0;border: 0;margin: 0 auto;padding:3px 10px;color: royalblue;font-size:1.0rem;letter-spacing: 0.05em;background-color: transparent;cursor: pointer;}.DialogsOptions input[type=button]:hover, .DialogsOptions input[type=button]:focus  {color: orange;background-color: rgba(255,255,255,0.5);}.SendToLabels {visibility:hidden;color:royalblue;margin: auto 15px;user-select: none;}.SendToLabels input[type=text] {outline: 0;border: 0;width: auto;margin: 0 0 0 10px;font-weight:600;}@keyframes spin {to { transform: rotate(360deg); }}.SysWarnings {z-index: 20;position:fixed;top: 60px;left: 48%;min-width: 20%;padding: 5px 10px;text-align:center;color: royalblue;background-color: #fff;border:2px solid orange;border-radius:10px;transform: translateX(-51%);}.ViewFavoursList, .ViewTradesList, .ViewPromosList {display:none;width: 110%;padding:10px;margin:5px auto;text-align: center;color: white;font-family: Helvetica,Arial,sans-serif;font-size:1rem;font-weight: 650;letter-spacing: 2px;cursor: pointer;border: none;background-color:rgb(195,0,0);} .Scrambles {color: rgb(128, 0, 64);height: 28px;width:120px;margin:0 0 3px auto;padding:5px;text-align:center;font-style:italic;color:rgb(165,0,0);justify-content: center;border:1px solid lightgray;border-radius:8px;font-family: Georgia, Roboto,Helvetica,Arial,sans-serif,Palatino Linotype;font-size:1.2rem;font-weight: bold;background-image: repeating-linear-gradient(-45deg, rgba(255,255,255, 0.8), rgba(255,255,255, 0.8) 1px, transparent 1px, transparent 6px);background-size:  10px 10px;background-color: rgba(105, 0, 225, 0.25); pointer-events: none; }input[type=text]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder { color:lightblue;font-size:0.9rem;text-align:left;}input::-webkit-input-placeholder { padding-left:10px;}input::-moz-placeholder {padding-left:10px;}input {color: rgb(67, 133, 244); }.LineHeaders {position: relative;display: flex;padding:5px;margin:0 0 3px 0;font-size:1.1rem;font-weight: 650;background-color:#f8f8f8;user-select:text;text-align:left;justify-content: space-between;}        .LineButtons {cursor:pointer;font-size:1rem;font-weight: 650;letter-spacing: 2px;user-select:none;}.LineLabels {display:flex;margin: 2px;text-align:left;font-size: 1.05rem;font-family:Microsoft JhengHei,·L³n¥¿¶ÂÅé;}.LineInputs {outline: none;box-shadow: none;appearance: none;width:100%;padding: 2px 5px;margin: 0 8px;width: 95%;font-size:1rem;color:royalblue;border-radius: 5px;border: 0;box-shadow: none;border-bottom: 1px solid #ccc;}.FormGroups input[type="text"]:focus, .FormGroups input[type="password"]:focus {display: inline-block;outline: none;border: 0;color:royalblue;vertical-align: middle;box-shadow: none;border-bottom: 1px solid royalblue;}