@import "https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&family=Work+Sans:wght@500;700;800;900&display=swap";
:root{--bg:#edf7fb;--surface:#fff;--surface-soft:#f6f8ff;--surface-strong:#111827;--line:#111827;--line-soft:#11182733;--text:#111827;--muted:#526071;--primary:#7c3aed;--primary-strong:#5b21b6;--primary-soft:#f0e7ff;--accent:#0891b2;--accent-soft:#dcf7ff;--sky:#0ea5e9;--sky-soft:#e0f2fe;--mint:#10b981;--mint-soft:#d1fae5;--sun:#facc15;--sun-soft:#fef3c7;--rose:#fb7185;--rose-soft:#ffe4e6;--orange:#f97316;--orange-soft:#ffedd5;--danger:#e11d48;--danger-soft:#ffe4e6;--success:#0f766e;--success-soft:#ccfbf1;--shadow-color:#0f172a;--grid-color:#0f172a14;--brutal-shadow:6px 6px 0 var(--shadow-color);--brutal-shadow-sm:4px 4px 0 var(--shadow-color)}.darkTheme{--bg:#101018;--surface:#181923;--surface-soft:#222433;--surface-strong:#080a12;--line:#f4f4f5;--line-soft:#f4f4f538;--text:#f8fafc;--muted:#b7bcc9;--primary:#a78bfa;--primary-strong:#c4b5fd;--primary-soft:#2f2457;--accent:#22d3ee;--accent-soft:#14394a;--sky:#38bdf8;--sky-soft:#12334c;--mint:#34d399;--mint-soft:#123f32;--sun:#fde047;--sun-soft:#42380b;--rose:#fb7185;--rose-soft:#4c1622;--orange:#fb923c;--orange-soft:#4a2411;--danger:#fb7185;--danger-soft:#4c0519;--success:#34d399;--success-soft:#064e3b;--shadow-color:#8b5cf6;--grid-color:#ffffff0e}*{box-sizing:border-box;scrollbar-color:var(--primary) var(--surface-soft);scrollbar-width:thin}::-webkit-scrollbar{width:14px;height:14px}::-webkit-scrollbar-button{width:0;height:0;display:none}::-webkit-scrollbar-track{border:3px solid var(--line);background:var(--surface-soft);border-radius:8px}::-webkit-scrollbar-thumb{border:3px solid var(--surface-soft);background:var(--primary);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}::-webkit-scrollbar-corner{background:var(--surface-soft)}html,body{background-color:var(--bg);min-height:100%;color:var(--text);margin:0;font-family:Work Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{position:relative;overflow-x:hidden}body:before{content:"";z-index:0;pointer-events:none;background-image:linear-gradient(to right, var(--grid-color) 1px, transparent 1px), linear-gradient(to bottom, var(--grid-color) 1px, transparent 1px);will-change:transform;background-size:30px 30px;animation:18s linear infinite backgroundGridUp;position:fixed;inset:-36px 0}body:after{content:"";z-index:0;pointer-events:none;opacity:.56;background-image:linear-gradient(135deg, transparent 0 18%, color-mix(in srgb, var(--sun) 24%, transparent) 18% 21%, transparent 21% 44%, color-mix(in srgb, var(--sky) 18%, transparent) 44% 47%, transparent 47% 72%, color-mix(in srgb, var(--rose) 16%, transparent) 72% 75%, transparent 75%), linear-gradient(45deg, transparent 0 62%, color-mix(in srgb, var(--mint) 16%, transparent) 62% 66%, transparent 66%);will-change:background-position;background-size:760px 760px,540px 540px;animation:32s linear infinite colorBands;position:fixed;inset:0}html.darkTheme body:after{opacity:.28}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,[role=button]:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 42%, transparent);outline-offset:2px}h1,h2,h3,p{margin:0}.appShell{z-index:1;width:min(1380px,100vw - 32px);margin:0 auto;padding:0 0 36px;position:relative}.topbar{border:0;border-bottom:4px solid var(--line);background:linear-gradient(90deg, color-mix(in srgb, var(--surface) 96%, var(--sky)) 0 58%, color-mix(in srgb, var(--accent) 10%, var(--surface)) 58% 100%);width:100vw;min-height:92px;box-shadow:0 5px 0 var(--shadow-color);border-radius:0;justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:22px max(16px,50vw - 674px) 16px;display:flex;position:relative;overflow:hidden}.topbar:before{content:"";background:var(--accent);width:100%;height:8px;position:absolute;inset:0 0 auto}.brandLockup{align-items:center;gap:12px;min-width:0;display:flex}.brandMark{border:3px solid var(--line);color:#fff;width:48px;height:48px;box-shadow:var(--brutal-shadow-sm);background:linear-gradient(145deg,#ffffff42 0 18%,#0000 18% 42%),linear-gradient(135deg,#075985 0%,#0284c7 45%,#06b6d4 100%);border-radius:8px;flex:none;place-items:center;display:grid}.brandLockup h1{letter-spacing:0;text-transform:uppercase;font-size:30px;font-weight:900;line-height:1}.brandLockup p{color:var(--muted);margin-top:5px;font-size:13px;font-weight:700}.topbarStatus{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:9px;display:flex}.topbarStatus span,.themeToggle{border:3px solid var(--line);background:var(--surface);min-height:36px;box-shadow:3px 3px 0 var(--shadow-color);color:var(--text);text-transform:uppercase;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-width:0;max-width:min(260px,46vw);padding:0 12px;font-size:12px;font-weight:900;display:inline-flex}.topbarStatus span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.topbarStatus span svg{flex:none}.topbarStatus span:first-child{background:var(--sky-soft)}.topbarStatus span:nth-child(2){background:var(--mint-soft)}.themeToggle{background:var(--primary);color:#fff;width:42px;padding:0}.errorOverlay,.confirmOverlay{z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#080a1294;place-items:center;padding:18px;animation:.16s both modalBackdrop;display:grid;position:fixed;inset:0}.confirmOverlay{background:#080a129e}.errorDialog{border:3px solid var(--line);background:linear-gradient(135deg, color-mix(in srgb, var(--danger) 13%, transparent), transparent 44%), var(--surface);width:min(100vw - 32px,430px);box-shadow:var(--brutal-shadow);color:var(--text);border-radius:10px;grid-template-columns:auto minmax(0,1fr);gap:14px;padding:18px;animation:.18s both modalPop;display:grid}.errorDialogIcon{border:3px solid var(--line);background:var(--danger);color:#fff;width:48px;height:48px;box-shadow:var(--brutal-shadow-sm);border-radius:8px;place-items:center;display:grid}.errorDialogCopy{gap:6px;min-width:0;display:grid}.errorDialogCopy span{color:var(--danger);text-transform:uppercase;font-size:12px;font-weight:900}.errorDialogCopy h2{color:var(--text);text-transform:uppercase;font-size:22px;font-weight:900;line-height:1.1}.errorDialogCopy p{color:var(--muted);overflow-wrap:anywhere;font-size:14px;font-weight:800;line-height:1.45}.errorDialogButton{border:3px solid var(--line);background:var(--surface-strong);min-height:44px;box-shadow:var(--brutal-shadow-sm);color:#fff;text-transform:uppercase;border-radius:8px;grid-column:1/-1;justify-content:center;align-items:center;font-weight:900;transition:box-shadow .12s,transform .12s;display:inline-flex}.errorDialogButton:hover{box-shadow:1px 1px 0 var(--shadow-color);transform:translate(2px,2px)}.confirmDialog{border:3px solid var(--line);background:linear-gradient(135deg, color-mix(in srgb, var(--sun) 20%, transparent), transparent 46%), var(--surface);width:min(100vw - 32px,460px);box-shadow:var(--brutal-shadow);color:var(--text);border-radius:10px;grid-template-columns:auto minmax(0,1fr);gap:14px;padding:18px;animation:.18s both modalPop;display:grid}.confirmDialogIcon{border:3px solid var(--line);background:var(--danger);width:48px;height:48px;box-shadow:var(--brutal-shadow-sm);color:#fff;border-radius:8px;place-items:center;display:grid}.confirmDialogCopy{gap:6px;min-width:0;display:grid}.confirmDialogCopy span{color:var(--danger);text-transform:uppercase;font-size:12px;font-weight:900}.confirmDialogCopy h2{color:var(--text);text-transform:uppercase;font-size:22px;font-weight:900;line-height:1.1}.confirmDialogCopy p{color:var(--muted);overflow-wrap:anywhere;font-size:14px;font-weight:800;line-height:1.45}.confirmDialogCopy strong{color:var(--text);overflow-wrap:anywhere;font-family:Space Mono,monospace;font-size:13px}.confirmDialogActions{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:10px;display:grid}.confirmDialogButton{border:3px solid var(--line);min-height:44px;box-shadow:var(--brutal-shadow-sm);text-transform:uppercase;border-radius:8px;justify-content:center;align-items:center;gap:8px;font-weight:900;transition:box-shadow .12s,transform .12s;display:inline-flex}.confirmDialogButton:hover:not(:disabled){box-shadow:1px 1px 0 var(--shadow-color);transform:translate(2px,2px)}.confirmDialogButton:disabled{cursor:wait;opacity:.68}.cancelConfirmButton{background:var(--surface);color:var(--text)}.deleteConfirmButton{background:var(--danger);color:#fff}.workspace{grid-template-columns:minmax(340px,430px) minmax(0,1fr);align-items:start;gap:18px;display:grid}.setupPanel,.mailPanel{border:3px solid var(--line);background:var(--surface);box-shadow:var(--brutal-shadow);border-radius:10px}.setupPanel{gap:0;display:grid;position:sticky;top:18px;overflow:hidden}.panelSection{gap:15px;padding:16px;display:grid}.panelSection:first-child{--panel-accent:var(--rose);background:linear-gradient(180deg, color-mix(in srgb, var(--rose) 10%, transparent), transparent 34%), var(--surface)}.panelSection+.panelSection{border-top:3px solid var(--line)}.historySection{--panel-accent:var(--mint);border:3px solid var(--line);background:linear-gradient(180deg, color-mix(in srgb, var(--mint) 12%, transparent), transparent 38%), var(--surface-soft);box-shadow:var(--brutal-shadow);border-radius:10px;grid-template-columns:minmax(210px,280px) minmax(0,1fr);align-items:center;gap:16px;margin-bottom:18px;display:grid;overflow:hidden}.mailPanel{--panel-accent:var(--sky);background:linear-gradient(180deg, color-mix(in srgb, var(--sky) 9%, transparent), transparent 34%), var(--surface);min-height:674px;padding:16px}.sectionTitle,.mailHeader{align-items:center;gap:10px;display:flex}.sectionTitle>svg,.mailHeader .sectionTitle>svg{color:var(--panel-accent,var(--primary));flex:none}.mailHeader{justify-content:space-between;margin-bottom:14px}.sectionTitle h2{text-transform:uppercase;font-size:17px;font-weight:900;line-height:1.1}.sectionTitle span,.muted,.providerMeta p,.messageItem span,.messageItem small,.senderLine{color:var(--muted)}.sectionTitle span,.providerMeta,.senderLine{font-size:13px;font-weight:700}.providerGrid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.providerButton{--tile:var(--primary);border:3px solid var(--line);background:color-mix(in srgb, var(--tile) 10%, var(--surface));width:100%;min-width:0;min-height:96px;color:var(--muted);text-align:left;box-shadow:3px 3px 0 var(--shadow-color);border-radius:8px;align-content:start;gap:6px;padding:17px 12px 12px;transition:background .12s,box-shadow .12s,transform .12s;display:grid;position:relative;overflow:hidden}.providerButton:before{content:"";background:var(--tile);height:7px;position:absolute;inset:0 0 auto}.providerButton:hover,.providerButton.active{background:color-mix(in srgb, var(--tile) 22%, var(--surface));box-shadow:1px 1px 0 var(--shadow-color);transform:translate(2px,2px)}.providerButton.active{border-color:var(--tile);color:var(--text)}.provider-mailtd{--tile:var(--primary)}.provider-cleantempmail{--tile:var(--mint)}.provider-tempmailpro{--tile:var(--sky)}.provider-catchmail{--tile:var(--sun)}.provider-throwawaymail{--tile:var(--rose)}.provider-tempmaillol{--tile:var(--orange)}.provider-shittyemail{--tile:#14b8a6}.provider-uncorreotemporal{--tile:#64748b}.providerName{min-width:0;max-width:100%;color:var(--text);overflow-wrap:anywhere;text-transform:none;word-break:normal;font-size:13px;font-weight:900;line-height:1.12;display:block}.providerButton>span:not(.providerName){text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;font-size:13px;line-height:1.2;overflow:hidden}.providerButton small{overflow-wrap:anywhere;min-width:0;max-width:100%;font-family:Space Mono,monospace;font-size:11px;line-height:1.2;display:block}.formGrid{grid-template-columns:1fr;gap:10px;display:grid}.field{gap:7px;display:grid}.field span{color:var(--text);text-transform:uppercase;font-size:12px;font-weight:900}.field input,.field select{border:3px solid var(--line);background:color-mix(in srgb, var(--sun) 8%, var(--surface-soft));width:100%;height:46px;color:var(--text);border-radius:8px;outline:none;padding:0 12px;font-family:Space Mono,monospace;font-size:13px}.field input:focus,.field select:focus{background:var(--surface);box-shadow:3px 3px 0 var(--accent)}.primaryButton,.iconButton,.mailboxActions button{border:3px solid var(--line);min-height:46px;box-shadow:var(--brutal-shadow-sm);text-transform:uppercase;border-radius:8px;justify-content:center;align-items:center;gap:8px;font-weight:900;transition:background .12s,box-shadow .12s,transform .12s;display:inline-flex}.primaryButton{background:linear-gradient(90deg, var(--primary), var(--rose));color:#fff;width:100%}.primaryButton:hover:not(:disabled),.iconButton:hover:not(:disabled),.mailboxActions button:hover{box-shadow:1px 1px 0 var(--shadow-color);transform:translate(2px,2px)}.primaryButton:disabled,.iconButton:disabled,.mailboxActions button:disabled{cursor:not-allowed;opacity:.55}.iconButton{background:var(--sky);color:#fff;flex:none;width:46px}.providerMeta{border:3px dashed var(--line);background:linear-gradient(135deg, color-mix(in srgb, var(--sky) 22%, transparent), color-mix(in srgb, var(--sun) 24%, transparent)), var(--surface);border-radius:8px;gap:4px;padding:12px;display:grid}.providerMeta span{text-transform:uppercase;font-weight:900}.mailboxHistory{grid-auto-columns:minmax(260px,330px);grid-auto-flow:column;gap:9px;max-height:none;padding:2px 5px 8px 0;display:grid;overflow:auto hidden}.historySection .miniEmpty{min-height:68px}.historyItem{border:3px solid var(--line);background:linear-gradient(90deg, color-mix(in srgb, var(--mint) 10%, var(--surface)) 0 8px, var(--surface) 8px);width:100%;min-height:68px;color:var(--text);text-align:left;box-shadow:3px 3px 0 var(--shadow-color);border-radius:8px;grid-template-columns:minmax(0,1fr) auto 36px;align-items:center;gap:8px;padding:10px;transition:background .12s,box-shadow .12s,transform .12s;display:grid}.historyItem:hover,.historyItem.active{background:linear-gradient(90deg, var(--mint) 0 8px, color-mix(in srgb, var(--mint) 18%, var(--surface)) 8px);box-shadow:1px 1px 0 var(--shadow-color);transform:translate(2px,2px)}.historyItem.active{background:linear-gradient(90deg, var(--sun) 0 8px, color-mix(in srgb, var(--sun) 25%, var(--surface)) 8px)}.historyMain{gap:4px;min-width:0;display:grid}.historyMain strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-family:Space Mono,monospace;font-size:12px;overflow:hidden}.historyMain small,.historyMeta{color:var(--muted);font-size:12px;font-weight:800}.historyMeta{white-space:nowrap;align-items:center;gap:5px;display:inline-flex}.deleteHistoryButton{border:3px solid var(--line);background:var(--rose-soft);width:36px;height:36px;color:var(--danger);border-radius:8px;place-items:center;display:inline-grid}.deleteHistoryButton:hover{background:var(--danger);color:#fff}.deleteHistoryButton.deleting,.deleteHistoryButton[aria-disabled=true]{cursor:wait;opacity:.72}.activeMailbox{border:3px solid var(--line);color:#fff;background:linear-gradient(135deg,#ffffff1c 0 16%,#0000 16% 36%,#ffffff14 36% 48%,#0000 48%),linear-gradient(120deg,#111827 0%,#1d4ed8 45%,#7c2d12 100%);border-radius:10px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;min-height:112px;padding:16px;display:grid}.activeMailbox>div:first-child{gap:6px;min-width:0;display:grid}.activeMailbox .muted,.activeMailbox small{color:#ffffffb8}.activeMailbox strong{overflow-wrap:anywhere;font-family:Space Mono,monospace;font-size:21px;line-height:1.2}.activeMailbox small{overflow-wrap:anywhere;font-family:Space Mono,monospace;font-size:12px}.mailboxActions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.mailboxActions button{background:var(--surface);color:var(--text);padding:0 12px}.mailboxActions button:first-child{background:var(--sky-soft)}.mailboxActions button:nth-child(2){background:var(--sun-soft)}.mailboxActions .dangerButton{background:var(--danger);color:#fff}.messagesLayout{grid-template-columns:minmax(280px,.78fr) minmax(0,1.35fr);gap:16px;margin-top:16px;display:grid}.messageList{align-content:start;gap:9px;min-height:430px;max-height:590px;padding-right:5px;display:grid;overflow:auto}.messageItem{border:3px solid var(--line);border-left:8px solid var(--sky);background:var(--surface);width:100%;min-width:0;min-height:82px;box-shadow:3px 3px 0 var(--shadow-color);text-align:left;border-radius:8px;gap:7px;padding:12px;transition:background .12s,box-shadow .12s,transform .12s;display:grid}.messageItem:nth-child(4n+2){border-left-color:var(--mint)}.messageItem:nth-child(4n+3){border-left-color:var(--sun)}.messageItem:nth-child(4n+4){border-left-color:var(--rose)}.messageItem:hover,.messageItem.selected{background:color-mix(in srgb, var(--sky) 16%, var(--surface));box-shadow:1px 1px 0 var(--shadow-color);transform:translate(2px,2px)}.messageTopline{justify-content:space-between;align-items:flex-start;gap:10px;min-width:0;display:flex}.messageTopline strong{min-width:0;color:var(--text);overflow-wrap:anywhere;text-overflow:clip;text-transform:uppercase;white-space:normal;font-weight:900;line-height:1.18}.messageItem>span:not(.messageTopline),.messageItem small{overflow-wrap:anywhere;min-width:0;line-height:1.25}.messageDetail{border:3px solid var(--line);background:linear-gradient(180deg, color-mix(in srgb, var(--sun) 10%, transparent), transparent 28%), var(--surface);min-height:430px;box-shadow:4px 4px 0 var(--shadow-color);border-radius:10px;padding:18px}.messageDetailHeader{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.messageDetailHeader>div{min-width:0}.messageDetail h3{text-transform:uppercase;overflow-wrap:anywhere;margin:8px 0 10px;font-size:24px;font-weight:900;line-height:1.2}.senderBlock{gap:4px;display:grid}.messageCopyButton,.otpCard button{border:3px solid var(--line);background:var(--surface);min-height:40px;box-shadow:3px 3px 0 var(--shadow-color);color:var(--text);text-transform:uppercase;border-radius:8px;flex:none;justify-content:center;align-items:center;gap:8px;padding:0 12px;font-size:12px;font-weight:900;transition:background .12s,box-shadow .12s,transform .12s;display:inline-flex}.messageCopyButton:hover:not(:disabled),.otpCard button:hover{box-shadow:1px 1px 0 var(--shadow-color);transform:translate(2px,2px)}.messageCopyButton:disabled{cursor:not-allowed;opacity:.55}.otpCard{border:3px solid var(--line);background:linear-gradient(135deg, color-mix(in srgb, var(--sun) 32%, transparent), color-mix(in srgb, var(--mint) 18%, transparent)), var(--surface);box-shadow:4px 4px 0 var(--shadow-color);border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;margin-top:14px;padding:14px;display:grid}.otpCard div{gap:5px;min-width:0;display:grid}.otpCard span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:900}.otpCard strong{color:var(--text);letter-spacing:0;overflow-wrap:anywhere;font-family:Space Mono,monospace;font-size:clamp(30px,5vw,46px);font-weight:900;line-height:1}.otpCard small{color:var(--muted);font-size:12px;font-weight:800}.otpCard button{background:var(--surface-strong);color:#fff}.messageContent{border:3px solid var(--line);color:#202124;box-shadow:4px 4px 0 var(--shadow-color);background:#fff;border-radius:8px;margin:16px 0 0}.messagePlainBody{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;min-height:160px;padding:20px;font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.65}.messagePlainBody a,.messageTextLink{color:#0b57d0;text-underline-offset:2px;font-weight:700;text-decoration:underline}.messageHtmlBody{overflow:hidden}.messageContentToolbar{border-bottom:2px solid var(--line);background:#f8fafc;justify-content:space-between;align-items:center;gap:10px;min-height:44px;padding:6px 10px 6px 14px;display:flex}.messageContentToolbar span,.messageContentToolbar button{color:#475569;text-transform:uppercase;align-items:center;gap:7px;font-size:11px;font-weight:900;display:inline-flex}.messageContentToolbar button{border:2px solid var(--line);color:#0f172a;min-height:30px;box-shadow:2px 2px 0 var(--line);background:#fff;border-radius:6px;padding:0 9px;transition:transform .12s,box-shadow .12s}.messageContentToolbar button:hover{box-shadow:1px 1px 0 var(--line);transform:translate(1px,1px)}.messageContentFrame{background:#fff;border:0;width:100%;height:clamp(420px,68vh,760px);display:block}.emptyState,.loadingBlock,.miniEmpty{border:3px dashed var(--line);background:linear-gradient(135deg, color-mix(in srgb, var(--sky) 14%, transparent), color-mix(in srgb, var(--sun) 14%, transparent)), var(--surface-soft);color:var(--muted);text-align:center;text-transform:uppercase;border-radius:8px;place-items:center;gap:10px;font-weight:900;display:grid}.emptyState,.loadingBlock{min-height:180px}.miniEmpty{min-height:108px;padding:14px;font-size:13px}.startState{min-height:560px}.detailEmpty{min-height:390px}.simpleFooter{border-top:1px solid var(--line-soft);color:var(--muted);text-align:center;justify-content:center;margin-top:26px;padding:18px 0 4px;font-size:12px;font-weight:700;display:flex}.spin{animation:.9s linear infinite spin}.setupPanel,.mailPanel,.topbar{animation:.26s both riseIn}@keyframes spin{to{transform:rotate(360deg)}}@keyframes riseIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes modalBackdrop{0%{opacity:0}to{opacity:1}}@keyframes modalPop{0%{opacity:0;transform:translateY(10px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes backgroundGridUp{0%{transform:translate(0,0)}to{transform:translateY(-30px)}}@keyframes colorBands{0%{background-position:0 0,0 0}to{background-position:760px -760px,-540px 540px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}body:before,body:after{animation:none!important}}@media (max-width:1060px){.workspace{grid-template-columns:1fr}.setupPanel{position:static}.mailPanel{min-height:560px}.providerGrid{grid-template-columns:repeat(auto-fit,minmax(168px,1fr))}.mailboxHistory{max-height:270px}}@media (max-width:760px){.appShell{width:min(100vw - 22px,1280px);padding-top:0}.topbar{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-height:0;margin-bottom:14px;padding:16px max(11px,50vw - 629px) 10px;display:grid}.topbar:before{height:5px}.brandLockup{gap:9px}.brandMark{width:40px;height:40px;box-shadow:2px 2px 0 var(--shadow-color);border-width:2px}.brandMark svg{width:19px;height:19px}.brandLockup h1{font-size:23px}.brandLockup p{display:none}.topbarStatus{flex-wrap:nowrap;flex:none;justify-content:flex-end;gap:7px}.topbarStatus span:nth-child(2){display:none}.topbarStatus span,.themeToggle{min-height:38px;box-shadow:2px 2px 0 var(--shadow-color);border-width:2px}.topbarStatus span:first-child{max-width:min(150px,36vw);padding:0 10px;font-size:11px}.themeToggle{width:38px}.historySection{grid-template-columns:1fr;gap:12px}.mailboxHistory{grid-auto-columns:minmax(230px,82vw);padding-bottom:6px}.providerGrid{grid-template-columns:none;grid-auto-columns:minmax(190px,1fr);grid-auto-flow:column;padding-bottom:5px;display:grid;overflow-x:auto}.providerButton{min-height:100px}.formGrid,.messagesLayout{grid-template-columns:1fr}.activeMailbox{grid-template-columns:1fr;align-items:stretch}.mailboxActions{justify-content:stretch}.mailboxActions button{flex:112px}.messageList{min-height:220px;max-height:340px;padding-right:0}.messageDetail{min-height:340px;padding:12px}.messageDetailHeader{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px;display:grid}.messageDetail h3{margin:5px 0 6px;font-size:18px;line-height:1.14}.senderBlock{gap:2px}.senderLine{font-size:12px;line-height:1.35}.messageCopyButton{white-space:nowrap;width:auto;min-height:34px;padding:0 10px;font-size:11px}.messageCopyButton svg{width:14px;height:14px}.otpCard{grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-top:10px;padding:12px}.otpCard div{gap:3px}.otpCard span,.otpCard small{font-size:11px}.otpCard strong{font-size:clamp(28px,8vw,38px)}.otpCard button{white-space:nowrap;width:auto;min-height:38px;padding:0 12px;font-size:11px}.messageContent{margin-top:12px}.messagePlainBody{min-height:140px;padding:16px;font-size:12.5px;line-height:1.55}.messageContentToolbar{min-height:40px;padding:5px 7px 5px 10px}.messageContentToolbar span,.messageContentToolbar button{font-size:10px}.messageContentToolbar button{min-height:28px;padding:0 7px}.messageContentFrame{height:min(68svh,640px)}}@media (max-width:520px){.errorOverlay,.confirmOverlay{padding:14px}.errorDialog,.confirmDialog{grid-template-columns:1fr;gap:12px;width:min(100%,360px);padding:16px}.errorDialogIcon,.confirmDialogIcon{width:42px;height:42px}.errorDialogCopy h2,.confirmDialogCopy h2{font-size:20px}.confirmDialogActions{grid-template-columns:1fr}.panelSection,.mailPanel{padding:12px}.messageDetail{min-height:0}.brandLockup{align-items:center}.brandLockup h1{font-size:21px}.topbarStatus span{max-width:min(118px,32vw);min-height:36px;padding:0 9px;font-size:10px}.mailboxHistory{grid-auto-columns:minmax(218px,244px);gap:6px}.historyItem{border-width:2px;grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) 30px;align-items:center;gap:1px 5px;min-height:52px;padding:6px 6px 6px 9px}.historyMain{grid-area:1/1;gap:1px}.historyMain strong{font-size:11px}.historyMain small,.historyMeta{font-size:10px}.historyMeta{grid-area:2/1;gap:4px}.historyMeta svg{width:12px;height:12px}.deleteHistoryButton{border-width:2px;grid-area:1/2/span 2;width:30px;height:30px}.activeMailbox strong{font-size:17px}.messageDetail h3{font-size:20px}.startState{min-height:360px}}@media (max-width:380px){.topbar{gap:8px;padding-top:14px}.mailboxHistory{grid-auto-columns:minmax(210px,232px)}.brandMark{width:36px;height:36px}.brandLockup h1{font-size:19px}.topbarStatus span:first-child{width:36px;padding:0;font-size:0}.topbarStatus span:first-child svg{width:16px;height:16px}.themeToggle{width:36px;min-height:36px}.messageDetailHeader,.otpCard{grid-template-columns:1fr}.messageCopyButton,.otpCard button{width:100%}}