.links{display:inline-block;cursor:pointer;padding:5px 10px;color:#000;margin:0 5px;border-width:1px;background-color:#fff;border-style:solid}nav{background-color:#dcdcdc;padding:10px;display:flex;justify-content:right;height:30px}.app[data-v-35dfa36f]{display:flex;flex-direction:column;width:100vw;height:100vh}.views[data-v-35dfa36f]{display:flex;flex:1;width:100%}.sidebar[data-v-35dfa36f]{display:flex;flex-direction:column;flex:0 0 25%;min-width:200px;box-sizing:border-box;background:linear-gradient(to right,#d8d8d8,#ecebeb)}.main[data-v-35dfa36f]{display:flex;flex-direction:column;flex:1;background:linear-gradient(to right,#e6e6e6,#f3f3f3)}.sidebar[data-v-66caaf94]{background-color:#dcdcdc;width:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;padding:20px;gap:16px;height:100%}.friends[data-v-66caaf94]{display:flex;flex-direction:column;align-items:center;width:100%;gap:12px;padding:8px}.list[data-v-66caaf94]{list-style:none;padding:0;margin:0;width:100%;display:flex;flex-direction:column;gap:6px;align-items:center;max-height:14vh;overflow-y:auto}.friendButtons[data-v-66caaf94]{width:100%;padding:8px 16px;border-radius:8px;background:#fff;border:1px solid #ccc;cursor:pointer}.requestButtons[data-v-66caaf94]{padding:4px 6px;border-radius:8px;margin-left:4px;background:#fff;border:1px solid #ccc;cursor:pointer}.friendAdd .row[data-v-66caaf94]{display:flex;flex-direction:column;gap:8px;width:100%;max-width:260px;margin:0 auto;padding-top:4px;box-sizing:border-box}.friendAdd label[data-v-66caaf94]{margin:0;text-align:left;width:100%;font-weight:600;font-size:.95em}.friendAdd input[data-v-66caaf94]{width:100%;box-sizing:border-box;padding:8px 10px;border-radius:6px;border:1px solid #bbb}.friendAdd button[data-v-66caaf94]{width:45%;padding:6px 12px;border-radius:8px;background:#00f;color:#fff;cursor:pointer;align-self:center;font-size:1em}.row[data-v-66caaf94]{display:flex;align-items:center;gap:8px;width:100%}h1[data-v-66caaf94]{text-decoration:underline}.mainPage[data-v-e36c8285]{flex:1 1 0;min-height:0;display:flex;flex-direction:column;box-sizing:border-box;padding:12px;gap:12px}.title[data-v-e36c8285]{margin:0;text-align:center;font-size:2rem;font-weight:700}.chat-window[data-v-e36c8285]{flex:1 1 auto;overflow-y:auto;padding:12px;background:#fff;border-radius:8px;border:1px solid #ddd;display:flex;flex-direction:column;gap:12px}.message[data-v-e36c8285]{max-width:45%;overflow-wrap:break-word;display:inline-block;padding:8px 12px 12px 8px;border-radius:10px}.left[data-v-e36c8285]{align-self:flex-start;text-align:left;background:#e9e9ec;clip-path:polygon(100% 0,0 0,0 89%,0 89%,0 100%,6% 89%,100% 89%)}.right[data-v-e36c8285]{align-self:flex-end;text-align:right;background:#68aefe;clip-path:polygon(0 0,100% 0,100% 87%,100% 87%,100% 100%,92% 87%,0 87%)}.sender[data-v-e36c8285]{font-size:.85rem;margin-bottom:4px;color:#222}.input-area[data-v-e36c8285]{display:flex;gap:8px;align-items:center;flex-direction:column}.input-area input[data-v-e36c8285]{flex:1 1 auto;width:100%;padding:8px 10px;border-radius:6px;border:1px solid #bbb;box-sizing:border-box}.input-area span[data-v-e36c8285]{width:100%}.login-view[data-v-1c1efe62]{box-sizing:border-box;opacity:.97;display:flex;flex-direction:column;align-items:center;flex:1;background-color:#efeded}.view[data-v-1c1efe62]{position:relative;background:linear-gradient(to right,#e6e6e6,#f3f3f3)}.login-content[data-v-1c1efe62]{display:flex;flex:1;align-items:center;justify-content:center;gap:20px;margin-bottom:22vh}.login-form[data-v-1c1efe62]{background-color:#f8f8f8;box-sizing:border-box;padding:20px;font-size:small;display:flex;flex-direction:column;align-items:center;gap:10px;width:200px}h1[data-v-1c1efe62]{text-align:center;padding:0;font-size:8em;margin:0;margin-top:5vh}h3[data-v-1c1efe62]{display:block;font-size:2em;margin-block-start:1em;margin-block-end:1em;margin-inline-start:0px;margin-inline-end:0px;font-weight:700;text-align:center;margin-top:0}.form-item[data-v-1c1efe62]{box-sizing:border-box;width:160px;margin-bottom:5px}.form-item label[data-v-1c1efe62]{display:inline-block;margin-bottom:5px}.form-item input[data-v-1c1efe62]{box-sizing:border-box;width:100%;margin-bottom:5px}button[data-v-1c1efe62]{font-size:medium;color:#f8f8f8;background-color:#000;border-radius:999px;padding:5px 10px;border:0}.error-messages[data-v-1c1efe62]{color:#c70d0d}.error-messages ul[data-v-1c1efe62]{padding-left:15px;display:block;margin-block-start:1em;margin-block-end:1em}.switch[data-v-1c1efe62]{position:relative;display:inline-block;width:32px;height:18px;flex-shrink:0}.align-right[data-v-1c1efe62]{float:right}.switch input[data-v-1c1efe62]{opacity:0;width:0;height:0;position:absolute}.slider[data-v-1c1efe62]{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.4s;border-radius:17px}.slider[data-v-1c1efe62]:before{position:absolute;content:"";height:14px;width:14px;left:2px;bottom:2px;background-color:#fff;transition:.4s;border-radius:50%}.switch input:checked+.slider[data-v-1c1efe62]:before{transform:translate(14px)}.switch input:checked+.slider[data-v-1c1efe62]{background-color:#2196f3}.app[data-v-cbe6b4db]{position:relative;padding-top:30%;top:0;left:0;width:100%;height:100%;content:"";background-image:url(/assets/download-Dw8nuGhY.png);background-repeat:no-repeat;background-position:center;background-size:contain}.signin-view[data-v-bbb81590]{box-sizing:border-box;opacity:.97;display:flex;flex-direction:column;align-items:center;flex:1;background-color:#efeded}.view[data-v-bbb81590]{position:relative;background:linear-gradient(to right,#e6e6e6,#f3f3f3)}.signin-content[data-v-bbb81590]{display:flex;flex:1;align-items:center;justify-content:center;gap:20px;margin-bottom:22vh}.signin-form[data-v-bbb81590]{background-color:#f8f8f8;box-sizing:border-box;padding:20px;font-size:small;display:flex;flex-direction:column;align-items:center;gap:10px;width:200px}h1[data-v-bbb81590]{text-align:center;padding:0;font-size:8em;margin:0;margin-top:5vh}h2[data-v-bbb81590]{color:#c70d0d;padding-top:40px}h3[data-v-bbb81590]{display:block;font-size:2em;margin-block-start:1em;margin-block-end:1em;margin-inline-start:0px;margin-inline-end:0px;font-weight:700;text-align:center;margin-top:0}.form-item[data-v-bbb81590]{box-sizing:border-box;width:160px;margin-bottom:5px}.form-item label[data-v-bbb81590]{display:inline-block;margin-bottom:5px}.form-item input[data-v-bbb81590]{box-sizing:border-box;width:100%;margin-bottom:5px}button[data-v-bbb81590]{font-size:medium;color:#f8f8f8;background-color:#000;border-radius:10px;padding:5px 10px;border:0}.error-messages[data-v-bbb81590]{align-self:center;color:#c70d0d;font-size:12px;width:200px;display:flex;flex-direction:column;justify-content:center}.error-messages ul[data-v-bbb81590]{padding-left:15px;display:block;margin-block-start:1em;margin-block-end:1em}.switch[data-v-bbb81590]{position:relative;display:inline-block;width:32px;height:18px;flex-shrink:0}.align-right[data-v-bbb81590]{float:right}.switch input[data-v-bbb81590]{opacity:0;width:0;height:0;position:absolute}.slider[data-v-bbb81590]{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.4s;border-radius:17px}.slider[data-v-bbb81590]:before{position:absolute;content:"";height:14px;width:14px;left:2px;bottom:2px;background-color:#fff;transition:.4s;border-radius:50%}.switch input:checked+.slider[data-v-bbb81590]:before{transform:translate(14px)}.switch input:checked+.slider[data-v-bbb81590]{background-color:#2196f3}