*,: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-shrink:0;padding:1rem 1.5rem}.thread-view__subject{font-size:1.1rem;font-weight:600}.thread-view__messages{flex-direction:column;flex:1;gap:1rem;padding:1rem;display:flex;overflow-y:auto}.thread-view__message{background:#fff;border:.0625rem solid #e5e7eb;border-radius:.75rem;overflow:hidden}.thread-view__meta{background:#f9fafb;border-bottom:.0625rem solid #e5e7eb;flex-direction:row;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.thread-view__from{font-size:.875rem;font-weight:600}.thread-view__date{color:#6b7280;font-size:.75rem}.thread-view__iframe{border:none;width:100%;min-height:20rem;display:block}.thread-view__snippet{white-space:pre-wrap;padding:1rem;font-size:.875rem}.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;padding:1rem;display:flex}.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}.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__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}