@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
*{box-sizing:border-box}body{margin:0;background:#f7f8fa;color:#1f2a3b;font-family:'DM Sans',sans-serif;font-size:14px}button,input,textarea{font:inherit}button,a,input,textarea{outline-color:#689df3}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button{border:0}a{text-decoration:none;color:inherit}.app{display:flex;min-height:100vh}aside{width:230px;position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid #e8ebf0;padding:34px 23px;display:flex;flex-direction:column}.brand{display:flex;gap:10px;align-items:center;font-family:Manrope,sans-serif;font-weight:800;font-size:22px;letter-spacing:1px}.brandIcon{background:#2464e9;color:#fff;display:grid;place-items:center;border-radius:11px;width:41px;height:43px;box-shadow:0 5px 10px #2464e91c}.brandSub{display:block;font-family:'DM Sans',sans-serif;font-size:9px;letter-spacing:2.2px;color:#8b94a2;margin-top:1px}.workspace{font-size:10px;font-weight:700;letter-spacing:1.8px;color:#9aa3af;margin:57px 12px 17px}.nav{display:flex;gap:11px;align-items:center;width:100%;padding:13px 12px;border-radius:8px;font-weight:600;font-size:12px}.active{background:#edf3ff;color:#2464e9}.nav span{margin-left:auto;font-size:10px;color:#82a2df}.asideBottom{margin-top:auto;background:#f9fafc;border:1px solid #eaf0f6;border-radius:10px;padding:19px 15px;color:#8a98ae}.asideBottom strong{display:block;color:#44536b;font-size:12px;margin-top:12px}.asideBottom p{font-size:11px;line-height:1.9;color:#9099a7}.secure{font-size:10px;color:#5b887b;margin-top:17px}i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#39b391;margin-right:6px}main{margin-left:230px;width:calc(100% - 230px)}header{height:85px;background:#ffffffb0;border-bottom:1px solid #e8ebf0;padding:0 47px;display:flex;align-items:center;justify-content:space-between}.breadcrumb{display:flex;align-items:center;gap:12px;color:#a0a7b3;font-size:12px}.breadcrumb b{font-weight:500;color:#576376}.status{font-size:11px;color:#6e7e91;border:1px solid #e4e9f0;background:white;border-radius:20px;padding:8px 12px}.content{max-width:1420px;margin:auto;padding:46px 47px 20px}.eyebrow{font-size:9px;letter-spacing:2.1px;font-weight:700;color:#7090bd;display:flex;align-items:center;gap:9px}.eyebrow>span{width:17px;height:2px;background:#427cea}.heading{display:flex;justify-content:space-between;align-items:center;margin:13px 0 35px}h1{font-family:Manrope,sans-serif;font-size:38px;letter-spacing:-1.8px;margin:0;font-weight:800}h1 span{color:#2d6ae7}.heading p{color:#8a94a2;font-size:12px;margin:13px 0 0}.outlook{display:flex;gap:8px;align-items:center;font-size:10px;color:#8290a5}.outlook svg:first-child{color:#487ac8}.panels{display:grid;grid-template-columns:minmax(300px,.82fr) minmax(380px,1.28fr);gap:24px;align-items:start}.credentials,.mailbox{background:white;border:1px solid #e3e8ee;border-radius:13px;box-shadow:0 4px 18px #1d3a6303}.credentials{padding:24px}.sectionHead{display:flex;align-items:center;gap:11px;margin-bottom:28px}.sectionIcon{width:35px;height:35px;border-radius:9px;background:#f0f5fd;color:#5f80b4;display:grid;place-items:center}h2{font-size:14px;margin:0;font-weight:650}.sectionHead p{font-size:10px;color:#98a0ad;margin:6px 0 0}.step{margin-left:auto;font-size:10px;color:#b3bdc9}label{display:flex;justify-content:space-between;font-size:9px;font-weight:700;letter-spacing:1px;color:#6e7b90;margin-bottom:12px}label span{font-size:9px;font-weight:400;letter-spacing:0;color:#a0a8b3}textarea{resize:vertical;min-height:184px;width:100%;border:1px solid #e3e8f0;border-radius:8px;background:#fbfcfe;padding:15px;font-family:monospace;font-size:10px;color:#455570;line-height:1.9}textarea::placeholder{color:#a7b2c3}.format{margin-top:12px;display:flex;gap:7px;align-items:center;flex-wrap:wrap}.format span{font-size:8px;font-weight:700;color:#a0aabc}.format code{font-size:8px;background:#f2f5f9;padding:5px;color:#7f8ca0;border-radius:3px}.hint{font-size:9px;color:#9aa4b3;display:flex;align-items:center;gap:5px;margin:13px 0 23px}.actions{display:flex;gap:9px}.primary{background:#2866e7;color:white;border-radius:7px;display:flex;justify-content:center;align-items:center;gap:10px;padding:14px;font-size:12px;font-weight:600;flex:1;box-shadow:0 4px 8px #2866e71a}.primary svg:last-child{margin-left:auto}.clear{width:43px;border:1px solid #e4e9f1;background:white;color:#8f9db1;border-radius:7px}.refresh{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #eff1f5;padding-top:20px;margin-top:23px}.refresh>div{display:flex;align-items:center;gap:10px;color:#8796ac}.refresh span{font-size:11px;color:#617086}.refresh small{display:block;font-size:9px;color:#a1a9b5;margin-top:5px}.toggle{width:30px;height:18px;border-radius:20px;background:#e4e9f0;padding:3px}.toggle span{display:block;width:12px;height:12px;background:white;border-radius:50%;transition:.2s}.toggle.on{background:#2866e7}.toggle.on span{transform:translateX(12px)}.note{display:flex;gap:9px;border-radius:7px;background:#f8fafd;margin-top:22px;padding:13px 10px;color:#8e9eb5}.note svg{flex-shrink:0}.note p{font-size:9px;line-height:1.8;margin:0}.mailbox{overflow:hidden}.mailbox .sectionHead{margin:0;padding:24px}.badge{font-size:9px;color:#8799b3;background:#f1f4f9;border:1px solid #e6ebf1;border-radius:5px;padding:2px 6px;margin-left:5px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 24px 15px;border-bottom:1px solid #eef0f4}.tabs{display:flex;gap:6px}.tabs button{padding:7px 12px;background:none;color:#97a0ae;font-size:10px;border-radius:6px}.tabs .chosen{background:#edf3ff;color:#3d73d4;font-weight:600}.search{display:flex;align-items:center;gap:6px;color:#a5afbe}.search input{border:0;width:105px;font-size:10px;color:#687991;background:transparent}.search input::placeholder{color:#a5afbe}.messages{min-height:389px;max-height:650px;overflow:auto}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:389px}.mailArt{position:relative;height:100px;width:130px;display:flex;align-items:end;justify-content:center;color:#b6c7e4;margin-bottom:23px;background:radial-gradient(ellipse,#edf3ff,transparent 70%)}.mailArt>svg{z-index:1;background:#f9fbff}.paper{position:absolute;top:16px;width:48px;height:44px;border:1px solid #c7d5ec;border-radius:5px;background:white;transform:rotate(-8deg);padding:12px}.paper span{display:block;height:2px;background:#d7e1f3;margin-bottom:6px}.spark{position:absolute;right:14px;bottom:17px;background:#2866e7;color:white;border-radius:50%;display:grid;place-items:center;width:25px;height:25px;z-index:2;border:3px solid white}.empty h3{font-family:Manrope,sans-serif;font-weight:700;font-size:16px;margin:0 0 10px;letter-spacing:-.4px}.empty p{text-align:center;line-height:1.8;font-size:11px;color:#98a3b3;margin:0}.emptyPill{margin-top:24px;font-size:9px;color:#95a1b2;background:#f7f9fc;padding:7px 10px;border-radius:20px}.emptyPill>span{display:inline-block;width:5px;height:5px;background:#9eb4d7;border-radius:50%;margin-right:5px}.inboxFooter{border-top:1px solid #edf0f5;padding:13px 24px;font-size:9px;color:#9da9b9;display:flex;gap:6px;align-items:center;background:#fcfdfe}.inboxFooter span{margin-left:auto;font-size:8px}footer{display:flex;justify-content:space-between;margin-top:29px;font-size:8px;letter-spacing:.2px;color:#9ba5b3}footer b{margin:0 7px;color:#c4cbd5;font-weight:400}footer i{width:4px;height:4px;background:#9cb3ce}.error{font-size:11px;background:#fff1ef;color:#ae5445;padding:12px;border-radius:6px;margin-top:12px;line-height:1.6}.account{padding:12px 20px;background:#f9fbfe;font-size:11px;color:#54739b;display:flex;justify-content:space-between}.account span{font-size:9px;color:#9ba7b7}.message{padding:15px 20px;border-bottom:1px solid #edf0f5}.messageOpen{background:none;width:100%;display:flex;gap:12px;text-align:left;padding:0;color:inherit}.messageOpen>div:last-child{min-width:0;flex:1}.avatar{height:32px;width:32px;background:#edf3ff;color:#6c8dbf;border-radius:9px;display:grid;place-items:center;flex-shrink:0}.messageTop{display:flex;justify-content:space-between;gap:8px;font-size:11px}.messageTop time{font-size:9px;color:#99a6b8}.message h3{font-size:12px;margin:6px 0;font-weight:500}.message p{font-size:10px;color:#96a1af;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin:0}.otp{display:flex;gap:10px;align-items:center;background:#edf3ff;color:#3572d6;padding:6px 10px;border-radius:5px;font-family:monospace;letter-spacing:1px;margin:10px 0 0 44px}.detail{padding:24px}.detail h2{margin:20px 0 10px}.detail p{font-size:10px;color:#8492a5}.detail pre{font:12px/1.8 'DM Sans',sans-serif;white-space:pre-wrap;overflow-wrap:anywhere}.back{background:#edf3ff;color:#3d73d4;padding:7px;border-radius:5px;font-size:11px}.noMail{padding:30px;color:#99a5b5;font-size:12px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:1500px){.content{padding-top:65px}.heading{margin-bottom:45px}.messages,.empty{min-height:435px}}@media(max-width:1100px){aside{width:185px;padding:30px 15px}main{margin-left:185px;width:calc(100% - 185px)}.content{padding:35px 25px}header{padding:0 25px}.panels{gap:18px;grid-template-columns:minmax(270px,.9fr) minmax(300px,1.1fr)}.credentials{padding:20px}.outlook{display:none}h1{font-size:33px}}@media(max-width:850px){aside{display:none}main{margin:0;width:100%}.panels{grid-template-columns:1fr}.content{padding:30px 20px}.heading{margin-bottom:25px}.messages,.empty{min-height:340px}header{height:65px;padding:0 20px}footer{gap:15px;flex-wrap:wrap}.credentials textarea{min-height:150px}}@media(prefers-reduced-motion:reduce){.spin{animation:none}}
.headerTools{display:flex;align-items:center;gap:15px}.themeButton{width:34px;height:34px;border:1px solid #e5eaf1;border-radius:50%;display:grid;place-items:center;background:white;color:#75869d;font-size:22px}.makeLink{width:100%;display:flex;align-items:center;gap:8px;margin-top:12px;border:1px solid #cbdcf8;background:#f2f6ff;border-radius:7px;padding:12px;color:#3a70c9;font-size:11px;font-weight:600}.makeLink span{margin-left:auto;font-size:9px;font-weight:400;color:#849cc0}.linkHint{font-size:9px;line-height:1.7;color:#96a3b5}.resultViews{display:flex;gap:10px;padding:14px 24px;border-bottom:1px solid #eaf0f6}.resultViews button{background:none;color:#95a2b4;font-size:11px;padding:8px 12px;border-radius:6px}.resultViews .chosen{background:#edf3ff;color:#2866e7}.resultViews span{background:#dce8ff;padding:2px 5px;border-radius:3px;font-size:9px;margin-left:4px}.linkResults{padding:24px;min-height:490px}.linkResultsHead{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:10px}.linkResultsHead p{color:#95a2b4;font-size:11px}.linkResultsHead button{display:flex;align-items:center;gap:6px;background:#edf3ff;color:#3973d8;font-size:10px;padding:8px 10px;border-radius:5px;white-space:nowrap}.linkCard{display:flex;align-items:center;gap:12px;border:1px solid #e4ebf4;border-radius:9px;padding:14px 12px;margin-bottom:10px}.linkNumber{color:#9aaecb;font-size:11px;background:#f3f6fc;padding:10px;border-radius:6px}.linkInfo{flex:1;min-width:0}.linkInfo strong{font-size:11px;display:block;overflow-wrap:anywhere}.linkInfo a{font-size:9px;color:#7e96b8;display:flex;gap:4px;align-items:center;margin-top:7px;word-break:break-all}.linkCard>button{background:#f2f6ff;color:#5480c2;border-radius:5px;padding:8px;display:grid;place-items:center}.linkNotice{display:flex;align-items:flex-start;gap:8px;background:#f8fafc;border-radius:6px;margin-top:20px;padding:12px;color:#8d9eb5}.linkNotice svg{flex-shrink:0}.linkNotice p{font-size:10px;line-height:1.7;margin:0}.reader{--bg:#fff;--nav:#f9fafc;--list:#fff;--pane:#f8fafc;--line:#e5eaf1;--text:#253148;--muted:#8a97aa;--hover:#f1f5fc;--accent:#2866e7;display:grid;grid-template-columns:240px 350px 1fr;height:100dvh;overflow:hidden;background:var(--bg);color:var(--text)}.readerNav{background:var(--nav);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:28px 16px 0}.readerBrand{display:flex;align-items:center;gap:8px;font-family:Manrope,sans-serif;font-size:18px;font-weight:800;letter-spacing:.4px;padding:0 8px}.readerBrand>span{display:grid;place-items:center;background:#2866e7;color:white;width:34px;height:35px;border-radius:9px;margin-right:4px}.readerBrand b{font-weight:500;color:var(--muted);font-size:16px;letter-spacing:-.4px}.folderLabel{font-size:9px;letter-spacing:1.6px;color:var(--muted);margin:43px 13px 15px}.folder{display:flex;gap:12px;align-items:center;padding:12px 14px;border-radius:7px;background:none;color:var(--muted);font-size:12px;text-align:left;margin-bottom:4px}.folder span{margin-left:auto;border-radius:20px;background:#dbe7ff;color:#4b79c8;font-size:9px;min-width:18px;text-align:center;padding:2px 4px}.selectedFolder{background:#eaf1ff;color:#2866e7;font-weight:600}.readerPrivacy{margin-top:auto;padding:20px 14px;border:1px solid var(--line);border-radius:10px;color:var(--muted);margin-bottom:22px}.readerPrivacy strong{display:block;font-size:11px;margin-top:12px;color:var(--text)}.readerPrivacy p{font-size:10px;line-height:1.8;margin-bottom:0}.readerAccount{display:flex;align-items:center;gap:9px;border-top:1px solid var(--line);padding:20px 0;min-height:78px}.readerAccount>div{min-width:0;flex:1}.readerAccount strong{display:block;font-size:9px;overflow-wrap:anywhere}.readerAccount small{display:block;font-size:8px;color:var(--muted);margin-top:7px}.readerAccount i{width:4px;height:4px}.readerAccount button{background:none;color:var(--muted);padding:3px}.readerAccount .avatar{width:28px;height:28px;font-size:11px}.readerList{background:var(--list);border-right:1px solid var(--line);display:flex;flex-direction:column;min-width:0}.readerListHead{padding:31px 23px 21px;display:flex;align-items:center;justify-content:space-between}.readerListHead h1{font-size:22px;letter-spacing:-.7px}.readerListHead p{font-size:10px;color:var(--muted);margin:8px 0 0}.readerListHead button{background:none;color:var(--muted);padding:6px}.readerSearch{display:flex;gap:10px;align-items:center;border:1px solid var(--line);background:var(--nav);padding:12px;border-radius:7px;margin:0 22px;color:var(--muted)}.readerSearch input{width:100%;background:transparent;border:0;color:var(--text);font-size:11px}.readerSearch input::placeholder{color:var(--muted)}.autoLine{display:flex;justify-content:space-between;align-items:center;padding:16px 23px;font-size:9px;color:var(--muted);border-bottom:1px solid var(--line)}.readerMessageList{overflow:auto;flex:1}.readerMessage{width:100%;display:flex;gap:11px;text-align:left;background:none;color:var(--text);padding:22px 20px;border-bottom:1px solid var(--line)}.readerMessage:hover,.selectedMessage{background:var(--hover)}.selectedMessage{box-shadow:inset 3px 0 #2866e7}.senderAvatar{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;border-radius:50%;background:#dce9fc;color:#4c78b7;font-size:10px;font-weight:700}.readerMessage>div{min-width:0;flex:1}.senderRow{display:flex;justify-content:space-between;align-items:center;gap:8px}.senderRow strong{font-size:11px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.senderRow time{font-size:9px;white-space:nowrap;color:var(--muted)}.readerMessage h3{font-size:11px;line-height:1.6;margin:7px 0;font-weight:600}.readerMessage p{font-size:10px;line-height:1.8;margin:0;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.readerPane{background:var(--pane);display:flex;flex-direction:column;min-width:0;overflow:hidden}.paneBar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);height:77px;flex-shrink:0;padding:0 30px}.paneBar>span{display:flex;align-items:center;gap:7px;font-size:9px;color:var(--muted)}.reader .themeButton{background:var(--bg);border-color:var(--line);color:var(--muted)}.readerWelcome{display:flex;flex:1;align-items:center;justify-content:center;flex-direction:column}.welcomeEnvelope{width:74px;height:74px;border:1px solid #e0e8f4;border-radius:20px;background:#edf3fd;display:grid;place-items:center;color:#8ea9d3;margin-bottom:24px;box-shadow:0 9px 24px #42679e08}.readerWelcome h2{font-family:Manrope,sans-serif;font-size:21px;letter-spacing:-.7px}.readerWelcome p{font-size:12px;color:var(--muted);margin-top:12px}.readerWelcome>span{font-size:9px;color:var(--muted);opacity:.7;margin-top:22px;letter-spacing:1px}.readerPaneFoot{padding:16px 30px;border-top:1px solid var(--line);font-size:8px;color:var(--muted);letter-spacing:.8px;display:flex;justify-content:space-between}.readerPaneFoot span{letter-spacing:0}.readerArticle{overflow:auto;flex:1;padding:40px;max-width:100%}.messageEyebrow{font-size:9px;color:var(--muted);letter-spacing:1.5px;margin-bottom:14px}.readerArticle h2{font-family:Manrope,sans-serif;font-size:24px;letter-spacing:-.7px;line-height:1.5;overflow-wrap:anywhere}.senderInfo{display:flex;align-items:center;gap:12px;margin:25px 0 30px;padding-bottom:25px;border-bottom:1px solid var(--line)}.senderInfo strong{font-size:11px}.senderInfo p{font-size:10px;color:var(--muted);margin:6px 0 0;overflow-wrap:anywhere}.senderInfo time{margin-left:auto;color:var(--muted);font-size:9px;text-align:right}.emailBody{font-size:13px;line-height:2;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--text)}.emailBody a{color:#477fd9;word-break:break-all}.codeCard{display:flex;justify-content:space-between;align-items:center;background:#ecf2ff;border:1px solid #d5e3ff;border-radius:10px;padding:19px;margin-bottom:25px;gap:10px}.codeCard small{display:block;letter-spacing:1.3px;font-size:8px;color:#7290bd}.codeCard strong{display:block;font-size:27px;letter-spacing:6px;color:#3069c6;margin-top:8px}.codeCard button{display:flex;align-items:center;gap:7px;background:white;color:#396dc2;border-radius:6px;padding:10px;font-size:10px;white-space:nowrap}.readerEmpty{display:flex;flex-direction:column;align-items:center;padding:70px 20px;color:var(--muted);font-size:11px;gap:12px}.reader .error{margin:12px 20px}.reader .error button{display:block;font-size:10px;background:transparent;color:inherit;text-decoration:underline;margin-top:6px}.mobileBack{display:none}.dark{--bg:#101827;--nav:#101827;--list:#0d1525;--pane:#090f1c;--line:#232e41;--text:#dce5f3;--muted:#7e91af;--hover:#18243a;background:#090f1c;color:#dce5f3}.reader.dark .selectedFolder{background:#1b2b46;color:#8ab2fa}.reader.dark .folder span{background:#2c405f;color:#b1caf1}.reader.dark .senderAvatar,.reader.dark .avatar{background:#263d5c;color:#b8cee9}.reader.dark .welcomeEnvelope{background:#17243a;border-color:#263750;color:#7e99bd}.reader.dark .codeCard{background:#162743;border-color:#2b4265}.reader.dark .codeCard strong{color:#a1c3ff}.reader.dark .codeCard button{background:#233955;color:#c2d7fa}.app.dark aside,.app.dark header,.app.dark .credentials,.app.dark .mailbox{background:#101827;border-color:#253148}.app.dark .asideBottom,.app.dark textarea,.app.dark .note,.app.dark .inboxFooter,.app.dark .linkNotice{background:#131e30;border-color:#27364e;color:#859bb9}.app.dark textarea{color:#d1ddf0}.app.dark .themeButton,.app.dark .clear,.app.dark .status{background:#172238;border-color:#293951;color:#a2b5d2}.app.dark .active,.app.dark .tabs .chosen,.app.dark .resultViews .chosen,.app.dark .makeLink,.app.dark .linkResultsHead button,.app.dark .linkCard>button{background:#1a2c49;border-color:#2b466f;color:#93b9fa}.app.dark .sectionIcon,.app.dark .badge,.app.dark .format code,.app.dark .linkNumber,.app.dark .emptyPill{background:#1c2a40;color:#93acce;border-color:#2b3b53}.app.dark .sectionHead,.app.dark .resultViews,.app.dark .toolbar,.app.dark .refresh,.app.dark .linkCard{border-color:#26344a}.app.dark .asideBottom strong,.app.dark .breadcrumb b{color:#b7c7e0}.app.dark .paper{background:#152238;border-color:#3c5172}.app.dark .mailArt>svg{background:#101827}.app.dark .empty .welcomeEnvelope{background:#17273f;border-color:#29405e}.app.dark .linkResults p{color:#8d9fba}@media(min-width:1500px){.reader{grid-template-columns:260px 385px 1fr}}@media(max-width:1100px){.reader{grid-template-columns:190px 300px 1fr}.readerNav{padding:24px 10px 0}.readerBrand{font-size:15px}.readerBrand b{font-size:13px}.readerArticle{padding:26px}.senderInfo{flex-wrap:wrap}.senderInfo time{margin-left:44px}}@media(max-width:850px){.reader{grid-template-columns:170px 265px 1fr}.readerArticle h2{font-size:19px}.readerNav{padding-left:7px;padding-right:7px}.readerBrand{gap:5px;font-size:13px}.readerBrand b{display:none}.readerPrivacy{padding:14px 10px}.readerArticle{padding:20px}.readerWelcome h2{font-size:16px;text-align:center}.readerWelcome p{font-size:10px}.paneBar{padding:0 15px}.readerPaneFoot{padding:16px 15px}.readerPaneFoot span{display:none}.readerMessage{padding:18px 13px}}@media(max-width:650px){.reader{grid-template-columns:1fr;height:100dvh}.readerNav{position:relative;flex-direction:row;flex-wrap:wrap;border-bottom:1px solid var(--line);padding:14px 12px 6px;gap:3px}.readerBrand{font-size:15px;flex:1;min-width:100%;padding-bottom:12px}.readerBrand b{display:block}.folderLabel,.readerPrivacy,.readerAccount{display:none}.folder{font-size:10px;padding:9px;gap:6px;margin:0}.folder span{display:none}.folder svg{width:13px}.readerListHead{padding:20px}.readerList{height:calc(100dvh - 110px)}.readerPane{display:none}.readerPane.hasMessage{display:flex;position:fixed;inset:0;z-index:5}.readerListHead h1{font-size:23px}.mobileBack{display:flex;align-items:center;gap:7px;background:var(--hover);color:var(--muted);padding:9px;border-radius:5px;margin-bottom:24px;font-size:11px}.readerArticle{padding:25px 20px}.paneBar .themeButton{display:grid}.reader:not(:has(.hasMessage)) .readerPane{display:flex;position:fixed;right:16px;top:17px;width:35px;height:35px;overflow:visible;background:none}.reader:not(:has(.hasMessage)) .readerPane .paneBar{padding:0;border:0;height:35px}.reader:not(:has(.hasMessage)) .readerPane .paneBar>span,.reader:not(:has(.hasMessage)) .readerPane .readerWelcome,.reader:not(:has(.hasMessage)) .readerPane .readerPaneFoot{display:none}}