.appsec{padding:10px 0 110px}.vapp{position:relative}.vapp>.vstate{display:none}.vapp[data-state=empty] .vdrop,.vapp[data-state=loading] .vload,.vapp[data-state=error] .verr,.vapp[data-state=ready] .vshell{display:block}.vdrop{position:relative;border-radius:30px;background:var(--cream);border:1px solid var(--line);padding:40px;overflow:hidden}.vdrop .shape{position:absolute;pointer-events:none}.vdrop .s1{left:-60px;bottom:-70px;width:220px;height:220px;border-radius:50%;background:var(--sun)}.vdrop .s2{right:-30px;top:-30px;width:180px;height:120px;border-radius:0 0 0 120px;background:var(--blue-l)}.vdrop .s3{right:9%;bottom:34px;width:38px;height:38px;border-radius:10px;background:var(--coral);transform:rotate(16deg);animation:tumble 9s ease-in-out infinite}.dz{position:relative;z-index:1;max-width:760px;margin:0 auto;border:2px dashed #CFC7B7;border-radius:24px;background:#fff;padding:56px 30px;text-align:center;transition:border-color .25s,background .25s,transform .25s var(--ease)}.dz.over{border-color:var(--navy);background:var(--blue-l);transform:scale(1.01)}.dz .big{width:74px;height:84px;margin:0 auto 18px;border-radius:16px;background:var(--navy);color:#fff;display:grid;place-items:center;font-weight:800;font-size:15px;letter-spacing:.04em;box-shadow:0 16px 30px -18px #1e2a5ecc;transition:transform .4s var(--ease)}.dz:hover .big,.dz.over .big{transform:translateY(-6px) rotate(-4deg)}.dz h2{font-size:32px}.dz p{color:var(--muted);margin:10px 0 24px;font-size:16px}.dz .fine{margin:18px 0 0;font-size:14px;color:var(--muted);display:flex;gap:18px;justify-content:center;flex-wrap:wrap}.dz .fine span{display:flex;gap:6px;align-items:center}.dz .fine .ic{width:16px;height:16px;color:var(--green)}.dz input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.vload,.verr{border-radius:30px;border:1px solid var(--line);background:#fff;padding:70px 30px;text-align:center;box-shadow:var(--sh)}.vload b{display:block;font-family:var(--display);font-size:24px;letter-spacing:-.02em;margin-top:18px}.vload span{color:var(--muted)}.ring-spin{width:46px;height:46px;margin:0 auto;border-radius:50%;border:4px solid var(--line2);border-top-color:var(--navy);animation:rot .8s linear infinite}.indet{max-width:360px;height:6px;border-radius:6px;background:var(--line2);margin:22px auto 0;overflow:hidden;position:relative}.indet i{position:absolute;top:0;bottom:0;width:40%;border-radius:6px;background:var(--sun);animation:indet 1.3s var(--ease) infinite}@keyframes indet{0%{left:-40%}to{left:100%}}.verr .badge-x{width:56px;height:56px;margin:0 auto 16px;border-radius:50%;background:var(--red-l);color:var(--red);display:grid;place-items:center}.verr h2{font-size:30px}.verr p{color:var(--ink2);max-width:560px;margin:12px auto 6px}.verr code{font-family:var(--mono);font-size:13px;color:var(--muted)}.verr .acts{display:flex;gap:12px;justify-content:center;margin-top:24px;flex-wrap:wrap}.vshell{border-radius:24px;border:1px solid var(--line);background:#fff;box-shadow:var(--sh-lg);overflow:hidden}.vbar{display:flex;align-items:center;gap:14px;padding:14px 18px;border-bottom:1px solid var(--line);background:#fff}.vbar .ft{width:36px;height:42px;border-radius:9px;background:var(--navy);font-size:10px}.vbar b{display:block;font-family:var(--display);font-size:19px;font-weight:600;letter-spacing:-.02em;line-height:1.2;max-width:420px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vbar .meta2{display:flex;gap:8px;align-items:center;margin-top:3px;font-size:12.5px;color:var(--muted)}.vbar .sp{flex:1}.vbar .btn{padding:9px 16px;font-size:14px}.vcols{position:relative;display:grid;grid-template-columns:var(--fw,260px) var(--lw,380px) minmax(0,1fr);grid-template-rows:minmax(0,1fr);height:min(80vh,860px);min-height:560px}.vcols>*{min-height:0}.vsplit{position:absolute;top:0;bottom:0;width:9px;margin-left:-4px;z-index:5;cursor:col-resize;touch-action:none}.vsplit:after{content:"";position:absolute;left:4px;top:0;bottom:0;width:1px;background:transparent;transition:background .2s}.vsplit:hover:after,.vsplit.drag:after{background:var(--navy);width:2px;left:3.5px}.vsplit.s1{left:var(--fw,260px)}.vsplit.s2{left:calc(var(--fw,260px) + var(--lw,380px))}.vcols.dragging{cursor:col-resize;user-select:none}.vcols.dragging iframe{pointer-events:none}.vapp.max .vshell{position:fixed;inset:12px;z-index:90;display:flex;flex-direction:column;border-radius:20px;animation:grow .35s var(--ease)}.vapp.max .vcols{flex:1;height:auto;min-height:0}@keyframes grow{0%{opacity:.4;transform:scale(.97)}}.vback{position:fixed;inset:0;z-index:89;background:#14161c73;display:none}.vapp.max .vback{display:block;animation:fade .3s}html.vmax{overflow:hidden}.vbar .iconbtn{width:42px;height:42px;padding:0;justify-content:center}.vbar .iconbtn .ic{width:19px;height:19px;transform:none!important}.vfolders{border-right:1px solid var(--line);background:var(--cream);overflow-y:auto;overflow-x:hidden;padding:14px 10px;overscroll-behavior:contain}.vmsgs{border-right:1px solid var(--line);display:flex;flex-direction:column;min-width:0;min-height:0}.vread{min-width:0;display:flex;flex-direction:column;overflow:hidden}.ftree,.ftree ul{list-style:none;margin:0;padding:0}.ftree ul{padding-left:14px}.ftree .lblh{font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--faint);padding:4px 10px 8px}.fbtn{width:100%;display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:10px;font-size:14px;color:var(--ink2);text-align:left;transition:background .2s,color .2s,transform .12s}.fbtn:hover{background:#fff}.fbtn:active{transform:scale(.98)}.fbtn .ic{width:17px;height:17px;color:var(--faint);transition:color .2s}.fbtn .nm{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fbtn em{font-style:normal;font-size:12px;color:var(--faint)}.fbtn.unread em{color:var(--navy);font-weight:700}.fbtn.sel{background:var(--blue-l);color:var(--navy);font-weight:600}.fbtn.sel .ic{color:var(--navy)}.tw{width:16px;height:16px;flex:none;display:grid;place-items:center;border-radius:4px;color:var(--faint);transition:transform .25s var(--ease)}.tw.open{transform:rotate(90deg)}.tw.none{visibility:hidden}.ftree li.shut>ul{display:none}.lhead{padding:14px 14px 10px;border-bottom:1px solid var(--line2)}.lsearch{display:flex;align-items:center;gap:9px;border:1.5px solid var(--line);border-radius:12px;padding:9px 12px;transition:border-color .2s,box-shadow .2s}.lsearch:focus-within{border-color:var(--ink);box-shadow:0 0 0 4px #ffc43d59}.lsearch .ic{width:17px;height:17px;color:var(--muted)}.lsearch input{flex:1;border:0;outline:0;font:inherit;font-size:14.5px;background:none;min-width:0}.lmeta{display:flex;justify-content:space-between;align-items:center;margin-top:10px;font-size:13px;color:var(--muted)}.lmeta b{color:var(--ink);font-weight:600}.lprog{height:4px;background:var(--line2);overflow:hidden;opacity:0;transition:opacity .2s}.lprog.on{opacity:1}.lprog i{display:block;height:100%;width:0;background:var(--navy);transition:width .15s}.items{list-style:none;margin:0;padding:6px;overflow-y:auto;flex:1;min-height:0;overscroll-behavior:contain}.it{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:start;padding:10px;border-radius:12px;cursor:pointer;transition:background .2s;outline:none;animation:itin .35s var(--ease) both}@keyframes itin{0%{opacity:0;transform:translateY(4px)}}.it:hover{background:var(--cream)}.it:focus-visible{box-shadow:0 0 0 2px var(--navy) inset}.it.sel{background:var(--butter)}.it .av{width:34px;height:34px;font-size:12px}.it .tx{min-width:0}.it .fr{font-size:14px;color:var(--ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.it .sb{font-size:13.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.it.unread .fr{font-weight:700;color:var(--ink)}.it.unread .sb{color:var(--ink2);font-weight:500}.it .rt{display:flex;flex-direction:column;align-items:flex-end;gap:5px;font-size:12px;color:var(--faint);white-space:nowrap}.it .rt .ic{width:14px;height:14px}.it .dot{width:8px;height:8px;border-radius:50%;background:var(--blue)}.it.damaged .sb{color:var(--red)}.lempty{padding:50px 24px;text-align:center;color:var(--muted);font-size:14.5px}.lempty .ic{width:30px;height:30px;color:var(--faint);margin-bottom:8px}.sentinel{height:1px}.rempty{flex:1;display:grid;place-items:center;text-align:center;color:var(--muted);padding:30px}.rempty .art{width:120px;height:90px;margin:0 auto 16px;position:relative}.rempty .art i{position:absolute;border-radius:12px}.rempty .art i:nth-child(1){left:0;top:10px;width:90px;height:66px;background:var(--blue-l)}.rempty .art i:nth-child(2){left:28px;top:0;width:90px;height:66px;background:#fff;border:1.5px solid var(--line);box-shadow:var(--sh)}.rempty .art i:nth-child(3){left:44px;top:18px;width:46px;height:8px;border-radius:4px;background:var(--sun)}.rempty b{display:block;font-family:var(--display);font-size:21px;color:var(--ink);letter-spacing:-.02em}.rmsg{display:flex;flex-direction:column;min-height:0;flex:1;animation:fade .35s var(--ease)}.rhead{padding:22px 26px 16px;border-bottom:1px solid var(--line2)}.rhead h2{font-size:25px;line-height:1.2;letter-spacing:-.025em;word-break:break-word}.rmeta{display:flex;gap:12px;align-items:flex-start;margin-top:14px;font-size:13.5px}.rmeta .av{width:38px;height:38px;font-size:13px;flex:none}.rmeta .who{flex:1;min-width:0}.rmeta .who b{font-weight:600}.rmeta .who .em{color:var(--muted)}.rmeta .rcpt{color:var(--muted);margin-top:2px;word-break:break-word}.rmeta time{color:var(--faint);font-size:12.5px;white-space:nowrap}.imp{display:inline-flex;gap:5px;align-items:center;margin-left:8px;font-size:11.5px;font-weight:700;color:var(--red);background:var(--red-l);padding:2px 8px;border-radius:999px;vertical-align:middle}.ratt{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.achip{display:flex;align-items:center;gap:9px;padding:7px 8px;border:1px solid var(--line);border-radius:12px;font-size:13px;background:#fff;max-width:280px;transition:border-color .2s,box-shadow .2s,transform .15s}.achip:hover{border-color:#d7d0c2;box-shadow:var(--sh)}.achip:active{transform:scale(.98)}.achip .ft{width:28px;height:32px;font-size:8.5px}.achip .an{min-width:0;line-height:1.3}.achip .an span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.achip small{color:var(--faint)}.achip .ic{width:16px;height:16px;color:var(--muted);transition:transform .25s var(--ease)}.achip:hover .ic{transform:translateY(2px);color:var(--ink)}.achip.done .ic{color:var(--green)}.rnote{display:flex;gap:10px;align-items:flex-start;margin-top:12px;padding:10px 12px;border-radius:12px;background:var(--butter);font-size:13px;color:var(--ink2)}.rnote .ic{width:17px;height:17px;flex:none;margin-top:1px}.rbar{display:flex;align-items:center;gap:10px;padding:9px 26px;background:var(--cream);border-bottom:1px solid var(--line2);font-size:13px;color:var(--ink2)}.rbar .ic{width:16px;height:16px;color:var(--coral)}.rbar button{margin-left:auto;font-weight:600;color:var(--navy);padding:4px 8px;border-radius:8px}.rbar button:hover{background:#fff}.rbody{flex:1;min-height:0;display:flex}.rbody iframe{flex:1;width:100%;border:0;background:#fff}.rbody .txt{flex:1;overflow:auto;padding:20px 26px 30px;margin:0;font:15px/1.6 var(--sans);white-space:pre-wrap;word-break:break-word;color:var(--ink2)}.back{display:none;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--navy);padding:10px 14px}.back .ic{width:16px;height:16px;transform:rotate(180deg)}.vtoast{position:fixed;left:50%;bottom:28px;z-index:80;display:flex;gap:10px;align-items:center;padding:12px 16px;background:var(--ink);color:#fff;border-radius:14px;font-size:14px;box-shadow:var(--sh-lg);opacity:0;transform:translate(-50%,12px);transition:all .4s var(--ease);pointer-events:none}.vtoast.show{opacity:1;transform:translate(-50%)}.vtoast .ic{color:var(--sun)}.steps3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:50px}.s3{border-radius:24px;padding:28px;border:1px solid var(--line);background:#fff;transition:transform .35s var(--ease),box-shadow .35s}.s3:hover{transform:translateY(-4px);box-shadow:var(--sh)}.s3 .nb{width:38px;height:38px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-weight:700;margin-bottom:18px}.s3 h3{font-size:23px;letter-spacing:-.02em}.s3 p{color:var(--ink2);margin:8px 0 0;font-size:15.5px}.split2{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.readlist{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:26px}.readlist div{display:flex;gap:10px;align-items:center;padding:14px 16px;border-radius:14px;background:#fff;border:1px solid var(--line);font-size:15px;font-weight:500}.readlist .ic{color:var(--green);width:20px;height:20px}.readlist .no .ic{color:var(--faint)}@media(max-width:1000px){.vcols{grid-template-columns:minmax(0,1fr);height:78vh}.vsplit{display:none}.vcols>:not(.vsplit){display:none!important}.vcols[data-pane=folders] .vfolders,.vcols[data-pane=list] .vmsgs,.vcols[data-pane=read] .vread{display:flex!important;flex-direction:column}.vcols[data-pane=folders] .vfolders{display:block!important}.back{display:flex}.vbar .hide-sm{display:none}.vbar .meta2{flex-wrap:wrap}.vbar .pill{white-space:nowrap}.rmeta{flex-wrap:wrap}.rmeta time{order:3;width:100%;padding-left:50px}.rhead,.rbar{padding-left:18px;padding-right:18px}.steps3,.split2,.readlist{grid-template-columns:1fr}}