@import "https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,700&family=JetBrains+Mono:wght@400;500&display=swap";.read-note{align-items:baseline;gap:10px;margin-top:4px;font-size:12px;display:flex}.read-note-label{color:var(--subtle);flex:0 0 56px}.read-note-value{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.read-note-value b{color:var(--ink);font-weight:700}.read-reader:not(:last-child):after{content:" · ";color:var(--faint)}.attach-title{align-items:center;gap:10px;display:flex}.attach-zip{background:var(--chip-bg);color:var(--label-ink);letter-spacing:0;white-space:nowrap;border:0;border-radius:999px;padding:2px 9px;font-family:inherit;font-size:10.5px;font-weight:700}.attach-zip:hover{background:var(--hover-strong);color:var(--ink)}.attach-entry{align-items:stretch;max-width:100%;display:inline-flex}.attach-entry .attach-item{min-width:0}.attach-entry .attach-item:not(:last-child){border-radius:7px 0 0 7px}.attach-view{background:var(--surface);color:var(--subtle);white-space:nowrap;box-shadow:var(--shadow-lift);border:0;border-left:1px solid var(--hairline);border-radius:0 7px 7px 0;flex:none;padding:0 11px;font-family:inherit;font-size:11.5px}.attach-view:hover{color:var(--primary)}.contact-card.att-card{width:min(920px,100%)}.contact-card-head .att-head-name{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;margin:0;font-size:14px;font-weight:700;overflow:hidden}.att-head-size{color:var(--subtle);font-family:var(--mono);white-space:nowrap;flex:none;margin-right:10px;font-size:11px}.att-body{background:var(--sunken);flex:auto;justify-content:center;align-items:center;min-height:320px;padding:14px;display:flex;overflow:auto}.att-image{object-fit:contain;max-width:100%;max-height:74vh}.att-frame{background:var(--surface);border:0;width:100%;height:74vh}.sort-select{max-width:190px}.toolbar-row.sort-criteria{flex-wrap:wrap;gap:6px;padding:0 16px 12px;font-size:11px}.sc-tag{color:var(--label-ink);font-weight:700}.sc-chip{white-space:nowrap;background:var(--chip-bg);color:var(--label-ink);border-radius:999px;padding:3px 9px;font-weight:700}.empty-folder{color:var(--subtle);white-space:nowrap;background:0 0;border:0;border-radius:999px;padding:4px 11px;font-family:inherit;font-size:11.5px}.empty-folder:hover:not(:disabled){background:var(--danger-soft);color:var(--danger)}.empty-folder:disabled{opacity:.5;cursor:default}@media (width<=900px){.sort-select{max-width:132px}}.label-colors{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.label-color{color:#fff;text-align:center;text-shadow:0 0 2px #0000008c;border:2px solid #0000;border-radius:50%;flex:none;width:20px;height:20px;font-size:11px;line-height:1}.label-color:hover{border-color:var(--hairline)}.label-color.on{border-color:var(--ink)}.label-chip{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:7px;min-width:0;max-width:100%;display:inline-flex;overflow:hidden}.contact-table .col-color{width:250px}.set-unit{color:var(--subtle);white-space:nowrap;font-size:11.5px}.contact-table .col-host{width:190px;font-family:var(--mono);font-size:11.5px}.rcpt-body{padding:0 2px}.rcpt-note{border-bottom:1px solid var(--hairline);color:var(--subtle);margin:0;padding:14px 18px;font-size:11.5px;line-height:1.7}.rcpt-filter{border-bottom:1px solid var(--hairline);align-items:center;gap:10px;padding:10px 18px;display:flex}.rcpt-table .col-to{width:220px}.rcpt-table .col-when{width:190px;font-family:var(--mono);font-size:11.5px}.rcpt-table .col-read{width:220px}.rcpt-read{flex-direction:column;gap:1px;min-width:0;display:flex}.rcpt-read b{font-size:12px;font-weight:700}.rcpt-read em{color:var(--subtle);font-size:11px;font-style:normal;font-family:var(--mono);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.rcpt-unread{color:var(--subtle)}.set-control .nas-shares{flex-wrap:wrap;gap:6px;display:flex}.set-control .nas-shares .set-pick{font-size:12px}:root{--font:"DM Sans", "Malgun Gothic", -apple-system, BlinkMacSystemFont, sans-serif;--mono:"JetBrains Mono", ui-monospace, monospace;--ink:#0f172a;--muted:#475569;--subtle:#64748b;--faint:#94a3b8;--border:#cbd5e1;--surface:#fff;--primary:#2563eb;--danger:#dc2626;--warning:#f59e0b;--ok:#15803d;--warn:#b45309;--radius:.65rem;--shadow:0 2px 12px #0f172a0f;--shadow-lift:0 1px 2px #0f172a0f, 0 4px 16px #0f172a0d;--shell:#eaeff5;--hairline:#e8edf3;--primary-soft:#eff6ff;--row-h:42px;--on-accent:#fff;--label-ink:#334155;--ink-strong:#1e293b;--hover-strong:#dbe3ec;--primary-hover:#1d4ed8;--row-hover:#eff5fe;--row-checked:#fef9e7;--row-open:#dbeafe;--chip-bg:#e2e8f0;--sunken:#f8fafc;--panel-soft:#fbfcfe;--scroll-thumb:#d5dee9;--scroll-thumb-hover:#cbd5e1;--danger-soft:#fef2f2;--danger-bg:#fee2e2;--danger-border:#fecaca;--warn-soft:#fffbeb;--warn-bg:#fef3c7;--warn-border:#fde68a;--warn-fg:#92400e;--warn-strong:#92400e;--warn-strong-hover:#78350f;--on-warn-strong:#fff;--info-soft:#eef6ff;--ok-bg:#dcfce7;--ok-fg:#166534;--mail-canvas:transparent;--mail-ink:inherit;--mail-pad:0;--float-border:transparent;--tour-dim:#080d16a8;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);color:var(--ink);background:var(--shell);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:13px}button{font-family:inherit;font-size:inherit;cursor:pointer;color:inherit}svg{display:block}.boot{height:100%;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex}.boot.error{color:var(--danger)}.app{flex-direction:column;height:100%;display:flex}.main{flex:auto;min-height:0;display:flex}.sidebar{flex-direction:column;flex:0 0 236px;width:236px;min-height:0;padding:14px 12px 0;display:flex}.sidebar-fixed{flex:none}.brand{letter-spacing:-.015em;color:var(--ink);align-items:center;gap:8px;padding:0 4px 14px;font-size:13.5px;font-weight:700;display:flex}.brand-home{color:inherit;border-radius:8px;align-items:center;gap:8px;margin:-2px -4px;padding:2px 4px;text-decoration:none;display:flex}.brand-home:hover{background:var(--surface)}.brand-mark{color:var(--primary)}.account-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px 12px 12px}.card-identity{border-bottom:1px solid var(--hairline);padding:0 0 12px}.picker-wrap{position:relative}.identity-field{text-align:left;background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;gap:8px;width:100%;padding:8px 10px;transition:background .12s;display:flex}.identity-field:hover,.identity-field.open{background:var(--hairline)}.identity-text{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.identity-name{color:var(--ink);letter-spacing:-.015em;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;overflow:hidden}.identity-email{color:var(--muted);font-size:11.5px;font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.email-caret{color:var(--subtle);flex:none;font-size:10px}.account-picker{z-index:40;background:var(--surface);border-radius:var(--radius);border:1px solid var(--float-border);min-width:240px;max-height:320px;padding:5px;position:absolute;top:calc(100% + 5px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 28px #0f172a2e}.picker-item{text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:9px;width:100%;padding:8px 9px;display:flex}.picker-item:hover,.picker-item.active{background:var(--hairline)}.picker-icon{color:var(--subtle);flex:none;display:flex}.picker-item.active .picker-icon{color:var(--muted)}.picker-text{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.picker-name{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:700;overflow:hidden}.picker-email{color:var(--subtle);font-size:11px;font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.picker-item.active .picker-name{color:var(--ink)}.picker-item.active .picker-email{color:var(--subtle)}.picker-item{padding:9px 10px}.picker-sub{color:var(--subtle);font-size:10.5px}.picker-check{color:var(--muted);flex:none;font-size:11px}.card-filters{gap:4px;padding:10px 0 11px;display:flex}.filter-item{background:var(--hairline);min-width:0;color:var(--label-ink);border:0;border-radius:7px;flex:1 1 0;justify-content:center;align-items:center;gap:5px;padding:7px 4px;font-size:12px;transition:background .12s,color .12s;display:flex}.filter-item:hover{background:var(--hover-strong);color:var(--ink)}.filter-item.on{background:var(--primary);color:var(--on-accent);font-weight:700}.filter-icon{color:var(--subtle);flex:none;display:flex}.filter-item.on .filter-icon{color:var(--on-accent)}.fi-dot{background:var(--primary);border-radius:50%;width:6px;height:6px}.filter-item.on .fi-dot{background:var(--on-accent)}.filter-label{white-space:nowrap;flex:none}.filter-badge{background:var(--primary);min-width:16px;color:var(--on-accent);font-family:var(--mono);text-align:center;border-radius:999px;flex:none;padding:0 4px;font-size:9.5px;font-weight:500}.filter-item.on .filter-badge{background:#ffffff47}.btn-compose{text-align:center;background:var(--primary);width:100%;color:var(--on-accent);border:0;border-radius:8px;margin-top:2px;padding:11px 0;font-size:13px;font-weight:700;text-decoration:none;transition:background .12s,box-shadow .12s;display:block;box-shadow:0 2px 8px #2563eb40}.btn-compose:hover{background:var(--primary-hover);box-shadow:0 4px 14px #2563eb4d}.sidebar-scroll{flex:auto;padding-bottom:14px;overflow-y:auto}.folder-group{flex-direction:column;gap:2px;display:flex}.folder-section{color:var(--subtle);letter-spacing:.04em;padding:16px 12px 7px;font-size:11px;font-weight:700}.folder-row{border-radius:8px;align-items:center;gap:4px;padding-right:8px;transition:background .12s,box-shadow .12s;display:flex}.folder-row:hover{background:var(--surface)}.folder-row.active{background:var(--surface);box-shadow:var(--shadow-lift)}.folder-item{min-width:0;color:var(--label-ink);text-align:left;background:0 0;border:0;border-radius:8px;flex:auto;align-items:center;gap:7px;padding:9px 4px 9px 12px;font-size:13px;transition:color .12s;display:flex}.folder-row:hover .folder-item{color:var(--ink)}.folder-row.active .folder-item{color:var(--primary);font-weight:700}.folder-name{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:8px;display:flex;overflow:hidden}.folder-badge{background:var(--primary);min-width:20px;color:var(--on-accent);font-family:var(--mono);text-align:center;border:0;border-radius:999px;flex:none;padding:3px 7px;font-size:10px;font-weight:500;transition:background .12s,transform .1s}.folder-badge:hover{background:var(--primary-hover);transform:scale(1.08)}.folder-badge:active{transform:scale(.96)}.label-item{cursor:default}.label-dot{border-radius:50%;flex:none;width:7px;height:7px;display:inline-block}.content{flex-direction:column;flex:auto;min-width:0;display:flex}.content-body{--split:44%;flex-direction:row;flex:auto;min-height:0;padding:0 16px 16px;display:flex}.msg-list{flex:0 0 var(--split)}.read-pane{flex:auto}.msg-list,.read-pane{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.splitter{cursor:col-resize;touch-action:none;background:0 0;border:0;outline:none;flex:0 0 14px;justify-content:center;align-self:stretch;align-items:center;display:flex}.splitter-grip{background:0 0;border-radius:999px;width:3px;height:34px;transition:background .12s}.splitter:hover .splitter-grip{background:var(--border)}.splitter:active .splitter-grip,.splitter:focus-visible .splitter-grip{background:var(--primary);height:52px}.splitter:focus-visible{outline:none}body.is-splitting{cursor:col-resize;-webkit-user-select:none;user-select:none}body.is-splitting iframe{pointer-events:none}.read-empty{flex-direction:column;justify-content:center;align-items:center;gap:4px;height:100%;display:flex}.read-empty-icon{color:var(--border);margin-bottom:8px}.read-empty-text{color:var(--muted);margin:0;font-size:13.5px}.read-empty-hint{color:var(--subtle);margin:0;font-size:11.5px}.toolbar{flex:none}.toolbar-row{align-items:center;gap:11px;padding:18px 16px 12px;display:flex}.toolbar-row.filters{gap:6px;padding:0 16px 12px}.check-all{align-items:center;display:flex}.title-area{align-items:baseline;gap:9px;display:flex}.folder-title{letter-spacing:-.02em;font-size:16px}.count{color:var(--subtle);font-size:12px;font-family:var(--mono)}.bulk-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.bulk-count{color:var(--primary);font-weight:700;font-family:var(--mono);margin-right:3px;font-size:12px}.bulk-actions button{background:var(--surface);color:var(--muted);white-space:nowrap;box-shadow:var(--shadow-lift);border:0;border-radius:7px;padding:6px 12px;font-size:12px;transition:color .12s}.bulk-actions button:hover:not(:disabled){color:var(--primary)}.bulk-actions button:disabled{opacity:.45;cursor:default}.bulk-actions button.danger:hover:not(:disabled){color:var(--danger)}.bulk-actions button.plain{box-shadow:none;background:0 0}.move-wrap{position:relative}.move-menu{z-index:30;background:var(--surface);border-radius:var(--radius);border:1px solid var(--float-border);min-width:165px;max-height:340px;padding:5px;position:absolute;top:calc(100% + 5px);left:0;overflow-y:auto;box-shadow:0 8px 28px #0f172a24}.move-menu button{text-align:left;width:100%;color:var(--muted);background:0 0;border:0;border-radius:6px;padding:8px 11px;font-size:12px;display:block}.move-menu button:hover{background:var(--primary-soft);color:var(--primary)}.list-tools{align-items:center;gap:7px;min-width:0;display:flex}.density-select{margin-left:auto}.search-wrap{align-items:center;gap:6px;display:flex;position:relative}.adv-toggle{white-space:nowrap;background:var(--surface);color:var(--subtle);box-shadow:var(--shadow-lift);border:0;border-radius:999px;padding:7px 11px;font-family:inherit;font-size:11.5px;transition:color .12s,background .12s}.adv-toggle:hover{color:var(--primary)}.adv-toggle.on{background:var(--primary);color:var(--on-accent)}.search{background:var(--surface);box-shadow:var(--shadow-lift);border-radius:999px;align-items:center;display:flex}.search input{width:190px;color:var(--ink);background:0 0;border:0;border-radius:999px 0 0 999px;outline:none;padding:7px 14px;font-family:inherit;font-size:12px}.search input::placeholder{color:var(--faint)}.search button[type=submit]{color:var(--subtle);background:0 0;border:0;border-radius:0 999px 999px 0;align-items:center;padding:7px 13px 7px 8px;display:flex}.search button[type=submit]:hover{color:var(--primary)}.search-clear{color:var(--subtle);background:0 0;border:0;padding:7px 4px;font-size:12px}.adv-search{z-index:40;background:var(--surface);border-radius:var(--radius);border:1px solid var(--float-border);flex-direction:column;gap:8px;width:340px;max-width:calc(100vw - 32px);padding:14px;display:flex;position:absolute;top:calc(100% + 7px);left:0;box-shadow:0 10px 34px #0f172a2b}.adv-head{align-items:baseline;gap:8px;padding-bottom:4px;display:flex}.adv-head strong{font-size:13px}.adv-scope{color:var(--subtle);font-size:11px}.adv-x{color:var(--subtle);background:0 0;border:0;margin-left:auto;font-size:12px}.adv-x:hover{color:var(--ink)}.adv-row{align-items:center;gap:8px;display:flex}.adv-label{color:var(--muted);flex:0 0 52px;font-size:11.5px}.adv-row input[type=text],.adv-row>input{min-width:0;color:var(--ink);border:1px solid var(--hairline);background:var(--surface);border-radius:7px;outline:none;flex:auto;padding:7px 10px;font-family:inherit;font-size:12px}.adv-row>input:focus{border-color:var(--primary)}.adv-dates{flex:auto;align-items:center;gap:6px;min-width:0;display:flex}.adv-dates input{min-width:0;color:var(--ink);border:1px solid var(--hairline);background:var(--surface);border-radius:7px;outline:none;flex:auto;padding:6px 8px;font-family:inherit;font-size:11.5px}.adv-dates em{color:var(--faint);font-size:11px;font-style:normal}.adv-checks{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.adv-checks label{color:var(--muted);cursor:pointer;align-items:center;gap:5px;font-size:11.5px;display:flex}.adv-warn{color:var(--danger);margin:0;font-size:11px}.adv-foot{align-items:center;gap:7px;padding-top:4px;display:flex}.adv-foot button{background:var(--primary);color:var(--on-accent);border:0;border-radius:7px;margin-left:auto;padding:7px 16px;font-family:inherit;font-size:12px}.adv-foot button:disabled{opacity:.4;cursor:default}.adv-foot button.plain{color:var(--subtle);box-shadow:none;background:0 0;margin-left:0;margin-right:auto}.adv-foot button.plain:hover{color:var(--ink)}.detail-criteria{flex-wrap:wrap;gap:6px;padding:0 16px 12px;font-size:11px}.dc-tag{color:var(--primary);font-weight:700}.dc-chip{white-space:nowrap;background:var(--primary-soft);color:var(--primary);border-radius:999px;padding:3px 9px}.dc-more{color:var(--subtle)}.dc-clear{color:var(--subtle);background:0 0;border:0;border-radius:999px;margin-left:auto;padding:3px 10px;font-family:inherit;font-size:11px}.dc-clear:hover{color:var(--danger)}.icon-btn{background:var(--surface);width:31px;height:31px;color:var(--muted);box-shadow:var(--shadow-lift);border:0;border-radius:999px;justify-content:center;align-items:center;display:flex}.icon-btn:hover:not(:disabled){color:var(--primary)}.icon-btn:disabled{opacity:.5;cursor:default}.pane-select{background:var(--surface);color:var(--muted);box-shadow:var(--shadow-lift);border:0;border-radius:999px;padding:7px 10px;font-family:inherit;font-size:12px}.chip{background:var(--surface);color:var(--muted);box-shadow:var(--shadow-lift);border:0;border-radius:999px;padding:5px 14px;font-size:12px;transition:background .12s,color .12s}.chip:hover{color:var(--ink)}.chip.on{background:var(--ink);color:var(--on-accent);font-weight:700}.active-filter{background:var(--primary-soft);color:var(--primary);border:0;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.active-filter em{color:var(--muted);font-style:normal;font-weight:400}.active-filter .af-x{color:var(--primary);opacity:.6;font-size:10px}.active-filter:hover .af-x{opacity:1}.msg-list{min-width:0;overflow-y:auto}.list-state{text-align:center;color:var(--subtle);padding:60px 20px}.list-state.error{color:var(--danger)}.retry{background:var(--hairline);color:var(--muted);border:0;border-radius:7px;margin:14px auto 0;padding:7px 16px;display:block}.msg-row{height:var(--row-h);border-bottom:1px solid var(--hairline);cursor:pointer;align-items:center;gap:10px;padding:0 16px;display:flex;position:relative}.msg-row:last-of-type{border-bottom:0}.density-roomy{--row-h:52px}.density-compact{--row-h:34px}.msg-row:hover{background:var(--row-hover)}.msg-row.checked{background:var(--row-checked)}.msg-row.open{background:var(--row-open)}.msg-row.cursor:before{content:"";background:var(--primary);width:3px;position:absolute;top:0;bottom:0;left:0}.col-check{flex:none;display:flex}.col-check input{accent-color:var(--primary)}.col-star{color:var(--faint);background:0 0;border:0;flex:none;padding:0;transition:color .12s;display:flex}.col-star:hover,.col-star.on{color:var(--warning)}.col-dot{background:0 0;border-radius:50%;flex:0 0 6px;width:6px;height:6px}.msg-row.unread .col-dot{background:var(--primary)}.col-from{width:140px;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;flex:0 0 140px;overflow:hidden}.msg-row.unread .col-from{color:var(--ink);font-weight:500}.col-subject{flex:auto;align-items:center;gap:8px;min-width:0;display:flex}.subject-tag{background:var(--chip-bg);max-width:132px;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;border-radius:5px;flex:none;padding:2px 8px;font-size:11px;font-weight:500;line-height:1.55;overflow:hidden}.msg-row.unread .subject-tag{background:var(--primary-soft);color:var(--primary)}.subject-text{min-width:0;color:var(--ink-strong);white-space:nowrap;text-overflow:ellipsis;flex:auto;overflow:hidden}.msg-row.unread .subject-text{color:var(--ink);font-weight:700}.col-attach{color:var(--subtle);flex:0 0 14px;justify-content:center;display:flex}.col-date{text-align:right;white-space:nowrap;color:var(--subtle);font-family:var(--mono);flex:0 0 70px;font-size:11px}.pagination{justify-content:center;gap:4px;padding:20px 0 28px;display:flex}.pagination button{min-width:30px;height:30px;color:var(--muted);font-family:var(--mono);background:0 0;border:0;border-radius:8px;padding:0 8px;font-size:12px}.pagination button:hover:not(:disabled):not(.on){background:var(--hairline)}.pagination button.on{background:var(--ink);color:var(--on-accent);font-weight:500}.pagination button:disabled{opacity:.3;cursor:default}.read-pane{flex-direction:column;flex:auto;min-width:0;min-height:0;display:flex}.read-head{border-bottom:1px solid var(--hairline);flex:none;padding:22px 26px 16px}.read-subject-row{align-items:flex-start;gap:14px;display:flex}.read-subject{letter-spacing:-.02em;word-break:break-all;flex:auto;margin:0 0 12px;font-size:18px;font-weight:700;line-height:1.45}.read-subject-row .icon-btn{box-shadow:none;background:var(--hairline);flex:none}.read-meta{justify-content:space-between;align-items:baseline;gap:14px;margin-bottom:10px;display:flex}.read-from{align-items:baseline;gap:9px;min-width:0;display:flex}.read-from strong{font-size:13.5px}.read-from-email{color:var(--subtle);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.read-date{color:var(--subtle);font-size:11.5px;font-family:var(--mono);flex:none}.addr-line{gap:10px;margin-top:4px;font-size:12px;display:flex}.addr-label{color:var(--subtle);flex:0 0 56px}.addr-value{color:var(--muted);word-break:break-all}.addr-chip:not(:last-child):after{content:", "}.attach-box{background:var(--sunken);border-radius:var(--radius);margin-top:15px;padding:13px 15px}.attach-title{color:var(--subtle);letter-spacing:.03em;margin-bottom:9px;font-size:11px;font-weight:700}.attach-list{flex-wrap:wrap;gap:7px;display:flex}.attach-item{background:var(--surface);max-width:100%;color:var(--muted);box-shadow:var(--shadow-lift);border:0;border-radius:7px;align-items:center;gap:8px;padding:7px 12px;font-size:12px;transition:color .12s;display:flex}.attach-item:hover{color:var(--primary)}.attach-name{text-overflow:ellipsis;white-space:nowrap;max-width:280px;color:var(--ink);overflow:hidden}.attach-size{color:var(--subtle);font-family:var(--mono);flex:none;font-size:10.5px}.read-body{flex:auto;padding:24px 26px;overflow:auto}.mail-html{word-break:break-word;line-height:1.7}.mail-html img{max-width:100%;height:auto}.mail-html table{max-width:100%}.mail-text{white-space:pre-wrap;word-break:break-word;margin:0;font-family:inherit;font-size:13px;line-height:1.8}*{scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-corner{background:0 0}::-webkit-scrollbar-thumb{background:var(--scroll-thumb);background-clip:content-box;border:3px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--scroll-thumb-hover);background-clip:content-box}@media (width<=900px){.sidebar{flex-basis:196px;width:196px;padding:10px 8px 0}.col-from{flex-basis:96px;width:96px}.subject-tag{max-width:104px}.content-body{gap:10px;padding:0 10px 10px;position:relative}.msg-list{flex:auto}.splitter,.read-pane{display:none}.content-body.has-mail .read-pane{z-index:10;display:flex;position:absolute;inset:0 10px 10px;box-shadow:0 6px 28px #0f172a29}}.compose-actions{gap:6px;margin-top:2px;display:flex}.compose-actions .btn-compose{flex:auto;margin-top:0}.btn-self{background:var(--hairline);color:var(--muted);white-space:nowrap;border:0;border-radius:8px;flex:none;padding:11px 12px;font-size:12px;font-weight:700;transition:background .12s,color .12s}.btn-self:hover{background:var(--hover-strong);color:var(--ink)}.compose-page{background:var(--surface);border-radius:var(--radius);min-height:0;box-shadow:var(--shadow);flex-direction:column;flex:auto;margin:0 16px 16px;display:flex;position:relative;overflow:hidden}.compose-page.dropping{outline:2px dashed var(--primary);outline-offset:-8px}.compose-head{border-bottom:1px solid var(--hairline);flex-direction:column;flex:none;gap:9px;padding:13px 20px 11px;display:flex}.compose-head-title{align-items:baseline;gap:10px;min-width:0;display:flex}.compose-head-title .compose-heading{flex:auto}.compose-heading{letter-spacing:-.02em;flex:none;margin:0;font-size:16px;font-weight:700}.compose-head-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.compose-close{width:28px;height:28px;color:var(--subtle);background:0 0;border:0;border-radius:7px;flex:none;justify-content:center;align-items:center;margin:-4px -6px -4px 0;transition:background .12s,color .12s;display:flex}.compose-close:hover{background:var(--hairline);color:var(--danger)}.btn-send{background:var(--primary);color:var(--on-accent);border:0;border-radius:7px;padding:8px 22px;font-size:13px;font-weight:700;box-shadow:0 2px 8px #2563eb40}.btn-send:hover:not(:disabled){background:var(--primary-hover)}.btn-send:disabled{opacity:.6;cursor:default}.btn-cancel{color:var(--subtle);background:0 0;border:0;border-radius:7px;padding:8px 12px;font-size:12.5px}.btn-cancel:hover{color:var(--danger)}.compose-fields{flex:none}.addr-field{border-bottom:1px solid var(--hairline);background:0 0;align-items:flex-start;gap:10px;padding:6px 20px;display:flex;position:relative}.addr-field-label{color:var(--subtle);flex:0 0 62px;padding-top:4px;font-size:12px}.addr-chips{flex-wrap:wrap;flex:auto;align-items:center;gap:5px;min-width:0;display:flex}.addr-tag{background:var(--primary-soft);color:var(--primary);border-radius:999px;align-items:center;gap:5px;max-width:100%;padding:3px 5px 3px 10px;font-size:12px;display:inline-flex}.addr-tag.bad{background:var(--danger-bg);color:var(--danger)}.addr-tag-x{color:inherit;opacity:.55;background:0 0;border:0;padding:0 3px;font-size:10px;line-height:1}.addr-tag-x:hover{opacity:1}.addr-text{min-width:120px;color:var(--ink);background:0 0;border:0;outline:none;flex:120px;padding:4px 0;font-family:inherit;font-size:13px}.addr-text::placeholder{color:var(--faint)}.addr-suggest{z-index:5;background:var(--surface);border:1px solid var(--float-border);border-radius:8px;min-width:320px;max-width:460px;max-height:250px;padding:4px;position:absolute;top:100%;left:88px;overflow-y:auto;box-shadow:0 8px 26px #0f172a2e}.suggest-item{text-align:left;background:0 0;border:0;border-radius:6px;align-items:baseline;gap:9px;width:100%;padding:8px 10px;display:flex}.suggest-item.active{background:var(--primary-soft)}.suggest-name{color:var(--ink);flex:none;font-size:13px;font-weight:500}.suggest-email{min-width:0;color:var(--subtle);text-overflow:ellipsis;white-space:nowrap;flex:auto;font-size:12px;overflow:hidden}.suggest-tag{background:var(--hairline);color:var(--muted);border-radius:4px;flex:none;padding:1px 7px;font-size:10.5px}.addr-trailing{flex:none;padding-top:2px}.bcc-toggle{background:var(--hairline);color:var(--muted);white-space:nowrap;border:0;border-radius:999px;padding:4px 11px;font-size:11.5px}.bcc-toggle:hover{background:var(--primary-soft);color:var(--primary)}.subject-field{border-top:2px solid var(--border);border-bottom:1px solid var(--hairline);background:0 0;align-items:center;gap:10px;padding:0 20px;display:flex}.subject-field .addr-field-label{color:var(--muted);padding-top:0;font-weight:700}.compose-subject{color:var(--ink);letter-spacing:-.01em;background:0 0;border:0;outline:none;flex:auto;padding:13px 0;font-family:inherit;font-size:15px;font-weight:700}.compose-subject::placeholder{color:var(--faint);font-weight:400}.compose-files{border-bottom:1px solid var(--hairline);background:0 0;align-items:flex-start;gap:10px;padding:7px 20px 8px;display:flex}.compose-file-area{flex:auto;min-width:0}.attach-drop{border:1.5px dashed var(--border);width:100%;color:var(--faint);background:0 0;border-radius:7px;align-items:center;gap:8px;padding:6px 12px;font-size:12px;transition:border-color .12s,background .12s,color .12s;display:flex}.attach-drop:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-soft)}.attach-drop.active{border-color:var(--primary);background:var(--primary-soft);color:var(--primary);border-style:solid}.compose-file-list{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.compose-file-list:empty{margin-top:0}.compose-file{background:var(--hairline);max-width:100%;color:var(--muted);border-radius:7px;align-items:center;gap:7px;padding:5px 10px;font-size:12px;display:inline-flex}.compose-file.original{background:var(--primary-soft);color:var(--primary)}.cf-name{text-overflow:ellipsis;white-space:nowrap;max-width:260px;color:var(--ink);overflow:hidden}.cf-size{font-family:var(--mono);color:var(--subtle);font-size:10.5px}.cf-x{color:var(--subtle);background:0 0;border:0;padding:0 2px;font-size:10px}.cf-x:hover{color:var(--danger)}.compose-error{background:var(--danger-soft);color:var(--danger);border-bottom:1px solid var(--danger-border);flex:none;padding:10px 20px;font-size:12.5px}.editor{flex-direction:column;flex:auto;min-height:0;display:flex}.editor-toolbar{border-bottom:1px solid var(--hairline);background:var(--panel-soft);flex-wrap:wrap;flex:none;align-items:center;gap:2px;padding:5px 20px;display:flex}.ed-btn{min-width:28px;height:28px;color:var(--muted);background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;padding:0 7px;font-size:13px;line-height:1;transition:background .1s,color .1s;display:flex}.ed-btn:hover{background:var(--hairline);color:var(--ink)}.ed-btn.on{background:var(--primary-soft);color:var(--primary)}.ed-bold{font-weight:800}.ed-italic{font-style:italic}.ed-underline{text-decoration:underline}.ed-strike{text-decoration:line-through}.ed-color-mark{border-bottom:3px solid var(--danger);line-height:1.1}.ed-sep{background:var(--border);width:1px;height:16px;margin:0 5px}.ed-select{height:28px;color:var(--muted);background:0 0;border:0;border-radius:6px;padding:0 6px;font-family:inherit;font-size:12px}.ed-select:hover{background:var(--hairline)}.ed-color-wrap{position:relative}.ed-palette{z-index:20;background:var(--surface);border-radius:8px;grid-template-columns:repeat(4,1fr);gap:5px;padding:7px;display:grid;position:absolute;top:calc(100% + 5px);left:0;box-shadow:0 8px 24px #0f172a2e}.ed-swatch{border:0;border-radius:5px;width:20px;height:20px}.ed-swatch:hover{outline:2px solid var(--border);outline-offset:1px}.compose-body{color:var(--ink);outline:none;flex:auto;padding:16px 20px 20px;font-size:13.5px;line-height:1.75;overflow-y:auto}.compose-body img{max-width:100%;height:auto}.compose-body a{color:var(--primary)}.compose-body ul,.compose-body ol{padding-left:24px}.compose-body hr{border:0;border-top:1px solid var(--border);margin:14px 0}.compose-dropzone{z-index:3;color:var(--primary);pointer-events:none;background:#2563eb12;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex;position:absolute;inset:0}.read-actions{flex-wrap:wrap;gap:6px;margin:0 0 12px;display:flex}.read-actions button{background:var(--hairline);color:var(--label-ink);border:0;border-radius:7px;padding:6px 14px;font-size:12px;font-weight:500;transition:background .12s,color .12s}.read-actions button:hover{background:var(--primary-soft);color:var(--primary)}.read-actions button.plain{color:var(--subtle);background:0 0}.read-actions button.plain:hover{color:var(--primary)}@media (width<=900px){.compose-page{margin:0 10px 10px}.addr-field-label{flex-basis:54px;font-size:11.5px}.addr-suggest{min-width:0;left:20px;right:20px}}.act{color:var(--muted);white-space:nowrap;background:0 0;border:0;border-radius:7px;padding:7px 11px;font-size:12.5px;transition:background .12s,color .12s}.act:hover:not(:disabled){background:var(--hairline);color:var(--ink)}.act.on{background:var(--primary-soft);color:var(--primary);font-weight:700}.act:disabled{opacity:.5;cursor:default}.act-wrap{position:relative}.draft-status{white-space:nowrap;align-items:center;gap:8px;margin-left:auto;font-size:11px;line-height:1.45;display:flex}.ds-note{color:var(--warn)}.ds-state{align-items:center;gap:5px;font-weight:700;display:flex}.ds-dot{background:currentColor;border-radius:50%;flex:none;width:6px;height:6px}.ds-meta{color:var(--subtle);font-family:var(--mono);font-size:10.5px}.draft-status.is-none .ds-state{color:var(--subtle);font-weight:400}.draft-status.is-none .ds-dot{box-shadow:inset 0 0 0 1px var(--border);background:0 0}.draft-status.is-saving .ds-state{color:var(--subtle)}.draft-status.is-saved .ds-state{color:var(--ok)}.draft-status.is-dirty .ds-state{color:var(--warn)}.popover{z-index:50;background:var(--surface);border-radius:var(--radius);border:1px solid var(--float-border);min-width:250px;max-width:320px;padding:7px;position:absolute;top:calc(100% + 6px);left:0;right:auto;box-shadow:0 10px 34px #0f172a33}.pop-title{color:var(--subtle);letter-spacing:.04em;padding:6px 10px 8px;font-size:11px;font-weight:700}.pop-item{width:100%;color:var(--ink);text-align:left;background:0 0;border:0;border-radius:7px;justify-content:space-between;align-items:baseline;gap:10px;padding:9px 10px;font-size:12.5px;display:flex}.pop-item:hover{background:var(--primary-soft);color:var(--primary)}.pop-item em{color:var(--subtle);font-size:11px;font-style:normal;font-family:var(--mono)}.pop-item:hover em{color:var(--primary)}.pop-add{color:var(--muted)}.pop-empty{text-align:center;color:var(--subtle);padding:14px 10px;font-size:12px}.pop-sep{background:var(--hairline);height:1px;margin:6px 4px}.pop-warn{color:var(--danger);margin:0;padding:4px 10px 10px;font-size:12px;line-height:1.6}.pop-field{flex-direction:column;gap:5px;padding:4px 10px 9px;display:flex}.pop-field span{color:var(--subtle);font-size:11.5px}.pop-field input{border:1px solid var(--border);color:var(--ink);border-radius:7px;outline:none;padding:7px 9px;font-family:inherit;font-size:12.5px}.pop-field input:focus{border-color:var(--primary)}.pop-primary{background:var(--primary);width:100%;color:var(--on-accent);border:0;border-radius:7px;padding:9px 0;font-size:12.5px;font-weight:700}.pop-primary:hover{background:var(--primary-hover)}.modal-backdrop{z-index:80;background:#0f172a73;justify-content:center;align-items:center;padding:32px;display:flex;position:fixed;inset:0}.preview-card{background:var(--surface);border-radius:var(--radius);border:1px solid var(--float-border);flex-direction:column;width:min(840px,100%);max-height:100%;display:flex;overflow:hidden;box-shadow:0 24px 60px #0f172a4d}.preview-head{border-bottom:1px solid var(--hairline);flex:none;align-items:center;padding:14px 20px;display:flex}.preview-badge{letter-spacing:.06em;color:var(--primary);text-transform:uppercase;flex:auto;font-size:11px;font-weight:700}.preview-head .icon-btn{box-shadow:none;background:var(--hairline)}.preview-meta{border-bottom:1px solid var(--hairline);flex:none;padding:18px 24px 16px}.preview-subject{letter-spacing:-.02em;margin:0 0 12px;font-size:17px;font-weight:700}.preview-line{align-items:baseline;gap:10px;margin-top:5px;font-size:12.5px;display:flex}.preview-line>span{color:var(--subtle);flex:0 0 62px}.preview-line>b{min-width:0;color:var(--ink);word-break:break-all;flex:auto;font-weight:400}.preview-line>em{color:var(--subtle);flex:none;font-size:11px;font-style:normal}.preview-attach{flex-wrap:wrap;gap:10px;display:flex}.preview-attach span{align-items:center;gap:5px;display:inline-flex}.preview-attach em{color:var(--subtle);font-style:normal;font-family:var(--mono);font-size:10.5px}.preview-body{flex:auto;padding:22px 24px;overflow-y:auto}.preview-foot{border-top:1px solid var(--hairline);background:var(--panel-soft);flex:none;align-items:center;gap:8px;padding:14px 20px;display:flex}.pop-note{background:var(--primary-soft);color:var(--primary);border-radius:7px;margin:0 4px 6px;padding:7px 10px;font-size:11.5px;line-height:1.5}.compose-done{flex:auto;justify-content:center;align-items:flex-start;min-height:0;padding:0 16px 16px;display:flex;overflow-y:auto}.done-card{background:var(--surface);border-radius:var(--radius);width:min(560px,100%);box-shadow:var(--shadow);margin-top:8vh;padding:34px 34px 26px;position:relative}.done-x{margin:0;position:absolute;top:14px;right:14px}.done-mark{background:var(--primary-soft);color:var(--primary);letter-spacing:.02em;border-radius:999px;padding:4px 12px;font-size:11.5px;font-weight:700;display:inline-block}.done-mark.canceled{background:var(--hairline);color:var(--muted)}.done-title{letter-spacing:-.025em;color:var(--ink);margin:14px 0 6px;font-size:21px;font-weight:700;line-height:1.4}.done-sub{color:var(--muted);margin:0;font-size:13px;line-height:1.6}.done-detail{background:var(--sunken);border-radius:var(--radius);margin:24px 0 26px;padding:16px 18px}.done-line{align-items:baseline;gap:12px;font-size:12.5px;display:flex}.done-line+.done-line{margin-top:8px}.done-line>span{color:var(--subtle);flex:0 0 68px}.done-line>b{min-width:0;color:var(--ink);word-break:break-all;flex:auto;font-weight:400}.done-attach{color:var(--primary);align-items:center;gap:6px;display:inline-flex}.done-actions{align-items:center;gap:8px;display:flex}.done-cancel{color:var(--danger);background:0 0;border:0;border-radius:8px;padding:9px 15px;font-size:12.5px;font-weight:500}.done-cancel:hover:not(:disabled){background:var(--danger-soft)}.done-cancel:disabled{opacity:.5;cursor:default}.done-more{color:var(--muted);background:0 0;border:0;border-radius:8px;margin-left:auto;padding:9px 15px;font-size:12.5px}.done-more:hover{background:var(--hairline);color:var(--ink)}.sched-wrap{flex-direction:column;flex:auto;min-height:0;display:flex}.sched-body{background:var(--surface);border-radius:var(--radius);min-height:0;box-shadow:var(--shadow);flex:auto;margin:0 16px 16px;overflow-y:auto}.sched-row{border-bottom:1px solid var(--hairline);align-items:center;gap:14px;padding:13px 18px;display:flex}.sched-row:last-child{border-bottom:0}.sched-row:hover{background:var(--row-hover)}.sched-row.due{background:var(--warn-soft)}.sched-when{flex-direction:column;flex:0 0 210px;gap:2px;display:flex}.sched-when b{color:var(--ink);font-size:12.5px;font-weight:500;font-family:var(--mono)}.sched-when em{color:var(--primary);font-size:11px;font-style:normal;font-weight:700}.sched-row.due .sched-when em{color:var(--warning)}.sched-main{flex:auto;min-width:0}.sched-subject{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;overflow:hidden}.sched-to{color:var(--subtle);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:11.5px;overflow:hidden}.sched-cc{color:var(--faint)}.sched-attach{background:var(--primary-soft);color:var(--primary);font-size:11px;font-family:var(--mono);border-radius:999px;flex:none;align-items:center;gap:4px;padding:3px 8px;display:inline-flex}.sched-cancel{background:var(--hairline);color:var(--muted);border:0;border-radius:7px;flex:none;padding:7px 13px;font-size:12px;transition:background .12s,color .12s}.sched-cancel:hover:not(:disabled){background:var(--danger-soft);color:var(--danger)}.sched-cancel:disabled{opacity:.5;cursor:default}.done-change{position:relative}.done-alt{background:var(--hairline);color:var(--muted);border:0;border-radius:8px;padding:9px 15px;font-size:12.5px;font-weight:500}.done-alt:hover:not(:disabled){background:var(--primary-soft);color:var(--primary)}.done-alt:disabled{opacity:.5;cursor:default}.done-change .popover{top:auto;bottom:calc(100% + 6px)}.sched-actions{flex:none;align-items:center;gap:6px;display:flex}.sched-pick-wrap{position:relative}.sched-change{background:var(--hairline);color:var(--muted);border:0;border-radius:7px;padding:7px 13px;font-size:12px;transition:background .12s,color .12s}.sched-change:hover:not(:disabled){background:var(--primary-soft);color:var(--primary)}.sched-change:disabled{opacity:.5;cursor:default}.sched-pick-wrap .popover{left:auto;right:0}.sched-row{cursor:pointer}.sched-hl{color:var(--primary);font-weight:700;font-family:var(--mono)}.preview-attach .attach-item{cursor:pointer}.compose-file.large{background:var(--info-soft);color:var(--primary)}.compose-file.large.error{background:var(--danger-soft);color:var(--danger)}.cf-tag{background:var(--primary);color:var(--on-accent);border-radius:4px;flex:none;padding:1px 6px;font-size:10px;font-weight:700}.cf-err{color:var(--danger);flex:none;font-size:10.5px;font-weight:700}.cf-prog{background:var(--row-open);height:15px;color:var(--primary);font-size:9.5px;font-family:var(--mono);text-align:center;border-radius:999px;flex:0 0 74px;line-height:15px;position:relative;overflow:hidden}.cf-prog i{background:#2563eb4d;transition:width .15s linear;position:absolute;top:0;bottom:0;left:0}.cf-prog i+*{position:relative}.cf-rate,.cf-eta{font-family:var(--mono);color:var(--primary);white-space:nowrap;flex:none;font-size:10px}.cf-eta{color:var(--muted)}.stale-banner{background:var(--warn-bg);color:var(--warn-fg);border-bottom:1px solid var(--warn-border);flex:none;align-items:center;gap:12px;padding:9px 16px;font-size:12.5px;display:flex}.stale-banner button{background:var(--warn-strong);color:var(--on-warn-strong);border:0;border-radius:999px;margin-left:auto;padding:5px 14px;font-size:12px;font-weight:700}.stale-banner button:hover{background:var(--warn-strong-hover)}.contacts-page{background:var(--surface);border-radius:var(--radius);min-height:0;box-shadow:var(--shadow);flex-direction:column;flex:auto;display:flex;overflow:visible}.contacts-head{border-bottom:1px solid var(--hairline);flex:none;padding:16px 20px 0}.contacts-title-row{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.contacts-heading{letter-spacing:-.02em;flex:none;margin:0;font-size:17px;font-weight:700}.contacts-tools{flex:auto;justify-content:flex-end;align-items:center;gap:7px;display:flex}.contacts-search .search-icon{color:var(--subtle);padding:7px 13px 7px 8px;display:flex}.contacts-tools .act-wrap .move-menu{left:auto;right:0}.book-tabs{gap:4px;margin-top:14px;display:flex}.book-tab{color:var(--muted);white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:7px;padding:8px 14px;font-family:inherit;font-size:13px;display:flex}.book-tab:hover{color:var(--ink)}.book-tab.on{color:var(--primary);border-bottom-color:var(--primary);font-weight:700}.book-count{background:var(--hairline);color:var(--subtle);font-size:11px;font-family:var(--mono);white-space:nowrap;border-radius:999px;padding:1px 7px}.book-tab.on .book-count{background:var(--primary-soft);color:var(--primary)}.book-note{color:var(--subtle);margin:8px 0 12px;font-size:11.5px}.contacts-body{flex:auto;min-height:0;padding:4px 8px 16px;overflow:auto}.contact-table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:12.5px}.contact-table th{z-index:1;text-align:left;background:var(--surface);color:var(--subtle);white-space:nowrap;border-bottom:1px solid var(--hairline);padding:9px 10px;font-size:11px;font-weight:700;position:sticky;top:0}.contact-table td{border-bottom:1px solid var(--hairline);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;padding:9px 10px;overflow:hidden}.contact-table tbody tr:hover{background:var(--row-hover)}.contact-table .col-act{text-align:right;white-space:nowrap;width:190px}.contact-table .col-state{width:92px}.contact-table .col-pick{width:34px}.contact-table tr.picked{background:var(--primary-soft)}.contact-table tr.picked td{color:var(--primary)}.row-act{background:var(--hairline);color:var(--muted);white-space:nowrap;border:0;border-radius:6px;margin-left:4px;padding:4px 9px;font-family:inherit;font-size:11.5px}.row-act:hover:not(:disabled){background:var(--primary-soft);color:var(--primary)}.row-act.danger:hover:not(:disabled){background:var(--danger-bg);color:var(--danger)}.row-act:disabled{opacity:.5;cursor:default}.book-tag{background:var(--hairline);color:var(--subtle);white-space:nowrap;border-radius:999px;margin-left:6px;padding:1px 6px;font-size:10.5px}.book-tag.shared{background:var(--ok-bg);color:var(--ok-fg)}.book-tag.internal{background:var(--primary-soft);color:var(--primary)}.contact-card{background:var(--surface);border-radius:var(--radius);border:1px solid var(--float-border);flex-direction:column;width:min(520px,100%);max-height:100%;display:flex;overflow:hidden;box-shadow:0 24px 60px #0f172a4d}.contact-card.wide{width:min(760px,100%)}.contact-card-head{border-bottom:1px solid var(--hairline);flex:none;align-items:center;padding:14px 20px;display:flex}.contact-card-head h3{flex:auto;margin:0;font-size:15px;font-weight:700}.contact-card-head .icon-btn{box-shadow:none;background:var(--hairline)}.contact-card-foot{border-top:1px solid var(--hairline);background:var(--panel-soft);flex:none;align-items:center;gap:8px;padding:14px 20px;display:flex}.contact-form{flex:auto;padding:18px 20px;overflow-y:auto}.cform-row{align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.cform-label{color:var(--subtle);flex:0 0 68px;padding-top:8px;font-size:12px}.cform-input{border:1px solid var(--border);min-width:0;color:var(--ink);background:var(--surface);border-radius:7px;flex:auto;padding:8px 11px;font-family:inherit;font-size:12.5px}.cform-input:focus{border-color:var(--primary);outline:none}.contact-error{color:var(--danger);margin:0 20px 12px;font-size:12px}.book-choice{flex:auto;gap:8px;min-width:0;display:flex}.book-pick{border:1px solid var(--border);background:var(--surface);color:var(--muted);text-align:left;border-radius:7px;flex-direction:column;flex:1 1 0;align-items:flex-start;gap:2px;padding:8px 11px;font-family:inherit;font-size:12.5px;display:flex}.book-pick em{color:var(--subtle);font-size:10.5px;font-style:normal}.book-pick:hover:not(:disabled){border-color:var(--primary)}.book-pick.on{border-color:var(--primary);background:var(--primary-soft);color:var(--primary);font-weight:700}.book-pick.on em{color:var(--primary)}.book-pick:disabled{opacity:.55;cursor:default}.import-body{flex:auto;padding:18px 20px;overflow-y:auto}.import-drop{border:1.5px dashed var(--border);background:var(--panel-soft);width:100%;color:var(--muted);border-radius:9px;flex-direction:column;align-items:center;gap:4px;padding:22px 16px;font-family:inherit;font-size:12.5px;display:flex}.import-drop:hover,.import-drop.active{border-color:var(--primary);background:var(--primary-soft);color:var(--primary)}.import-drop span{color:var(--subtle);font-size:11px}.import-drop:hover span,.import-drop.active span{color:var(--primary)}.import-result{background:var(--primary-soft);border-radius:8px;flex-direction:column;gap:3px;margin-top:14px;padding:11px 13px;font-size:12.5px;display:flex}.import-result span{color:var(--muted);font-size:11.5px}.import-preview{max-height:260px;margin-top:12px;overflow:auto}.import-note{color:var(--subtle);margin-top:8px;font-size:11.5px}.state-tag{white-space:nowrap;background:var(--hairline);color:var(--subtle);border-radius:999px;padding:1px 7px;font-size:10.5px}.state-tag.add{background:var(--ok-bg);color:var(--ok-fg)}.state-tag.update{background:var(--warn-bg);color:var(--warn-fg)}.picker-tools{border-bottom:1px solid var(--hairline);flex-wrap:wrap;flex:none;align-items:center;gap:10px;padding:10px 20px 0;display:flex}.picker-tools .book-tabs{flex:auto;margin-top:0}.picker-list{flex:auto;min-height:180px;padding:0 12px;overflow:auto}.picker-list .contact-table td{cursor:pointer}.picker-picked{border-top:1px solid var(--hairline);background:var(--panel-soft);flex-wrap:wrap;flex:none;align-items:center;gap:6px;max-height:84px;padding:10px 20px;display:flex;overflow-y:auto}.picked-none{color:var(--subtle);font-size:11.5px}.page-now{color:var(--subtle);font-size:11.5px;font-family:var(--mono);padding:0 8px}.sender-menu{z-index:90;background:var(--surface);border-radius:var(--radius);border:1px solid var(--float-border);min-width:210px;max-width:300px;padding:6px;position:fixed;box-shadow:0 10px 34px #0f172a33}.sm-head{border-bottom:1px solid var(--hairline);flex-direction:column;gap:1px;margin-bottom:4px;padding:7px 10px 9px;display:flex}.sm-head b{text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.sm-head span{color:var(--subtle);font-size:11px;font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sm-item{width:100%;color:var(--ink);text-align:left;white-space:nowrap;background:0 0;border:0;border-radius:7px;padding:8px 10px;font-family:inherit;font-size:12.5px;display:block}.sm-item:hover{background:var(--primary-soft);color:var(--primary)}.col-from{font-family:inherit;font-size:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.col-from:hover{color:var(--primary);text-decoration:underline}.read-from{text-align:left;cursor:pointer;color:var(--ink);background:0 0;border:0;padding:0;font-family:inherit}.read-from:hover strong{color:var(--primary);text-decoration:underline}.content-body.full-read .msg-list,.content-body.full-read .splitter{display:none}.content-body.full-read{padding:0 16px 16px}.content-body.full-read .read-pane{flex:auto}.content-body.full-read .read-body>.mail-html,.content-body.full-read .read-body>.mail-text{max-width:1100px}.notice-toast{z-index:95;background:var(--ink);max-width:min(520px,100vw - 32px);color:var(--on-accent);border-radius:999px;align-items:center;gap:12px;padding:11px 14px 11px 16px;font-size:12.5px;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0f172a4d}.notice-toast span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.notice-toast button{color:inherit;opacity:.6;background:0 0;border:0;flex:none;padding:0 2px;font-size:12px}.notice-toast button:hover{opacity:1}:root[data-theme=dark]{--ink:#e8eef7;--muted:#aab8c9;--subtle:#8d9bad;--faint:#5c6b7e;--border:#3a4757;--surface:#161d27;--shell:#0d1219;--hairline:#232d3a;--primary:#58a0f5;--primary-soft:#16263a;--primary-hover:#7ab4f8;--on-accent:#0b121c;--danger:#f87171;--ok:#4ade80;--warn:#fcd34d;--warning:#fbbf24;--label-ink:#c3cede;--ink-strong:#f1f5fb;--hover-strong:#232e3d;--row-hover:#1b2534;--row-checked:#33301c;--row-open:#1e3555;--chip-bg:#27313f;--sunken:#131a23;--panel-soft:#121922;--scroll-thumb:#334155;--scroll-thumb-hover:#475569;--danger-soft:#2a1a1f;--danger-bg:#43212a;--danger-border:#7f2a2a;--warn-soft:#2e2617;--warn-bg:#3a2f14;--warn-border:#6b5115;--warn-fg:#fcd34d;--warn-strong:#fcd34d;--warn-strong-hover:#fbbf24;--on-warn-strong:#1a1405;--info-soft:#15263a;--ok-bg:#16351f;--ok-fg:#86efac;--shadow:0 2px 12px #00000073;--shadow-lift:0 1px 2px #0006, 0 4px 16px #00000059;--mail-canvas:#fff;--mail-ink:#14181f;--mail-pad:16px;--float-border:#3f4d5e;--tour-dim:#0000009e;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--ink:#e8eef7;--muted:#aab8c9;--subtle:#8d9bad;--faint:#5c6b7e;--border:#3a4757;--surface:#161d27;--shell:#0d1219;--hairline:#232d3a;--primary:#58a0f5;--primary-soft:#16263a;--primary-hover:#7ab4f8;--on-accent:#0b121c;--danger:#f87171;--ok:#4ade80;--warn:#fcd34d;--warning:#fbbf24;--label-ink:#c3cede;--ink-strong:#f1f5fb;--hover-strong:#232e3d;--row-hover:#1b2534;--row-checked:#33301c;--row-open:#1e3555;--chip-bg:#27313f;--sunken:#131a23;--panel-soft:#121922;--scroll-thumb:#334155;--scroll-thumb-hover:#475569;--danger-soft:#2a1a1f;--danger-bg:#43212a;--danger-border:#7f2a2a;--warn-soft:#2e2617;--warn-bg:#3a2f14;--warn-border:#6b5115;--warn-fg:#fcd34d;--warn-strong:#fcd34d;--warn-strong-hover:#fbbf24;--on-warn-strong:#1a1405;--info-soft:#15263a;--ok-bg:#16351f;--ok-fg:#86efac;--shadow:0 2px 12px #00000073;--shadow-lift:0 1px 2px #0006, 0 4px 16px #00000059;--mail-canvas:#fff;--mail-ink:#14181f;--mail-pad:16px;--float-border:#3f4d5e;--tour-dim:#0000009e;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}.mail-html{background:var(--mail-canvas);color:var(--mail-ink);padding:var(--mail-pad);border-radius:8px}.theme-toggle{color:var(--subtle);background:0 0;border:0;border-radius:999px;align-items:center;margin-left:auto;padding:5px;display:flex}.theme-toggle:hover{background:var(--surface);color:var(--ink)}.gear-btn{margin-left:6px}.settings-card{background:var(--surface);border-radius:var(--radius);border:1px solid var(--float-border);flex-direction:column;width:min(880px,100%);height:min(640px,100%);display:flex;overflow:hidden;box-shadow:0 24px 60px #0000004d}.settings-body{flex:auto;min-height:0;display:flex}.settings-nav{border-right:1px solid var(--hairline);background:var(--panel-soft);flex-direction:column;flex:0 0 168px;gap:2px;padding:12px 8px;display:flex;overflow-y:auto}.set-nav-item{color:var(--label-ink);text-align:left;white-space:nowrap;background:0 0;border:0;border-radius:7px;padding:9px 12px;font-family:inherit;font-size:12.5px}.set-nav-item:hover{background:var(--hairline);color:var(--ink)}.set-nav-item.on{background:var(--primary-soft);color:var(--primary);font-weight:700}.settings-panel{flex:auto;min-width:0;padding:18px 22px 24px;overflow-y:auto}.set-account{background:var(--sunken);border-radius:8px;flex-wrap:wrap;align-items:baseline;gap:8px;margin-bottom:16px;padding:9px 12px;font-size:12px;display:flex}.set-account span{color:var(--subtle)}.set-account b{font-family:var(--mono);font-size:12px}.set-account em{color:var(--subtle);font-size:11px;font-style:normal}.set-row{border-bottom:1px solid var(--hairline);gap:16px;padding:12px 0;display:flex}.set-row:last-of-type{border-bottom:0}.set-label{flex-direction:column;flex:0 0 150px;gap:3px;display:flex}.set-label span{font-size:12.5px;font-weight:500}.set-label em{color:var(--subtle);font-size:11px;font-style:normal;line-height:1.5}.set-control{flex-direction:column;flex:auto;gap:8px;min-width:0;display:flex}.set-choice{flex-wrap:wrap;gap:6px;display:flex}.set-pick{border:1px solid var(--border);background:var(--surface);color:var(--muted);white-space:nowrap;border-radius:7px;padding:7px 13px;font-family:inherit;font-size:12px}.set-pick:hover{border-color:var(--primary);color:var(--primary)}.set-pick.on{border-color:var(--primary);background:var(--primary-soft);color:var(--primary);font-weight:700}.set-inline{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.set-tilde{color:var(--subtle)}.set-input{border:1px solid var(--border);background:var(--surface);color:var(--ink);border-radius:7px;min-width:0;padding:8px 11px;font-family:inherit;font-size:12.5px}.set-input:focus{border-color:var(--primary);outline:none}.set-input.wide{width:100%}.set-input[type=date]{font-family:var(--mono)}.set-toggle{white-space:nowrap;align-items:center;gap:6px;font-size:12px;display:inline-flex}.set-toggle input{accent-color:var(--primary)}.set-btn{border:1px solid var(--border);background:var(--surface);color:var(--muted);white-space:nowrap;border-radius:7px;align-items:center;padding:8px 14px;font-family:inherit;font-size:12.5px;text-decoration:none;display:inline-flex}.set-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.set-btn.primary{border-color:var(--primary);background:var(--primary);color:var(--on-accent);font-weight:700}.set-btn.primary:hover:not(:disabled){background:var(--primary-hover);color:var(--on-accent)}.set-btn:disabled{opacity:.55;cursor:default}.set-note{color:var(--subtle);margin:10px 0 14px;font-size:11.5px;line-height:1.65}.set-note.ok{color:var(--ok)}.set-note.bad{color:var(--danger)}.set-ok{color:var(--ok);font-size:11.5px}.set-bad{color:var(--danger);font-size:11.5px}.set-empty{color:var(--subtle);font-size:12px}.set-foot{flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px;display:flex}.set-sig{border:1px solid var(--hairline);background:var(--sunken);border-radius:8px;max-height:180px;padding:12px 14px;overflow:auto}.set-table{margin-top:6px}.set-table td,.set-table th{font-size:12px}.set-key{font-family:var(--mono);color:var(--primary);white-space:nowrap;width:120px}.rule-editor{flex-direction:column;display:flex}.rule-editor-head{border-bottom:1px solid var(--hairline);margin-bottom:6px;padding-bottom:10px;font-size:13px;font-weight:700}.cond-row{align-items:center;gap:6px;display:flex}.cond-field{flex:0 0 150px}.cond-op{flex:0 0 120px}.cond-value{flex:auto;min-width:80px}.cond-num{width:90px}.contact-table .col-order{width:52px}.contact-table .col-use{width:82px}.contact-table .col-count{text-align:right;width:64px;color:var(--subtle);font-family:var(--mono)}.set-note code{background:var(--sunken);font-family:var(--mono);border-radius:4px;padding:1px 5px;font-size:11px}.sm-item.danger:hover{background:var(--danger-bg);color:var(--danger)}.content-body.layout-full .splitter,.content-body.layout-full:not(.has-mail) .read-pane{display:none}.content-body.layout-full:not(.has-mail) .msg-list{flex:auto}.content-body.layout-split-h{flex-direction:column}.content-body.layout-split-h .splitter{cursor:row-resize;flex:0 0 14px;width:auto;height:14px}.content-body.layout-split-h .splitter-grip{width:34px;height:3px}.content-body.layout-split-h .splitter:active .splitter-grip,.content-body.layout-split-h .splitter:focus-visible .splitter-grip{width:52px;height:3px}body.is-splitting.row{cursor:row-resize}.lay-choice{flex-wrap:wrap;gap:10px;display:flex}.lay-pick{border:1px solid var(--border);background:var(--surface);color:var(--muted);text-align:left;border-radius:9px;flex-direction:column;flex:130px;align-items:flex-start;gap:5px;padding:10px;font-family:inherit;display:flex}.lay-pick:hover{border-color:var(--primary)}.lay-pick.on{border-color:var(--primary);background:var(--primary-soft);color:var(--primary)}.lay-pick b{font-size:12.5px}.lay-pick em{color:var(--subtle);font-size:11px;font-style:normal}.lay-pick.on em{color:var(--primary)}.lay-thumb{background:var(--sunken);border:1px solid var(--hairline);border-radius:6px;gap:3px;width:100%;height:54px;padding:3px;display:flex}.lay-thumb i{background:var(--chip-bg);border-radius:3px;display:block}.lay-full .lay-read{flex:auto}.lay-split-v .lay-list{flex:0 0 38%}.lay-split-v .lay-read{background:var(--primary-soft);flex:auto}.lay-split-h{flex-direction:column}.lay-split-h .lay-list{flex:0 0 38%}.lay-split-h .lay-read{background:var(--primary-soft);flex:auto}.lay-full .lay-read{background:var(--primary-soft)}.lay-pick.on .lay-thumb{border-color:var(--primary)}.fold-table .col-grip{cursor:grab;width:28px;color:var(--faint);-webkit-user-select:none;user-select:none;text-align:center}.fold-table .col-group{width:150px}.fold-table .col-group .set-input{width:100%;padding:5px 8px;font-size:12px}.fold-table tr{cursor:default}.fold-table tr.dragging{background:var(--primary-soft);opacity:.85}.fold-table tr.dragging td{color:var(--primary)}.raw-card{height:min(720px,100%)}.raw-body{background:var(--sunken);flex:auto;min-height:0;padding:14px 18px;overflow:auto}.raw-text{font-family:var(--mono);color:var(--ink);white-space:pre-wrap;word-break:break-all;margin:0;font-size:11.5px;line-height:1.6}.tour-layer{z-index:120;position:fixed;inset:0}.tour-catch{background:var(--tour-dim);position:absolute;inset:0}.tour-hole{pointer-events:none;box-shadow:0 0 0 9999px var(--tour-dim), 0 0 0 2px var(--primary) inset;border-radius:10px;transition:top .18s,left .18s,width .18s,height .18s;position:fixed}.tour-layer:has(.tour-hole) .tour-catch{background:0 0}.tour-pop{background:var(--surface);width:360px;max-width:calc(100vw - 24px);max-height:calc(100vh - 24px);color:var(--ink);border:1px solid var(--float-border);border-radius:var(--radius);flex-direction:column;padding:14px 16px 12px;display:flex;position:fixed;top:-9999px;left:-9999px;box-shadow:0 18px 46px #00000059}.tour-pop.centered{top:50%;left:50%;transform:translate(-50%,-50%)}.tour-head{align-items:baseline;gap:8px;margin-bottom:8px;display:flex}.tour-head strong{flex:auto;font-size:14px}.tour-head .icon-btn{box-shadow:none;background:var(--hairline);flex:none}.tour-step{color:var(--subtle);font-size:11px;font-family:var(--mono)}.tour-body{min-height:0;color:var(--muted);white-space:pre-line;word-break:keep-all;flex:auto;margin:0 0 14px;font-size:12.5px;line-height:1.85;overflow-y:auto}.tour-head,.tour-foot{flex:none}.tour-foot{align-items:center;gap:6px;display:flex}.tour-skip{color:var(--subtle);background:0 0;border:0;padding:4px;font-family:inherit;font-size:11.5px}.tour-skip:hover{color:var(--danger)}.tour-dots{flex:auto;justify-content:center;gap:3px;display:flex}.tour-dots i{background:var(--chip-bg);border-radius:50%;width:5px;height:5px}.tour-dots i.on{background:var(--primary)}.gear-btn{margin-left:6px;font-size:13px;font-weight:700}.nas-attach{border:1px solid var(--border);border-radius:7px;margin-left:6px}.compose-file.nas .cf-tag{background:var(--chip-bg);color:var(--muted)}.exp{background:var(--surface);border-radius:var(--radius);border:1px solid var(--float-border);flex-direction:column;width:min(980px,100%);height:min(680px,100%);display:flex;overflow:hidden;box-shadow:0 24px 60px #0000004d}.exp-title{border-bottom:1px solid var(--hairline);flex:none;align-items:center;padding:12px 16px;display:flex}.exp-title h3{flex:auto;margin:0;font-size:15px;font-weight:700}.exp-title .icon-btn{box-shadow:none;background:var(--hairline)}.exp-tools{border-bottom:1px solid var(--hairline);background:var(--panel-soft);flex:none;align-items:center;gap:6px;padding:8px 12px;display:flex}.exp-nav{border:1px solid var(--border);background:var(--surface);width:28px;height:28px;color:var(--muted);border-radius:6px;flex:none;justify-content:center;align-items:center;font-size:13px;line-height:1;display:flex}.exp-nav:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.exp-nav:disabled{opacity:.35;cursor:default}.exp-addr{white-space:nowrap;border:1px solid var(--border);background:var(--surface);border-radius:6px;flex-wrap:nowrap;flex:auto;align-items:center;min-width:0;height:28px;padding:0 8px;display:flex;overflow-x:auto}.exp-addr::-webkit-scrollbar{height:0}.exp-crumb-wrap{align-items:center;display:inline-flex}.exp-crumb{color:var(--muted);white-space:nowrap;background:0 0;border:0;border-radius:4px;padding:2px 5px;font-family:inherit;font-size:12px}.exp-crumb:hover{background:var(--hairline);color:var(--ink)}.exp-arrow{color:var(--faint);font-size:12px}.exp-find{border:1px solid var(--border);background:var(--surface);height:28px;color:var(--subtle);border-radius:6px;flex:0 0 170px;align-items:center;gap:5px;padding:0 9px;display:flex}.exp-find input{width:100%;color:var(--ink);background:0 0;border:0;outline:none;font-family:inherit;font-size:12px}.exp-paste{border-bottom:1px solid var(--hairline);background:var(--sunken);flex:none;padding:10px 14px}.exp-paste .set-foot{margin-top:8px}.exp-body{flex:auto;min-height:0;display:flex}.exp-side{border-right:1px solid var(--hairline);background:var(--panel-soft);flex:0 0 190px;padding:8px 6px;overflow-y:auto}.exp-side-title{color:var(--subtle);letter-spacing:.04em;padding:4px 8px 8px;font-size:11px;font-weight:700}.exp-side-item{width:100%;color:var(--label-ink);text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:7px;padding:7px 8px;font-family:inherit;font-size:12.5px;display:flex}.exp-side-item span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.exp-side-item:hover{background:var(--hairline);color:var(--ink)}.exp-side-item.on{background:var(--hairline);color:var(--ink);font-weight:700}.exp-main{flex:auto;min-width:0;overflow:auto}.exp-error{background:var(--danger-soft);color:var(--danger);white-space:pre-line;border-radius:7px;margin:10px 12px;padding:9px 12px;font-size:12px}.exp-table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:12.5px}.exp-table th{z-index:1;text-align:left;background:var(--surface);color:var(--subtle);white-space:nowrap;border-bottom:1px solid var(--hairline);cursor:pointer;-webkit-user-select:none;user-select:none;padding:8px 10px;font-size:11.5px;font-weight:700;position:sticky;top:0}.exp-table th:hover{color:var(--ink)}.exp-table td{border-bottom:1px solid var(--hairline);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;padding:6px 10px;overflow:hidden}.exp-table tbody tr{cursor:pointer}.exp-table tbody tr:hover{background:var(--row-hover)}.exp-table tbody tr.on{background:var(--row-open)}.exp-c-pick{text-align:center;width:34px}.exp-c-pick input{accent-color:var(--primary)}.exp-c-name{align-items:center;gap:8px;display:flex}.exp-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.exp-c-time{width:140px;color:var(--subtle);font-family:var(--mono);font-size:11.5px}.exp-c-kind{width:104px;color:var(--muted)}.exp-c-size{text-align:right;width:84px;color:var(--muted);font-family:var(--mono);font-size:11.5px}@media (width<=1100px){.exp-c-kind,.exp-table th.exp-c-kind{display:none}}@media (width<=900px){.exp-c-time,.exp-table th.exp-c-time{display:none}.exp-side{flex-basis:150px}}.exp-empty{text-align:center;color:var(--subtle);white-space:normal;padding:28px 0}.exp-picked{border-top:1px solid var(--hairline);background:var(--panel-soft);flex-wrap:wrap;flex:none;align-items:center;gap:6px;max-height:84px;padding:9px 14px;display:flex;overflow-y:auto}.exp-picked .addr-tag{align-items:center;gap:5px;display:inline-flex}.exp-foot{border-top:1px solid var(--hairline);background:var(--panel-soft);flex:none;align-items:center;gap:8px;padding:12px 16px;display:flex}.exp-count{color:var(--subtle);flex:auto;font-size:11.5px}.fi{color:var(--subtle);flex:none;display:inline-flex}.fi-folder{color:#eab308}.fi-excel{color:#15803d}.fi-word{color:#1d4ed8}.fi-ppt{color:#c2410c}.fi-pdf{color:#b91c1c}.fi-hwp{color:#1e40af}.fi-image{color:#7c3aed}.fi-zip{color:#a16207}.fi-cad{color:#0f766e}.fi-video{color:#be185d}.fi-mail{color:var(--primary)}.sendp-panel{margin:22px 0 0}.sendp-note{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:0 0 14px;font-size:12.5px;overflow:hidden}.sendp-bar{background:var(--hairline);border-radius:999px;height:8px;overflow:hidden}.sendp-bar i{background:var(--primary);height:100%;transition:width .3s linear;display:block}.sendp-nums{color:var(--muted);justify-content:space-between;align-items:baseline;margin-top:8px;font-size:12px;display:flex}.sendp-nums b{color:var(--ink);font-size:15px}.sendp-nums span{font-family:var(--mono);font-size:11.5px}.sendp-panel+.done-detail{margin-top:20px}.done-keep{color:var(--subtle);margin:-8px 0 22px;font-size:11.5px;line-height:1.7}.done-mark.failed{background:var(--danger-soft);color:var(--danger)}.empty-wrap{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.empty-card{text-align:center;background:var(--surface);width:min(460px,100%);box-shadow:var(--shadow);border-radius:16px;padding:38px 34px 30px}.empty-mark{color:var(--primary);margin:0 auto;display:block}.empty-card h1{color:var(--ink);margin:12px 0 6px;font-size:18px}.empty-lead{color:var(--muted);margin:0;font-size:13px;line-height:1.7}.empty-steps{text-align:left;background:var(--sunken);color:var(--muted);border-radius:10px;margin:22px 0 24px;padding:18px 20px 18px 38px;font-size:12.5px;line-height:1.9}.empty-steps b{color:var(--ink)}.empty-go{background:var(--primary);color:#fff;border-radius:9px;padding:11px 22px;font-size:13px;font-weight:600;text-decoration:none;display:inline-block}.empty-note{border-top:1px solid var(--hairline);color:var(--subtle);margin:22px 0 0;padding-top:16px;font-size:11.5px;line-height:1.7}.logout-link{color:var(--subtle);white-space:nowrap;border-radius:6px;margin-left:6px;padding:4px 8px;font-size:11.5px;text-decoration:none}.logout-link:hover{background:var(--hairline);color:var(--ink)}.mobile-bar,.nav-backdrop{display:none}@media (width<=720px){.mobile-bar{background:var(--surface);border-bottom:1px solid var(--hairline);z-index:40;align-items:center;gap:12px;padding:10px 14px;display:flex;position:sticky;top:0}.sidebar .brand-home{pointer-events:none}.mobile-bar b{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;font-size:14px;overflow:hidden}.mobile-logout{color:var(--subtle);font-size:12px;text-decoration:none}.mobile-nav-btn{background:0 0;border:0;flex-direction:column;justify-content:center;gap:4px;width:30px;height:30px;padding:0;display:flex}.mobile-nav-btn span{background:var(--ink);border-radius:2px;height:2px;display:block}.sidebar{z-index:60;flex-basis:264px;width:264px;max-width:82vw;transition:transform .22s;position:fixed;top:50px;bottom:0;left:0;transform:translate(-100%);box-shadow:0 0 40px #0f172a2e}.sidebar.open{transform:translate(0)}.nav-backdrop{z-index:50;background:#0f172a73;display:block;position:fixed;inset:50px 0 0}.main{flex-direction:column}.content{width:100%;min-width:0}.content-body{padding:0 8px 8px}.toolbar-row{flex-wrap:wrap;gap:8px}.title-area{order:-1}.folder-title{white-space:nowrap;font-size:15px}.search-box,.search-wrap{flex:100%;min-width:0}.col-size,.col-attach{display:none}.col-from{flex-basis:84px;width:84px}.col-date{flex-basis:52px;width:52px;font-size:11px}.content-body.has-mail .read-pane{border-radius:0;inset:0}.compose-page{border-radius:0;margin:0}.done-card{margin-top:4vh;padding:24px 20px 20px}.set-modal,.contact-card{border-radius:0;width:100%;max-width:100%;height:100%;max-height:100%}}.gear-menu{display:inline-flex;position:relative}.gear-backdrop{z-index:90;position:fixed;inset:0}.gear-pop{z-index:100;background:var(--surface);border:1px solid var(--float-border,var(--hairline));border-radius:10px;min-width:150px;padding:5px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 12px 34px #0f172a2e}.gear-pop button,.gear-pop a{width:100%;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:9px 11px;font-family:inherit;font-size:13px;text-decoration:none;display:block}.gear-pop button:hover,.gear-pop a:hover{background:var(--row-hover)}.gear-pop .danger{color:var(--danger)}