*{box-sizing:border-box}[hidden]{display:none!important}:root{--bg: #FAFBF8;--choc: #3B2925;--mint: #A8E6CF;--mint-dark: #2f8f6b;--border: #DCE9E1;--text: #3a3532}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.5}.site-header{background:#fff;border-bottom:1px solid var(--border)}.header-inner{max-width:1100px;margin:0 auto;padding:0 20px;min-height:64px;display:flex;align-items:center;gap:16px}.menu-wrap{position:relative}#menuToggle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;background:transparent;border:1px solid var(--border);border-radius:10px;cursor:pointer;color:var(--choc)}#menuToggle svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}#menuToggle:hover{background:var(--mint)}#navigation{position:absolute;top:calc(100% + 8px);left:0;min-width:200px;background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:0 10px 30px #3b29251f;padding:6px;z-index:50}#navigation a{display:block;padding:10px 14px;border-radius:8px;color:var(--choc);text-decoration:none;font-size:14px;font-weight:500}#navigation a:hover{background:var(--mint)}#navigation a[aria-current=page]{background:var(--mint);font-weight:600}.brand{display:flex;align-items:baseline;gap:10px;min-width:0;flex-wrap:wrap}.brand-logo{width:26px;height:26px;color:var(--mint-dark);align-self:center;flex:none}.brand-name{font-size:18px;font-weight:700;color:var(--choc);letter-spacing:.2px}.brand-caption{font-size:12px;color:#8a7f79;text-transform:uppercase;letter-spacing:.08em}.container{max-width:1100px;margin:0 auto;padding:24px 20px 48px}.breadcrumb{font-size:13px;color:#8a7f79;margin-bottom:12px}.breadcrumb span{color:var(--choc);font-weight:600}h1{margin:0 0 6px;font-size:28px;color:var(--choc)}.subtitle{margin:0 0 24px;color:#6f645e;font-size:15px}.card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:24px;margin-bottom:24px}.section-title{display:flex;align-items:center;gap:10px;margin:0 0 16px;font-size:17px;color:var(--choc)}.section-num{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--mint);color:var(--choc);font-size:13px;font-weight:700;flex:none}.field-label{font-size:14px;font-weight:600;color:var(--choc);display:block;margin-bottom:4px}.hint{font-size:13px;color:#6f645e;margin:0 0 10px}.hint code{background:#f2f7f3;border:1px solid var(--border);border-radius:4px;padding:1px 5px;font-size:12px}textarea{width:100%;padding:12px;border:1px solid var(--border);border-radius:10px;font-family:Consolas,Courier New,monospace;font-size:13px;background:var(--bg);color:var(--text);resize:vertical}.controls{display:flex;gap:14px;align-items:end;margin-top:16px;flex-wrap:wrap}.controls label{font-size:13px;font-weight:600;color:var(--choc);display:flex;flex-direction:column;gap:6px}input,select{padding:10px 12px;border:1px solid var(--border);border-radius:8px;font-size:14px;background:#fff;color:var(--text);min-height:44px}#top{width:140px}button#runBtn{padding:10px 22px;min-height:44px;border:none;background:var(--mint);color:var(--choc);font-weight:700;font-size:14px;border-radius:10px;cursor:pointer}button#runBtn:hover{background:#93dcc0}button#runBtn:disabled{opacity:.6;cursor:wait}:focus-visible{outline:3px solid var(--mint-dark);outline-offset:2px}.results-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:8px}.results-header .section-title{margin:0}.results-actions{display:flex;gap:8px}.results-actions button{min-height:44px;white-space:nowrap;padding:8px 16px;border:1px solid var(--border);border-radius:10px;background:#fff;color:var(--choc);font-size:13px;font-weight:600;cursor:pointer}.results-actions button:hover:not(:disabled){background:var(--mint)}.results-actions button:disabled{opacity:.5;cursor:default}.status{margin:0 0 14px;font-size:14px;color:#6f645e}details.account>summary,details.message-node>summary{cursor:pointer;min-height:44px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}details.account>summary{list-style:none}details.account>summary:before{content:"";width:0;height:0;border-left:6px solid var(--choc);border-top:5px solid transparent;border-bottom:5px solid transparent;flex:none;transition:transform .15s ease}details.account[open]>summary:before{transform:rotate(90deg)}details.message-node>summary{list-style:none;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:10px;row-gap:4px}details.message-node>summary:before{content:"";width:0;height:0;border-left:5px solid var(--mint-dark);border-top:4px solid transparent;border-bottom:4px solid transparent;flex:none;transition:transform .15s ease}details.message-node[open]>summary:before{transform:rotate(90deg)}.account-label{font-size:15px;font-weight:600;color:var(--choc);display:inline-flex;align-items:center;flex-wrap:wrap;gap:8px;min-width:0;overflow-wrap:anywhere}.account-address{min-width:0;overflow-wrap:anywhere}.copy-email-btn{min-height:44px;white-space:nowrap;padding:6px 12px;border:none;border-radius:6px;background:var(--mint);color:var(--choc);font-size:12px;font-weight:700;cursor:pointer;flex:none}.copy-email-btn:hover{background:#93dcc0}.copy-email-status{font-size:12px;font-weight:500;color:#6f645e}.account-line{font-size:12px;font-weight:500;color:#8a7f79}.account-status{margin-left:auto;font-size:12px;font-weight:600;padding:3px 10px;border-radius:999px;background:#eef4f0;border:1px solid var(--border);color:#6f645e;flex:none}.account-status[data-kind=loading],.account-status[data-kind=ok]{background:var(--mint);color:var(--choc);border-color:var(--mint)}.account-status[data-kind=error]{background:#fdecea;color:#b42318;border-color:#f3c7c2}.mailbox-content{margin-top:10px;padding-top:4px}.message-list{border-left:2px solid var(--border);padding-left:14px;display:flex;flex-direction:column;gap:8px}.message-node{border:1px solid var(--border);background:#fff;border-radius:10px;padding:6px 12px}.msg-head{display:flex;flex-direction:column;gap:2px;min-width:0}.msg-subject{font-size:14px;font-weight:600;color:var(--choc);overflow-wrap:anywhere}.summary-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-self:end;min-width:0;max-width:100%}.summary-actions .copy-btn{min-height:44px}.msg-meta{font-size:12px;color:#8a7f79;overflow-wrap:anywhere}.message-content{padding:6px 0 10px}.codes{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px}.codes-label{font-size:13px;font-weight:600;color:var(--choc)}.code-chip{display:inline-flex;align-items:center;gap:8px;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:4px 6px 4px 10px;min-width:0;max-width:100%}.code-value{font-family:Consolas,Courier New,monospace;font-size:14px;font-weight:700;color:var(--choc);user-select:all}.copy-btn{min-height:44px;white-space:nowrap;padding:6px 12px;border:none;border-radius:6px;background:var(--mint);color:var(--choc);font-size:12px;font-weight:700;cursor:pointer}.copy-btn:hover{background:#93dcc0}.copy-status{font-size:12px;color:#6f645e}.view-toggle{display:inline-flex;gap:0;margin:8px 0 4px;border:1px solid var(--border);border-radius:10px;overflow:hidden}.view-toggle button{min-height:44px;white-space:nowrap;padding:8px 18px;border:none;background:#fff;color:var(--choc);font-size:13px;font-weight:600;cursor:pointer}.view-toggle button+button{border-left:1px solid var(--border)}.view-toggle button[aria-pressed=true]{background:var(--mint)}.view-toggle button:disabled{opacity:.5;cursor:default}.reload-btn{min-height:44px;white-space:nowrap;padding:6px 14px;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--choc);font-size:12px;font-weight:600;cursor:pointer;flex:none}.reload-btn:hover:not(:disabled){background:var(--mint)}.reload-btn:disabled{opacity:.5;cursor:default}.remote-note{margin:6px 0;font-size:12px}.mailbox-skeleton{display:flex;flex-direction:column;gap:14px;padding:8px 0;width:100%;min-width:0;min-height:60px}.skeleton-row{display:flex;flex-direction:column;gap:6px}.skeleton-line{display:block;height:12px;max-width:100%;border-radius:6px;background:linear-gradient(90deg,#eaf6ef,#d7ecdf);animation:skeleton-pulse 1.4s ease-in-out infinite alternate}.frame-skeleton{min-height:120px}@keyframes skeleton-pulse{0%{opacity:.45}to{opacity:.85}}.mail-frame{width:100%;min-width:0;border:0;background:#fff;height:min(65vh,720px);min-height:320px}.empty-state{margin:0;padding:32px 16px;text-align:center;color:#8a7f79;font-size:14px;border:1px dashed var(--border);border-radius:10px;background:var(--bg)}.account{border:1px solid var(--border);background:var(--bg);border-radius:12px;padding:16px;margin-bottom:14px;overflow-wrap:anywhere}.account h3{margin:0 0 10px;font-size:15px;color:var(--choc)}.error{color:#b42318;font-size:13px;margin:0}.mail{border-top:1px solid var(--border);padding:10px 0}.mail:first-of-type{border-top:0}.meta{font-size:13px;margin:2px 0;overflow-wrap:anywhere}.body{margin-top:6px;background:#fff;border:1px solid var(--border);border-radius:8px;padding:10px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.7}@media(max-width:480px){.header-inner{padding:0 14px;gap:12px}.container{padding:18px 14px 40px}.card{padding:18px}h1{font-size:23px}.brand-caption{display:none}button#runBtn,#top,.controls label,.controls select,.controls input{width:100%}details.message-node>summary{grid-template-columns:auto minmax(0,1fr)}.summary-actions{grid-column:1 / -1;justify-self:start}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}.skeleton-line{animation:none!important;opacity:.7}}