:root{--color-primary:#6366f1;--color-primary-dark:#4f46e5;--color-bg:#f9fafb;--color-surface:#fff;--color-border:#e5e7eb;--color-text:#111827;--color-text-muted:#6b7280;--sidebar-width:13.75rem;--toolbar-height:3.5rem;--re-bg:#fff!important;--re-bg-active:#f9fafb!important;--re-border:#e5e7eb!important;--re-text:#111827!important;--re-text-muted:#6b7280!important;--re-primary:#6366f1!important}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:.875rem}body{color:#111827;-webkit-font-smoothing:antialiased;background:#f9fafb;font-family:Inter,system-ui,sans-serif;line-height:1.5}a{color:#6366f1;text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;cursor:pointer;background:0 0;border:none;padding:0}input,textarea,select{font:inherit;color:inherit}img,svg{max-width:100%;display:block}ul,ol{list-style:none}:focus-visible{outline-offset:.125rem;outline:.125rem solid #6366f1}.msg-row{cursor:pointer;border-bottom:.0625rem solid #e5e7eb;padding:.75rem 1rem;transition:background .1s}.msg-row:hover{background:#f9fafb}.msg-row--selected{background:#eef2ff}.msg-row--unread .msg-row__from,.msg-row--unread .msg-row__subject{color:#1d4ed8;font-weight:700}.msg-row__top{flex-direction:row;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.25rem;display:flex}.msg-row__from{white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:500;overflow:hidden}.msg-row__count{color:#6b7280;font-size:.8rem;font-weight:400}.msg-row__date{color:#6b7280;flex-shrink:0;font-size:.75rem}.msg-row__subject{white-space:nowrap;text-overflow:ellipsis;margin-bottom:.125rem;font-size:.875rem;overflow:hidden}.msg-row__snippet{white-space:nowrap;text-overflow:ellipsis;color:#6b7280;font-size:.8rem;overflow:hidden}.msg-list{flex:1;overflow-y:auto}.msg-list__empty{text-align:center;color:#6b7280;padding:1.5rem;font-size:.875rem}.thread-view{flex-direction:column;flex:1;display:flex;overflow:hidden}.thread-view__loading,.thread-view__error{color:#6b7280;flex-direction:row;flex:1;justify-content:center;align-items:center;gap:0;font-size:.875rem;display:flex}.thread-view__header{border-bottom:.0625rem solid #e5e7eb;flex-direction:row;flex-shrink:0;justify-content:flex-start;align-items:center;gap:0;height:3.5rem;min-height:3.5rem;max-height:3.5rem;padding:0 1.5rem;display:flex;overflow:hidden}.thread-view__subject{font-size:1.1rem;font-weight:600}.thread-view__messages{flex-direction:column;flex:1;display:flex;overflow-y:auto}.thread-view__card{background:#fff;flex-direction:column;min-height:100%;display:flex;overflow:hidden}.thread-view__item{border-bottom:.0625rem solid #e5e7eb;flex-direction:column;display:flex}.thread-view__item--last{border-bottom:none;flex:1}.thread-view__meta{cursor:pointer;background:#f9fafb;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:1rem;padding:.75rem 1rem;transition:background .1s;display:flex}.thread-view__meta:hover{background:#e5e7eb}.thread-view__item--expanded>.thread-view__meta{border-bottom:.0625rem solid #e5e7eb}.thread-view__meta-left{flex-direction:column;flex:1;gap:.125rem;min-width:0;display:flex}.thread-view__meta-right{flex-direction:row;flex-shrink:0;justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.thread-view__from{white-space:nowrap;flex-shrink:0;font-size:.875rem;font-weight:600}.thread-view__date{color:#6b7280;white-space:nowrap;flex-shrink:0;align-self:center;font-size:.75rem}.thread-view__snippet-preview{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}.thread-view__recipient-row{flex-direction:row;justify-content:flex-start;align-items:center;gap:.25rem;display:flex;position:relative}.thread-view__recipient-label{color:#6b7280;font-size:.75rem}.thread-view__info-btn{color:#6b7280;cursor:pointer;background:0 0;border:.0625rem solid #e5e7eb;border-radius:9999px;flex-direction:row;flex-shrink:0;justify-content:center;align-items:center;gap:0;width:1.125rem;height:1.125rem;padding:0;transition:background .1s,color .1s;display:flex}.thread-view__info-btn:hover{color:#111827;background:#e5e7eb}.thread-view__info-dropdown{z-index:100;white-space:nowrap;cursor:default;-webkit-user-select:text;user-select:text;background:#fff;border:.0625rem solid #e5e7eb;border-radius:.5rem;min-width:22rem;padding:.75rem 1rem;position:absolute;top:calc(100% + .25rem);left:0;box-shadow:0 .25rem .375rem -.0625rem #0000001a,0 .125rem .25rem -.125rem #0000001a}.thread-view__info-table{border-collapse:collapse;width:100%;font-size:.8rem}.thread-view__info-table td{vertical-align:top;padding:.1875rem .5rem}.thread-view__info-table td:first-child{color:#6b7280;white-space:nowrap;padding-right:1rem;font-weight:500}.thread-view__info-table td:last-child{color:#111827;word-break:break-all}.thread-view__info-table td.thread-view__info-copy{cursor:pointer;border-radius:.25rem;transition:background .1s,color .1s}.thread-view__info-table td.thread-view__info-copy:hover{color:#6366f1;background:#f9fafb}.thread-view__info-copied{color:#22c55e;font-weight:500}.thread-view__body,.thread-view__body-scroll{flex-direction:column;flex:1;min-height:0;display:flex}.thread-view__iframe{border:none;flex:1;width:100%;min-height:0;display:block}.thread-view__snippet{white-space:pre-wrap;padding:1rem;font-size:.875rem}.thread-view__attachments{background:#f9fafb;border-top:.0625rem solid #e5e7eb;flex-wrap:wrap;gap:.5rem;padding:.75rem 1rem;display:flex}.thread-view__attachment{color:#111827;cursor:pointer;background:#fff;border:.0625rem solid #e5e7eb;border-radius:.25rem;flex-direction:row;justify-content:flex-start;align-items:center;gap:.25rem;padding:.25rem .75rem;font-size:.8rem;text-decoration:none;transition:background .1s,border-color .1s;display:flex}.thread-view__attachment:hover{color:#6366f1;background:#f9fafb;border-color:#6366f1}.thread-view__attachment span{text-overflow:ellipsis;white-space:nowrap;max-width:14rem;overflow:hidden}.thread-view__attachment-size{color:#6b7280;flex-shrink:0;max-width:none!important}.thread-view__actions{background:#f9fafb;border-top:.0625rem solid #e5e7eb;flex-direction:row;justify-content:flex-start;align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex}.thread-view__action-btn{color:#6b7280;background:0 0;border:.0625rem solid #e5e7eb;border-radius:9999px;flex-direction:row;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.8rem;font-weight:500;transition:background .1s,color .1s,border-color .1s;display:flex}.thread-view__action-btn:hover{color:#111827;background:#f9fafb}.drafts-list{list-style:none}.drafts-list__loading,.drafts-list__empty{text-align:center;color:#6b7280;padding:2rem;font-size:.875rem}.drafts-list__row{cursor:pointer;border-bottom:.0625rem solid #e5e7eb;grid-template-rows:auto auto;grid-template-columns:1fr auto;gap:0 .75rem;padding:.75rem 1rem;display:grid}.drafts-list__row:hover{background:#f9fafb}.drafts-list__to{color:#6b7280;text-overflow:ellipsis;white-space:nowrap;grid-area:1/1;font-size:.8rem;overflow:hidden}.drafts-list__subject{color:#ef4444;text-overflow:ellipsis;white-space:nowrap;grid-area:2/1;font-size:.875rem;font-weight:500;overflow:hidden}.drafts-list__date{color:#6b7280;white-space:nowrap;grid-area:1/2/3;align-self:center;font-size:.75rem}.inbox{flex:1;display:flex;overflow:hidden}.inbox__list{border-right:.0625rem solid #e5e7eb;flex-direction:column;flex-shrink:0;width:21.25rem;display:flex;overflow:hidden}.inbox__header{border-bottom:.0625rem solid #e5e7eb;flex-direction:row;flex-shrink:0;justify-content:space-between;align-items:center;gap:.5rem;height:3.5rem;min-height:3.5rem;max-height:3.5rem;padding:0 1rem;display:flex;overflow:hidden}.inbox__title{font-size:1rem;font-weight:600}.inbox__count{color:#6b7280;background:#f9fafb;border-radius:9999px;padding:.125rem .5rem;font-size:.75rem}.inbox__loading,.inbox__empty{color:#6b7280;flex-direction:row;flex:1;justify-content:center;align-items:center;gap:0;font-size:.875rem;display:flex}.inbox__detail{flex-direction:column;flex:1;display:flex;overflow:hidden}.search-results{flex:1;overflow-y:auto}.search-results__header{border-bottom:.0625rem solid #e5e7eb;padding:1rem 1.5rem}.search-results__title{font-size:1rem;font-weight:600}.search-results__state{text-align:center;color:#6b7280;padding:1.5rem;font-size:.875rem}.account-settings{flex-direction:column;gap:1.25rem;display:flex}.account-settings__heading{margin-bottom:.5rem;font-size:1rem;font-weight:700}.account-settings__label{flex-direction:column;gap:.5rem;font-size:.875rem;font-weight:500;display:flex}.account-settings__input{border:.0625rem solid #e5e7eb;border-radius:.5rem;outline:none;padding:.5rem .75rem;font-size:.875rem;transition:border-color .1s}.account-settings__input:focus{border-color:#6366f1}.account-settings__input:disabled{color:#6b7280;background:#f9fafb}.account-settings__save{color:#fff;background:#6366f1;border-radius:9999px;align-self:flex-start;padding:.5rem 1.25rem;font-size:.875rem;font-weight:600;transition:background .1s}.account-settings__save:hover{background:#4f46e5}.sig-editor{flex-direction:column;gap:1rem;display:flex}.sig-editor__heading{font-size:1rem;font-weight:700}.sig-editor__hint{color:#6b7280;margin-top:-.5rem;font-size:.8rem}.sig-editor__textarea{resize:vertical;border:.0625rem solid #e5e7eb;border-radius:.5rem;outline:none;padding:.75rem;font-family:JetBrains Mono,Fira Code,monospace;font-size:.875rem}.sig-editor__textarea:focus{border-color:#6366f1}.sig-editor__preview{border:.0625rem solid #e5e7eb;border-radius:.5rem;overflow:hidden}.sig-editor__preview-label{color:#6b7280;background:#f9fafb;border-bottom:.0625rem solid #e5e7eb;padding:.5rem .75rem;font-size:.75rem}.sig-editor__preview-body{padding:1rem;font-size:.875rem}.sig-editor__save{color:#fff;background:#6366f1;border-radius:9999px;align-self:flex-start;padding:.5rem 1.25rem;font-size:.875rem;font-weight:600;transition:background .1s}.sig-editor__save:hover{background:#4f46e5}.settings{flex-direction:column;flex:1;display:flex;overflow:hidden}.settings__tabs{border-bottom:.0625rem solid #e5e7eb;flex-direction:row;flex-shrink:0;justify-content:flex-start;align-items:center;gap:0;padding:0 1.5rem;display:flex}.settings__tab{color:#6b7280;border-bottom:.125rem solid #0000;margin-bottom:-.0625rem;padding:.75rem 1rem;font-size:.875rem;transition:color .1s,border-color .1s}.settings__tab:hover{color:#111827;text-decoration:none}.settings__tab--active{color:#6366f1;border-bottom-color:#6366f1;font-weight:600}.settings__content{flex:1;max-width:35rem;padding:2rem 1.5rem;overflow-y:auto}.compose-page{border-left:.0625rem solid #e5e7eb;border-right:.0625rem solid #e5e7eb;flex-direction:column;flex:1;align-self:center;width:100%;max-width:56rem;min-height:0;display:flex;overflow:hidden}.compose-page__back{color:#fff;opacity:.7}.compose-page__back:hover{opacity:1}.compose-page__loading{color:#6b7280;flex:1;justify-content:center;align-items:center;font-size:.875rem;display:flex}.sidebar{background:#fff;border-right:.0625rem solid #e5e7eb;flex-direction:column;flex-shrink:0;gap:1rem;width:13.75rem;padding:1rem .75rem;display:flex}.sidebar__compose{color:#fff;background:#6366f1;border-radius:9999px;flex-direction:row;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:background .1s;display:flex}.sidebar__compose:hover{background:#4f46e5}.sidebar__nav{flex-direction:column;gap:.25rem;display:flex}.sidebar__nav--bottom{margin-top:auto}.sidebar__link{color:#6b7280;border-radius:.5rem;flex-direction:row;justify-content:flex-start;align-items:center;gap:.75rem;padding:.5rem .75rem;font-size:.875rem;transition:background .1s,color .1s;display:flex}.sidebar__link:hover{color:#111827;background:#f9fafb;text-decoration:none}.sidebar__link--active{color:#6366f1;background:#f9fafb;font-weight:600}.toolbar{background:#fff;border-bottom:.0625rem solid #e5e7eb;flex-direction:row;flex-shrink:0;justify-content:space-between;align-items:center;gap:1rem;height:3.5rem;padding:0 1rem;display:flex}.toolbar__search{background:#f9fafb;border:.0625rem solid #e5e7eb;border-radius:9999px;flex-direction:row;flex:1;justify-content:flex-start;align-items:center;gap:.5rem;max-width:30rem;padding:.5rem 1rem;display:flex}.toolbar__search-icon{color:#6b7280;flex-shrink:0}.toolbar__search-input{background:0 0;border:none;outline:none;flex:1;font-size:.875rem}.toolbar__right{flex-direction:row;justify-content:flex-end;align-items:center;gap:.75rem;display:flex}.toolbar__user{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;max-width:10rem;font-size:.875rem;overflow:hidden}.toolbar__logout{color:#6b7280;border-radius:.25rem;padding:.25rem;transition:color .1s}.toolbar__logout:hover{color:#ef4444}.login-page{background:#f9fafb;flex-direction:row;justify-content:center;align-items:center;gap:0;min-height:100dvh;display:flex}.login-form{background:#fff;border:.0625rem solid #e5e7eb;border-radius:.75rem;flex-direction:column;gap:1rem;width:100%;max-width:calc(4rem + 300px);padding:2rem;display:flex;box-shadow:0 .25rem .375rem -.0625rem #0000001a,0 .125rem .25rem -.125rem #0000001a}.login-form__title{color:#6366f1;text-align:center;font-size:1.5rem;font-weight:700}.login-form__subtitle{color:#6b7280;text-align:center;margin-top:-.5rem;font-size:.875rem}.login-form__label{flex-direction:column;gap:.5rem;font-size:.875rem;font-weight:500;display:flex}.login-form__input{border:.0625rem solid #e5e7eb;border-radius:.5rem;outline:none;width:300px;padding:.5rem .75rem;font-size:.875rem;transition:border-color .1s}.login-form__input:focus{border-color:#6366f1}.login-form__turnstile{width:100%}.login-form__turnstile>div{width:100%!important}.login-form__turnstile iframe{border-radius:.5rem;width:100%!important}.login-form__error{color:#ef4444;text-align:center;font-size:.8rem}.login-form__submit{color:#fff;background:#6366f1;border-radius:.5rem;width:300px;padding:.75rem;font-size:.875rem;font-weight:600;transition:background .1s}.login-form__submit:hover:not(:disabled){background:#4f46e5}.login-form__submit:disabled{opacity:.6;cursor:not-allowed}:root{--color-primary:#6366f1;--color-primary-dark:#4f46e5;--color-bg:#f9fafb;--color-surface:#fff;--color-border:#e5e7eb;--color-text:#111827;--color-text-muted:#6b7280;--sidebar-width:13.75rem;--toolbar-height:3.5rem}.app{height:100dvh;display:flex;overflow:hidden}.app__main{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.app__content{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}