:root{--bg: #ffffff;--panel: #f3f2f1;--panel-2: #e9e7e5;--text: #201f1e;--muted: #605e5c;--accent: #0f6cbd;--line: #e1dfdd}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app{max-width:760px;margin:0 auto;min-height:100dvh}.app-detail{display:flex;flex-direction:column;height:100dvh}.app-detail .thread{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.app-detail .actionbar{flex:0 0 auto}.bar{display:flex;align-items:center;gap:10px;padding:calc(env(safe-area-inset-top) + 14px) 16px 12px;position:sticky;top:0;z-index:10;background:#ffffffd9;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.menu-wrap{position:relative}.menu{position:absolute;right:0;top:calc(100% + 6px);z-index:60;min-width:200px;background:var(--panel-2);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 12px 32px #0000008c}.menu button{display:block;width:100%;text-align:left;background:none;border:none;color:var(--text);font-size:15px;padding:12px 16px;cursor:pointer;border-bottom:1px solid var(--line)}.menu button:last-child{border-bottom:none}.menu-label{padding:9px 14px 3px;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--muted)}.menu button:active{background:var(--panel)}.bar-title{font-size:18px;font-weight:700;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-count{color:var(--muted);font-size:14px}.back{background:none;border:none;color:var(--accent);font-size:16px;cursor:pointer;padding:0}.search{padding:10px 16px 0}.search input{width:100%;padding:10px 14px;border-radius:12px;border:1px solid var(--line);background:var(--panel);color:var(--text);font-size:15px}.search input::placeholder{color:var(--muted)}.search-row{display:flex;gap:8px;align-items:center}.search-row input{flex:1;width:auto}.sem-toggle{flex:none;white-space:nowrap;padding:9px 12px;border-radius:12px;cursor:pointer;border:1px solid var(--line);background:var(--panel);color:var(--muted);font-size:13px}.sem-toggle.sem-on{background:var(--accent, #2563eb);border-color:var(--accent, #2563eb);color:#fff}.chips{display:flex;flex-wrap:wrap;gap:7px;padding:10px 16px}.chip{flex:0 0 auto;white-space:nowrap;display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-size:13px;border:1px solid var(--line);background:var(--panel);color:var(--text);cursor:pointer;transition:background .15s,color .15s,border-color .15s}.chip:hover{border-color:var(--accent)}.chip-on{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:650}.chip-count{font-size:11px;color:var(--muted);background:var(--bg);border-radius:999px;padding:0 6px;min-width:16px;text-align:center}.chip-on .chip-count{color:#fff;background:#ffffff47}.scan-grid{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 10px}.scan-thumb{position:relative;width:80px;height:104px;border-radius:8px;overflow:hidden;border:1px solid var(--line);background:#000}.scan-thumb img{width:100%;height:100%;object-fit:cover}.scan-num{position:absolute;left:3px;bottom:3px;background:#0009;color:#fff;font-size:11px;border-radius:6px;padding:0 5px}.scan-del{position:absolute;top:2px;right:2px;width:20px;height:20px;border:none;border-radius:50%;background:#0009;color:#fff;font-size:12px;line-height:20px;padding:0}.invite-card{display:flex;align-items:center;gap:10px;margin:8px 16px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#78a0ff14}.invite-info{flex:1;min-width:0}.invite-title{font-weight:650}.invite-when{font-size:12.5px;color:var(--muted)}.invite-done{color:#0b6a0b;font-weight:650;font-size:13px}.cl-ver{border-bottom:1px solid rgba(128,138,160,.18);padding:10px 0}.cl-ver h4{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 6px;font-size:15px}.cl-date{margin-left:auto;font-size:12px;color:var(--muted);font-weight:400}.cl-badge{font-size:11px;font-weight:700;background:var(--accent);color:#fff;border-radius:999px;padding:1px 8px}.cl-new{background:#78a0ff12;border-radius:10px;padding:10px 12px}.cl-list{list-style:none;margin:0 0 6px;padding:0}.cl-list li{display:flex;gap:8px;align-items:baseline;padding:3px 0;font-size:13.5px;line-height:1.4}.cl-ic{flex:0 0 auto}.reply-choose{display:flex;flex-direction:column;gap:8px;padding:4px 0 12px}.reply-choose-btns{display:flex;gap:8px;flex-wrap:wrap}.reply-choose-btns .btn-lg{flex:1 1 130px}.btn-lg{padding:13px 14px;font-size:15px;font-weight:650;justify-content:center}.chips-seg{gap:10px}.chip-lg{flex:1 1 0;justify-content:center;padding:11px 14px;font-size:15px;min-height:46px;font-weight:650}.folderbar{display:flex;gap:6px;padding:8px 16px 0}.fbtn{flex:1 1 0;min-height:38px;padding:8px 10px;border-radius:10px;border:1px solid var(--line);background:var(--panel);color:var(--text);font-size:13.5px;font-weight:600;cursor:pointer;white-space:nowrap}.fbtn-on{background:var(--accent);border-color:var(--accent);color:#fff}.trash-row{display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid var(--line)}.trash-row .row-main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}.list{display:flex;flex-direction:column}.ptr-indicator{display:flex;align-items:center;justify-content:center;overflow:hidden;color:var(--accent);font-size:20px;transition:opacity .15s}.swipe-wrap{position:relative;overflow:hidden;touch-action:pan-y}.outbox-row{border-left:3px solid var(--accent)}.addr-wrap{position:relative}.addr-sugg{position:absolute;left:0;right:0;top:100%;z-index:50;background:var(--panel-2);border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 8px 24px #00000080}.addr-item{display:flex;flex-direction:column;gap:1px;width:100%;text-align:left;background:none;border:none;border-bottom:1px solid var(--line);padding:9px 12px;cursor:pointer;color:var(--text)}.addr-item:active{background:var(--panel)}.addr-mail{font-size:14px}.addr-name{font-size:12px;color:var(--muted)}.outbox-cancel{margin-top:6px}.swipe-bg{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;padding-left:18px;background:#dff6dd;color:#0b6a0b;font-size:14px;font-weight:700}.row{display:flex;gap:12px;align-items:flex-start;width:100%;position:relative;background:var(--bg);text-align:left;border:none;color:var(--text);padding:15px 16px;border-bottom:1px solid var(--line);cursor:pointer}.row+.row,.swipe-wrap+.swipe-wrap .row{border-top:1px solid rgba(0,0,0,.03)}.row-email{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:1px}.row-ava{position:relative;flex:0 0 auto;padding-top:2px}.ava-dot{position:absolute;top:0;right:-2px;width:11px;height:11px;border-radius:50%;background:var(--accent);border:2px solid var(--bg)}.check-circle{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;border:2px solid var(--accent);color:var(--accent);font-weight:800;font-size:17px}.row-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.row-top{display:flex;justify-content:space-between;gap:8px}.row .row-subject{color:var(--muted)}.row-unread .row-subject{color:var(--text)}.row:active{background:var(--panel)}.row-top{display:flex;justify-content:space-between;margin-bottom:2px}.row-from{font-weight:650;font-size:14px}.row-time{color:var(--muted);font-size:12px}.row-subject{font-size:14.5px;margin-bottom:2px}.row-n{color:var(--muted)}.row-snippet{color:var(--muted);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-cat{opacity:.85}.row{min-height:74px}.thread{padding:12px 16px calc(env(safe-area-inset-bottom) + 24px);display:flex;flex-direction:column;gap:10px}.msg{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:12px 14px}.msg-out{background:#eff6fc;margin-left:24px;border-color:#cfe4f7}.msg-head{display:flex;align-items:center;gap:8px;margin-bottom:6px}.msg-from{font-weight:650;font-size:13.5px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msg-email-line{font-size:12px;color:var(--muted);margin:-2px 0 6px 46px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:text;user-select:text}.msg-rcpts{display:flex;flex-direction:column;gap:1px;font-size:12px;color:var(--muted);margin:-2px 0 6px 46px;word-break:break-word;-webkit-user-select:text;user-select:text}.msg-rcpts .msg-cc{color:var(--accent, #8ab4ff);opacity:.9}.help details{border:1px solid rgba(128,138,160,.22);border-radius:10px;margin:8px 0;padding:0 12px}.help details[open]{padding-bottom:6px}.help summary{cursor:pointer;font-weight:700;font-size:14.5px;padding:11px 0;list-style:none;-webkit-user-select:none;user-select:none}.help summary::-webkit-details-marker{display:none}.help summary:before{content:"▸  ";color:var(--muted)}.help details[open]>summary:before{content:"▾  "}.help h5{margin:8px 0 4px;font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:.4px}.help details section{margin:0 0 6px}.nl-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid rgba(128,138,160,.18);flex-wrap:wrap}.nl-info{min-width:0;flex:1}.nl-name{font-weight:650}.nl-meta{font-size:12px;color:var(--muted);word-break:break-word}.nl-actions{display:flex;gap:6px;flex-wrap:wrap}.nl-muted{opacity:.62}.nl-muted .nl-name{text-decoration:none}.tpl-item{display:inline-flex;align-items:center;gap:2px}.tpl-del{background:none;border:none;color:var(--muted);cursor:pointer;font-size:12px;padding:2px 4px}.msg-day{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px;margin:12px 2px 4px;text-transform:capitalize}.msg-day:before,.msg-day:after{content:"";flex:1;border-top:1px solid var(--muted);opacity:.25}.avatar{flex:none;aspect-ratio:1;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:#15181f}.avatar-me{background:var(--panel-2);color:var(--accent);border:1px solid var(--accent)}.older-pill{width:100%;padding:10px;border-radius:12px;border:1px dashed var(--line);background:var(--panel);color:var(--accent);font-size:14px;font-weight:650;cursor:pointer}.msg-time{color:var(--muted);font-size:12px}.msg-body{font-size:14.5px;line-height:1.5;white-space:pre-wrap;word-break:break-word}.msg-att{margin-top:8px;color:var(--muted);font-size:13px}.msg-collapsed{width:100%;text-align:left;cursor:pointer;padding:8px 14px;opacity:.75}.msg-collapsed .msg-head{margin-bottom:2px}.msg-snippet{color:var(--muted);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.error{margin:12px 16px;padding:10px 14px;border-radius:10px;background:#fde7e9;color:#a4262c;font-size:13px}.empty{padding:48px 16px;text-align:center;color:var(--muted)}.empty-sm{padding:8px 0 16px;color:var(--muted);font-size:13px}.info{margin:12px 0;padding:10px 14px;border-radius:10px;background:#eff6fc;color:#0b5394;font-size:13px}.loading{padding:16px 0;color:var(--muted);font-size:14px}.app-tabbed{padding-bottom:76px}.tabbar{position:fixed;bottom:0;left:0;right:0;max-width:760px;margin:0 auto;display:flex;border-top:1px solid var(--line);background:#ffffffe6;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding-bottom:env(safe-area-inset-bottom);z-index:20}.tabbar button{flex:1;min-width:0;background:none;border:none;color:var(--muted);cursor:pointer;padding:9px 0 7px;font-size:18px;display:flex;flex-direction:column;align-items:center;gap:2px;position:relative;opacity:.65;transition:opacity .15s}.tabbar button span{font-size:9.5px;font-weight:600;letter-spacing:0;white-space:nowrap}.tabbar .tab-on{color:var(--accent);opacity:1}.tabbar .tab-on:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:28px;height:3px;border-radius:0 0 3px 3px;background:var(--accent)}.actionbar{position:sticky;bottom:0;display:flex;gap:10px;padding:12px 16px calc(env(safe-area-inset-bottom) + 12px);background:var(--bg);border-top:1px solid var(--line);overflow-x:auto;scrollbar-width:none}.actionbar::-webkit-scrollbar{display:none}.actionbar .btn{flex:0 0 auto;white-space:nowrap}.btn{padding:10px 16px;border-radius:12px;border:1px solid var(--line);background:var(--panel);color:var(--text);font-size:14.5px;cursor:pointer}.btn:disabled{opacity:.4}.btn-primary{background:var(--accent);border-color:var(--accent);color:#1a1408;font-weight:650}.btn-sm{padding:6px 12px;font-size:13px}.btn-rec{background:#fde7e9;border-color:#e8a0a6;color:#a4262c}.btnrow{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:8px 0}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:30;display:flex;align-items:flex-end;justify-content:center}.sheet{width:100%;max-width:760px;max-height:85dvh;overflow-y:auto;background:var(--bg);border-radius:20px 20px 0 0;border:1px solid var(--line);padding:16px 16px calc(env(safe-area-inset-bottom) + 16px)}.sheet-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:16px}.ctx-summary{font-size:15px;line-height:1.5}.ctx section{margin-top:14px}.ctx h4{margin:0 0 6px;font-size:13px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted)}.ctx ul{margin:0;padding-left:18px}.ctx li{font-size:14px;line-height:1.5;margin-bottom:4px}.ctx-actions li{color:var(--accent)}.ctx-actions li::marker{content:"→ "}.ta{width:100%;padding:10px 12px;border-radius:12px;margin-bottom:4px;border:1px solid var(--line);background:var(--panel);color:var(--text);font-size:14.5px;font-family:inherit}.ta-draft{line-height:1.5}.qa-intro{font-size:14px;color:var(--muted)}.qa-item{margin-bottom:10px}.qa-item label{display:block;font-size:14px;margin-bottom:4px}.qa-item input,.addbox input,.addbox select{width:100%;padding:9px 12px;border-radius:10px;border:1px solid var(--line);background:var(--panel);color:var(--text);font-size:14px}.addbox{margin:10px 0}.when-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;color:var(--muted);margin-top:8px}.when-row input{flex:0 0 auto;width:auto}.addbox .btnrow input,.addbox .btnrow select{width:auto}.page{padding:12px 16px}.page h3{margin:18px 0 8px;font-size:15px}.com{display:flex;align-items:center;gap:10px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin-bottom:8px}.com-overdue{border-color:#f1c0c4;background:#fde7e9}.com-main{flex:1;min-width:0}.com-what{font-size:14.5px}.com-meta{font-size:12.5px;color:var(--muted);margin-top:2px}.com-late{color:#a4262c;font-weight:700}.com-thread-link{background:none;border:none;color:var(--accent);cursor:pointer;padding:0;font-size:12.5px}.com-group{border:1px solid var(--line);border-radius:12px;padding:6px;margin-bottom:10px}.com-group-head{display:block;width:100%;text-align:left;background:var(--panel);border:none;border-radius:8px;color:var(--text);font-weight:650;font-size:13px;padding:9px 10px;margin-bottom:4px;cursor:pointer}.com-group .com{margin-left:8px}.com-thread{font-style:italic}.task{display:flex;align-items:center;gap:10px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:8px 12px;margin-bottom:8px}.task-check{background:none;border:none;font-size:20px;cursor:pointer;padding:4px}.task-done-text{text-decoration:line-through;color:var(--muted)}.task-body-prev{font-size:13px;color:var(--muted);margin-top:3px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.task-detail-body{width:100%;min-height:160px}.task-doing{border-color:#f2d49b}.row-unread .row-from,.row-unread .row-subject{font-weight:750}.row:not(.row-unread) .row-subject{color:#444746}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--accent);margin-right:6px;vertical-align:1px}.detail-meta{display:flex;align-items:center;gap:8px;padding:10px 16px 0;flex-wrap:wrap}.chip-sm{padding:4px 10px;font-size:12.5px;flex:0 0 auto}.done-badge{color:#0b6a0b;font-size:13px;font-weight:650}.btn-done{background:#dff6dd;border-color:#b7e0b3;color:#0b6a0b}.cat-row{display:flex;gap:8px;align-items:center;margin-bottom:8px}.cat-emoji{width:56px;text-align:center;padding:9px 4px;border-radius:10px;border:1px solid var(--line);background:var(--panel);color:var(--text);font-size:16px}.cat-label{flex:1;padding:9px 12px;border-radius:10px;border:1px solid var(--line);background:var(--panel);color:var(--text);font-size:14px}.cat-new-head{margin:16px 0 8px;font-size:13px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted)}.cat-suggest-bar{margin:14px 0 4px;display:flex;gap:8px;flex-wrap:wrap}.cat-suggest-list{border-top:1px solid var(--line);padding-top:6px}.cat-sg-row{display:flex;align-items:center;gap:10px;padding:12px 6px;border-bottom:1px solid var(--line);min-height:54px}.cat-sg-add{cursor:pointer;border-radius:10px}.cat-sg-add:active{background:var(--panel)}.cat-sg-plus{flex:0 0 auto;background:var(--accent);color:#fff;font-weight:650;font-size:13px;padding:9px 14px;border-radius:10px;white-space:nowrap}.cat-sg-dot{width:12px;height:12px;border-radius:50%;flex:0 0 12px;background:var(--line)}.cat-sg-emoji{font-size:18px;flex:0 0 22px;text-align:center}.cat-sg-text{display:flex;flex-direction:column;flex:1 1 auto;min-width:0}.cat-sg-text small{color:var(--muted);font-size:12px;line-height:1.3}.cat-sg-exists{color:var(--muted);font-size:12px;flex:0 0 auto}.via-badge{color:var(--muted);font-size:12.5px}.contact-mail{background:none;border:none;color:var(--accent);cursor:pointer;padding:0;font-size:12.5px;margin-right:8px}.contact-phone{margin-right:8px}.company-group{margin:14px 0 6px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--muted)}.com-clickable{cursor:pointer}.com-clickable:active{background:var(--panel-2)}.company-head{font-size:15px;font-weight:650;margin-bottom:6px}.company-link{display:block;width:100%;text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:10px 12px;color:var(--accent);cursor:pointer;margin-bottom:10px}.company-ava{flex:0 0 auto;width:38px;height:38px;border-radius:10px;background:var(--panel-2);display:inline-flex;align-items:center;justify-content:center;font-size:18px}.seg{display:flex;gap:4px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:4px;margin-bottom:10px}.seg button{flex:1;background:none;border:none;color:var(--muted);font-size:14px;font-weight:600;padding:8px;border-radius:9px;cursor:pointer}.seg .seg-on{background:var(--accent);color:#1a1408}.contacts-list{min-width:0;padding-right:22px}.letter-head{position:sticky;top:0;background:var(--bg);color:var(--accent);font-weight:800;font-size:13px;padding:6px 4px 2px;z-index:1}.az-rail{position:fixed;right:0;top:calc(env(safe-area-inset-top) + 184px);bottom:calc(env(safe-area-inset-bottom) + 92px);display:flex;flex-direction:column;align-items:center;justify-content:space-between;z-index:30;padding:2px 6px;touch-action:none;-webkit-user-select:none;user-select:none}.az-rail button{background:none;border:none;color:var(--accent);font-size:11px;font-weight:700;line-height:1;padding:0 4px;cursor:pointer;flex:1 1 0;display:flex;align-items:center}@media (min-width: 900px){.az-rail{left:auto;right:max(16px,calc(50% - 678px))}}.az-bubble{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:96px;height:96px;border-radius:24px;z-index:31;background:#0f6cbdf2;color:#fff;font-size:48px;font-weight:800;display:flex;align-items:center;justify-content:center;pointer-events:none;box-shadow:0 8px 30px #00000080}.contacts-page .com-what{font-weight:600}.mini-thread{width:100%;display:flex;justify-content:space-between;gap:10px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:9px 12px;margin-bottom:6px;color:var(--text);cursor:pointer;text-align:left;font-size:14px}.mini-subj{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-unread{font-weight:750}.mini-date{color:var(--muted);font-size:12px;flex:0 0 auto}.cat-row input.port-input{width:76px;flex:0 0 76px;padding:9px 8px;text-align:center;border-radius:10px;border:1px solid var(--line);background:var(--panel);color:var(--text);font-size:14px}.cat-row input.cat-label{width:auto;flex:1 1 auto;min-width:0}.acc-edit{margin:-2px 0 12px;padding:10px;border:1px dashed var(--line);border-radius:12px}.login-sheet{border-radius:20px;margin-bottom:30dvh;max-width:420px}@media (pointer: coarse){input,textarea,select{font-size:16px!important}}.btn-danger{background:#fde7e9;border-color:#e8a0a6;color:#a4262c}.row-selected{background:var(--panel-2)}@keyframes spin360{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin360 1.2s linear infinite;display:inline-block}.row-check{margin-right:8px;font-size:16px;color:var(--accent)}.bulkbar{position:fixed;bottom:calc(env(safe-area-inset-bottom) + 64px);left:0;right:0;max-width:760px;margin:0 auto;display:flex;gap:8px;justify-content:center;padding:10px 16px;background:var(--panel);border-top:1px solid var(--line);z-index:16}.fab{position:fixed;right:18px;bottom:calc(env(safe-area-inset-bottom) + 78px);width:56px;height:56px;border-radius:50%;font-size:22px;background:linear-gradient(135deg,#2b88d8,#0f6cbd);border:none;color:#fff;cursor:pointer;box-shadow:0 6px 20px #0f6cbd59,0 4px 16px #0003;z-index:15}.fab:active{transform:scale(.94)}.msg-html{width:100%;border:none;border-radius:8px;background:#fff}.att-btn{background:var(--panel-2);border:1px solid var(--line);border-radius:8px;color:var(--text);font-size:13px;padding:6px 10px;margin:4px 6px 0 0;cursor:pointer}.att-btn-all{border-color:var(--accent);color:var(--accent);font-weight:650;display:block}.att-size{color:var(--muted)}.att-item{position:relative;display:inline-block;vertical-align:top}.att-menu{display:flex;flex-direction:column;gap:2px;margin:2px 6px 6px 0;padding:4px;border:1px solid var(--line);border-radius:10px;background:var(--panel);min-width:170px}.att-menu button{text-align:left;background:none;border:none;color:var(--text);font-size:13.5px;padding:9px 12px;border-radius:8px;cursor:pointer}.att-menu button:hover{background:var(--panel-2)}.att-err{color:#a4262c;font-size:12.5px}.viewer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#000000eb;display:flex;flex-direction:column;width:100vw;height:100dvh;overscroll-behavior:contain;touch-action:pan-x pan-y}.viewer-head{flex:0 0 auto;background:#10131aeb}.viewer-head{display:flex;align-items:center;gap:10px;padding:calc(env(safe-area-inset-top) + 10px) 14px 10px}.viewer-name{flex:1;font-size:14px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.viewer-body{flex:1;overflow:auto;min-height:0;-webkit-overflow-scrolling:touch}.viewer-tabs{padding:0 12px 8px;flex:0 0 auto}.viewer-sheet{background:#fff;color:#111;padding:8px}.viewer-sheet table{border-collapse:collapse;font-size:13px}.viewer-sheet td,.viewer-sheet th{border:1px solid #ccc;padding:4px 8px;white-space:nowrap}.viewer-doc{background:#fff;color:#111;padding:20px;font-family:-apple-system,sans-serif;font-size:15px;line-height:1.5}.viewer-doc img{max-width:100%;height:auto}.viewer-doc table{border-collapse:collapse}.viewer-doc td,.viewer-doc th{border:1px solid #ccc;padding:4px 8px}.viewer-text{background:#fff;color:#201f1e;padding:16px;font-size:13px;white-space:pre-wrap;word-break:break-word;margin:0}.viewer-img2{display:block;height:auto;max-width:none}.viewer-frame{border:none;background:#fff;width:100%;height:100%}.attach-list{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}.attach-row{display:flex;align-items:center;gap:8px;font-size:14px;padding:4px 0}.bar-unread{background:var(--accent);color:#fff;font-weight:700;font-size:13px;border-radius:999px;padding:2px 9px}@media (min-width: 900px){body{padding-left:76px;background:#e9e7e5}.tabbar{left:0;right:auto;top:0;bottom:0;width:76px;max-width:none;margin:0;flex-direction:column;justify-content:flex-start;gap:2px;border-top:none;border-right:1px solid var(--line);padding:18px 6px;background:#f3f2f1b3}.electron .tabbar{padding-top:48px}.electron .tabbar:before{content:"";position:absolute;top:0;left:0;right:0;height:44px;-webkit-app-region:drag}.tabbar button{flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:10px 2px;border-radius:12px;font-size:22px;opacity:.8}.tabbar button span{font-size:10px;font-weight:600;text-align:center;white-space:nowrap}.tabbar button:hover{background:var(--panel);opacity:1}.tabbar .tab-on{background:var(--panel-2)}.tabbar .tab-on:before{top:50%;left:0;transform:translateY(-50%);width:3px;height:24px;border-radius:0 3px 3px 0}.app,.app-tabbed,.app-detail{margin:0 auto;padding-bottom:0;border-left:1px solid var(--line);border-right:1px solid var(--line);min-height:100dvh}.app-tabbed,.app:not(.app-detail){max-width:var(--content-max, min(1180px, calc(100vw - 108px) ))}.app-tabbed:has(.tab-split),.app:not(.app-detail):has(.tab-split){max-width:none}.app-detail{max-width:var(--content-max, 880px)}.bar{border-radius:0}.fab{right:28px;bottom:28px}.bulkbar{left:76px}.sheet-backdrop{align-items:center}.sheet{max-width:560px;max-height:86dvh;border-radius:18px;border:1px solid var(--line);box-shadow:0 24px 60px #0009}.row:hover{background:var(--panel)}.menu{right:0;left:auto}}.lock-screen{display:flex;align-items:center;justify-content:center;min-height:100dvh}.lock-box{text-align:center;display:flex;flex-direction:column;gap:14px;align-items:center}.lock-icon{font-size:48px}.lock-title{font-size:20px;font-weight:700}.page.has-voice-fab{padding-bottom:96px}.voice-fab{position:fixed;left:50%;transform:translate(-50%);bottom:calc(86px + env(safe-area-inset-bottom));width:min(560px,calc(100% - 24px));z-index:18;display:flex;align-items:center;justify-content:center;gap:8px;padding:18px 20px;border:none;border-radius:16px;background:var(--accent);color:#fff;font-size:17px;font-weight:700;letter-spacing:.2px;box-shadow:0 8px 24px #00000073;cursor:pointer}.voice-fab:disabled{opacity:.85}.voice-fab-rec{background:#e0473a;color:#fff;animation:voicePulse 1.1s ease-in-out infinite}@keyframes voicePulse{0%,to{box-shadow:0 8px 24px #e0473a59}50%{box-shadow:0 8px 34px #e0473abf}}.voice-flash{margin:0 0 10px;padding:12px 14px;border-radius:12px;background:#0f6cbd1a;border:1px solid var(--accent);color:var(--text);font-size:14px;line-height:1.45;cursor:pointer}.ctx-hint{font-weight:400;font-size:11.5px;color:var(--muted)}.ctx-todo{list-style:none;padding:0;margin:6px 0 0;display:flex;flex-direction:column;gap:6px}.ctx-todo-item{width:100%;display:flex;align-items:flex-start;gap:8px;text-align:left;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--panel-2);color:var(--text);font-size:14px;line-height:1.4;cursor:pointer}.ctx-todo-item:active{background:var(--panel)}.ctx-todo-item:disabled{cursor:default}.ctx-todo-ico{flex:0 0 auto;color:var(--accent);font-weight:700}.ctx-todo-text{flex:1}.ctx-todo-done{border-color:#74c67480;opacity:.85}.ctx-todo-tag{flex:0 0 auto;font-size:11px;color:#74c674;align-self:center}.com-actions{display:flex;flex-direction:column;gap:6px;flex:0 0 auto;align-items:stretch}.remind-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px}.remind-lbl{font-size:12px;color:var(--muted)}.remind-row input[type=date]{font-size:12px;padding:4px 6px}.link-toast{margin:8px 0 0;padding:11px 13px;border-radius:10px;background:#0f6cbd1a;border:1px solid var(--accent);color:var(--text);font-size:13.5px;line-height:1.4;word-break:break-all;cursor:pointer}.note-row{display:flex;align-items:stretch;border-bottom:1px solid var(--line)}.note-row-main{flex:1;min-width:0;text-align:left;display:block;padding:13px 14px;border:none;background:none;cursor:pointer}.note-row-main:active{background:var(--panel)}.note-row-del{flex:0 0 auto;border:none;background:none;color:var(--muted);padding:0 14px;font-size:16px;cursor:pointer}.note-row-del:active{color:#e0473a}.note-row-title{font-size:15px;font-weight:600;color:var(--text);margin-bottom:3px}.note-row-meta{font-size:12.5px;color:var(--muted);line-height:1.4}.note-summary{margin-top:12px;padding:12px 14px;border-radius:12px;background:var(--panel-2);border:1px solid var(--line)}.note-summary h4{margin:0 0 6px;font-size:14px}.note-summary p{margin:0;font-size:14px;line-height:1.5;color:var(--text);white-space:pre-wrap}.sig-preview{margin-top:2px;padding:8px 12px 10px;font-size:13px;line-height:1.5;color:var(--muted);white-space:pre-wrap;border-top:1px dashed var(--line)}.sig-sep{font-size:12px;opacity:.7}.help{padding:4px 2px 20px;font-size:14px;line-height:1.5}.help-intro{background:var(--panel-2);border:1px solid var(--line);border-radius:10px;padding:12px;margin-bottom:14px}.help section{margin-bottom:14px}.help h4{margin:0 0 6px;font-size:15px;color:var(--accent)}.help ul{margin:0;padding-left:18px}.help li{margin-bottom:5px}.help code{background:var(--panel-2);padding:1px 5px;border-radius:5px;font-size:12.5px}.voice-sheet{max-height:82vh;display:flex;flex-direction:column}.voice-status{padding:18px 16px;font-size:17px;font-weight:650;text-align:center;min-height:58px;line-height:1.4}.voice-log{padding:0 16px;flex:1;overflow-y:auto}.voice-log-line{font-size:13.5px;color:var(--muted);padding:5px 0;border-bottom:1px solid var(--line);line-height:1.4;word-break:break-word}.msg-toolbar{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:0 0 8px}.msg-toolbar .msg-att{margin-top:0}.msg-clip{position:relative;overflow:hidden}.msg-clip-fade{position:absolute;left:0;right:0;bottom:0;height:56px;pointer-events:none;background:linear-gradient(to bottom,transparent,var(--panel) 92%)}.msg-expand{width:100%;margin-top:6px;padding:9px;border-radius:10px;border:1px solid var(--line);background:var(--panel);color:var(--accent);font-size:13.5px;font-weight:600;cursor:pointer}.disp-body{padding:8px 16px 20px;display:flex;flex-direction:column;gap:20px}.disp-row{display:flex;flex-direction:column;gap:8px}.disp-label{display:flex;justify-content:space-between;align-items:baseline;font-size:15px;font-weight:600}.disp-label b{color:var(--accent);font-size:14px}.disp-hint{font-size:12.5px;color:var(--muted)}.disp-row input[type=range]{width:100%;height:28px;accent-color:var(--accent);cursor:pointer}.tabbar-detail{display:none}@media (min-width: 900px){.tabbar-detail{display:flex}}.cal-page{padding:10px 14px 24px}.cal-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}.cal-head strong{font-size:16px;flex:0 0 auto}.cal-dow{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:4px}.cal-dow span{text-align:center;font-size:11px;font-weight:700;color:var(--muted)}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.cal-cell{min-height:66px;border:1px solid var(--line);border-radius:8px;background:var(--bg);padding:4px;display:flex;flex-direction:column;gap:2px;align-items:stretch;text-align:left;cursor:pointer;overflow:hidden}.cal-cell:active{background:var(--panel)}.cal-out{opacity:.4}.cal-today{border-color:var(--accent)}.cal-sel{background:var(--panel-2);border-color:var(--accent)}.cal-num{font-size:12px;font-weight:700}.cal-today .cal-num{color:#fff;background:var(--accent);border-radius:50%;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center}.cal-dots{display:flex;gap:3px;flex-wrap:wrap;margin-top:2px}.cal-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);flex:0 0 auto}.cal-evs{display:none;flex-direction:column;gap:2px;margin-top:2px}.cal-ev{font-size:10.5px;line-height:1.3;background:#0f6cbd1f;color:#0b5394;border-radius:4px;padding:1px 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cal-more{font-size:10px;color:var(--muted)}.cal-steps{padding-left:20px;margin:8px 0}.cal-steps li{margin-bottom:14px;line-height:1.5}.cal-steps small{display:block;color:var(--muted);margin-top:4px}.cal-qr{display:flex;flex-direction:column;align-items:center;gap:8px;margin:10px 0}.cal-qr img{border:1px solid var(--line);border-radius:12px;background:#fff;padding:6px}.cal-agenda{margin-top:16px}.cal-agenda h4{margin:0 0 8px;font-size:15px;text-transform:capitalize}.cal-row{display:flex;gap:10px;padding:9px 0;border-bottom:1px solid var(--line)}.cal-row-time{flex:0 0 70px;font-size:13px;color:var(--muted)}.cal-row-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.cal-row-title{font-size:14.5px;font-weight:600}.cal-row-loc{font-size:12.5px;color:var(--muted)}@media (min-width: 700px){.cal-cell{min-height:92px}.cal-evs{display:flex}.cal-dots{display:none}}.cat-row{flex-wrap:wrap}.cat-swatches{display:flex;gap:6px;align-items:center;flex:1 0 100%;margin-top:4px}.cat-sw{width:24px;height:24px;border-radius:50%;border:2px solid var(--line);cursor:pointer;padding:0;background:none;color:var(--muted);font-size:13px;display:inline-flex;align-items:center;justify-content:center}.cat-sw-on{box-shadow:0 0 0 2px var(--accent)}.ctxmenu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200}.ctxmenu{position:fixed;min-width:214px;max-height:72vh;overflow-y:auto;background:var(--panel-2);border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 40px #0000004d;padding:5px}.ctxmenu button{display:flex;align-items:center;gap:8px;width:100%;text-align:left;background:none;border:none;color:var(--text);font-size:14px;padding:9px 10px;border-radius:8px;cursor:pointer}.ctxmenu button:hover{background:var(--panel)}.ctxmenu-danger{color:#c0392b}.ctxmenu-sep{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);padding:8px 10px 4px}.ctxmenu-cats button.cat-on{background:var(--panel);font-weight:700}.ctxmenu-snooze{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:2px 6px}.ctxmenu-snooze button{border:1px solid var(--line);border-radius:8px;padding:6px 4px;font-size:12.5px;background:var(--panel)}.ctxmenu-date{margin:4px 8px;padding:6px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--text);font-size:12.5px;width:calc(100% - 16px)}.ctx-cat-dot{width:10px;height:10px;border-radius:50%;flex:0 0 auto;background:var(--line)}.tab-badge{position:absolute;top:3px;right:8px;min-width:15px;height:15px;padding:0 4px;box-sizing:border-box;background:#e0473a;color:#fff;border-radius:999px;font-size:9.5px;font-weight:800;line-height:15px;text-align:center}.row-utoggle{flex:0 0 auto;display:flex;align-items:flex-start;padding:4px 0 0;margin-right:-4px;cursor:pointer}.udot{width:11px;height:11px;border-radius:50%;border:2px solid var(--line);box-sizing:border-box}.udot-on{background:var(--accent);border-color:var(--accent)}.row-utoggle:hover .udot{border-color:var(--accent)}.row-unread{background:#0f6cbd0f}.compose-sheet{max-height:94dvh}.compose-sheet .ta-draft{min-height:42dvh;resize:vertical}@media (min-width: 900px){.compose-sheet{max-width:860px;width:92vw;max-height:88dvh}.compose-sheet .ta-draft{min-height:340px}}.compose-context{max-height:42dvh;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:8px;margin-bottom:10px;display:flex;flex-direction:column;gap:6px}.cc-msg{background:var(--panel);border-radius:12px;padding:9px 13px;font-size:14px;line-height:1.45;max-width:92%}.cc-from{display:block;font-weight:650;font-size:12.5px;color:var(--muted);margin-bottom:3px}.cc-text{color:var(--text);white-space:pre-wrap}.cc-mine{align-self:flex-end;background:#0f6cbd1a}.reply-mode{display:flex;margin-bottom:10px;border:1px solid var(--line);border-radius:10px;overflow:hidden}.rm-btn{flex:1 1 0;padding:9px 8px;background:var(--panel);border:none;color:var(--text);font-size:13px;font-weight:600;cursor:pointer}.rm-btn+.rm-btn{border-left:1px solid var(--line)}.rm-on{background:var(--accent);color:#fff}.trans-row{display:inline-flex;align-items:center;gap:4px}.trans-lang{padding:7px 8px;border-radius:8px;border:1px solid var(--line);background:var(--panel);color:var(--text);font-size:13px}.mailtabs{display:flex;gap:6px;padding:6px 12px;overflow-x:auto;border-bottom:1px solid var(--line);background:var(--panel);-webkit-overflow-scrolling:touch;scrollbar-width:thin;flex:0 0 auto}.mailtab{display:inline-flex;align-items:center;flex:0 0 auto;max-width:230px;border:1px solid var(--line);border-radius:10px;background:var(--bg);overflow:hidden}.mailtab-on{border-color:var(--accent);background:var(--accent)}.mailtab-on .mailtab-t,.mailtab-on .mailtab-x{color:#fff}.mailtab-t{border:none;background:none;color:var(--text);font-size:12.5px;cursor:pointer;padding:7px 2px 7px 10px;max-width:186px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mailtab-x{border:none;background:none;color:var(--muted);font-size:12px;padding:7px 9px;cursor:pointer}.mailtab-x:hover{color:#d13438}@media (min-width: 980px){.app-split{display:flex;height:100dvh;overflow:hidden;max-width:none;margin:0}.app-split .split-empty{align-items:center;justify-content:center}.app-split .split-empty .mailtabs{position:absolute;top:0;left:0;right:0}.split-empty{position:relative}.split-empty-inner{text-align:center;color:var(--muted);font-size:15px;line-height:2.2}.app-split .app-tabbed{flex:0 0 430px;max-width:430px;height:100dvh;overflow-y:auto;padding-bottom:0;margin:0}.app-split .app-detail{flex:1 1 auto;max-width:none;min-width:0;margin:0}.app-split .app-tabbed .mailtabs,.app-split .tabbar-detail{display:none}.app-split .row-active{background:var(--panel-2);box-shadow:inset 3px 0 0 var(--accent)}.app-split .folderbar{flex-wrap:wrap}.app-split .fbtn{padding:8px 4px;font-size:12.5px}}.forgot-link{display:block;margin:10px auto 0;border:none;background:none;color:var(--accent);font-size:13.5px;cursor:pointer;padding:6px}@media (min-width: 980px){.tab-split{display:flex;align-items:flex-start}.tab-split>.ts-list{flex:0 0 400px;max-width:400px;min-width:0;border-right:1px solid var(--line);padding-right:16px}.tab-split>.ts-detail{flex:1 1 auto;min-width:0;padding-left:20px;position:sticky;top:12px;align-self:flex-start;max-height:calc(100dvh - 24px);overflow-y:auto}.tab-split .ts-active{background:var(--panel-2);box-shadow:inset 3px 0 0 var(--accent);border-radius:10px}.tab-split .ts-empty{display:flex;align-items:center;justify-content:center;min-height:40dvh;color:var(--muted);font-size:15px}}@media (min-width: 980px){.voice-fab{left:auto;right:28px;bottom:28px;transform:none;width:360px}.has-voice-fab .ts-detail{padding-bottom:110px}}