/* Inbox sheet */
html:not(.pf-keep) .pfib{position:fixed;inset:0;z-index:100030;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Inter,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}
html:not(.pf-keep) .pfib[hidden]{display:none}
html:not(.pf-keep) .pfib__shade{position:absolute;inset:0;background:rgba(0,0,0,.5);opacity:0;transition:opacity .2s}
html:not(.pf-keep) .pfib.is-in .pfib__shade{opacity:1}
html:not(.pf-keep) .pfib__box{position:absolute;left:0;right:0;bottom:0;top:calc(env(safe-area-inset-top) + 10px);display:flex;flex-direction:column;border-radius:20px 20px 0 0;background:#0e1113;border-top:1px solid #232b2f;box-shadow:0 -20px 60px rgba(0,0,0,.45);transform:translateY(100%);transition:transform .26s cubic-bezier(.2,.8,.2,1);will-change:transform}
html:not(.pf-keep) .pfib.is-in .pfib__box{transform:none}
html:not(.pf-keep) .pfib__hd{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 6px 20px}
html:not(.pf-keep) .pfib__hd h2{margin:0!important;font-size:24px!important;font-weight:800!important;letter-spacing:-.02em;color:#fff!important}
html:not(.pf-keep) .pfib__x{display:grid;place-items:center;width:38px;height:38px;padding:0;border:0;border-radius:50%;background:#1d2327;color:#e9eef0;cursor:pointer}
html:not(.pf-keep) .pfib__x svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}
html:not(.pf-keep) .pfib__tabs{display:flex;gap:8px;padding:8px 16px 10px;border-bottom:1px solid #1d2327}
html:not(.pf-keep) .pfib__tabs button{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 16px;border:0;border-radius:999px;background:#1d2327;color:#c4d0d4;font:inherit;font-size:14.5px;font-weight:700;cursor:pointer}
html:not(.pf-keep) .pfib__tabs button.is-on{background:#fff;color:#0d0f11}
html:not(.pf-keep) .pfib__tabs em{min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#ff5d7a;color:#fff;font-style:normal;font-size:11px;font-weight:800;line-height:18px;text-align:center}
html:not(.pf-keep) .pfib__tabs em[hidden]{display:none}
html:not(.pf-keep) .pfib__list{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:4px 0}
html:not(.pf-keep) .pfib__i{position:relative;display:flex;align-items:center;gap:12px;padding:12px 18px;color:#e2e8ea!important;text-decoration:none!important;-webkit-tap-highlight-color:transparent}
html:not(.pf-keep) .pfib__i:active{background:#161b1e}
html:not(.pf-keep) .pfib__i.is-new{background:rgba(124,224,162,.06)}
html:not(.pf-keep) .pfib__i img,html:not(.pf-keep) .pfib__i>i{flex:none;width:46px;height:46px;border-radius:12px;object-fit:cover;background:#232b2f}
html:not(.pf-keep) .pfib__i .is-round{border-radius:50%}
html:not(.pf-keep) .pfib__i span{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
html:not(.pf-keep) .pfib__i b{font-size:14.5px;font-weight:600;line-height:1.38;color:#fff;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
html:not(.pf-keep) .pfib__i.is-new b{font-weight:700}
html:not(.pf-keep) .pfib__i b em{margin-left:4px;padding:1px 7px;border-radius:999px;background:rgba(255,196,77,.15);color:#ffcf6b;font-style:normal;font-size:11px;font-weight:800;vertical-align:1px}
html:not(.pf-keep) .pfib__i small{font-size:13px;color:#8a979d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html:not(.pf-keep) .pfib__i time{align-self:flex-start;margin-top:3px;font-size:12px;color:#8a979d}
html:not(.pf-keep) .pfib__i u{position:absolute;right:18px;bottom:14px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#7ce0a2;color:#06180d;text-decoration:none;font-size:11px;font-weight:800;line-height:18px;text-align:center}
html:not(.pf-keep) .pfib__sk{display:flex;align-items:center;gap:12px;padding:12px 18px}
html:not(.pf-keep) .pfib__sk i{width:46px;height:46px;border-radius:12px;background:#1a2023}
html:not(.pf-keep) .pfib__sk span{flex:1;display:flex;flex-direction:column;gap:7px}
html:not(.pf-keep) .pfib__sk b{height:12px;width:80%;border-radius:6px;background:#1a2023}
html:not(.pf-keep) .pfib__sk small{height:10px;width:30%;border-radius:6px;background:#1a2023}
html:not(.pf-keep) .pfib__none{padding:50px 28px;text-align:center}
html:not(.pf-keep) .pfib__none b{display:block;font-size:17px;color:#fff}
html:not(.pf-keep) .pfib__none p{margin:6px 0 0!important;font-size:14px;line-height:1.5;color:#97a5ab}
html:not(.pf-keep) .pfib__all{display:block;margin:0;padding:15px 16px calc(15px + env(safe-area-inset-bottom));border-top:1px solid #1d2327;text-align:center;font-size:15px;font-weight:700;color:#7ce0a2!important;text-decoration:none!important}
@media (min-width:761px){html:not(.pf-keep) .pfib__box{left:auto;right:20px;top:70px;bottom:20px;width:420px;border-radius:20px;border:1px solid #232b2f;transform:translateY(12px);opacity:0;transition:transform .2s,opacity .2s}html:not(.pf-keep) .pfib.is-in .pfib__box{opacity:1}}
html.pfib-on{overflow:hidden}

/* light mode, written by hand */
html[data-pftheme="light"] .pfib__box{background:#fff;border-color:#dde7ec;box-shadow:0 -20px 60px rgba(0,0,0,.15)}
html[data-pftheme="light"] .pfib__hd h2{color:#0d0f11!important}
html[data-pftheme="light"] .pfib__x,html[data-pftheme="light"] .pfib__tabs button{background:#eef3f5;color:#27353b}
html[data-pftheme="light"] .pfib__tabs button.is-on{background:#0d0f11;color:#fff}
html[data-pftheme="light"] .pfib__tabs{border-color:#e6edf0}
html[data-pftheme="light"] .pfib__i{color:#27353b!important}
html[data-pftheme="light"] .pfib__i:active{background:#f1f5f7}
html[data-pftheme="light"] .pfib__i.is-new{background:rgba(20,151,90,.06)}
html[data-pftheme="light"] .pfib__i b{color:#0d0f11}
html[data-pftheme="light"] .pfib__i small,html[data-pftheme="light"] .pfib__i time{color:#5a6a71}
html[data-pftheme="light"] .pfib__i img,html[data-pftheme="light"] .pfib__i>i,html[data-pftheme="light"] .pfib__sk i,html[data-pftheme="light"] .pfib__sk b,html[data-pftheme="light"] .pfib__sk small{background:#e6edf0}
html[data-pftheme="light"] .pfib__i u{background:#14975a;color:#fff}
html[data-pftheme="light"] .pfib__i b em{background:rgba(255,170,0,.14);color:#8a5a00}
html[data-pftheme="light"] .pfib__none b{color:#0d0f11}
html[data-pftheme="light"] .pfib__none p{color:#55646b}
html[data-pftheme="light"] .pfib__all{border-color:#e6edf0;color:#14975a!important}
