.conversation-list>li,.users-list>li{background-color:#fff;border-radius:12px;padding:1em;box-shadow:0 1px 2px #0000000d}.conversation-list>li+li,.users-list>li+li{margin-top:.5em}.conversation-metadata-set{justify-content:space-between;align-items:baseline;display:flex}.conversation-metadata-set h2{letter-spacing:.28px;font-size:.875rem;font-weight:600;line-height:1.4}.conversation-metadata-set time{font-size:.75rem}.message-preview{color:var(--secondary-text-color);white-space:nowrap;text-overflow:ellipsis;line-height:1.5;overflow:hidden}li[data-message-owner=other]{font-weight:600}li[data-message-owner=none]{background-color:var(--secondary-bg-color)}li[data-message-owner=none] .message-preview{font-style:italic}body.message-page-body{overflow:hidden}.message-sidebar nav{display:none}main.message-page-main{flex-direction:column;height:100dvh;min-height:0;display:flex;overflow:hidden}.message-header-bar{z-index:99;background-color:#fff;flex-shrink:0;align-items:center;gap:.5em;height:64px;padding:.5em 1em;display:flex;box-shadow:0 1px 2px #0000000d}.message-header-bar h1{font-size:1.5rem;line-height:1.5}.message-scroll-area{flex:1;min-height:0;margin:.5em 1em;overflow-y:auto}.message-scroll-area .temp-message{width:fit-content;color:var(--secondary-text-color);background:#f0f4f7;border-radius:25px;margin:0 auto;padding:.5em 1em;display:block;box-shadow:0 1px 2px #0000000d}.message-scroll-area section h2{color:var(--secondary-text-color);text-align:center;padding:16px 0;font-size:.75rem;line-height:1.3}.message-list{flex-direction:column;gap:.5em;display:flex}.message-item{max-width:75%}.message-item .meta-info{padding-top:.5em;font-size:.75rem}.message-content{white-space:pre-wrap;width:fit-content;padding:1em;line-height:1.5;box-shadow:0 4px 20px #0000000d}.message-item[data-sender=self]{align-self:flex-end}.message-item[data-sender=recipient] .message-content{background-color:#fff;border:1px solid #dfe3e680;border-radius:16px 16px 16px 0;flex-shrink:0}.message-item[data-sender=recipient] .meta-info{width:fit-content}.message-item[data-sender=self] .message-content{background-color:#dec3b3;border-radius:16px 16px 0;flex-shrink:0;margin-left:auto}.message-item[data-sender=self] .meta-info{width:fit-content;margin-left:auto}.message-extra-space{margin-top:1em}.meta-info span[data-action=read]{color:#43474c}.message-input-bar{background-color:#fff;flex-shrink:0;width:100%;padding:12px 20px;box-shadow:0 -4px 20px #00000005}.message-input-box{border:1px solid var(--border-color);background-color:var(--primary-bg-color);border-radius:16px;align-items:center;gap:.5em;min-height:54px;max-height:160px;padding:8px;font-size:1rem;display:flex;box-shadow:0 4px 20px #0000000d}.message-input-box textarea{resize:none;field-sizing:content;border:none;border-radius:0;outline:none;flex:1;min-width:0;min-height:22px;max-height:144px;padding:0;font-size:1rem;line-height:1.4;overflow-y:auto}.message-input-box button{background-color:var(--main-color);color:#fff;border-radius:12px;flex:0;align-self:center;padding:8px}.message-input-box button>svg{width:20px;height:auto;display:block}.message-input-box.error-outline{outline:1px solid var(--warning-color)}#input-error-message{color:var(--error-text-color);padding-top:8px;font-size:.875rem}.sr-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.users-list>li{justify-content:space-between;align-items:center;display:flex}.users-list h2{font-size:1.125rem;font-weight:600;line-height:1.5}.users-list-action{border-radius:12px;padding:.5em;font-size:.875rem}.users-list a[data-conversation-status=resume]{background-color:var(--main-color-darker);color:#fff}.users-list button[data-conversation-status=start]{background-color:var(--border-color)}.header-other-user .header-button-container{padding:1rem 0;box-shadow:0 1px 2px #0000000d}.header-button-container a{margin-left:16px}.icon-only-link svg.lucide-circle-x{display:none}.header-other-user .header-heading-container{text-align:center;padding-top:1em}.header-heading-container .page-title{font-size:1.625rem;line-height:1.2}.header-heading-container p{color:var(--secondary-text-color);font-size:1rem;line-height:1.5}button[data-action=back] svg{width:22px;height:auto}.user-about-container,.about-me-container{border:1px solid var(--border-color);text-align:center;background-color:#fff;border-radius:12px;padding:1.5em;box-shadow:0 4px 20px #00000008}.user-about-container h2,.about-me-container h2,.account-settings h2{font-size:1.125rem;line-height:1.75}.user-about-container p,.about-me-container p{color:var(--secondary-text-color);line-height:1.5}.header-me .header-button-container{text-align:right;padding:1rem 0;box-shadow:0 1px 2px #0000000d}.header-me button[data-action=logout]{width:auto;display:inline-flex}.header-me .header-heading-container{text-align:center;padding-top:45px}.about-me-container button[data-action=edit-about]{background-color:var(--main-color-darker);color:#fff;border-radius:25px;align-items:center;gap:8px;margin-top:24px;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;display:inline-flex}.about-me-container button>svg{width:14px;height:auto}.about-me-form-container{border:1px solid var(--border-color);background-color:#fff;border-radius:12px;padding:1.5em;box-shadow:0 4px 20px #00000008}#about-me-form label{color:var(--title-text-color);font-size:.875rem;font-weight:600}#about-me-form textarea{field-sizing:content;resize:vertical;width:100%;min-height:4em;margin-top:.5em;margin-bottom:.25em;font-size:1rem;line-height:1.5;overflow-y:auto}#about-me-form textarea:focus-visible,#delete-account-form input:focus-visible{outline-offset:2px;outline:3px solid #a4b9c4}#about-me-form button{border-radius:25px;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;display:inline}#about-me-form .form-button-group{justify-content:right;gap:1.25em;margin-top:42px;display:flex}#about-me-form>p{color:#67796e;margin-left:.5em;font-size:.875rem}#about-me-form button[data-action=cancel-about]{color:var(--secondary-text-color);background-color:#d2dce4}#about-me-form button[data-action=submit]{color:#fff;background-color:var(--main-color-darker)}.account-settings{border-top:1px solid var(--border-color);margin-top:2.5rem;padding-top:1.5rem}.account-settings-card{background-color:#e8eaec;border-radius:12px;margin-top:.5em;padding:1em}.account-settings-card h3{margin-bottom:.5em;font-size:1rem;line-height:1.5}.account-settings-card p{color:var(--secondary-text-color);font-size:.875rem;line-height:1.2}.account-settings-card strong{font-weight:600}.account-settings-card button{color:var(--secondary-text-color);background-color:#cfd1d3;border-radius:25px;width:fit-content;margin-top:1em;padding:.5em .75em}.delete-account-modal{z-index:1000;background-color:#171c1f33;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.delete-account-modal .delete-account-form-container{background:#fff;border-radius:12px;flex-direction:column;width:90%;margin:auto;padding:1.5em;display:flex}.delete-account-form-container h4{text-align:center;font-size:1.5rem;font-weight:600;line-height:1.3}.delete-account-form-container p{color:var(--secondary-text-color);margin-top:.5em;line-height:1.625}.delete-account-form-container form{flex-direction:column;margin-top:1em;display:flex}.delete-account-form-container form label{font-size:.875rem;font-weight:600}.delete-account-form-container form input{margin-top:.5em;padding:17px;font-size:1rem}.delete-account-form-button-group{flex-direction:column-reverse;gap:.5em;margin-top:2em;display:flex}.delete-account-form-button-group button{border-radius:16px;width:100%;padding:1.125rem;font-size:.875rem;font-weight:600}button[data-action=cancel-delete]{color:var(--secondary-text-color);background-color:#d2dce4}button[data-action=confirm-delete]{color:var(--error-text-color);background-color:#ffdad6}#delete-error-message{color:var(--error-text-color)}@media (hover:hover) and (pointer:fine){.conversation-list li:hover{border:1px solid #dec3b3}.users-list a h2:hover{color:#8d695d}.users-list a[data-conversation-status=resume]:hover{filter:brightness(1.2)}.users-list button[data-conversation-status=start]:hover,#about-me-form button[data-action=cancel-about]:hover,.delete-account-form-button-group button:hover{filter:brightness(.9)}.header-button-container a[data-action=back]:hover{color:var(--main-color)}.about-me-container button:hover,#about-me-form button[data-action=submit]:hover,.message-input-box button:hover{filter:brightness(1.1)}.danger-btn:hover{background-color:var(--warning-color);color:#fff}}.conversation-list li:focus,.conversation-list li:active{border:1px solid #dec3b3}.users-list a h2:active{color:#8d695d}.users-list a[data-conversation-status=resume]:active,.users-list button[data-conversation-status=start]:active,.about-me-container button:active,#about-me-form button:active,.delete-account-form-button-group button:active,.message-input-box button:active{filter:brightness(.95);transform:scale(.98)}.header-button-container a[data-action=back]:focus,.header-button-container a[data-action=back]:active{color:var(--main-color)}.danger-btn:focus,.danger-btn:active{background-color:var(--warning-color);filter:brightness(.95);color:#fff;transform:scale(.98)}@media (width>=750px){.conversation-list>li,.users-list>li{box-shadow:0 4px 20px #0000000d}.conversation-list>li+li,.users-list>li+li{margin-top:1em}.conversation-metadata-set{flex-direction:column}.conversation-metadata-set h2{line-height:1.75}.conversation-metadata-set time{opacity:.8}.message-preview{opacity:.8;margin-top:.5em}.message-sidebar nav{display:block}.message-header-bar .icon-only-link{display:none}.message-header-bar h1{padding-left:24px;font-size:1.25rem}.message-scroll-area{margin:1.5em}.message-scroll-area section h2,.message-item .meta-info{font-size:.875rem}.message-input-bar{padding:20px 64px;left:256px}.message-input-box{padding:.5em .75em}.users-list h2{line-height:1.1}.header-other-user .header-button-container{box-shadow:none;justify-content:flex-end;padding:2.5em 1.5em 0;display:flex}.header-button-container a{margin:0}.icon-only-link svg.lucide-arrow-left{display:none}.icon-only-link svg.lucide-circle-x{width:2em;height:auto;display:inline-block}.header-heading-container .page-title{font-size:2rem;line-height:1.25}.header-other-user,.header-me{width:65%;margin:0 auto}.user-about-container,.about-me-container{padding:2em}.user-about-container h2,.about-me-container h2,.account-settings h2{font-size:1.5rem;line-height:1.35}.user-about-container p,.about-me-container p{margin-top:.5em;line-height:1.625}.header-me .header-button-container{display:none}.header-me .header-heading-container{padding-top:6.5em}#about-me-form textarea{line-height:1.625}.account-settings{margin-top:4.5em}.account-settings-card{align-items:center;gap:.5em;display:flex}.account-settings-card>div{flex:1;min-width:0}.account-settings-card p{margin-top:.5em}.account-settings-card button{margin:0}.delete-account-modal .delete-account-form-container{width:450px;padding:2em}.delete-account-form-button-group{flex-direction:row}.delete-account-form-button-group button{width:50%}}