:root{color:#292833;font-synthesis:none;text-rendering:optimizelegibility;--page:#f3f3f6;--surface:#fff;--surface-soft:#f8f7fa;--surface-accent:#fff2f8;--text:#292833;--muted:#74717d;--subtle:#9b98a3;--border:#e4e2e8;--border-strong:#d5d1d9;--accent:#c72f75;--accent-hover:#b42768;--accent-soft:#f9e6ef;--success:#28775f;--success-soft:#edf7f3;--danger:#a93649;--danger-soft:#fff0f3;--shadow:0 22px 60px #362d3c14;background:#f3f3f6;font-family:Segoe UI Variable,Segoe UI,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}html{background:var(--page);min-width:320px;min-height:100%}body{min-width:320px;min-height:100dvh;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}button:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #c72f7538}.quick-page{background:var(--page);min-height:100dvh;padding:0 24px 26px}.site-header{justify-content:space-between;align-items:center;gap:20px;width:min(1240px,100%);min-height:76px;margin:0 auto;display:flex}.brand{color:var(--text);letter-spacing:-.02em;align-items:center;gap:11px;font-size:15px;font-weight:760;display:flex}.brand-mark{color:#fff;background:var(--accent);border-radius:11px;flex:none;place-items:center;width:36px;height:36px;display:grid;box-shadow:0 9px 22px #c72f7538}.header-note{min-height:36px;color:var(--muted);background:var(--surface);border:1px solid var(--border);border-radius:12px;align-items:center;gap:7px;padding:0 12px;font-size:12px;display:inline-flex;box-shadow:0 8px 25px #362d3c0a}.header-note svg{color:var(--accent)}.quick-main{grid-template-columns:minmax(360px,430px) minmax(0,1fr);gap:18px;width:min(1240px,100%);min-height:calc(100dvh - 102px);margin:0 auto;display:grid}.credential-pane,.inbox-pane{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:18px}.credential-pane{flex-direction:column;padding:29px;display:flex}.pane-heading{align-items:flex-start;gap:13px;display:flex}.pane-icon{width:42px;height:42px;color:var(--accent);background:var(--accent-soft);border-radius:12px;flex:none;place-items:center;display:grid}.pane-heading h1{color:var(--text);letter-spacing:-.04em;margin:1px 0 6px;font-size:clamp(24px,2.4vw,31px);line-height:1.16}.pane-heading p{color:var(--muted);margin:0;font-size:13px;line-height:1.6}.credential-form{gap:18px;margin-top:28px;display:grid}.field{gap:8px;display:grid}.field-label{min-height:24px;color:var(--text);justify-content:space-between;align-items:center;gap:10px;font-size:12px;font-weight:700;display:flex}.input-shell{min-height:54px;color:var(--subtle);background:var(--surface-soft);border:1px solid var(--border-strong);border-radius:12px;align-items:center;gap:11px;padding:0 14px;transition:border-color .18s,box-shadow .18s,background .18s;display:flex}.input-shell:focus-within{color:var(--accent);background:var(--surface);border-color:#c72f7594;box-shadow:0 0 0 4px #c72f7517}.input-shell input{min-width:0;color:var(--text);background:0 0;border:0;outline:0;flex:1;padding:0;font-size:15px}.input-shell input::placeholder{color:#85818e;opacity:1}.input-action{width:32px;height:32px;color:var(--muted);background:0 0;border:0;border-radius:9px;flex:none;place-items:center;display:grid}.input-action:hover{color:var(--text);background:var(--surface-accent)}.paste-hint{color:var(--muted);align-items:center;gap:6px;font-size:11px;display:inline-flex}.paste-hint svg{color:var(--accent)}.provider-mark{min-height:25px;color:var(--accent);background:var(--accent-soft);white-space:nowrap;border:1px solid #c72f7526;border-radius:8px;align-items:center;gap:5px;padding:0 8px;font-size:10px;font-weight:720;display:inline-flex}.provider-88{color:var(--text);background:var(--surface-soft);border-color:var(--border)}.inline-success,.inline-error{border-radius:10px;align-items:flex-start;gap:8px;padding:10px 11px;font-size:11px;line-height:1.5;display:flex}.inline-success{color:var(--success);background:var(--success-soft);border:1px solid #28775f2e}.inline-error{color:var(--danger);background:var(--danger-soft);border:1px solid #a9364933}.inline-success svg,.inline-error svg{flex:none;margin-top:1px}.form-actions{grid-template-columns:minmax(0,1fr) auto;gap:9px;display:grid}.primary-button,.clear-button{white-space:nowrap;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:49px;font-weight:740;transition:transform .16s,background .16s,box-shadow .16s;display:inline-flex}.primary-button{color:#fff;background:var(--accent);border:1px solid var(--accent);padding:0 22px;box-shadow:0 10px 24px #c72f753d}.primary-button:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover);box-shadow:0 13px 28px #c72f754d}.clear-button{color:var(--muted);background:var(--surface);border:1px solid var(--border-strong);padding:0 14px}.clear-button:hover:not(:disabled){color:var(--text);background:var(--surface-soft)}.primary-button:active,.clear-button:active,.filter-switch button:active,.code-button:active{transform:translateY(1px)}.provider-help{border-top:1px solid var(--border);gap:10px;margin-top:24px;padding-top:20px;display:grid}.provider-help>div{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;display:grid}.provider-help>div>span:last-child{color:var(--muted);font-size:10px;line-height:1.45}.privacy-box{color:var(--muted);background:var(--surface-soft);border-radius:12px;align-items:flex-start;gap:9px;margin-top:auto;padding:13px;display:flex}.privacy-box>svg{color:var(--accent);flex:none;margin-top:1px}.privacy-box div{gap:3px;display:grid}.privacy-box strong{color:var(--text);font-size:11px}.privacy-box span{font-size:10px;line-height:1.55}.inbox-pane{grid-template-rows:auto auto minmax(420px,1fr) auto;min-width:0;display:grid;overflow:hidden}.inbox-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;min-height:85px;padding:20px 24px;display:flex}.inbox-title-row{align-items:center;gap:11px;display:flex}.inbox-title-row .pane-icon{width:38px;height:38px}.inbox-header h2{color:var(--text);letter-spacing:-.025em;margin:0;font-size:20px}.inbox-header p{max-width:420px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:5px 0 0 49px;font-size:11px;overflow:hidden}.result-status{min-height:29px;color:var(--muted);background:var(--surface-soft);border:1px solid var(--border);white-space:nowrap;border-radius:9px;align-items:center;gap:6px;padding:0 9px;font-size:10px;font-weight:700;display:inline-flex}.result-status.pending{color:var(--accent);background:var(--surface-accent);border-color:#c72f7529}.result-status.error{color:var(--danger);background:var(--danger-soft);border-color:#a9364933}.result-toolbar{min-height:49px;color:var(--muted);background:var(--surface-soft);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:8px 18px 8px 24px;font-size:10px;display:flex}.filter-switch{background:#eae8ed;border-radius:10px;gap:2px;padding:3px;display:inline-flex}.filter-switch button{min-height:29px;color:var(--muted);background:0 0;border:0;border-radius:7px;padding:0 10px;font-size:10px;font-weight:700}.filter-switch button.selected{color:var(--text);background:var(--surface);box-shadow:0 2px 7px #362d3c14}.result-body{min-width:0;min-height:420px}.message-list{display:grid}.message-row{border-bottom:1px solid var(--border);grid-template-columns:auto minmax(0,1fr) auto;align-items:flex-start;gap:13px;min-width:0;padding:17px 22px;display:grid}.message-row:last-child{border-bottom:0}.message-icon{width:36px;height:36px;color:var(--accent);background:var(--accent-soft);border-radius:10px;place-items:center;display:grid}.message-content{min-width:0}.message-subject{align-items:center;gap:7px;min-width:0;display:flex}.message-subject strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.message-subject>span{color:var(--accent);background:var(--accent-soft);border-radius:6px;flex:none;padding:2px 5px;font-size:9px;font-weight:750}.message-sender{color:var(--subtle);text-overflow:ellipsis;white-space:nowrap;margin:4px 0 0;font-size:10px;overflow:hidden}.message-preview{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:9px 0 0;font-size:11px;line-height:1.6;display:-webkit-box;overflow:hidden}.message-side{justify-items:end;gap:8px;min-width:130px;display:grid}.message-side time{color:var(--subtle);align-items:center;gap:4px;font-size:10px;display:flex}.code-button{min-height:34px;color:var(--accent);background:var(--surface-accent);border:1px solid #c72f7533;border-radius:10px;align-items:center;gap:7px;padding:0 9px;font-size:10px;font-weight:720;display:inline-flex}.code-button span{color:var(--text);letter-spacing:.06em;font-family:ui-monospace,Cascadia Code,monospace;font-size:14px}.code-button:hover{background:var(--accent-soft)}.empty-state{text-align:left;justify-content:center;align-items:center;gap:13px;min-height:420px;padding:36px;display:flex}.empty-icon{width:52px;height:52px;color:var(--accent);background:var(--accent-soft);border-radius:14px;flex:none;place-items:center;display:grid}.error-state .empty-icon{color:var(--danger);background:var(--danger-soft)}.empty-state h3{color:var(--text);margin:0 0 6px;font-size:16px}.empty-state p{max-width:330px;color:var(--muted);margin:0;font-size:12px;line-height:1.65}.inbox-footer{min-height:42px;color:var(--subtle);background:var(--surface-soft);border-top:1px solid var(--border);text-align:center;justify-content:center;align-items:center;gap:6px;padding:8px 18px;font-size:10px;display:flex}.message-skeleton{display:grid}.message-skeleton>div{border-bottom:1px solid var(--border);grid-template-columns:minmax(160px,56%) 1fr;align-content:center;gap:10px 22px;min-height:88px;padding:18px 22px;display:grid}.message-skeleton span,.message-skeleton p,.message-skeleton small{background:linear-gradient(90deg,#eceaef,#f7f6f8,#eceaef) 0 0/200% 100%;border-radius:6px;height:10px;margin:0;animation:1.25s infinite shimmer;display:block}.message-skeleton p{width:78%}.message-skeleton small{grid-column:1;width:104px}.toast{z-index:20;color:#fff;text-align:left;background:#2d2b35;border:1px solid #ffffff1f;border-radius:12px;align-items:center;gap:8px;max-width:min(420px,100vw - 32px);min-height:43px;padding:0 14px;font-size:11px;animation:.2s ease-out toast-in;display:flex;position:fixed;bottom:22px;right:22px;box-shadow:0 16px 42px #27212c3b}.toast svg{color:#81d3b7}.spin{animation:.85s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{to{background-position:-200% 0}}@keyframes toast-in{0%{opacity:0;transform:translateY(7px)}}@media (width<=920px){.quick-page{padding-inline:16px}.quick-main{grid-template-columns:1fr}.credential-pane{min-height:610px}.inbox-pane{min-height:620px}}@media (width<=600px){.quick-page{padding:0 10px 14px}.site-header{min-height:66px;padding:0 4px}.header-note span{display:none}.header-note{justify-content:center;width:36px;padding:0}.quick-main{gap:10px;min-height:calc(100dvh - 80px)}.credential-pane{border-radius:16px;min-height:auto;padding:22px 17px}.pane-heading h1{font-size:25px}.credential-form{margin-top:24px}.form-actions{grid-template-columns:1fr}.clear-button{min-height:43px}.input-action{width:44px;height:44px;margin-right:-7px}.provider-help>div{align-items:flex-start}.privacy-box{margin-top:22px}.inbox-pane{border-radius:16px;min-height:560px}.inbox-header{min-height:76px;padding:16px}.inbox-header p{max-width:230px;margin-left:0}.result-toolbar{flex-direction:column;align-items:flex-start;padding:12px 16px}.filter-switch button{min-height:40px;padding-inline:14px}.message-row{grid-template-columns:auto minmax(0,1fr);padding:15px 14px}.message-side{grid-column:2;justify-items:start;min-width:0}.empty-state{text-align:center;flex-direction:column;min-height:360px}.message-skeleton>div{grid-template-columns:1fr;padding-inline:16px}.message-skeleton small{grid-column:1}}@media (prefers-color-scheme:dark){:root{color:#f1eef3;--page:#17161b;--surface:#222026;--surface-soft:#2a272e;--surface-accent:#34212b;--text:#f1eef3;--muted:#bbb5c0;--subtle:#9c96a2;--border:#39353e;--border-strong:#4b4650;--accent:#cf397c;--accent-hover:#bd2d6e;--accent-soft:#3c2230;--success:#7bc8ad;--success-soft:#20352f;--danger:#ef8c9b;--danger-soft:#3c252b;--shadow:0 24px 65px #0000003d;background:#17161b}.brand-mark,.primary-button{color:#fff}.input-shell input::placeholder{color:#99939f}.filter-switch{background:#1b1a1e}.message-skeleton span,.message-skeleton p,.message-skeleton small{background:linear-gradient(90deg,#312e35,#3a363e,#312e35) 0 0/200% 100%}.toast{color:#2d2b35;background:#f0edf2}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}