:root{--ink:#14213a;--muted:#6f7f9a;--line:rgba(120,153,194,0.2);--panel:rgba(246,251,255,0.84);--panel-strong:rgba(255,255,255,0.92);--blue:#2f6fed;--blue-dark:#245ed2;--cyan:#079bd4;--danger:#d94a55;--shadow:0 10px 30px rgba(72,117,173,0.11);--radius-lg:17px;--radius-md:13px}*{box-sizing:border-box}body,html{min-height:100%;margin:0}body{color:var(--ink);background:#e8f3ff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}button,input,select,textarea{font:inherit}button{color:inherit}.app-shell{min-height:100vh;position:relative;overflow:hidden;padding:20px clamp(16px,3.5vw,64px);background:linear-gradient(140deg,rgba(211,229,255,.85),rgba(230,248,255,.78) 45%,rgba(244,232,255,.78)),#eaf4ff}.ambient{position:fixed;width:420px;height:420px;border-radius:999px;filter:blur(70px);opacity:.35;pointer-events:none}.ambient-one{left:-100px;bottom:-100px;background:#89ddff}.ambient-two{right:-120px;top:210px;background:#d6b5ff}.glass-panel{position:relative;z-index:1;background:var(--panel);border:1px solid rgba(255,255,255,.8);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.top-header{max-width:1660px;margin:0 auto 14px;min-height:74px;border-radius:var(--radius-lg);justify-content:space-between;padding:12px 20px}.brand,.top-header{display:flex;align-items:center}.brand{gap:14px}.brand-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;color:white;background:linear-gradient(145deg,#4c88f6,#08a5da);box-shadow:0 8px 18px rgba(43,120,224,.27)}.brand h1,.brand p{margin:0}.brand h1{font-size:21px;letter-spacing:-.02em}.brand p{margin-top:4px;font-size:12px;color:#8797b1}.ready-pill{height:34px;display:flex;align-items:center;gap:8px;padding:0 16px;border-radius:999px;color:#168e72;border:1px solid rgba(38,191,154,.22);background:rgba(226,251,246,.82);font-size:13px;font-weight:650}.ready-dot{width:8px;height:8px;border-radius:50%;background:#23c99b;box-shadow:0 0 0 4px rgba(35,201,155,.1)}.workspace{max-width:1660px;margin:0 auto;height:calc(100vh - 108px);min-height:620px;display:grid;grid-template-columns:360px minmax(0,1fr);gap:12px;position:relative;z-index:1}.sidebar{border-radius:var(--radius-lg);padding:14px;display:flex;flex-direction:column;min-height:0;max-height:none}.actions-row,.fetch-actions,.local-note,.message-meta,.modal-actions,.modal-heading,.panel-heading,.panel-heading>div,.progress-row,.results-heading,.results-heading>div,.select-row{display:flex;align-items:center}.panel-heading{justify-content:space-between;margin:0 4px 11px}.panel-heading>div{gap:9px}.panel-heading strong{font-size:14px}.count-badge{min-width:27px;height:23px;display:grid;place-items:center;padding:0 8px;border-radius:999px;color:var(--blue);background:rgba(70,127,240,.11);font-size:12px;font-weight:700}.input-shell,.select-shell{display:flex;align-items:center;gap:9px;height:38px;border-radius:10px;padding:0 13px;border:1px solid rgba(123,150,186,.2);background:rgba(255,255,255,.78);color:#8292aa;transition:border-color .2s,box-shadow .2s,background .2s}.input-shell:focus-within,.select-shell:focus-within{border-color:rgba(47,111,237,.52);box-shadow:0 0 0 3px rgba(47,111,237,.08);background:white}.input-shell input,.select-shell select{min-width:0;width:100%;border:0;outline:0;color:var(--ink);background:transparent;font-size:13px}.input-shell input::placeholder{color:#99a7bc}.input-shell.compact{height:38px;margin-bottom:9px}.clear-button,.code-chip,.copy-mail-button,.cyan-button,.icon-button,.primary-button,.secondary-button,.source-mail-button,.text-button{border:0;cursor:pointer;transition:transform .18s,box-shadow .18s,opacity .18s,background .18s}.cyan-button,.primary-button,.secondary-button{min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;padding:0 16px;font-size:13px;font-weight:700}.primary-button{color:white;background:linear-gradient(135deg,#4380f2,#2866e6);box-shadow:0 7px 15px rgba(47,111,237,.2)}.cyan-button:hover:not(:disabled),.primary-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 20px rgba(47,111,237,.24)}.secondary-button{color:#54647e;border:1px solid rgba(122,151,188,.2);background:rgba(255,255,255,.7)}.secondary-button:hover{background:white}.cyan-button{color:white;background:linear-gradient(135deg,#12a9df,#078cc8);box-shadow:0 7px 15px rgba(7,155,212,.2)}.wide{width:100%;margin-bottom:7px}button:disabled{cursor:not-allowed;opacity:.45}.select-row{min-height:34px;justify-content:space-between;padding:0 2px;color:#74849e;font-size:12px}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer}.checkbox-label input{position:absolute;opacity:0;pointer-events:none}.custom-checkbox{flex:0 0 auto;width:18px;height:18px;display:grid;place-items:center;border:1.4px solid #a4b5cd;border-radius:5px;color:white}.account-list{flex:1 1;min-height:150px;overflow-y:auto;padding:2px 3px 8px 0;scrollbar-width:thin;scrollbar-color:rgba(112,145,184,.32) transparent}.account-item{width:100%;display:flex;align-items:center;gap:10px;min-height:52px;margin-bottom:5px;padding:8px 10px;text-align:left;border:1px solid transparent;border-radius:12px;background:rgba(255,255,255,.46);cursor:pointer;transition:border-color .18s,background .18s}.account-item:hover{background:rgba(255,255,255,.78)}.account-item.selected{border-color:rgba(47,111,237,.22);background:rgba(234,242,255,.92)}.account-item.selected .custom-checkbox{border-color:var(--blue);background:var(--blue)}.account-item:focus-visible{outline:2px solid rgba(47,111,237,.55);outline-offset:1px}.account-copy{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:3px}.account-actions{flex:0 0 auto;display:flex;align-items:center;gap:3px;margin-left:auto}.account-action{width:27px;height:27px;display:grid;place-items:center;padding:0;border:0;border-radius:7px;background:transparent;cursor:pointer;transition:color .18s,background .18s,transform .18s}.copy-account{color:#5682dc;background:rgba(47,111,237,.08)}.copy-account:hover{color:#245ed2;background:rgba(47,111,237,.15);transform:translateY(-1px)}.delete-account{color:#df6d78}.delete-account:hover{color:#c83d4b;background:rgba(217,74,85,.09);transform:translateY(-1px)}.account-email{overflow:hidden;color:#283751;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.account-meta{display:flex;gap:7px}.account-meta,.account-note{min-width:0;align-items:center}.account-note{max-width:120px;display:inline-flex;gap:4px;padding:0;overflow:hidden;border:0;color:#a0acbc;font:inherit;font-size:10px;text-align:left;background:transparent;cursor:text}.account-note.has-note{color:#62728a}.account-note:hover{color:var(--blue)}.account-note svg{flex:0 0 auto}.account-note span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-note-input{width:120px;min-width:0;height:20px;padding:1px 6px;border:1px solid rgba(47,111,237,.34);border-radius:6px;outline:none;color:#42536d;font:inherit;font-size:10px;background:rgba(255,255,255,.88)}.account-note-input:focus{border-color:rgba(47,111,237,.65);box-shadow:0 0 0 2px rgba(47,111,237,.08)}.account-status{flex:0 1 auto;max-width:112px;display:flex;align-items:center;gap:5px;margin-left:auto;overflow:hidden;color:#93a0b4;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.status-success{color:#23a17c}.status-error{color:#d95361}.status-loading{color:var(--blue)}.sidebar-empty{height:100%;min-height:180px;display:grid;place-content:center;justify-items:center;gap:10px;color:#9aa9bd;font-size:12px}.clear-button{height:34px;display:flex;align-items:center;justify-content:center;gap:7px;color:#7f8ba0;border-top:1px solid var(--line);background:transparent;font-size:12px}.clear-button:hover:not(:disabled){color:var(--danger)}.main-column{min-width:0;min-height:0;display:flex;flex-direction:column;gap:10px}.control-panel{border-radius:var(--radius-lg);padding:14px 16px 11px}.filters-row{display:flex;gap:9px}.grow{flex:1 1}.sender-filter{width:min(240px,24vw)}.select-shell{width:134px;padding-right:9px}.select-shell select{appearance:none;cursor:pointer}.select-shell svg{pointer-events:none}.limit-select{width:96px}.actions-row{min-height:45px;gap:12px;padding-top:8px}.protocol-switch{display:inline-flex;gap:7px}.protocol-switch button{min-width:63px;height:31px;border:1px solid rgba(92,130,193,.22);border-radius:999px;color:#73829b;background:rgba(255,255,255,.48);cursor:pointer;font-size:12px;font-weight:750}.protocol-switch button.active{color:var(--blue);border-color:rgba(47,111,237,.34);background:rgba(230,240,255,.98);box-shadow:inset 0 0 0 1px rgba(47,111,237,.04)}.local-note{gap:6px;color:#7f91a9;font-size:11px}.fetch-actions{gap:9px;margin-left:auto}.progress-row{gap:10px;color:var(--blue);font-size:11px}.progress-track{flex:1 1;height:5px;overflow:hidden;border-radius:999px;background:rgba(78,116,176,.11)}.progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#4b83ee,#13a9dc);transition:width .25s ease}.fetch-progress-panel{flex:0 0 auto;display:grid;gap:8px;padding:11px 16px;border-radius:14px}.progress-copy{display:flex;align-items:center;gap:7px;color:#75849b;font-size:11px}.progress-copy strong{color:#33435c;font-size:12px}.fetch-progress-panel.is-active .progress-copy svg{color:var(--blue)}.fetch-progress-panel.is-complete .progress-copy svg{color:#12a27d}.results-panel{flex:1 1;min-height:0;display:flex;flex-direction:column;overflow:hidden;border-radius:var(--radius-lg);padding:12px 14px 14px}.results-heading{justify-content:space-between;min-height:34px;margin-bottom:8px}.results-actions,.results-title{display:flex;align-items:center}.results-title{gap:8px}.results-title svg{color:#60738e}.results-actions{gap:7px}.results-heading h2{margin:0;font-size:15px}.result-count{display:inline-flex;align-items:center;min-height:22px;padding:0 8px;border-radius:999px;color:#687a93;background:rgba(114,143,179,.09);font-size:10px;font-weight:750}.result-count.imap{color:#2f6fed;background:rgba(47,111,237,.1)}.result-count.graph{color:#078c88;background:rgba(14,178,153,.1)}.result-count.total{color:#355fc4;background:rgba(66,113,222,.09)}.text-button{padding:5px 7px;color:var(--blue);background:transparent;font-size:11px}.danger-text{color:var(--danger)}.empty-state{flex:1 1;min-height:360px;display:grid;place-content:center;justify-items:center;text-align:center;color:#93a3b9}.empty-icon{width:82px;height:82px;display:grid;place-items:center;margin-bottom:15px;border-radius:50%;color:rgba(79,128,192,.28);border:1px solid rgba(99,137,185,.12);background:rgba(255,255,255,.28)}.empty-state h3{margin:0 0 8px;color:#8190a7;font-size:15px}.empty-state p{max-width:500px;margin:0 0 19px;font-size:12px;line-height:1.7}.message-grid{flex:1 1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:7px;padding:1px 4px 2px 0;scrollbar-width:thin;scrollbar-color:rgba(112,145,184,.38) transparent}.message-card{position:relative;flex:0 0 auto;min-width:0;min-height:105px;padding:12px 15px 10px;border:1px solid rgba(120,151,188,.16);border-radius:12px;background:rgba(255,255,255,.68);box-shadow:0 3px 10px rgba(77,111,151,.045);transition:border-color .18s,background .18s,transform .18s;cursor:pointer}.message-card:hover{border-color:rgba(47,111,237,.22);background:rgba(255,255,255,.9);transform:translateY(-1px)}.message-card:focus-visible{outline:2px solid rgba(47,111,237,.65);outline-offset:2px}.message-meta{min-width:0;gap:7px;color:#7f8ea4;font-size:10px}.sender-name{max-width:min(52%,480px);overflow:hidden;color:#596b84;text-overflow:ellipsis;white-space:nowrap}.message-meta time{margin-left:auto;white-space:nowrap}.method-tag{padding:2px 7px;border-radius:5px;font-weight:750}.method-tag.imap{color:#2f6fed;background:rgba(47,111,237,.1)}.method-tag.graph{color:#048da9;background:rgba(7,155,212,.1)}.message-card h3{margin:7px 0 5px;color:#263650;font-size:13px}.message-card h3,.sender-line{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sender-line{margin:0 0 11px;color:#7d8ba1;font-size:11px}.code-row{display:flex;flex-wrap:wrap;gap:6px;margin-left:auto}.code-chip{min-height:27px;display:inline-flex;align-items:center;gap:7px;padding:0 9px;border-radius:7px;color:#215bc8;border:1px solid rgba(47,111,237,.18);background:rgba(231,241,255,.9);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;font-weight:800;letter-spacing:.08em}.code-chip:hover{transform:translateY(-1px);background:white;box-shadow:0 6px 13px rgba(47,111,237,.12)}.message-preview{display:-webkit-box;margin:0;overflow:hidden;color:#697990;font-size:11px;line-height:1.55;white-space:pre-wrap;-webkit-line-clamp:1;-webkit-box-orient:vertical}.message-footer{min-width:0;min-height:29px;display:flex;align-items:center;gap:8px;margin-top:7px}.account-reference{min-width:0;display:inline-flex;align-items:center;gap:5px;overflow:hidden;color:#8796aa;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.copy-mail-button,.source-mail-button{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;padding:4px 2px;color:#708098;background:transparent;font-size:11px}.source-mail-button{margin-left:auto;color:#3e6dca}.copy-mail-button:hover,.source-mail-button:hover{color:var(--blue)}.mail-viewer-backdrop{position:fixed;z-index:60;inset:0;display:grid;place-items:center;padding:24px;background:rgba(38,56,82,.28);-webkit-backdrop-filter:blur(11px);backdrop-filter:blur(11px)}.mail-viewer{width:min(820px,100%);height:min(760px,calc(100vh - 48px));display:flex;flex-direction:column;gap:12px;padding:20px;overflow:hidden;border:1px solid rgba(255,255,255,.92);border-radius:18px;background:rgba(246,249,254,.98);box-shadow:0 26px 80px rgba(32,55,87,.27)}.mail-viewer-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.mail-viewer-heading>div{min-width:0;display:flex;align-items:center;gap:9px}.mail-viewer-heading h2{margin:0;overflow:hidden;color:#23344e;font-size:16px;text-overflow:ellipsis;white-space:nowrap}.mail-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 18px;margin:0;padding:13px 15px;border:1px solid rgba(118,148,185,.15);border-radius:11px;background:rgba(234,240,248,.7)}.mail-details>div{min-width:0;display:grid;grid-template-columns:54px minmax(0,1fr);gap:5px;font-size:11px}.mail-details>div:first-child,.mail-details>div:last-child{grid-column:1/-1}.mail-details dt{color:#8998ad}.mail-details dd{margin:0;overflow:hidden;color:#53647d;text-overflow:ellipsis;white-space:nowrap}.mail-content-heading{display:flex;align-items:center;justify-content:space-between;padding:0 2px}.mail-content-heading strong{color:#40516a;font-size:12px}.mail-content-heading span{color:#90a0b5;font-size:10px}.mail-content-frame{flex:1 1;width:100%;min-height:320px;border:1px solid rgba(116,145,180,.12);border-radius:11px;background:white}.modal-backdrop{position:fixed;z-index:50;inset:0;display:grid;place-items:center;padding:20px;background:rgba(29,44,68,.28);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.import-modal{width:min(650px,100%);padding:23px;border:1px solid rgba(255,255,255,.9);border-radius:20px;background:rgba(248,252,255,.96);box-shadow:0 24px 80px rgba(31,55,91,.24)}.modal-heading{align-items:flex-start;justify-content:space-between;margin-bottom:16px}.modal-heading h2,.modal-heading p{margin:0}.modal-heading h2{font-size:19px}.modal-heading p{margin-top:5px;color:#8392a8;font-size:12px}.icon-button{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;color:#7f8da2;background:rgba(113,140,176,.08)}.format-note{display:grid;gap:6px;margin-bottom:12px;padding:12px 14px;border-radius:12px;color:#718099;background:rgba(226,239,255,.64);font-size:11px}.format-note strong{color:#4c5e78}.format-note code{overflow-wrap:anywhere}.format-note small{margin-top:3px;color:#61728c;line-height:1.5}.public-notice{margin:9px 3px 0;color:#91a0b5;font-size:10px;line-height:1.45;text-align:center}.import-modal textarea{width:100%;min-height:240px;resize:vertical;outline:0;padding:14px;color:#24344d;border:1px solid rgba(115,148,187,.24);border-radius:12px;background:white;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.65}.import-modal textarea:focus{border-color:rgba(47,111,237,.52);box-shadow:0 0 0 3px rgba(47,111,237,.08)}.import-errors{display:flex;gap:9px;max-height:118px;overflow:auto;margin-top:10px;padding:10px 12px;color:#bb4653;border-radius:10px;background:rgba(255,232,235,.7);font-size:11px}.import-errors p{margin:0 0 4px}.modal-actions{justify-content:flex-end;gap:9px;margin-top:16px}.toast{position:fixed;z-index:70;top:20px;right:22px;display:flex;align-items:center;gap:9px;padding:11px 17px;color:#33435c;border-left:3px solid #1db98d;border-radius:10px;background:rgba(255,255,255,.94);box-shadow:0 12px 34px rgba(49,80,119,.2);font-size:12px}.toast svg{color:#16a77f}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:1050px){.app-shell{padding:20px}.workspace{grid-template-columns:300px minmax(0,1fr)}.local-note,.sender-filter{display:none}}@media (max-width:760px){.app-shell{overflow:visible;padding:12px}.top-header{min-height:66px;padding:11px 14px}.brand-icon{width:41px;height:41px}.brand h1{font-size:17px}.brand p,.ready-pill{display:none}.workspace{display:flex;flex-direction:column;height:auto}.sidebar{min-height:370px;max-height:500px}.filters-row{display:grid;grid-template-columns:1fr 110px 88px}.filters-row .grow{grid-column:1/-1}.select-shell{width:auto}.actions-row{flex-wrap:wrap}.fetch-actions{width:100%}.fetch-actions button{flex:1 1}.results-panel{min-height:470px;padding:15px}.message-grid{overflow:visible}.results-heading{align-items:flex-start;gap:8px}.results-actions{justify-content:flex-end;flex-wrap:wrap}.message-footer{flex-wrap:wrap}.account-reference{width:100%}.code-row,.copy-mail-button{margin-left:0}.mail-viewer-backdrop{padding:10px}.mail-viewer{height:calc(100vh - 20px);padding:14px;border-radius:15px}.mail-viewer-heading>div{align-items:flex-start;flex-direction:column;gap:6px}.mail-viewer-heading h2{max-width:280px;white-space:normal}.mail-details{grid-template-columns:1fr}.mail-details>div{grid-column:1/-1}.mail-content-frame{min-height:0}.toast{top:auto;right:12px;bottom:14px;left:12px;justify-content:center}}