.rich-editor{border:1px solid var(--line);background:var(--bg-elevated);border-radius:14px;overflow:visible}.rte-toolbar{background:var(--green-50);border-bottom:1px solid var(--line);border-radius:14px 14px 0 0;flex-wrap:wrap;align-items:center;gap:4px;padding:7px 8px;display:flex}.rte-group{align-items:center;gap:2px;display:flex}.rte-divider{background:var(--line);flex:none;width:1px;height:18px;margin:0 3px}.rte-btn{width:30px;height:30px;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:9px;place-items:center;padding:0;transition:background .15s,color .15s;display:inline-grid}.rte-btn:hover{background:#2d5a3e14}.rte-btn.is-active{background:var(--green-600);color:#fff}.rte-glyph{font-size:15px;line-height:1}.rte-select{border:1px solid var(--line);background:var(--bg-elevated);height:30px;color:var(--text);cursor:pointer;border-radius:9px;max-width:100%;padding:0 6px;font-size:12.5px}.rte-select--font{flex:0 116px;min-width:84px}.rte-select--size{flex:none;width:62px}.rte-select:focus{border-color:var(--green-600);outline:none}.rte-color{position:relative}.rte-palette{z-index:40;background:var(--bg-elevated);border:1px solid var(--line);width:max-content;max-width:min(268px,100vw - 24px);box-shadow:var(--shadow-soft), 0 12px 28px #2d5a3e24;border-radius:14px;padding:10px;position:absolute;top:36px;left:auto;right:0}.rte-palette__head{color:var(--text-muted);justify-content:space-between;align-items:center;gap:12px;padding:0 2px 8px;font-size:12px;display:flex}.rte-palette__close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;place-items:center;padding:2px;display:inline-grid}.rte-palette__close:hover{color:var(--text);background:#2d5a3e14}.rte-palette__grid{grid-template-columns:repeat(auto-fill,minmax(24px,1fr));gap:6px;width:232px;max-width:100%;display:grid}.rte-swatch{cursor:pointer;border:1px solid #1c2b221f;border-radius:6px;width:100%;min-width:0;height:26px;padding:0;transition:transform .12s}.rte-swatch:hover{transform:scale(1.14)}.rte-swatch.is-active{outline:2px solid var(--green-700);outline-offset:1.5px}.rte-palette__reset{border:1px solid var(--line);background:var(--green-50);width:100%;color:var(--green-700);cursor:pointer;border-radius:9px;margin-top:9px;padding:7px 0;font-size:12.5px}.rte-palette__reset:hover{background:var(--green-100)}.rich-editor-content{min-height:160px;color:var(--text);outline:none;padding:12px 14px;font-size:15px;line-height:1.65}.rich-editor-content p{margin:0 0 8px}.rich-editor-content p:last-child{margin-bottom:0}.rich-editor-content ul,.rich-editor-content ol{margin:0 0 8px;padding-left:22px}.rich-editor-content a{color:var(--green-700)}.rich-editor-content blockquote{border-left:3px solid var(--green-100);color:var(--text-muted);margin:0 0 8px;padding-left:12px}.sheet-backdrop{z-index:60;background:#14221a57;flex-direction:column;justify-content:flex-end;animation:.18s sheet-fade;display:flex;position:fixed;inset:0}@keyframes sheet-fade{0%{opacity:0}}.action-sheet{margin:0 10px calc(12px + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(18px)saturate(140%);backdrop-filter:blur(18px)saturate(140%);background:#f3f6f4eb;border:1px solid #fff9;border-radius:20px;max-height:72vh;padding:14px;animation:.24s cubic-bezier(.22,1,.36,1) sheet-rise;position:relative;overflow-y:auto;box-shadow:0 16px 40px #14221a33}@keyframes sheet-rise{0%{opacity:0;transform:translateY(18px)}}.action-sheet__close{width:28px;height:28px;color:var(--text-muted);cursor:pointer;z-index:2;background:#2d5a3e14;border:none;border-radius:50%;place-items:center;display:grid;position:absolute;top:12px;right:12px}.action-sheet__close:hover{color:var(--text);background:#2d5a3e24}.action-sheet__head{border-bottom:1px solid var(--line);margin-bottom:12px;padding:2px 40px 12px 4px}.action-sheet__title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;margin:0 0 3px;font-size:15px;font-weight:600;overflow:hidden}.action-sheet__body{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:13px;line-height:1.45;overflow:hidden}.action-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.action-grid__item{cursor:pointer;color:var(--text);background:#fff;border:1px solid #ffffffe6;border-radius:14px;flex-direction:column;align-items:center;gap:7px;padding:12px 2px 10px;font-size:12px;line-height:1.2;transition:transform .12s,box-shadow .12s;display:flex;box-shadow:0 1px 3px #14221a0f}.action-grid__item:active{box-shadow:none;transform:scale(.96)}.action-grid__icon{color:var(--green-700);place-items:center;display:grid}.action-grid__item--danger .action-grid__icon{color:#d9544a}.action-grid__item--on .action-grid__icon{color:#e0a02a}.batch-bar{padding:10px 18px calc(10px + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(14px)saturate(150%);backdrop-filter:blur(14px)saturate(150%);border-top:1px solid var(--line);background:#f8f4eee6;flex:none;justify-content:space-between;align-items:center;margin-top:auto;display:flex}.batch-bar__btn{width:46px;height:46px;color:var(--green-700);cursor:pointer;background:0 0;border:none;border-radius:14px;place-items:center;transition:background .15s,transform .12s;display:grid}.batch-bar__btn:hover:not(:disabled){background:var(--green-50)}.batch-bar__btn:active:not(:disabled){transform:scale(.92)}.batch-bar__btn--danger{color:#d9544a}.batch-bar__btn:disabled{color:var(--text-muted);opacity:.45;cursor:default}.batch-row{background:0 0;align-items:center;gap:8px;padding:0 10px 0 12px;display:flex}.batch-row__content{text-align:left;cursor:pointer;background:0 0;border:none;flex:1;width:100%;min-width:0;padding:12px 4px}.batch-row__content .mail-item__from{color:var(--text)}.batch-row__content .mail-item__date{color:var(--text-muted)}.mail-item__date{align-items:center;gap:4px;display:inline-flex}.mail-item__trash-badge{color:var(--text-muted);align-items:center;display:inline-flex}.batch-select-dot{border:2px solid var(--line);cursor:pointer;background:#fff;border-radius:50%;flex:none;width:22px;height:22px;padding:0;display:inline-block;position:relative}.batch-select-dot--on{background:var(--green-600);border-color:var(--green-600)}.batch-select-dot--on:after{content:"";border:0 solid #fff;border-width:0 0 2.2px 2.2px;width:10px;height:5px;position:absolute;top:50%;left:50%;transform:translate(-50%,-60%)rotate(-45deg)}.search-bar{border-bottom:1px solid var(--line);color:var(--text-muted);box-sizing:border-box;background:#fff;flex-shrink:0;align-items:center;gap:8px;width:100%;padding:8px 12px;display:flex}.search-bar__icon{color:var(--text-muted);flex:none}.search-bar__input{border:1px solid var(--line);min-width:0;height:38px;color:var(--text);background:#fff;border-radius:10px;flex:1;padding:0 12px;font-size:16px}.search-bar__input:focus{border-color:var(--gray-400,#c4c8ce);outline:none}.search-bar__scope{border:1px solid var(--line);width:38px;height:38px;color:var(--text-muted);cursor:pointer;background:#fff;border-radius:10px;flex:none;justify-content:center;align-items:center;display:inline-flex}.search-bar__scope:hover{background:var(--gray-100,#f2f3f5);color:var(--text)}.search-bar__close{cursor:pointer;width:34px;height:34px;color:var(--text-muted);background:0 0;border:none;flex:none;justify-content:center;align-items:center;display:inline-flex}.search-bar__close:hover{color:var(--text)}.contacts-page{flex-direction:column;min-width:0;height:100%;padding:0 12px;display:flex;overflow:hidden}.mail-shell--desktop.is-contacts .contacts-page{border-left:1px solid var(--line);grid-column:2/4}.contacts-backdrop{z-index:70;background:#14221a57;flex-direction:column;justify-content:flex-end;animation:.18s sheet-fade;display:flex;position:fixed;inset:0}.contacts-modal{background:var(--bg-elevated);border-radius:20px 20px 0 0;flex-direction:column;height:88svh;animation:.24s cubic-bezier(.22,1,.36,1) sheet-rise;display:flex;overflow:hidden;box-shadow:0 -8px 32px #14221a38}.contacts-page--modal{border-radius:20px 20px 0 0;height:100%}.contacts-page>.mail-list__head{z-index:2;margin:0 -12px;padding-left:12px;padding-right:12px;position:sticky;top:0}.attach-chip{background:var(--green-50);border:1px solid var(--line);max-width:100%;color:var(--text);border-radius:10px;align-items:center;gap:6px;margin:4px 4px 0 0;padding:6px 8px;font-size:12px;display:inline-flex}.attach-chip__name{text-overflow:ellipsis;white-space:nowrap;max-width:190px;overflow:hidden}.attach-chip__x{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:5px;flex:none;place-items:center;padding:2px;display:inline-grid}.attach-chip__x:hover{color:var(--text);background:#2d5a3e1a}.mail-item__more{z-index:4;color:var(--text-muted);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:8px;place-items:center;padding:4px;transition:opacity .15s,background .15s;display:grid;position:absolute;top:40px;right:8px}.mail-list__items li:hover .mail-item__more,.mail-item__more:focus-visible{opacity:1}.mail-item__more:hover{color:var(--text);background:#2d5a3e1a}.mail-item__flag{z-index:4}.btn{border:1px solid var(--line);background:var(--bg-elevated);color:var(--text);cursor:pointer;appearance:none;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:9px 16px;font-family:inherit;font-size:14px;font-weight:650;line-height:1.4;transition:background .15s,border-color .15s;display:inline-flex}.btn:hover:not(:disabled){background:var(--green-50);border-color:var(--green-600)}.btn:disabled{color:var(--text-muted);opacity:.55;cursor:default}.btn--primary{background:var(--green-600);border-color:var(--green-600);color:#fff}.btn--primary:hover:not(:disabled){background:var(--green-700);border-color:var(--green-700)}.btn--primary:disabled{background:var(--green-600);border-color:var(--green-600);color:#fff}.btn--danger{color:#d9544a;border-color:#d9544a}.btn--danger:hover:not(:disabled){background:#d9544a14;border-color:#d9544a}.mail-compose__body .rich-editor{flex-direction:column;flex:1;min-height:220px;margin-top:12px;display:flex}.mail-compose__body .rich-editor--loading{flex:1}.mail-compose__body .rich-editor>.rte-toolbar{flex:none}.mail-compose__body .rich-editor .tiptap,.mail-compose__body .rich-editor>div:last-child{flex-direction:column;flex:1;display:flex}.mail-compose__body .rich-editor .rich-editor-content{flex:1;min-height:0}.mail-compose-pane{background:var(--bg-elevated);flex-direction:column;min-width:0;height:100%;display:flex;overflow:hidden}.mail-shell--desktop.is-composing-new .mail-compose-pane{grid-column:2/4}.mail-compose-pane>.mail-modal__head{border-bottom:1px solid var(--line);flex:none;padding:14px 16px}.mail-shell--desktop .mail-compose-pane{border-left:1px solid var(--line)}.mail-compose-pane>.mail-modal__foot{flex:none;margin-top:auto}.rte-font{position:relative}.rte-select--font{cursor:pointer;text-align:left;flex:0 116px;justify-content:space-between;align-items:center;gap:4px;min-width:90px;display:inline-flex}.rte-font__label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rte-font__caret{color:var(--text-muted);flex:none;font-size:10px}.rte-select--font.is-open{border-color:var(--green-600)}.rte-font__menu{z-index:40;background:var(--bg-elevated);border:1px solid var(--line);min-width:min(216px,100vw - 32px);max-width:calc(100vw - 32px);max-height:62vh;box-shadow:var(--shadow-soft), 0 12px 28px #2d5a3e24;border-radius:14px;padding:6px;position:absolute;top:36px;left:0;overflow-y:auto}.rte-font__item{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:9px;justify-content:space-between;align-items:baseline;gap:10px;padding:9px 10px;font-size:16px;line-height:1.4;display:flex}.rte-font__item:hover{background:var(--green-50)}.rte-font__item.is-active{background:var(--green-100);color:var(--green-700)}.rte-font__item-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.rte-font__missing{color:#b45309;font-size:11px;font-weight:600;font-family:var(--font-sans,system-ui), sans-serif;flex:none}.rte-font__note{border-top:1px solid var(--line);color:var(--text-muted);font-size:11.5px;line-height:1.55;font-family:var(--font-sans,system-ui), sans-serif;margin:6px 4px 2px;padding-top:8px}.mail-folders__contacts{border:none;border-top:1px solid var(--line);width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border-radius:0 0 10px 10px;align-items:center;gap:9px;margin-top:8px;padding:9px 12px;font-size:14px;display:flex}.mail-folders__contacts:hover{background:var(--green-50);color:var(--green-700)}.contacts-page__body{flex:1;min-height:0;padding:12px 0 20px;overflow-y:auto}.mail-shell--desktop .contacts-page{padding:0 20px}.mail-shell--desktop .contacts-page>.mail-list__head{margin:0 -20px;padding-left:20px;padding-right:20px}.contact-avatar{background:var(--green-100);width:36px;height:36px;color:var(--green-700);border-radius:50%;flex:none;place-items:center;font-size:14px;font-weight:700;display:grid;overflow:hidden}.contact-avatar--img{-o-object-fit:cover;object-fit:cover;display:block}.contact-name{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.contact-nickname{color:var(--text-muted);margin-left:6px;font-size:12px;font-weight:400}.contact-acts{flex:none;align-items:center;gap:2px;display:flex}.contact-act{width:30px;height:30px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:9px;place-items:center;padding:0;transition:background .15s,color .15s;display:grid}.contact-act:hover:not(:disabled){background:var(--green-50);color:var(--green-700)}.contact-act--mail{color:var(--green-700)}.contact-act.is-on{color:#e0a02a}.contact-act--danger:hover{color:#d9544a;background:#d9544a1a}.contact-act:disabled{opacity:.35;cursor:default}.contact-table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:13.5px}.contact-table th{text-align:left;color:var(--text-muted);border-bottom:1px solid var(--line);white-space:nowrap;padding:0 12px 8px;font-size:12px;font-weight:650}.contact-table td{border-bottom:1px solid var(--line);color:var(--text);vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;padding:11px 12px;overflow:hidden}.contact-table tbody tr:hover td{background:var(--green-50)}.contact-table__who>*{vertical-align:middle}.contact-table__who .contact-avatar{margin-right:9px;display:inline-grid}.contact-table__who .contact-name{display:inline}.contact-cell--num{font-variant-numeric:tabular-nums;letter-spacing:.01em}.contact-cell--muted{color:var(--text-muted)}.contact-cell--ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.contact-table th.contact-table__ops,.contact-table td.contact-table__ops{text-align:right;padding-right:0;overflow:visible}.contact-table__ops .contact-acts{justify-content:flex-end}.contact-list{margin:0;padding:0;list-style:none}.contact-row{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:12px 0;display:flex}.contact-row:last-child{border-bottom:none}.contact-row__main{flex:1;min-width:0}.contact-row__meta{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:12.5px;overflow:hidden}.contact-row__remark{background:var(--green-50);color:var(--green-700);border-radius:8px;margin-top:6px;padding:2px 8px;font-size:12px;display:inline-block}.contact-row .contact-acts{gap:6px;padding-right:2px}.contact-row .contact-act{background:var(--green-50);border-radius:12px;width:40px;height:40px}.contact-row .contact-act:disabled{background:0 0}.contact-form{max-width:460px}.contact-form h3{color:var(--text);margin:0 0 10px;font-size:15px;font-weight:650}.contact-form__hint{background:var(--green-50);color:var(--text-muted);border-radius:10px;margin:0 0 14px;padding:9px 11px;font-size:12.5px;line-height:1.55}.contact-field{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.contact-field span{color:var(--text);font-size:13px;font-weight:600}.contact-field input{border:1px solid var(--line);width:100%;font:inherit;background:var(--bg-elevated);color:var(--text);border-radius:12px;outline:none;padding:10px 12px;font-size:14px}.contact-field input:focus{border-color:var(--green-600)}.contact-form__actions{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.rich-editor--loading{min-height:220px;color:var(--text-muted);place-items:center;font-size:13px;display:grid}.chunk-fallback{border:1px solid var(--line);background:var(--green-50);text-align:center;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:220px;padding:24px 16px;display:flex}.chunk-fallback__text{color:var(--text-muted);margin:0;font-size:13.5px;line-height:1.7}.chunk-fallback__detail{max-width:100%;color:var(--text-muted);word-break:break-all;background:#1c2b220f;border-radius:8px;padding:8px 10px;font-family:SF Mono,Consolas,monospace;font-size:11.5px;line-height:1.5;display:block}.chunk-fallback__actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.mail-compose__autosave{color:var(--text-muted);white-space:nowrap;margin-right:auto;padding-left:4px;font-size:12px}.mail-modal__foot .btn{white-space:nowrap;flex:none;min-width:88px}.mail-modal__foot{flex-wrap:nowrap}.mail-compose__autosave{text-overflow:ellipsis;min-width:0;overflow:hidden}.recipient-input{flex:1;min-width:0;position:relative}.recipient-input input{width:100%}.recipient-suggest{z-index:30;background:var(--bg-elevated);border:1px solid var(--line);max-height:210px;box-shadow:var(--shadow-soft), 0 10px 24px #2d5a3e24;border-radius:12px;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.recipient-suggest__item{text-align:left;cursor:pointer;width:100%;color:var(--text);background:0 0;border:none;border-radius:8px;align-items:baseline;gap:8px;padding:8px 10px;font-size:13.5px;display:flex}.recipient-suggest__item:hover,.recipient-suggest__item.is-active{background:var(--green-50);color:var(--green-700)}.recipient-suggest__addr{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.recipient-suggest__name{color:var(--text-muted);flex:none;margin-left:auto;font-size:12px}:root{--bg:#f8f4ee;--bg-elevated:#fff;--green-50:#eef3ed;--green-100:#dce7da;--green-600:#6e8c6a;--green-700:#54704f;--text:#463f38;--text-muted:#6b6259;--line:#463f381f;--radius-card:18px;--shadow-soft:0 8px 24px #2d5a3e0f;--font-sans:"PingFang SC", "HarmonyOS Sans SC", "Source Han Sans SC", "Noto Sans CJK SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-display:-apple-system, BlinkMacSystemFont, "PingFang SC", var(--font-sans);font-family:var(--font-sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text);background:var(--bg)}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}.field{flex-direction:column;gap:6px;display:flex}.field span{color:var(--text);font-size:13px;font-weight:600}.field input,.field select,.field textarea{border:1px solid var(--line);width:100%;min-width:0;color:var(--text);background:#fff;border-radius:14px;outline:none;padding:12px 14px}.field textarea{resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:color-mix(in srgb, var(--green-600) 55%, var(--line));background:#fff}.field select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5 11 1.5' stroke='%23517a5c' stroke-width='1.6' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:34px}input[type=checkbox],input[type=radio]{width:20px;height:20px;accent-color:var(--green-600);cursor:pointer;flex-shrink:0}html,body{overflow-x:hidden}.mail-boot{background:var(--bg);place-items:center;min-height:100svh;padding:24px;display:grid}.mail-boot__spinner{border:3px solid var(--green-100);border-top-color:var(--green-600);border-radius:50%;width:32px;height:32px;animation:.7s linear infinite mail-spin}@keyframes mail-spin{to{transform:rotate(360deg)}}.mail-empty-card{text-align:center;background:var(--bg-elevated);border:1px solid var(--line);border-radius:var(--radius-card);max-width:380px;box-shadow:var(--shadow-soft);padding:28px 22px}.mail-empty-card h1{margin:0 0 10px;font-size:19px}.mail-empty-card p{color:var(--text-muted);margin:0 0 18px;font-size:14px;line-height:1.7}.mail-login{background:var(--bg);place-items:center;min-height:100svh;padding:24px 16px;display:grid}.mail-login__card{background:var(--bg-elevated);border:1px solid var(--line);border-radius:var(--radius-card);width:100%;max-width:380px;box-shadow:var(--shadow-soft);padding:28px 22px}.mail-login__brand{align-items:center;gap:12px;margin-bottom:22px;display:flex}.mail-login__logo{width:44px;height:44px;color:var(--green-700);background:var(--green-50);border-radius:14px;flex-shrink:0;place-items:center;display:grid}.mail-login__brand h1{font-size:18px;font-family:var(--font-display);margin:0}.mail-login__brand p{color:var(--text-muted);margin:2px 0 0;font-size:13px}.mail-login__submit{width:100%;margin-top:18px}.mail-login__error{color:#b45309;margin:12px 0 0;font-size:13px}.mail-login__hint{color:var(--text-muted);margin:14px 0 0;font-size:12px;line-height:1.6}.mail-login__tabs{background:var(--green-50);border-radius:12px;gap:4px;margin-bottom:18px;padding:3px;display:flex}.mail-login__tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:9px;flex:1;padding:8px 0;font-size:13.5px;font-weight:600}.mail-login__tab.is-active{background:var(--bg-elevated);color:var(--green-700);box-shadow:var(--shadow-soft)}.mail-login__code-row{align-items:flex-end;gap:8px;display:flex}.mail-login__code-row .field{flex:1}.mail-login__code-btn{white-space:nowrap;flex-shrink:0;padding:12px 14px}.mail-login__step-hint{color:var(--text-muted);margin:0 0 16px;font-size:13px;line-height:1.6}.mail-login__step-hint strong{color:var(--text)}.mail-login__back{color:var(--text-muted);cursor:pointer;background:0 0;border:none;margin-top:14px;padding:0;font-size:13px}.mail-login__back:hover{color:var(--green-700)}.mail-shell{background:var(--bg);min-height:100svh}.mail-shell--desktop{grid-template-columns:232px 340px 1fr;height:100svh;display:grid;overflow:hidden}.mail-shell--mobile{display:block}.mail-folders{padding:18px 14px calc(14px + env(safe-area-inset-bottom));border-right:1px solid var(--line);background:var(--bg);flex-direction:column;gap:14px;display:flex;overflow-y:auto}.mail-folders__account{align-items:center;gap:10px;min-width:0;display:flex}.mail-folders__avatar{background:var(--green-100);width:38px;height:38px;color:var(--green-700);appearance:none;border:none;border-radius:50%;flex-shrink:0;place-items:center;padding:0;font-family:inherit;font-size:15px;font-weight:700;display:grid;overflow:hidden}.mail-folders__avatar.is-toggleable{cursor:pointer;transition:transform .12s,box-shadow .12s}.mail-folders__avatar.is-toggleable:hover{box-shadow:0 0 0 2px var(--green-100)}.mail-folders__avatar.is-toggleable:active{transform:scale(.94)}.mail-folders__avatar-img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.mail-folders__id{min-width:0}.mail-folders__id strong{font-size:14px;display:block}.mail-folders__id span{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.mail-folders__compose{width:100%}.mail-folders__list{flex:1;margin:0;padding:0;list-style:none}.mail-folders__item{text-align:left;width:100%;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:10px;padding:9px 12px;font-size:14px}.mail-folders__item.is-active{background:var(--green-50);color:var(--green-700);font-weight:600}.mail-folders__footer{border-top:1px solid var(--line);flex-direction:column;gap:2px;padding-top:10px;display:flex}.mail-folders__link{text-align:left;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:7px 12px;font-size:13px}.mail-folders__link:hover{background:var(--green-50);color:var(--green-700)}.mail-folders__link--danger{color:#b45309}.mail-list{border-right:1px solid var(--line);flex-direction:column;display:flex;overflow:hidden}.mail-shell--mobile .mail-list{border-right:none;min-height:100svh}.mail-list__head{padding:14px 14px calc(14px + env(safe-area-inset-top));padding-top:calc(14px + env(safe-area-inset-top));border-bottom:1px solid var(--line);background:var(--bg);flex-shrink:0;align-items:center;gap:8px;display:flex}.mail-list__head h2{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;margin:0;font-size:16px;overflow:hidden}.mail-list__head h2.mail-list__title--count{color:inherit;font-weight:600}.mail-list__items{flex:1;margin:0;padding:0;list-style:none;overflow-y:auto}.mail-list__items li{border-bottom:1px solid var(--line);position:relative}.mail-item{text-align:left;cursor:pointer;background:0 0;border:none;width:100%;padding:12px 40px 12px 14px;display:block}.mail-item.is-selected{background:var(--green-50)}.mail-item__top{align-items:baseline;gap:8px;display:flex}.mail-item__from{color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;overflow:hidden}.mail-item.is-unread .mail-item__from{font-weight:700}.mail-item__date{color:var(--text-muted);flex-shrink:0;font-size:12px}.mail-item__subject{color:var(--text);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:13.5px;overflow:hidden}.mail-item.is-unread .mail-item__subject{font-weight:600}.mail-item__meta{color:var(--text-muted);gap:8px;margin-top:3px;font-size:11.5px;display:flex}.mail-item.is-unread:before{content:"";background:var(--green-600);border-radius:0 3px 3px 0;width:3px;position:absolute;top:12px;bottom:12px;left:0}.mail-item__flag{color:var(--line);cursor:pointer;background:0 0;border:none;padding:4px;font-size:16px;line-height:1;position:absolute;top:12px;right:8px}.mail-item__flag.is-on{color:#d99a2b}.mail-pager{border-top:1px solid var(--line);color:var(--text-muted);justify-content:center;align-items:center;gap:14px;padding:10px;font-size:13px;display:flex}.mail-pager button{border:1px solid var(--line);background:var(--bg-elevated);cursor:pointer;border-radius:8px;padding:5px 12px;font-size:13px}.mail-pager button:disabled{opacity:.45}.mail-detail{padding-bottom:calc(20px + env(safe-area-inset-bottom));overflow-y:auto}.mail-shell--mobile .mail-detail{min-height:100svh}.mail-detail__head{padding:14px;padding-top:calc(14px + env(safe-area-inset-top));border-bottom:1px solid var(--line);background:var(--bg);z-index:2;align-items:center;gap:8px;display:flex;position:sticky;top:0}.mail-detail__head h2{word-break:break-word;flex:1;margin:0;font-size:16px;line-height:1.4}.mail-detail__actions{flex-shrink:0;gap:2px;display:flex}.mail-detail__envelope{border-bottom:1px solid var(--line);color:var(--text);padding:12px 16px;font-size:13px}.mail-detail__envelope p{word-break:break-word;margin:3px 0}.mail-detail__label{width:52px;color:var(--text-muted);display:inline-block}.msg-body{padding:14px 16px}.msg-body__frame{background:0 0;border:none;width:100%;display:block}.msg-body__blocked{color:#7a5b12;background:#fdf6e6;border:1px solid #f0e0b8;border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;padding:9px 12px;font-size:12.5px;display:flex}.msg-body__blocked em{opacity:.8;font-style:normal}.msg-body__blocked button{color:#7a5b12;cursor:pointer;background:#fff;border:1px solid #d9bd6c;border-radius:8px;margin-left:auto;padding:4px 12px;font-size:12.5px}.mail-attachments{padding:0 16px 16px}.mail-attachments h3{color:var(--text-muted);margin:0 0 8px;font-size:13px}.mail-attachments ul{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.mail-attachments li{align-items:stretch;gap:6px;display:flex}.mail-attachments button{border:1px solid var(--line);background:var(--bg-elevated);cursor:pointer;text-align:left;border-radius:10px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:13px;display:flex}.mail-attachments button:disabled{opacity:.6;cursor:default}.mail-attachments__dl{border:1px solid var(--line);background:var(--bg-elevated);width:38px;color:var(--text-muted);cursor:pointer;border-radius:10px;flex:none;justify-content:center;align-items:center;display:flex}.mail-attachments__name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.mail-attachments__size{color:var(--text-muted);flex-shrink:0;font-size:12px}.mail-icon-btn{width:34px;height:34px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:9px;flex-shrink:0;place-items:center;font-size:20px;line-height:1;display:grid}.mail-icon-btn:hover{background:var(--green-50);color:var(--green-700)}.mail-icon-btn:disabled{opacity:.4}@media (hover:none){.mail-icon-btn:hover{color:inherit;background:0 0}.mail-icon-btn:active{background:var(--green-50);color:var(--green-700)}}.mail-placeholder{text-align:center;color:var(--text-muted);padding:40px 20px;font-size:14px}.mail-error{color:#a33;background:#fdeeee;border-radius:9px;margin:10px 16px;padding:9px 12px;font-size:13px}.mail-ok{color:var(--green-700);margin:10px 0 0;font-size:13px}.mail-drawer{z-index:60;background:#14281c66;padding:12px;display:flex;position:fixed;inset:0}.mail-drawer__panel{background:var(--bg);border-radius:var(--radius-card);width:78%;max-width:290px;height:calc(100% - 24px);animation:.2s mail-slide-in;overflow:hidden}@keyframes mail-slide-in{0%{transform:translate(-100%)}}.mail-modal{z-index:80;background:#14281c73;justify-content:center;align-items:center;padding:20px 16px;display:flex;position:fixed;inset:0}.mail-modal__panel{background:var(--bg-elevated);border-radius:var(--radius-card);flex-direction:column;width:100%;max-width:620px;max-height:90svh;display:flex;overflow:hidden;box-shadow:0 24px 60px #0a140e47}.mail-modal__head{border-bottom:1px solid var(--line);align-items:center;padding:14px 12px 14px 18px;display:flex}.mail-attach-preview__panel{background:var(--bg-elevated);border-radius:var(--radius-card);flex-direction:column;width:100%;max-width:900px;max-height:90svh;display:flex;overflow:hidden;box-shadow:0 24px 60px #0a140e47}.mail-attach-preview__body{background:#000;flex:1;justify-content:center;align-items:center;min-height:0;padding:0;display:flex}.mail-attach-preview__body img,.mail-attach-preview__body video{-o-object-fit:contain;object-fit:contain;max-width:100%;max-height:80svh;display:block}.mail-attach-preview__body iframe{background:#fff;border:none;width:100%;height:80svh}.mail-attach-preview__body .mail-placeholder{color:#fff;padding:40px}.mail-modal__head h2{flex:1;margin:0;font-size:16px}.mail-modal__head h2 a,.mail-attachments__name a{color:inherit;text-decoration:none}.mail-modal__foot{padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--line);justify-content:flex-end;align-items:center;gap:10px;display:flex}.mail-compose__tools{align-items:center;gap:2px;margin-right:auto;display:flex}.mail-compose__tools .mail-icon-btn{letter-spacing:0;width:32px;height:32px;font-size:15px;font-weight:600}.mail-compose__body{flex-direction:column;flex:1;padding:4px 16px 14px;display:flex;overflow-y:auto}.mail-compose__row{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:9px 0;display:flex}.mail-compose__row label{width:52px;color:var(--text-muted);flex-shrink:0;font-size:13px}.mail-compose__row input{background:0 0;border:none;flex:1;min-width:0;padding:2px 0;font-size:14px}.mail-compose__row input:focus{outline:none}.mail-compose__from{color:var(--text-muted);font-size:13.5px}.mail-compose__cc-toggle{color:var(--green-700);cursor:pointer;background:0 0;border:none;flex-shrink:0;font-size:13px}.mail-compose__text{border:1px solid var(--line);min-height:220px;font:inherit;resize:vertical;border-radius:12px;flex:1;margin-top:12px;padding:12px;font-size:14px;line-height:1.7}.mail-settings__body{flex:1;padding:6px 18px 16px;overflow-y:auto}.mail-settings__body section{border-bottom:1px solid var(--line);padding:14px 0}.mail-settings__body section:last-of-type{border-bottom:none}.mail-settings__body h3{color:var(--green-700);margin:0 0 8px;font-size:14px}.mail-settings__hint{color:var(--text-muted);margin:0 0 10px;font-size:12.5px;line-height:1.65}.mail-settings__readonly{flex-wrap:wrap;align-items:center;gap:8px;margin:0;font-size:15px;font-weight:600;display:flex}.mail-badge{color:#7a6a3a;background:#f3f1e8;border-radius:999px;padding:2px 9px;font-size:11.5px;font-weight:500}.mail-badge--ok{background:var(--green-50);color:var(--green-700)}.mail-settings__grid{grid-template-columns:2fr 1fr;gap:10px;display:grid}.mail-settings__check{align-items:flex-start;gap:8px;margin-top:4px;font-size:13px;line-height:1.5;display:flex}.mail-settings__actions{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}@media (width<=560px){.mail-modal{padding:0}.mail-modal__panel{border-radius:0;max-width:none;height:100svh;max-height:100svh}.mail-settings__grid{grid-template-columns:1fr}}.swipe-row{position:relative;overflow:hidden}.swipe-row__actions{flex-direction:row;align-items:stretch;display:flex;position:absolute;top:0;bottom:0;right:0}.swipe-row__action{color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:11px;display:flex}.swipe-row__action .icon{font-size:18px;line-height:1;display:inline-flex}.swipe-row__action--more,.swipe-row__action--star,.swipe-row__action--delete{background:0 0}.swipe-row__content{background:var(--bg);will-change:transform;position:relative}.mail-folders__name-btn{cursor:pointer;color:var(--text);background:0 0;border:none;align-items:center;gap:4px;max-width:100%;padding:0;display:inline-flex}.mail-folders__name-btn strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.mail-folders__name-btn svg{color:var(--text-muted);opacity:.7;flex-shrink:0}.mail-folders__name-btn:hover svg{opacity:1;color:var(--green-700)}.mail-name-pop{border:1px solid var(--line);background:var(--bg-elevated);box-shadow:var(--shadow-soft);border-radius:12px;margin:-6px 0 2px;padding:10px}.mail-name-pop__hint{color:var(--text-muted);margin:0 0 6px;font-size:11.5px;line-height:1.5}.mail-name-pop input{border:1px solid var(--line);border-radius:8px;width:100%;padding:6px 8px;font-size:13px}.mail-name-pop__actions{justify-content:flex-end;gap:6px;margin-top:8px;display:flex}.mail-name-pop__actions button{border:1px solid var(--line);cursor:pointer;color:var(--text-muted);background:0 0;border-radius:8px;padding:4px 12px;font-size:12.5px}.mail-name-pop__actions .is-primary{background:var(--green-600);border-color:var(--green-600);color:#fff}.mail-list__empty-btn{color:#c0392b;cursor:pointer;background:0 0;border:1px solid #e3b7b1;border-radius:8px;flex-shrink:0;padding:4px 11px;font-size:12.5px}.mail-list__empty-btn:disabled{opacity:.5}.mail-setup__body{flex:1;padding:6px 18px 16px;overflow-y:auto}.mail-setup__body section{border-bottom:1px solid var(--line);padding:14px 0}.mail-setup__body section:last-of-type{border-bottom:none}.mail-setup__body h3{color:var(--green-700);margin:0 0 8px;font-size:14.5px}.mail-setup__lead{color:var(--text-muted);margin:0 0 10px;font-size:13px;line-height:1.7}.mail-setup__table{border-collapse:collapse;width:100%;font-size:12.5px}.mail-setup__table th,.mail-setup__table td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:6px 8px;line-height:1.6}.mail-setup__table th{width:5.5em;color:var(--text-muted);white-space:nowrap;font-weight:500}.mail-setup__body code{background:var(--green-50);color:var(--green-700);word-break:break-all;border-radius:5px;padding:1px 5px;font-size:12px}.mail-setup__warn{color:#7a5b12;background:#fdf6e6;border:1px solid #f0e0b8;border-radius:10px;margin-top:12px;padding:10px 12px;font-size:12.5px;line-height:1.7}.mail-setup__steps{margin:0;padding-left:20px;font-size:13px;line-height:1.75}.mail-setup__steps li{margin-bottom:9px}.mail-setup__note{color:var(--text-muted);margin-top:3px;font-size:12px;line-height:1.6}.mail-snapshots{flex-direction:column;gap:4px;margin:10px 0 0;padding:0;list-style:none;display:flex}.mail-snapshots li{border:1px solid var(--line);border-radius:9px;justify-content:space-between;align-items:center;gap:10px;padding:7px 10px;font-size:12.5px;display:flex}.mail-snapshots button{color:var(--green-700);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:2px 6px;font-size:12.5px}.mail-snapshots button:disabled{opacity:.5}.mail-icon-btn--danger{color:#b45309}.mail-icon-btn--danger:hover{color:#92400e;background:#fdf0e3}