:root{
  --bg:#FFFFFF; --bg2:#F6F7FB; --ink:#16225A; --ink2:#36416B; --text:#4A5578; --muted:#7C84A3; --line:#ECEEF5; --link:#2F5FD0;
  --proj:#4A8CF7; --proj-l:#EAF1FF; --ref:#9B6BF2; --ref-l:#F2EBFF; --gen:#F5B731; --gen-l:#FFF6DC; --mg:#EF5350; --mg-l:#FFECEB; --man:#34A866; --man-l:#E6F6EC;
  --blue-l:#EEF4FF; --peach-l:#FFF3EC; --green-l:#EAF7F0; --lav-l:#F4F0FF; --yellow-l:#FFF8E1; --pink-l:#FFEFF0;
  --red:#D7263D; --fs:16px;
  --display:'Plus Jakarta Sans','Noto Sans Thai',system-ui,sans-serif;
  --body:'Plus Jakarta Sans','Noto Sans Thai',system-ui,sans-serif;
  --script:'Caveat','Plus Jakarta Sans',cursive;
  --shadow:0 1px 2px rgba(22,34,90,.04),0 6px 22px rgba(22,34,90,.06);
  color-scheme:light;
}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--text)}
body{font-family:var(--body);font-size:var(--fs);line-height:1.62;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
[hidden]{display:none!important}
button{font:inherit;color:inherit}
img{max-width:100%;display:block}
.app{max-width:460px;margin:0 auto;min-height:100vh;padding:0 18px 108px;position:relative;overflow-x:hidden}
h1,h2,h3{font-family:var(--display);color:var(--ink);margin:0;line-height:1.22;text-wrap:balance}
h1{font-size:2.05em;font-weight:800;letter-spacing:-.02em}
h2{font-size:1.24em;font-weight:700;letter-spacing:-.005em}
h3{font-size:1.04em;font-weight:700}
p{margin:0}
em{font-style:normal}
.sub{color:var(--ink2);font-size:1.02em;line-height:1.55}
.muted{color:var(--muted)}
.small{font-size:.86em;color:var(--muted);line-height:1.55}
.tiny{font-size:.76em;color:var(--muted);line-height:1.45}
.script{font-family:var(--script);font-weight:600;color:var(--ink2);line-height:1.05}
.stack{display:flex;flex-direction:column;gap:14px}
.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.between{justify-content:space-between}
:focus-visible{outline:3px solid #9DB8FF;outline-offset:2px}
.top{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:8px;padding:10px 0 6px;min-height:58px;background:linear-gradient(var(--bg) 70%,rgba(255,255,255,0))}
.top .grow{flex:1;min-width:0}
.circbtn{width:42px;height:42px;border-radius:50%;border:0;background:#fff;box-shadow:0 1px 2px rgba(22,34,90,.06),0 4px 14px rgba(22,34,90,.08);display:grid;place-items:center;cursor:pointer;flex:none}
:where(html[data-fb="dark"]) .circbtn{background:#182239;box-shadow:0 1px 2px rgba(0,0,0,0.14),0 4px 14px rgba(0,0,0,0.19)}
.circbtn svg{width:20px;height:20px;fill:none;stroke:var(--ink);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.lang{height:36px;border-radius:99px;border:0;background:#fff;box-shadow:0 1px 2px rgba(22,34,90,.06),0 4px 14px rgba(22,34,90,.08);padding:0 13px;font-family:var(--display);font-weight:800;font-size:.78em;letter-spacing:.06em;color:var(--ink);cursor:pointer;flex:none}
:where(html[data-fb="dark"]) .lang{background:#182239;box-shadow:0 1px 2px rgba(0,0,0,0.14),0 4px 14px rgba(0,0,0,0.19)}
.brand{display:flex;align-items:center;gap:8px;font-family:var(--display);font-weight:800;color:var(--ink);font-size:1.02em;letter-spacing:-.01em}
.hdr{position:relative;display:grid;grid-template-columns:1fr 46%;gap:6px;align-items:end;margin:0 -18px;padding:4px 18px 0;min-height:236px;overflow:hidden}
.hdr .txt{position:relative;z-index:2;padding-bottom:18px;display:flex;flex-direction:column;gap:6px;min-width:0}
.hdr .meta{color:var(--ink2);font-weight:600}
.hdr .art{position:relative;height:226px;align-self:end}
.hdr .art img{position:absolute;bottom:-6px;left:50%;transform:translateX(-50%);height:178px!important;width:auto;max-width:none;filter:drop-shadow(0 6px 10px rgba(22,34,90,.10))}
.blob{position:absolute;border-radius:50%;z-index:0}
.badge{position:absolute;right:12px;bottom:14px;z-index:3;background:rgba(255,255,255,.88);backdrop-filter:blur(6px);border-radius:16px;padding:8px 11px;font-size:.78em;color:var(--ink2);line-height:1.4;box-shadow:var(--shadow);display:flex;gap:8px;align-items:center}
:where(html[data-fb="dark"]) .badge{background:rgba(24,34,57,0.88)}
.quote{background:var(--blue-l);border-radius:18px;padding:12px 14px;color:var(--ink2);font-weight:600;line-height:1.5;position:relative}
.ptabs{position:sticky;top:56px;z-index:15;display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-radius:22px 22px 0 0;margin:0 -18px;padding:6px 10px 0;box-shadow:0 -6px 20px rgba(22,34,90,.05)}
:where(html[data-fb="dark"]) .ptabs{background:#182239;box-shadow:0 -6px 20px rgba(0,0,0,0.12)}
.ptabs button{border:0;background:transparent;min-height:46px;font-weight:600;color:var(--muted);cursor:pointer;border-bottom:3px solid transparent;font-size:.95em}
.ptabs button[aria-current="page"]{color:var(--ink);font-weight:800;border-bottom-color:var(--ink)}
.subtabs{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;border-bottom:1.5px solid var(--line);margin:0 -18px;padding:0 18px}
.subtabs::-webkit-scrollbar{display:none}
.subtabs button{flex:none;border:0;background:transparent;min-height:44px;padding:0 12px;font-weight:600;color:var(--muted);border-bottom:3px solid transparent;margin-bottom:-1.5px;cursor:pointer}
.subtabs button[aria-current="page"]{color:var(--ink);font-weight:800;border-bottom-color:var(--ink)}
.card{background:#fff;border-radius:22px;padding:16px;box-shadow:var(--shadow);border:1px solid #F0F2F7}
:where(html[data-fb="dark"]) .card{background:#182239;border:1px solid rgba(255,255,255,0.1)}
.card.tint{border:0;box-shadow:none}
.sec{display:flex;align-items:center;gap:10px;margin:26px 0 12px}
.sec h2{flex:1;min-width:0}
.more{font:inherit;font-size:.84em;font-weight:600;color:var(--link);border:0;background:none;cursor:pointer;padding:6px 0;display:flex;align-items:center;gap:2px;white-space:nowrap;flex:none}
.cardsec{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.cardsec h2{flex:1;font-size:1.14em}
.link{border:0;background:none;color:var(--link);font-weight:600;font-size:.9em;cursor:pointer;padding:6px 0;text-align:left}
.pill{display:inline-flex;align-items:center;gap:6px;border-radius:99px;padding:4px 12px;font-size:.84em;font-weight:600;line-height:1.4;white-space:nowrap}
.chev{color:var(--ink2);font-size:1.3em;line-height:1;flex:none}
.ic{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;flex:none}
.ic svg{width:24px;height:24px}
.ic.sm{width:34px;height:34px}
.ic.sm svg{width:19px;height:19px}
.ic.lg{width:54px;height:54px}
.ic.lg svg{width:30px;height:30px}
.btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:56px;border-radius:18px;border:0;background:var(--ink);color:#fff;font-family:var(--display);font-weight:700;font-size:1.02em;cursor:pointer;padding:10px 18px;text-align:center;text-decoration:none}
:where(html[data-fb="dark"]) .btn{color:#101830}
.btn.sec{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line)}
:where(html[data-fb="dark"]) .btn.sec{background:#182239}
.btn.soft{background:var(--blue-l);color:var(--ink)}
.btn[disabled]{background:#C3C8DA;cursor:not-allowed}
:where(html[data-fb="dark"]) .btn[disabled]{background:#2A3044}
.btn.sm{min-height:42px;width:auto;padding:6px 16px;font-size:.9em;border-radius:14px}
.chip{border:0;background:#fff;box-shadow:inset 0 0 0 1.5px var(--line);border-radius:99px;min-height:42px;padding:6px 16px;cursor:pointer;font-weight:600;font-size:.92em;color:var(--ink2)}
:where(html[data-fb="dark"]) .chip{background:#182239}
.chip[aria-pressed="true"]{background:var(--ink);color:#fff;box-shadow:none}
:where(html[data-fb="dark"]) .chip[aria-pressed="true"]{color:#101830}
.seg{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;background:var(--bg2);border-radius:99px;padding:4px;gap:4px}
.seg button{border:0;background:transparent;border-radius:99px;min-height:40px;font-weight:600;cursor:pointer;font-size:.9em;color:var(--muted)}
.seg button[aria-pressed="true"]{background:#fff;color:var(--ink);font-weight:800;box-shadow:0 1px 4px rgba(22,34,90,.12)}
:where(html[data-fb="dark"]) .seg button[aria-pressed="true"]{background:#182239;box-shadow:0 1px 4px rgba(0,0,0,0.29)}
.fam{display:flex;gap:12px;overflow-x:auto;padding:4px 2px 6px;scrollbar-width:none}
.fam::-webkit-scrollbar{display:none}
.fm{flex:none;width:76px;border:0;background:transparent;padding:0;display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer}
.fm b{font-family:var(--display);color:var(--ink);font-size:.92em;line-height:1.25;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fm span{font-size:.74em;color:var(--muted);line-height:1.25;text-align:center}
.fm .plus{width:66px;height:66px;border-radius:50%;border:1.5px solid var(--line);display:grid;place-items:center;font-size:1.7em;color:var(--ink2);background:#fff}
:where(html[data-fb="dark"]) .fm .plus{background:#182239}
.av{border-radius:50%;overflow:hidden;flex:none;display:block;position:relative}
.av img{width:100%;height:100%;object-fit:cover}
.today{position:relative;overflow:hidden;padding:18px 16px 16px}
.today .ill{position:absolute;right:-4px;bottom:86px;width:112px;height:124px}
.today .ill img{position:absolute;bottom:0;right:4px;height:124px;width:auto;max-width:none}
.trybox{display:flex;align-items:center;gap:12px;background:var(--blue-l);border-radius:16px;padding:12px 12px 12px 14px;border:0;width:100%;text-align:left;cursor:pointer;margin-top:14px;position:relative;z-index:2}
.trybox b{color:var(--link);font-family:var(--display);font-size:1em}
.trybox p{font-size:.9em;color:var(--ink2);line-height:1.45}
.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mini{border:0;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:14px}
.mini .who{display:flex;gap:8px;align-items:center}
.mini .who b{font-family:var(--display);color:var(--ink);font-size:.95em}
.mini h3{font-size:.98em}
.mini p{font-size:.8em;color:var(--muted);line-height:1.45}
.askbar{display:flex;align-items:center;gap:10px;background:#fff;border-radius:99px;padding:6px 6px 6px 18px;box-shadow:var(--shadow);border:1px solid #F0F2F7;cursor:pointer;width:100%;text-align:left}
:where(html[data-fb="dark"]) .askbar{background:#182239;border:1px solid rgba(255,255,255,0.1)}
.askbar span{flex:1;color:var(--muted)}
.askbar .go{width:44px;height:44px;border-radius:50%;background:var(--ink);display:grid;place-items:center;flex:none}
.askbar .go svg{width:20px;height:20px;stroke:#fff;stroke-width:2.4;fill:none;stroke-linecap:round;stroke-linejoin:round}
.bp4{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.bp4 div{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:4px 4px;border-left:1px solid var(--line);min-width:0}
.bp4 div:first-child{border-left:0}
.bp4 b{font-family:var(--display);color:var(--ink);font-size:.84em;line-height:1.25}
.bp4 span{font-size:.72em;color:var(--muted);line-height:1.4}
.world{display:flex;gap:14px;overflow-x:auto;scrollbar-width:none;padding:2px}
.world::-webkit-scrollbar{display:none}
.world div{flex:none;display:flex;flex-direction:column;align-items:center;gap:6px;width:62px;font-size:.8em;font-weight:600;color:var(--ink2);text-align:center;line-height:1.3}
.world i{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:1.65em}
.grownow{display:grid;grid-template-columns:44% 1fr;gap:12px;align-items:center}
.grownow .pic{border-radius:18px;overflow:hidden;position:relative;height:130px}
.grownow .pic img{position:absolute;bottom:-6px;left:50%;transform:translateX(-50%);height:142px;width:auto;max-width:none}
.ncols{display:grid;grid-template-columns:47% 1fr;gap:10px;align-items:start}
.legend3{display:flex;flex-direction:column;gap:6px;font-size:.74em;color:var(--ink2)}
.legend3 i{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:6px;vertical-align:-1px}
.nlist{display:flex;flex-direction:column;gap:8px}
.nrow{display:flex;gap:10px;align-items:center;border:0;background:#fff;border-radius:16px;padding:10px;box-shadow:0 1px 2px rgba(22,34,90,.04),0 3px 12px rgba(22,34,90,.05);text-align:left;cursor:pointer;width:100%;border:1px solid #F0F2F7}
:where(html[data-fb="dark"]) .nrow{background:#182239;box-shadow:0 1px 2px rgba(0,0,0,0.1),0 3px 12px rgba(0,0,0,0.12);border:1px solid rgba(255,255,255,0.1)}
.nrow .tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.nrow .k{font-size:.7em;color:var(--muted);font-weight:600}
.nrow b{font-family:var(--display);color:var(--link);font-size:.98em;line-height:1.25}
.nrow p{font-size:.74em;color:var(--muted);line-height:1.4}
.tiles3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.tile{border:0;background:#fff;border-radius:16px;padding:10px 8px;display:flex;align-items:center;gap:8px;text-align:left;cursor:pointer;box-shadow:0 1px 2px rgba(22,34,90,.04),0 3px 12px rgba(22,34,90,.05);border:1px solid #F0F2F7;min-width:0}
:where(html[data-fb="dark"]) .tile{background:#182239;box-shadow:0 1px 2px rgba(0,0,0,0.1),0 3px 12px rgba(0,0,0,0.12);border:1px solid rgba(255,255,255,0.1)}
.tile .tx{display:flex;flex-direction:column;min-width:0}
.tile b{font-family:var(--display);color:var(--ink);font-size:.84em;line-height:1.25}
.tile span{font-size:.68em;color:var(--muted);line-height:1.35}
.bigbanner{display:flex;align-items:center;gap:12px;border:0;border-radius:20px;padding:14px 14px 14px 16px;width:100%;text-align:left;cursor:pointer;background:var(--blue-l)}
.bigbanner .tx{flex:1;min-width:0}
.bigbanner b{font-family:var(--display);color:var(--ink);font-size:1.02em}
.bigbanner .go{width:38px;height:38px;border-radius:50%;background:#fff;display:grid;place-items:center;flex:none;color:var(--ink);font-weight:800}
:where(html[data-fb="dark"]) .bigbanner .go{background:#182239}
.chartwrap{display:grid;grid-template-columns:52px 1fr 52px;gap:2px;align-items:start}
.pcol{display:flex;flex-direction:column;font-variant-numeric:tabular-nums;padding-top:4px}
.pcol .h{font-family:var(--display);font-weight:800;font-size:.74em;line-height:1.2;padding-bottom:4px}
.pcol .h small{display:block;font-weight:600;font-size:.86em;color:var(--muted)}
.pcol button{border:0;background:transparent;display:flex;gap:3px;align-items:center;min-height:27px;padding:0 2px;font-size:.78em;font-weight:700;cursor:pointer;border-radius:8px;white-space:nowrap}
.pcol.d{color:var(--red)}
.pcol.p{color:#1F2340;text-align:right}
:where(html[data-fb="dark"]) .pcol.p{color:#E8ECF7}
.pcol.p .h{text-align:right}
.pcol.p button{justify-content:flex-end}
.pcol .sym{width:15px;text-align:center;font-size:1.02em}
.arw{display:flex;gap:4px;font-weight:800;font-size:.86em;line-height:1}
.bg{width:100%;height:auto;display:block}
.bg [data-c],.bg [data-g]{cursor:pointer}
.cv.zoom{overflow-x:auto}
.cv.zoom .bg{width:620px;max-width:none}
.dlist{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.dlist .card{padding:12px}
.dlist b{font-family:var(--display);color:var(--ink);font-size:.86em}
.dlist p{font-size:.78em;color:var(--ink2);line-height:1.6}
.links2{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.bar{display:inline-block;width:14px;height:6px;border-radius:2px;vertical-align:middle;margin-right:6px}
.gnum{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;font-family:var(--display);font-weight:800;font-size:1.4em;flex:none}
.bullets{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}
.bullets li{display:flex;gap:8px;align-items:flex-start;font-size:.92em;color:var(--ink2);line-height:1.5}
.bullets li i{flex:none;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;margin-top:2px;font-style:normal;font-size:.7em;color:#fff;font-weight:800}
.fmap{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:18px 10px;padding:6px 0}
.fmap .p{display:flex;flex-direction:column;gap:6px;align-items:flex-start;position:relative;z-index:2}
.fmap .p.r{align-items:flex-end;text-align:right}
.fmap .p b{font-family:var(--display);font-size:1.08em}
.fmap .center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:104px;height:104px;border-radius:50%;background:#FFE9EC;display:grid;place-items:center;z-index:3;text-align:center;font-size:1.05em}
:where(html[data-fb="dark"]) .fmap .center{background:#411319}
.energy{display:flex;height:16px;border-radius:99px;overflow:hidden;gap:3px}
.energy i{display:block;height:100%;border-radius:99px}
.hscroll{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;padding:2px 2px 6px;margin:0 -18px;padding-left:18px;padding-right:18px}
.hscroll::-webkit-scrollbar{display:none}
.hscroll>*{flex:none;width:168px}
.vs{display:grid;grid-template-columns:1fr 1fr;gap:0;border-radius:24px;overflow:hidden}
.vs>div{padding:14px;display:flex;flex-direction:column;gap:8px;min-width:0}
.cmp{display:grid;grid-template-columns:1.05fr 1fr 1fr;gap:6px 6px;font-size:.84em;align-items:center}
.cmp .k{color:var(--ink2);font-weight:600;display:flex;gap:6px;align-items:center}
.cmp .a,.cmp .b{border-radius:10px;padding:6px 8px;text-align:center;color:var(--ink);font-weight:600;line-height:1.35}
.askhero{display:grid;grid-template-columns:1fr 112px;gap:8px;align-items:center}
.qgrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.qbtn{border:0;background:var(--blue-l);border-radius:16px;padding:12px;text-align:left;cursor:pointer;color:var(--ink2);font-weight:600;font-size:.88em;line-height:1.4;display:flex;gap:6px;align-items:center;justify-content:space-between}
.topics{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.topic{border:0;border-radius:20px;padding:14px 10px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;cursor:pointer}
.topic b{font-family:var(--display);color:var(--ink);font-size:.92em}
.topic span{font-size:.74em;color:var(--ink2);line-height:1.4}
.bub{max-width:90%;border-radius:20px;padding:12px 14px;line-height:1.6}
.bub.me{align-self:flex-end;background:var(--ink);color:#fff;border-bottom-right-radius:6px}
:where(html[data-fb="dark"]) .bub.me{color:#101830}
.bub.ai{align-self:flex-start;background:#fff;border-bottom-left-radius:6px;display:flex;flex-direction:column;gap:8px;box-shadow:var(--shadow);border:1px solid #F0F2F7;color:var(--ink2)}
:where(html[data-fb="dark"]) .bub.ai{background:#182239;border:1px solid rgba(255,255,255,0.1)}
.src{display:inline-flex;align-items:center;gap:5px;font-size:.72em;font-weight:700;border-radius:99px;padding:2px 9px}
.chatin{display:flex;gap:8px}
.chatin input{flex:1;min-width:0;font:inherit;min-height:52px;padding:10px 16px;border-radius:99px;border:1.5px solid var(--line);background:#fff;color:var(--ink)}
:where(html[data-fb="dark"]) .chatin input{background:#182239}
.mom{display:grid;grid-template-columns:46px 1fr;gap:12px;padding:12px 0;border-top:1px solid var(--line)}
.mom:first-child{border-top:0}
.living{border-radius:22px;padding:16px;background:linear-gradient(135deg,#EEF4FF 0%,#F4F0FF 100%);display:flex;flex-direction:column;gap:10px}
:where(html[data-fb="dark"]) .living{background:linear-gradient(135deg,#122240 0%,#1E123F 100%)}
.cover{border-radius:28px;padding:18px 16px 18px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;position:relative;overflow:hidden}
.cover .fig{height:220px;position:relative;width:100%}
.cover .fig img{position:absolute;bottom:0;left:50%;transform:translateX(-50%);height:180px;width:auto;max-width:none}
.toc{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.toc button{width:100%;display:flex;gap:14px;align-items:center;text-align:left;border:0;background:#fff;border-radius:18px;padding:12px 14px;min-height:62px;cursor:pointer;box-shadow:var(--shadow);border:1px solid #F0F2F7}
:where(html[data-fb="dark"]) .toc button{background:#182239;border:1px solid rgba(255,255,255,0.1)}
.toc .n{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-family:var(--display);font-weight:800;flex:none;background:var(--bg2);color:var(--ink)}
.toc .n.done{background:var(--ink);color:#fff}
:where(html[data-fb="dark"]) .toc .n.done{color:#101830}
.toc .q{font-weight:700;color:var(--ink);line-height:1.4}
.reader{display:flex;flex-direction:column;gap:16px}
.reader h1{font-size:1.6em;text-align:center}
.scene{position:relative;height:230px;border-radius:26px;overflow:hidden}
.scene img.kid{position:absolute;bottom:-4px;left:50%;transform:translateX(-50%);height:176px;width:auto;max-width:none;filter:drop-shadow(0 6px 8px rgba(22,34,90,.10))}
.story{background:#FFF8EC;border-radius:20px;padding:16px;display:flex;flex-direction:column;gap:6px}
:where(html[data-fb="dark"]) .story{background:#402F13}
.story p{color:var(--ink2);font-size:1.02em;line-height:1.8}
.box{border-radius:18px;padding:14px 16px;display:flex;flex-direction:column;gap:6px}
.box b.l{font-family:var(--display);color:var(--ink);font-size:.92em}
.box.say{background:var(--green-l)}
.box.no{background:var(--bg2)}
.box.try{background:var(--blue-l)}
.box.alert{background:#FFECEC}
:where(html[data-fb="dark"]) .box.alert{background:#401313}
.rbar{position:fixed;left:0;right:0;bottom:0;z-index:30;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border-top:1px solid var(--line);padding:8px max(18px,calc(50vw - 212px)) calc(8px + env(safe-area-inset-bottom,0px));display:flex;align-items:center;gap:8px}
:where(html[data-fb="dark"]) .rbar{background:rgba(24,34,57,0.96)}
.rbar .sp{flex:1}
.rbar button{border:0;background:transparent;min-height:46px;padding:6px 10px;border-radius:14px;cursor:pointer;font-weight:700;color:var(--ink)}
.rbar button.next{background:var(--ink);color:#fff;padding:6px 18px}
:where(html[data-fb="dark"]) .rbar button.next{color:#101830}
.rbar button[disabled]{opacity:.35}
.welcome{display:flex;flex-direction:column;gap:18px;padding-top:6px}
.busts{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
.busts div{border-radius:16px;overflow:hidden;aspect-ratio:3/3.4;position:relative}
.busts img{width:100%;height:100%;object-fit:cover}
.busts>div{display:flex;flex-direction:column;gap:4px;aspect-ratio:auto!important;overflow:visible!important;border-radius:0!important}
.busts .ph{border-radius:16px;overflow:hidden;aspect-ratio:3/3.4}
.busts span{text-align:center;font-family:var(--display);font-weight:800;font-size:.62em;color:var(--ink)}
.steps{display:flex;gap:6px;justify-content:center}
.steps i{width:8px;height:8px;border-radius:99px;background:var(--line)}
.steps i.on{width:22px;background:var(--ink)}
.field{display:flex;flex-direction:column;gap:6px;font-weight:700;font-size:.92em;color:var(--ink)}
.field input,.field select{font:inherit;font-weight:500;font-size:1.02em;min-height:52px;padding:10px 14px;border-radius:16px;border:1.5px solid var(--line);background:#fff;color:var(--ink);width:100%}
:where(html[data-fb="dark"]) .field input,
:where(html[data-fb="dark"]) .field select{background:#182239}
.grid3{display:grid;grid-template-columns:.8fr 1.6fr 1.1fr;gap:8px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.check{display:flex;gap:12px;align-items:flex-start;cursor:pointer;font-size:.92em;line-height:1.55;color:var(--ink2)}
.check input{width:22px;height:22px;margin:2px 0 0;flex:none;accent-color:var(--ink)}
.promise{display:flex;gap:12px;align-items:flex-start}
.promise b{font-family:var(--display);color:var(--ink)}
.reveal{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding-top:6px}
.reveal .fig{position:relative;width:100%;height:280px}
.reveal .fig img{position:absolute;bottom:0;left:50%;transform:translateX(-50%);height:200px;width:auto;max-width:none;animation:rise .7s ease-out both}
@keyframes rise{from{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%,0)}}
.writing{min-height:76vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;text-align:center}
.hop{display:flex;gap:4px;align-items:flex-end;height:110px}
.hop img{height:96px;width:auto;animation:hop 1s ease-in-out infinite}
.hop img:nth-child(2){animation-delay:.12s}
.hop img:nth-child(3){animation-delay:.24s}
.hop img:nth-child(4){animation-delay:.36s}
.hop img:nth-child(5){animation-delay:.48s}
@keyframes hop{0%,100%{transform:translateY(0)}40%{transform:translateY(-14px)}}
@media (prefers-reduced-motion:reduce){.hop img,.reveal .fig img{animation:none}}
.tabs{position:fixed;left:0;right:0;bottom:0;z-index:30;background:#fff;border-top:1px solid var(--line);display:flex;justify-content:center;padding-bottom:env(safe-area-inset-bottom,0px)}
:where(html[data-fb="dark"]) .tabs{background:#182239}
.tabs .in{display:grid;grid-template-columns:repeat(5,1fr);width:100%;max-width:460px}
.tabs button{border:0;background:transparent;display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 2px 8px;min-height:64px;cursor:pointer;color:var(--ink2);font-size:max(11.5px,.74em);font-weight:600}
.tabs button svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.tabs button[aria-current="page"]{color:var(--ink);font-weight:800}
.toast{position:fixed;left:50%;bottom:100px;transform:translateX(-50%);background:var(--ink);color:#fff;border-radius:14px;padding:10px 16px;font-size:.92em;z-index:40;max-width:90vw}
:where(html[data-fb="dark"]) .toast{color:#101830}
.samplebar{display:flex;gap:10px;align-items:center;justify-content:space-between;background:var(--yellow-l);border-radius:16px;padding:8px 8px 8px 14px;font-size:.84em;color:#7A5600;font-weight:600}
:where(html[data-fb="dark"]) .samplebar{color:#F0D289}
.lrow{width:100%;display:flex;align-items:center;gap:10px;border:0;background:transparent;padding:12px 2px;min-height:56px;border-bottom:1px solid var(--line);text-align:left;cursor:pointer;color:var(--ink2)}
.lrow:last-child{border-bottom:0}
.lrow .tx{flex:1;min-width:0;line-height:1.45}
.gatechips{display:flex;flex-wrap:wrap;gap:6px}
.gchip{border:0;border-radius:12px;min-height:36px;padding:4px 10px;font-size:.84em;cursor:pointer;background:var(--bg2);color:var(--ink2);font-variant-numeric:tabular-nums;text-align:left}
.gchip b{font-family:var(--display)}
.gchip.p{background:#E9ECF6;color:#1F2A5C}
:where(html[data-fb="dark"]) .gchip.p{background:#1D243A;color:#E8ECF7}
.gchip.d{background:#FFE9EB;color:var(--red)}
:where(html[data-fb="dark"]) .gchip.d{background:#411317}
.gchip.b{background:linear-gradient(90deg,#FFE9EB 50%,#E9ECF6 50%);color:#1F2A5C}
:where(html[data-fb="dark"]) .gchip.b{background:linear-gradient(90deg,#411317 50%,#1D243A 50%);color:#E8ECF7}
.dotc{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;vertical-align:0}
.tag.warn{display:inline-flex;font-size:.72em;font-weight:700;border-radius:99px;padding:1px 8px;background:#FFE7D6;color:#9A4A0B}
:where(html[data-fb="dark"]) .tag.warn{background:#462914;color:#F0B789}
.story b.l{font-family:var(--display);color:var(--ink);font-size:.92em}
.nrow[disabled]{opacity:.45;cursor:default}
.mini{font:inherit}
.card.mini{display:flex}
@media (max-width:440px){.ncols{grid-template-columns:1fr}
.ncols>.stack,.ncols>div:first-child{max-width:270px;margin:0 auto;width:100%}}
.nrow .tx,.tile .tx{overflow-wrap:break-word}
.hdr .art img.hi{height:232px!important}
.reveal .fig img.hi,.cover .fig img.hi{height:240px}


:root{--tint:#3B6FDB;--soft:#F7F9FE}
body.site .app{max-width:none;padding:0;overflow-x:clip}
.wrap{max-width:1160px;margin:0 auto;padding-inline:20px}
.wrap.narrow{max-width:800px}
.snav{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
:where(html[data-fb="dark"]) .snav{background:rgba(24,34,57,0.92)}
.snav .wrap{display:flex;align-items:center;gap:10px;min-height:70px}
.snav .grow{flex:1}
.sbrand{display:flex;align-items:center;gap:10px;border:0;background:none;cursor:pointer;padding:0;text-align:left;color:var(--ink);flex:none}
.sbrand b{display:block;font-family:var(--display);font-weight:800;font-size:1.06em;letter-spacing:-.01em;line-height:1.15}
.sbrand small{display:block;font-size:.72em;color:var(--muted);font-weight:600;line-height:1.3}
.slinks{display:flex;gap:2px;margin-left:22px}
.slink{border:0;background:none;padding:8px 13px;border-radius:99px;cursor:pointer;color:var(--ink2);font-weight:600;font-size:.92em;white-space:nowrap}
.slink:hover{background:var(--bg2)}
.slink[aria-current="page"]{color:var(--ink);background:var(--blue-l)}
.btn.cta{border-radius:99px;width:auto;padding:10px 26px}
.snav .btn.cta{min-height:42px;padding:6px 18px}
body.site .row>.btn{border-radius:99px;width:auto;padding:10px 26px}
.smenu-btn{display:none}
.smenu-btn svg{stroke-width:2}
.smenu{display:flex;flex-direction:column;padding:6px 20px 14px;border-top:1px solid var(--line);background:#fff}
:where(html[data-fb="dark"]) .smenu{background:#182239}
.smenu .slink{text-align:left;padding:13px 12px;font-size:1em}
.eyebrow{display:inline-flex;align-items:center;gap:7px;align-self:flex-start;border:1px solid var(--line);background:#fff;border-radius:99px;padding:5px 13px 5px 10px;font-size:.8em;font-weight:700;color:var(--ink2);letter-spacing:.01em;box-shadow:0 1px 2px rgba(22,34,90,.04)}
:where(html[data-fb="dark"]) .eyebrow{background:#182239;box-shadow:0 1px 2px rgba(0,0,0,0.1)}
.tint{color:var(--tint)}
.lead{font-size:1.1em;color:var(--text);line-height:1.75;max-width:62ch}
.site h1{line-height:1.2}
.shero{padding-block:56px 48px;background:radial-gradient(60% 70% at 85% 30%,#F3F6FF 0,rgba(255,255,255,0) 70%)}
:where(html[data-fb="dark"]) .shero{background:radial-gradient(60% 70% at 85% 30%,#121E3F 0,rgba(255,255,255,0) 70%)}
.hgrid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:40px;align-items:center}
.htext{display:flex;flex-direction:column;gap:20px;min-width:0}
.shero h1{font-size:clamp(2em,3.9vw,3.1em);letter-spacing:-.025em}
.shero h1 .l1{display:block}
.nw{display:inline-block;max-width:100%}
.hart{position:relative;width:100%;max-width:540px;aspect-ratio:1/.9;justify-self:center}
.hart img{position:absolute;width:auto;max-width:none;filter:drop-shadow(0 10px 14px rgba(22,34,90,.10))}
.hart .k1{left:4%;bottom:7%;height:64%}
.hart .k2{left:31%;bottom:2%;height:76%;z-index:2}
.hart .k3{right:2%;bottom:9%;height:58%}
.fchip{position:absolute;z-index:3;display:flex;gap:10px;align-items:center;background:#fff;border-radius:18px;padding:10px 14px 10px 10px;box-shadow:0 2px 4px rgba(22,34,90,.05),0 12px 30px rgba(22,34,90,.10);font-size:.8em;line-height:1.38;color:var(--text);max-width:236px}
:where(html[data-fb="dark"]) .fchip{background:#182239;box-shadow:0 2px 4px rgba(0,0,0,0.12),0 12px 30px rgba(0,0,0,0.24)}
.fchip b{display:block;color:var(--ink);font-family:var(--display);font-size:1.05em}
.fchip.c1{left:0;top:4%}
.fchip.c2{right:0;top:9%}
.ssec{padding-block:76px}
.tint-bg{background:var(--soft)}
.shead{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;margin-bottom:38px}
.shead .eyebrow{align-self:center}
.shead .lead{margin:0 auto}
.ssec h2,.site h2.big{font-size:clamp(1.7em,3.1vw,2.45em);font-weight:800;letter-spacing:-.02em;line-height:1.24}
.stack>.eyebrow{align-self:flex-start}
.tgrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.tcard{border:0;background:#fff;border-radius:24px;padding:12px 12px 18px;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;box-shadow:var(--shadow);text-align:center;font:inherit;transition:transform .15s}
:where(html[data-fb="dark"]) .tcard{background:#182239}
.tcard:hover{transform:translateY(-3px)}
.tcard .pic{width:100%;aspect-ratio:1;border-radius:18px;background:var(--tl);display:flex;align-items:flex-end;justify-content:center;overflow:hidden;margin-bottom:6px}
:where(html[data-fb="dark"]) .tcard .pic{background:color-mix(in srgb,var(--tc,var(--td)) 18%,#182239)}
.tcard .pic img{height:90%;width:auto;max-width:none}
.tcard b{font-family:var(--display);color:var(--td);font-size:1em;line-height:1.25}
:where(html[data-fb="dark"]) .tcard b{color:color-mix(in srgb,var(--td) 36%,#F1F4FB)}
.tcard>span:last-child{font-size:.84em;color:var(--text);line-height:1.45}
.sgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.step{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;display:flex;flex-direction:column;gap:8px}
:where(html[data-fb="dark"]) .step{background:#182239}
.step .num{font-family:var(--display);font-weight:800;font-size:1.7em;color:#B9C8F0;line-height:1;font-variant-numeric:tabular-nums}
.step p{font-size:.93em}
.fgrid2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,470px);gap:56px;align-items:start}
.qform{background:#fff;border-radius:26px;padding:24px;box-shadow:0 2px 4px rgba(22,34,90,.04),0 18px 48px rgba(22,34,90,.10);display:flex;flex-direction:column;gap:14px;min-width:0}
:where(html[data-fb="dark"]) .qform{background:#182239;box-shadow:0 2px 4px rgba(0,0,0,0.1),0 18px 48px rgba(0,0,0,0.24)}
.qform .fam{display:flex;flex-wrap:wrap;gap:10px}
.tick{display:flex;gap:10px;align-items:center;font-weight:600;color:var(--ink2)}
.ftgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.feat{padding:24px;border-radius:22px;background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;gap:10px}
:where(html[data-fb="dark"]) .feat{background:#182239}
.feat p{font-size:.92em}
.lgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:980px;margin:0 auto}
.lens{border-radius:22px;padding:24px;display:flex;flex-direction:column;gap:10px;position:relative;align-items:flex-start}
.lens.ev{background:#EEF4FF;border:1.5px solid #D5E3FF}
:where(html[data-fb="dark"]) .lens.ev{background:#122240;border:1.5px solid rgba(255,255,255,0.1)}
.lens.hd{background:#FFFBF2;border:1.5px dashed #E3CF9C}
:where(html[data-fb="dark"]) .lens.hd{background:#3F3112}
.nots{position:absolute;top:20px;right:20px;font-size:.72em;font-weight:700;border-radius:99px;padding:2px 10px;background:#FFF0D6;color:#8A5A00}
:where(html[data-fb="dark"]) .nots{background:#463414;color:#F0CC89}
.cgrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);gap:56px;align-items:center}
.cwrap{background:#fff;border-radius:28px;padding:18px;box-shadow:var(--shadow);border:1px solid #F0F2F7}
:where(html[data-fb="dark"]) .cwrap{background:#182239;border:1px solid rgba(255,255,255,0.1)}
.cwrap svg{width:100%;height:auto;display:block}
.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:420px}
.stats div{border:1px solid var(--line);border-radius:18px;padding:12px 8px;text-align:center;background:#fff}
:where(html[data-fb="dark"]) .stats div{background:#182239}
.stats b{display:block;font-family:var(--display);font-size:1.75em;color:var(--ink);font-variant-numeric:tabular-nums;line-height:1.15}
.stats span{font-size:.8em;color:var(--muted)}
.legend{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:.84em;color:var(--ink2)}
.legend i{display:inline-block;width:22px;height:4px;border-radius:2px;margin-right:8px;vertical-align:middle}
.vgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.vgrid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.val{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;display:flex;flex-direction:column;gap:10px;align-items:flex-start}
:where(html[data-fb="dark"]) .val{background:#182239}
.val p{font-size:.92em}
.faq{display:flex;flex-direction:column;gap:10px}
.faq details{background:#fff;border:1px solid var(--line);border-radius:18px;padding:0 20px}
:where(html[data-fb="dark"]) .faq details{background:#182239}
.faq summary{cursor:pointer;list-style:none;padding:18px 0;font-weight:700;color:var(--ink);display:flex;justify-content:space-between;gap:14px;align-items:center}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'+';font-size:1.5em;line-height:1;color:var(--muted);font-weight:500;flex:none}
.faq details[open] summary::after{content:'–'}
.faq details p{padding-bottom:18px;color:var(--text);line-height:1.75}
.ctaband{padding-block:28px 76px}
.cb{position:relative;background:linear-gradient(135deg,#EEF4FF 0,#F6F1FF 100%);border-radius:32px;padding:60px 24px;overflow:hidden;text-align:center}
:where(html[data-fb="dark"]) .cb{background:linear-gradient(135deg,#122240 0,#22123F 100%)}
.cb img{position:absolute;bottom:0;height:82%;width:auto;max-width:none}
.cb img.l{left:4%}
.cb img.r{right:4%}
.cbt{position:relative;z-index:2;display:flex;flex-direction:column;gap:16px;align-items:center;max-width:560px;margin:0 auto}
.cb .script{font-size:1.6em}
.cb h2{font-size:clamp(1.45em,2.5vw,2em);font-weight:800;letter-spacing:-.02em}
.startart{position:relative;height:300px;margin-top:18px;max-width:460px}
.startart img{position:absolute;bottom:0;width:auto;max-width:none;filter:drop-shadow(0 8px 12px rgba(22,34,90,.10))}
.startart .a{left:0;height:46%}
.startart .b{left:30%;height:78%;z-index:2}
.startart .c{right:0;height:92%}
.sfoot{background:#16225A;color:#C9CEE6;padding-block:56px 28px}
.fgrid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:32px}
.sfoot h4{color:#fff;font-family:var(--display);margin:0 0 10px;font-size:.95em}
.sfoot .fgrid button{display:block;border:0;background:none;color:#C9CEE6;padding:5px 0;cursor:pointer;font-size:.9em;text-align:left}
.sfoot .fgrid button:hover{color:#fff}
.sfoot .sbrand b{color:#fff}
.sfoot .sbrand small{color:#AEB5D6}
.fbrand p{margin-top:16px;font-family:var(--script);font-size:1.45em;color:#fff;line-height:1.15}
.fnote{border-top:1px solid rgba(255,255,255,.14);margin-top:36px;padding-top:18px;display:flex;flex-direction:column;gap:6px;font-size:.8em;color:#AEB5D6;line-height:1.6}
:where(html[data-fb="dark"]) .fnote{border-top:1px solid rgba(255,255,255,0.07)}
.phero{padding-block:60px 30px}
.phero .wrap{display:flex;flex-direction:column;gap:16px}
.phero.center .wrap{align-items:center;text-align:center}
.phero.center .eyebrow{align-self:center}
.phero h1{font-size:clamp(2.1em,4.4vw,3.2em);letter-spacing:-.025em}
.lgrid2{display:grid;grid-template-columns:210px minmax(0,1fr);gap:56px;align-items:start;padding-block:20px 56px}
.stoc{position:sticky;top:96px;display:flex;flex-direction:column;gap:2px;border-left:2px solid var(--line);padding-left:16px}
.stoc b{font-size:.74em;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.stoc button{border:0;background:none;text-align:left;padding:6px 0;color:var(--ink2);cursor:pointer;font-size:.9em}
.stoc button:hover{color:var(--tint)}
.artcl{max-width:780px;display:flex;flex-direction:column;gap:52px;min-width:0}
.art{display:flex;flex-direction:column;gap:14px;scroll-margin-top:90px}
.art h2{font-size:1.65em;letter-spacing:-.015em}
.art>p{line-height:1.85}
.art a{color:var(--link);font-weight:600}
.cgrid.in{grid-template-columns:minmax(0,1fr) minmax(0,300px);gap:28px;align-items:start}
.lt{display:flex;flex-direction:column;gap:14px}
.ltype{display:grid;grid-template-columns:140px minmax(0,1fr);gap:22px;background:var(--tl);border-radius:24px;padding:18px 22px 18px 14px;align-items:center}
:where(html[data-fb="dark"]) .ltype{background:color-mix(in srgb,var(--tc,var(--td)) 18%,#182239)}
.ltype .pic{height:176px;display:flex;align-items:flex-end;justify-content:center}
.ltype .pic img{height:100%;width:auto;max-width:none}
.ltype h3{color:var(--td);font-size:1.3em}
:where(html[data-fb="dark"]) .ltype h3{color:color-mix(in srgb,var(--td) 36%,#F1F4FB)}
.ltype .q{color:var(--ink2);font-weight:600}
.ltype dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:5px 16px;margin:0;font-size:.92em}
.ltype dt{color:var(--muted);font-weight:600}
.ltype dd{margin:0;color:var(--ink)}
.alist{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#fff}
:where(html[data-fb="dark"]) .alist{background:#182239}
.arow{display:grid;grid-template-columns:210px minmax(0,1fr);gap:16px;padding:14px 20px;border-bottom:1px solid var(--line)}
.arow:last-child{border-bottom:0}
.arow b{font-family:var(--display);color:var(--ink)}
.arow span{color:var(--text)}
.cn9{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.cn{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:18px;padding:12px 14px}
:where(html[data-fb="dark"]) .cn{background:#182239}
.cn svg{flex:none}
.cn b{display:block;color:var(--ink);font-size:.95em;line-height:1.3}
.cn span{font-size:.84em;color:var(--muted);line-height:1.4}
.lines{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.lines>div{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:6px}
:where(html[data-fb="dark"]) .lines>div{background:#182239}
.ln{width:30px;height:30px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-family:var(--display);font-weight:800;font-size:.9em}
:where(html[data-fb="dark"]) .ln{color:#101830}
.lines b{color:var(--ink)}
.lines p{font-size:.88em;line-height:1.6}
.notlist{display:flex;flex-direction:column;gap:10px}
.notlist>div{display:flex;gap:12px;align-items:center;background:#fff;border-radius:18px;padding:12px 16px;border:1px solid var(--line);font-weight:600;color:var(--ink)}
:where(html[data-fb="dark"]) .notlist>div{background:#182239}
.team{display:grid;grid-template-columns:repeat(2,minmax(0,380px));gap:18px;justify-content:center}
.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:1060px;margin:0 auto;align-items:stretch}
.plan{background:#fff;border:1px solid var(--line);border-radius:26px;padding:26px;display:flex;flex-direction:column;gap:18px}
:where(html[data-fb="dark"]) .plan{background:#182239}
.plan.hot{border:2px solid var(--ink);box-shadow:0 18px 48px rgba(22,34,90,.10)}
:where(html[data-fb="dark"]) .plan.hot{box-shadow:0 18px 48px rgba(0,0,0,0.24)}
.price b{font-family:var(--display);font-size:1.9em;color:var(--ink);display:block;line-height:1.2}
.price span{color:var(--muted);font-size:.86em}
.plan ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;flex:1}
.plan li{display:flex;gap:10px;align-items:flex-start;color:var(--ink2)}
.plan .btn{border-radius:99px}
@media (max-width:1000px){.slinks{display:none}
.smenu-btn{display:grid}
.tgrid{grid-template-columns:repeat(5,minmax(150px,1fr));overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 14px;scrollbar-width:none}
.tcard{scroll-snap-align:start}
.sgrid,.ftgrid,.vgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
.fgrid{grid-template-columns:repeat(3,minmax(0,1fr))}
.fbrand{grid-column:1/-1}
.lgrid2{grid-template-columns:minmax(0,1fr)}
.stoc{display:none}
.plans{grid-template-columns:minmax(0,1fr);max-width:520px}}
@media (min-width:1001px){.smenu{display:none}}
@media (max-width:860px){.hgrid,.fgrid2,.cgrid,.cgrid.in,.lgrid{grid-template-columns:minmax(0,1fr)}
.hart{max-width:440px}
.cb img{display:none}
.startart{height:220px;margin-inline:auto;width:100%}
.ssec{padding-block:56px}
.cgrid .cwrap{max-width:420px;width:100%;justify-self:center}}
@media (max-width:600px){.sgrid,.ftgrid,.vgrid,.vgrid.two,.team,.lines{grid-template-columns:minmax(0,1fr)}
.cn9{grid-template-columns:minmax(0,1fr)}
.fgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
.ltype{grid-template-columns:96px minmax(0,1fr);gap:12px;padding:14px}
.ltype .pic{height:120px}
.arow{grid-template-columns:minmax(0,1fr);gap:2px}
.sbrand small{display:none}
.shero{padding-block:32px 36px}
.fchip{font-size:.74em;max-width:190px}
.fchip.c2{display:none}}
@media (max-width:400px){.snav .btn.cta{display:none}}
.tabs .sbx{display:none}
@media (min-width:1024px){body.inapp{padding-left:248px}
body.inapp .app{max-width:880px;padding:0 36px 64px}
body.inapp .tabs{top:0;bottom:0;right:auto;width:248px;border-top:0;border-right:1px solid var(--line);flex-direction:column;justify-content:flex-start;padding:22px 14px;gap:22px}
body.inapp .tabs .in{display:flex;flex-direction:column;gap:4px;max-width:none}
body.inapp .tabs button{flex-direction:row;justify-content:flex-start;gap:12px;min-height:48px;padding:10px 14px;border-radius:14px;font-size:.98em}
body.inapp .tabs button svg{width:24px;height:24px}
body.inapp .tabs .in button[aria-current="page"]{background:var(--blue-l)}
body.inapp .tabs .sbx{display:flex}
.tabs .sbtop{align-items:center;gap:10px;padding:0 10px;font-family:var(--display);font-weight:800;color:var(--ink);font-size:1.05em}
.tabs .sbbot{margin-top:auto;flex-direction:column;gap:2px;border-top:1px solid var(--line);padding-top:12px}
.tabs .sbbot button{color:var(--ink2);font-weight:600;font-size:.92em;min-height:42px}
body.inapp .toast{bottom:32px;left:calc(50% + 124px)}
body.inapp .hdr{min-height:268px}
body.inapp .hdr .art{height:262px}
body.inapp .hdr .art img{height:212px!important}
body.inapp .hdr .art img.hi{height:262px!important}
body.flow .app{max-width:520px}
body.inapp .top .brand{visibility:hidden}}
.field .grid3{grid-template-columns:minmax(56px,.75fr) minmax(0,1.5fr) minmax(86px,1fr)}
.streak{display:inline-flex;align-items:center;gap:4px;height:36px;padding:0 12px 0 9px;border-radius:99px;background:#FFF3EC;color:#C2410C;font-size:.82em;font-weight:700;flex:none}
:where(html[data-fb="dark"]) .streak{background:#402313;color:#F0A789}
.streak b{font-family:var(--display);font-size:1.1em;color:#C2410C}
:where(html[data-fb="dark"]) .streak b{color:#F0A789}
.dhead{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:4px 0 12px}
.dhead h1{font-size:1.9em}
.whorow{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;padding:2px 2px 10px;margin:0 -2px}
.who{border:0;background:none;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;flex:none;font-size:.8em;font-weight:600;color:var(--ink2);padding:6px 6px 4px;border-radius:16px;min-width:64px}
.who[aria-pressed="true"]{background:var(--blue-l);color:var(--ink)}
.whav{position:relative;display:inline-flex}
.whav>i{position:absolute;right:-1px;bottom:1px;width:13px;height:13px;border-radius:50%;border:2.5px solid #fff}
:where(html[data-fb="dark"]) .whav>i{border:2.5px solid rgba(255,255,255,0.1)}
.who .plus{width:46px;height:46px;border-radius:50%;border:1.5px dashed #C9CFE2;display:grid;place-items:center;font-size:1.4em;color:var(--muted)}
:where(html[data-fb="dark"]) .who .plus{border:1.5px dashed #303A5A}
.dash{display:flex;flex-direction:column;gap:12px}
.dash h2{font-size:1.15em}
.dials{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.dial{border:0;background:none;display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer;padding:4px 0;font:inherit;text-align:center;min-width:0}
.dial>b{font-family:var(--display);color:var(--ink);font-size:.92em;line-height:1.25;margin-top:4px}
.dial>span:last-child{font-size:.74em;color:var(--muted);line-height:1.3}
.ringw{position:relative;display:inline-block;flex:none}
.ringw svg{display:block}
.ringin{position:absolute;inset:0;display:grid;place-items:center}
.ric{display:grid;place-items:center}
.rnum{font-family:var(--display);font-size:1.45em;color:var(--ink);font-variant-numeric:tabular-nums;line-height:1}
.rnum small{font-size:.55em;color:var(--muted);font-weight:700}
.rtip{display:flex;gap:10px;align-items:flex-start;background:color-mix(in srgb,var(--rc) 10%,#fff);border-radius:16px;padding:10px 12px}
:where(html[data-fb="dark"]) .rtip{background:color-mix(in srgb,var(--rc) 10%,#182239)}
.rtip p{font-size:.9em;line-height:1.55;color:var(--ink2)}
.rtip p b{display:block;color:var(--ink);font-family:var(--display)}
.qlog{display:flex;align-items:center;gap:10px;border:1.5px dashed #C9D6F5;background:#fff;border-radius:16px;padding:10px 12px;cursor:pointer;font:inherit;font-weight:600;color:var(--ink);text-align:left}
:where(html[data-fb="dark"]) .qlog{border:1.5px dashed #293A60;background:#182239}
.qlog span:nth-child(2){flex:1;font-size:.92em}
.tag2 .src{font-size:.72em}
.plan2 .prow{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--line)}
.plan2 .prow:first-of-type{border-top:0}
.plan2 .pl{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.plan2 .pl b{color:var(--ink);font-size:.95em}
.pdays{display:flex;gap:6px;flex:none}
.pday{width:52px;height:40px;border-radius:12px;border:1.5px solid var(--line);background:#fff;font:inherit;font-size:.74em;font-weight:700;color:var(--ink2);cursor:pointer;display:grid;place-items:center}
:where(html[data-fb="dark"]) .pday{background:#182239}
.pday.on{background:#E6F6EC;border-color:#9ED9B5;color:#1F8A54}
:where(html[data-fb="dark"]) .pday.on{background:#1C3C28;color:#93E7BC}
.pbar{display:block;height:8px;border-radius:99px;background:#EEF1F8;overflow:hidden}
:where(html[data-fb="dark"]) .pbar{background:#1C2538}
.pbar i{display:block;height:100%;border-radius:99px}
.pnum{border:0;background:var(--bg2);border-radius:12px;padding:8px 10px;font:inherit;font-size:.8em;font-weight:700;color:var(--ink);cursor:pointer;white-space:nowrap;font-variant-numeric:tabular-nums}
.storyc{display:grid;grid-template-columns:minmax(0,1fr) 120px;gap:8px;align-items:end;text-align:left;cursor:pointer;background:linear-gradient(160deg,var(--tl),#fff 70%);font:inherit;width:100%;min-height:200px;overflow:hidden}
:where(html[data-fb="dark"]) .storyc{background:linear-gradient(160deg,color-mix(in srgb,var(--tc,var(--td)) 18%,#182239),#182239 70%)}
.storyc .sct{display:flex;flex-direction:column;gap:8px;align-self:center;align-items:flex-start}
.storyc h3{font-size:1.12em;line-height:1.35}
.eyebrow2{display:inline-flex;gap:6px;align-items:center;font-size:.76em;font-weight:700;color:var(--ink2);background:#fff;border-radius:99px;padding:3px 10px}
:where(html[data-fb="dark"]) .eyebrow2{background:#182239}
.scimg{position:relative;height:180px;align-self:end}
.scimg img{position:absolute;bottom:-14px;right:-6px;height:176px;width:auto;max-width:none;filter:drop-shadow(0 6px 10px rgba(22,34,90,.10))}
.tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.tile2{border:1px solid #F0F2F7;background:#fff;border-radius:20px;padding:14px;display:flex;flex-direction:column;gap:10px;box-shadow:var(--shadow);cursor:pointer;font:inherit;text-align:left;min-width:0}
:where(html[data-fb="dark"]) .tile2{border:1px solid rgba(255,255,255,0.1);background:#182239}
.tile2 .th{display:flex;gap:8px;align-items:center}
.tile2 .th b{color:var(--ink);font-family:var(--display);font-size:.95em}
.tile2 .big{font-family:var(--display);font-size:2.1em;font-weight:800;color:var(--ink);line-height:1;font-variant-numeric:tabular-nums}
.bars{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;height:84px;align-items:end}
.bars span,.mdots span{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;height:100%}
.bars i{display:block;width:100%;max-width:16px;border-radius:6px;min-height:6px}
.bars em,.mdots em{font-size:.66em;color:var(--muted);font-style:normal;line-height:1}
.mdots{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;height:38px}
.mdots i{width:18px;height:18px;border-radius:50%}
.mleg{display:flex;flex-wrap:wrap;gap:2px 8px;font-size:.66em;color:var(--muted)}
.mleg i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:4px}
.trend{font-size:.76em;font-weight:700;line-height:1.3}
.trend.good{color:#1F8A54}
:where(html[data-fb="dark"]) .trend.good{color:#93E7BC}
.trend.warn{color:#B45309}
:where(html[data-fb="dark"]) .trend.warn{color:#F0B689}
.trend.same{color:var(--muted)}
.insight2 .rtip p{font-size:.92em}
.pairc{display:flex;gap:10px;align-items:center;text-align:left;cursor:pointer;width:100%;font:inherit}
.pairc b{font-family:var(--display);color:var(--ink)}
.dgrid{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;margin-bottom:6px}
@media (min-width:1024px){.dgrid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:start}
.tiles{grid-template-columns:repeat(4,minmax(0,1fr))}}
.famtoday{display:flex;flex-direction:column;gap:2px}
.ftrow{display:flex;align-items:center;gap:10px;border:0;background:none;padding:9px 0;border-top:1px solid var(--line);cursor:pointer;font:inherit;text-align:left;width:100%}
.famtoday .cardsec+.ftrow{border-top:0}
.ftrow .tx{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.35}
.ftrow b{color:var(--ink);font-size:.92em}
.rchip{flex:none;font-size:.72em;font-weight:700;border-radius:99px;padding:3px 9px;white-space:nowrap}
.rsub{text-align:center;color:var(--ink2);font-weight:600;font-size:1.02em;margin-top:-4px}
.lead2{font-size:1.06em;line-height:1.8;color:var(--ink2)}
.gsec{display:flex;flex-direction:column;gap:10px}
.gh{display:flex;align-items:center;gap:10px}
.gh h3{font-size:1.04em}
.gh4{display:flex;align-items:center;gap:8px;font-family:var(--display);color:var(--ink);font-size:.95em;margin:8px 0 2px}
.glist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.glist li{display:flex;gap:10px;align-items:flex-start;line-height:1.65;color:var(--ink2)}
.glist li>i{flex:none;width:8px;height:8px;border-radius:50%;margin-top:.62em}
.gstory{background:linear-gradient(160deg,#FFF8E6,#FFFDF7);border:1px solid #F6E7BD;border-radius:20px;padding:16px;display:flex;flex-direction:column;gap:8px;align-items:flex-start}
:where(html[data-fb="dark"]) .gstory{background:linear-gradient(160deg,#423513,#3F3412);border:1px solid #605229}
.gstory p{line-height:1.85;color:var(--ink2)}
.gquote{display:flex;gap:10px;align-items:flex-start;background:var(--tl);border-radius:18px;padding:12px 14px;color:var(--td);font-weight:600;line-height:1.6}
:where(html[data-fb="dark"]) .gquote{background:color-mix(in srgb,var(--tc,var(--td)) 18%,#182239);color:color-mix(in srgb,var(--td) 36%,#F1F4FB)}
.gquote svg{margin-top:3px}
.gsrc{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;border-top:1px dashed var(--line);padding-top:10px}
.curious{border:1px solid var(--line);border-radius:16px;background:var(--bg2);padding:0 14px}
.curious summary{cursor:pointer;list-style:none;padding:12px 0;font-weight:700;color:var(--ink2);font-size:.88em;display:flex;gap:8px;align-items:center}
.curious summary::-webkit-details-marker{display:none}
.curious .cin{padding-bottom:12px;color:var(--ink2);font-size:.9em;display:flex;flex-direction:column;gap:6px}
.fd{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.fd>div{border-radius:18px;padding:14px;display:flex;flex-direction:column;gap:10px}
.fd>div>b{display:flex;gap:6px;align-items:center;font-family:var(--display);color:var(--ink)}
.fd .fill{background:#EAF7F0}
:where(html[data-fb="dark"]) .fd .fill{background:#1C3A2A}
.fd .drain{background:#FFF4E5}
:where(html[data-fb="dark"]) .fd .drain{background:#422E13}
.fd .glist li{font-size:.92em}
@media (max-width:440px){.fd{grid-template-columns:minmax(0,1fr)}}
.saylist{display:flex;flex-direction:column;gap:10px}
.sayp{border-radius:16px;background:#fff;border:1px solid var(--line);padding:12px 14px;display:flex;flex-direction:column;gap:6px}
:where(html[data-fb="dark"]) .sayp{background:#182239}
.sayp .yes{display:flex;gap:8px;align-items:flex-start;color:var(--ink);font-weight:600;line-height:1.6}
.sayp .yes svg{flex:none;margin-top:3px}
.sayp .no{font-size:.86em;color:var(--muted);text-decoration-color:#E7B0AE}
.dayr{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
.dayr>div{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;column-gap:10px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:10px 12px}
:where(html[data-fb="dark"]) .dayr>div{background:#182239}
.dayr .ic{grid-row:1/3}
.dayr b{color:var(--ink);font-size:.9em}
.dayr p{font-size:.92em;line-height:1.6;color:var(--ink2)}
.talk{display:flex;flex-direction:column;gap:8px}
.tb{max-width:86%;border-radius:18px;padding:8px 12px;display:flex;flex-direction:column;gap:2px}
.tb.p{align-self:flex-start;background:var(--blue-l);border-bottom-left-radius:6px}
.tb.k{align-self:flex-end;background:#FFF1E8;border-bottom-right-radius:6px}
:where(html[data-fb="dark"]) .tb.k{background:#412513}
.tb .who2{font-size:.72em;font-weight:700;color:var(--muted)}
.tb p{line-height:1.6;color:var(--ink)}
.cacc{border:1px solid var(--line);border-radius:18px;background:#fff;margin-top:8px;overflow:hidden}
:where(html[data-fb="dark"]) .cacc{background:#182239}
.cacc summary{list-style:none;cursor:pointer;display:flex;gap:10px;align-items:center;padding:10px 12px}
.cacc summary::-webkit-details-marker{display:none}
.cacc summary .tx{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.35}
.cacc summary b{color:var(--ink);font-size:.95em}
.cacc .cin{padding:0 14px 14px;display:flex;flex-direction:column;gap:10px;color:var(--ink2)}
.cacc[open]{box-shadow:var(--shadow)}
.schip{display:inline-flex;font-size:.72em;font-weight:700;border-radius:99px;padding:3px 10px;white-space:nowrap;flex:none}
.schip.st{background:#E6F6EC;color:#1F8A54}
:where(html[data-fb="dark"]) .schip.st{background:#1C3C28;color:#93E7BC}
.schip.op{background:#F1EAFF;color:#6B3FD6}
:where(html[data-fb="dark"]) .schip.op{background:#221341;color:#AB92E8}
.talent{border:1px solid var(--line);border-radius:20px;background:#fff;padding:14px;display:flex;flex-direction:column;gap:10px;align-items:flex-start}
:where(html[data-fb="dark"]) .talent{background:#182239}
.talent .tt{display:flex;gap:10px;align-items:center}
.talent .tt b{display:block;color:var(--ink);font-family:var(--display);line-height:1.3}
.talent .tt .tiny{display:block}
.talent>p{line-height:1.75;color:var(--ink2)}
.talent .ln{width:34px;height:34px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-family:var(--display);font-weight:800;flex:none}
:where(html[data-fb="dark"]) .talent .ln{color:#101830}
.gnext{display:flex;flex-direction:column;gap:10px}
.scene .prop{position:absolute;z-index:3;filter:drop-shadow(0 6px 10px rgba(22,34,90,.10));animation:bob 3.6s ease-in-out infinite}
.scene .prop .ic{box-shadow:0 0 0 4px #fff}
:where(html[data-fb="dark"]) .scene .prop .ic{box-shadow:0 0 0 4px #182239}
.scene .p1{left:14%;top:26%}
.scene .p2{right:14%;top:16%;animation-delay:.8s}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@media (prefers-reduced-motion:reduce){.scene .prop{animation:none}}
.nsteps{margin:0;padding:0;list-style:none;counter-reset:st;display:flex;flex-direction:column;gap:10px}
.nsteps li{counter-increment:st;display:flex;gap:12px;align-items:flex-start;line-height:1.65;color:var(--ink2)}
.nsteps li::before{content:counter(st);flex:none;width:28px;height:28px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-family:var(--display);font-weight:800;font-size:.85em}
:where(html[data-fb="dark"]) .nsteps li::before{color:#101830}
.sceneimg{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:24px;display:block;box-shadow:var(--shadow)}
.sthumb{width:56px;height:56px;border-radius:14px;object-fit:cover;flex:none}
.sstrip{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(200px,62%);gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 2px 12px;scrollbar-width:none;margin-bottom:8px}
.scard{scroll-snap-align:start;border:1px solid #F0F2F7;background:#fff;border-radius:20px;overflow:hidden;padding:0 0 12px;display:flex;flex-direction:column;gap:4px;text-align:left;cursor:pointer;font:inherit;box-shadow:var(--shadow)}
:where(html[data-fb="dark"]) .scard{border:1px solid rgba(255,255,255,0.1);background:#182239}
.scard img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block;margin-bottom:6px}
.scard b{padding:0 12px;color:var(--ink);font-family:var(--display);font-size:.95em;line-height:1.35}
.scard span{padding:0 12px;font-size:.76em;color:var(--muted)}
@media (min-width:1024px){.sstrip{grid-auto-columns:minmax(220px,31%)}}
.who .tiny{font-size:.68em;color:var(--muted);font-weight:600;line-height:1}
.bpp{display:flex;flex-direction:column;gap:12px;background:linear-gradient(170deg,var(--tl) 0,#fff 46%)}
:where(html[data-fb="dark"]) .bpp{background:linear-gradient(170deg,color-mix(in srgb,var(--tc,var(--td)) 18%,#182239) 0,#182239 46%)}
.bph{display:grid;grid-template-columns:132px minmax(0,1fr);gap:10px;align-items:end}
.bpfig{position:relative;height:160px}
.bpfig img{position:absolute;left:50%;bottom:0;transform:translateX(-50%);height:156px;width:auto;max-width:none;filter:drop-shadow(0 6px 10px rgba(22,34,90,.10))}
.bpt{display:flex;flex-direction:column;gap:6px;align-items:flex-start;padding-bottom:6px;min-width:0}
.bpt h2{font-size:1.5em;line-height:1.15}
.bpt .q{color:var(--ink2);font-weight:600;font-size:.92em;line-height:1.45}
.bpt .pill{white-space:normal;line-height:1.4}
.bpm{display:flex;flex-direction:column}
.bpm .m{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-top:1px solid var(--line)}
.bpm .k{display:block;font-size:.74em;font-weight:700;color:var(--muted);letter-spacing:.02em}
.bpm b{display:block;color:var(--ink);font-family:var(--display);line-height:1.35}
.bpm p{font-size:.86em;color:var(--text);line-height:1.55;margin-top:2px}
.dgauge{margin:10px 6px 4px}
.dgauge .trk{position:relative;height:8px;border-radius:99px;background:linear-gradient(90deg,#DCEBFF,#F1EAFF)}
:where(html[data-fb="dark"]) .dgauge .trk{background:linear-gradient(90deg,#142945,#221341)}
.dgauge .tk{position:absolute;top:50%;width:2px;height:12px;margin-left:-1px;transform:translateY(-50%);background:#C9CFE2;border-radius:2px}
:where(html[data-fb="dark"]) .dgauge .tk{background:#262D43}
.dgauge .trk i{position:absolute;top:50%;width:20px;height:20px;margin-left:-10px;transform:translateY(-50%);border-radius:50%;background:var(--tc);box-shadow:0 0 0 4px #fff,0 2px 8px rgba(22,34,90,.18);z-index:2}
:where(html[data-fb="dark"]) .dgauge .trk i{box-shadow:0 0 0 4px #182239,0 2px 8px rgba(0,0,0,0.43)}
.dgauge .tl{position:relative;height:18px;margin-top:8px;font-size:.68em;color:var(--muted)}
.dgauge .tl span{position:absolute;transform:translateX(-50%);white-space:nowrap}
.dgauge .tl span:first-child{transform:none}
.dgauge .tl span:last-child{transform:translateX(-100%)}
.nine{display:flex;gap:3px;flex-wrap:nowrap;margin:8px 0 2px}
.nine span{width:25px;height:25px;border-radius:8px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;flex:none}
:where(html[data-fb="dark"]) .nine span{background:#182239}
.nine svg{width:15px;height:15px}
.fitc{display:flex;flex-direction:column;gap:12px}
.fitrow{display:grid;grid-template-columns:112px minmax(0,1fr);gap:14px;align-items:center}
.fitring{position:relative;width:112px;height:112px}
.fitring span{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:.76em;color:var(--muted);font-weight:600}
.fitring b{font-family:var(--display);font-size:1.9em;color:var(--ink);line-height:1}
.fitlist{display:flex;flex-direction:column;gap:8px}
.fitlist>div{display:flex;gap:10px;align-items:baseline}
.fitlist b{font-family:var(--display);color:var(--ink);font-size:1.1em;min-width:42px;font-variant-numeric:tabular-nums}
.fitlist span{font-size:.84em;color:var(--text);line-height:1.4}
.todayc{display:flex;flex-direction:column;gap:8px}
.todayc h3{font-size:1.08em;line-height:1.4}
.famc{display:flex;flex-direction:column;gap:12px}
.tmix{display:flex;height:14px;border-radius:99px;overflow:hidden;gap:3px}
.tmix i{display:block;border-radius:99px}
.tmixl{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:.84em;color:var(--ink2)}
.tmixl i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px}
.tmixl b{color:var(--ink)}
.fsplit{display:flex;gap:12px;align-items:flex-start;padding-top:10px;border-top:1px solid var(--line)}
.fsplit p{font-size:.92em;color:var(--ink2);line-height:1.6}
.fsplit p b{color:var(--ink)}
.pairc2{display:flex;flex-direction:column;gap:8px;text-align:left;cursor:pointer;width:100%;font:inherit}
.pairc2 b{font-family:var(--display);color:var(--ink)}
.pairc2>p{font-size:.9em;color:var(--ink2);line-height:1.55}
@media (max-width:380px){.bph{grid-template-columns:110px minmax(0,1fr)}
.fitrow{grid-template-columns:96px minmax(0,1fr)}
.fitring,.fitring svg{width:96px;height:96px}}
.av.vec{display:grid;place-items:center}
.figav{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);z-index:2}
.avedit{position:absolute;top:8px;right:8px;z-index:5;width:34px;height:34px;border-radius:50%;border:0;background:#fff;box-shadow:0 2px 8px rgba(22,34,90,.14);display:grid;place-items:center;cursor:pointer}
:where(html[data-fb="dark"]) .avedit{background:#182239;box-shadow:0 2px 8px rgba(0,0,0,0.34)}
.hdr .art .avedit{top:auto;bottom:70px;right:6px}
.avgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:12px}
.avopt{position:relative;aspect-ratio:1;border-radius:50%;border:0;padding:0;background:var(--tl);cursor:pointer;overflow:visible;box-shadow:0 0 0 1.5px var(--line);display:grid;place-items:center}
:where(html[data-fb="dark"]) .avopt{background:color-mix(in srgb,var(--tc,var(--td)) 18%,#182239)}
.avopt img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}
.avopt[aria-pressed="true"]{box-shadow:0 0 0 3px #fff,0 0 0 6px var(--tc)}
:where(html[data-fb="dark"]) .avopt[aria-pressed="true"]{box-shadow:0 0 0 3px #182239,0 0 0 6px var(--tc)}
.avopt>i{position:absolute;right:-2px;bottom:-2px;width:26px;height:26px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 2px 6px rgba(22,34,90,.18)}
:where(html[data-fb="dark"]) .avopt>i{background:#182239;box-shadow:0 2px 6px rgba(0,0,0,0.43)}
.req{color:#D7263D;font-style:normal}
:where(html[data-fb="dark"]) .req{color:#EB8E9A}
.gpick{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.gopt{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;border:0;border-radius:20px;background:#fff;box-shadow:inset 0 0 0 1.5px var(--line);padding:14px 10px;cursor:pointer;font:inherit}
:where(html[data-fb="dark"]) .gopt{background:#182239}
.gopt img{width:84px;height:84px;border-radius:50%;object-fit:cover}
.gopt b{color:var(--ink);font-family:var(--display)}
.gopt[aria-pressed="true"]{box-shadow:inset 0 0 0 2.5px var(--ink);background:var(--blue-l)}
.gopt>i{position:absolute;top:10px;right:10px;width:26px;height:26px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 2px 6px rgba(22,34,90,.15)}
:where(html[data-fb="dark"]) .gopt>i{background:#182239;box-shadow:0 2px 6px rgba(0,0,0,0.36)}
.spick{display:flex;align-items:center;gap:14px;border:0;background:#fff;border-radius:22px;padding:12px 16px 12px 12px;box-shadow:var(--shadow);cursor:pointer;font:inherit;text-align:left}
:where(html[data-fb="dark"]) .spick{background:#182239}
.spick img{width:72px;height:72px;border-radius:50%;object-fit:cover;flex:none}
.spick>span:nth-child(2){flex:1;display:flex;flex-direction:column}
.spick b{color:var(--ink);font-family:var(--display);font-size:1.05em}
.avl{display:flex;flex-direction:column;align-items:center;gap:4px}
.avl .avopt{width:100%}
.avl>span{font-size:.72em;font-weight:700;color:var(--ink2)}
.sctile{position:relative;display:block;width:100%;aspect-ratio:3/2;overflow:hidden;margin-bottom:6px}
.sctile .sck{position:absolute;left:12%;bottom:-6px;height:94%;width:auto;max-width:none;filter:drop-shadow(0 6px 10px rgba(22,34,90,.12))}
.sctile .figav{left:35%}
.sctile .scic{position:absolute;right:12%;top:50%;transform:translateY(-50%)}
.sctile .scic .ic{box-shadow:0 0 0 5px #fff,0 8px 16px rgba(22,34,90,.12)}
:where(html[data-fb="dark"]) .sctile .scic .ic{box-shadow:0 0 0 5px #182239,0 8px 16px rgba(0,0,0,0.29)}
.chip.editb{margin-top:8px;align-self:flex-start;display:inline-flex;gap:6px;align-items:center;background:#fff}
:where(html[data-fb="dark"]) .chip.editb{background:#182239}
.merow{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}
.merow:last-of-type{border-bottom:0}
.merow .tx{flex:1;min-width:0;border:0;background:none;text-align:left;cursor:pointer;font:inherit;color:var(--ink2);padding:0}
.sceneimg.ph{display:grid;place-items:center;background:var(--blue-l)}
.tline{display:flex;flex-direction:column;gap:18px;position:relative}
.tli{display:grid;grid-template-columns:40px minmax(0,1fr);gap:14px;align-items:flex-start}
.tln{width:40px;height:40px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-family:var(--display);font-weight:800}
:where(html[data-fb="dark"]) .tln{color:#101830}
.tli h3{margin-bottom:4px}
.tli p{line-height:1.8;color:var(--ink2)}
.vgrid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:1000px){.vgrid.three{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.vgrid.three{grid-template-columns:minmax(0,1fr)}}
.clist{display:flex;flex-direction:column;gap:10px}
.clist>div{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:16px;padding:10px 14px;color:var(--ink2)}
:where(html[data-fb="dark"]) .clist>div{background:#182239}
.clist b{color:var(--ink);margin-right:6px}
.clist em{font-style:normal}
.dongrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.don{border:0;background:#fff;box-shadow:inset 0 0 0 1.5px var(--line);border-radius:20px;padding:18px 12px;display:flex;flex-direction:column;gap:6px;align-items:center;cursor:pointer;font:inherit;text-align:center}
:where(html[data-fb="dark"]) .don{background:#182239}
.don b{font-family:var(--display);font-size:1.6em;color:var(--ink)}
.don span{font-size:.86em;color:var(--text)}
.don:hover{box-shadow:inset 0 0 0 2px var(--ink)}
@media (max-width:480px){.dongrid{grid-template-columns:minmax(0,1fr)}}
.qrbox{margin-top:16px;display:flex;gap:14px;align-items:center;border:1.5px dashed #C9D6F5;border-radius:20px;padding:16px;background:#fff}
:where(html[data-fb="dark"]) .qrbox{border:1.5px dashed #293A60;background:#182239}
.billtog{display:inline-flex;align-self:center;background:var(--bg2);border-radius:99px;padding:4px;gap:4px;margin-top:4px}
.billtog button{border:0;background:none;border-radius:99px;padding:8px 18px;font:inherit;font-weight:700;color:var(--ink2);cursor:pointer}
.billtog button[aria-pressed="true"]{background:#fff;color:var(--ink);box-shadow:var(--shadow)}
:where(html[data-fb="dark"]) .billtog button[aria-pressed="true"]{background:#182239}
.billtog em{font-style:normal;color:#1F8A54;font-size:.82em}
:where(html[data-fb="dark"]) .billtog em{color:#93E7BC}
.plan{position:relative}
.pbadge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--ink);color:#fff;font-size:.74em;font-weight:700;border-radius:99px;padding:4px 12px;white-space:nowrap}
:where(html[data-fb="dark"]) .pbadge{color:#101830}
.consultline{max-width:1060px;margin:18px auto 0;display:flex;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:18px;padding:12px 16px}
:where(html[data-fb="dark"]) .consultline{background:#182239}
.consultline p{flex:1;color:var(--ink2)}
.famcol{display:grid;grid-template-columns:1.15fr 1fr;grid-template-rows:1fr 1fr;gap:10px;aspect-ratio:1/1.02;max-width:100%}
.famcol img{width:100%;height:100%;object-fit:cover;border-radius:22px;display:block;min-height:0}
.famcol img:first-child{grid-row:1/3;object-position:50% 20%}
.famstrip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:26px 0 10px}
.famstrip img{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:50% 25%;border-radius:18px;display:block}
@media (max-width:640px){.famstrip{grid-template-columns:repeat(2,1fr)}
.famcol{gap:8px}}
.plans.two{grid-template-columns:repeat(2,minmax(0,1fr));max-width:760px}
@media (max-width:860px){.plans.two{grid-template-columns:minmax(0,1fr);max-width:520px}}
.famcol{width:100%;max-width:760px;margin:0 auto}
.plans.two~.consultline{max-width:760px;margin-left:auto;margin-right:auto}
.plan .pnote{margin:-8px 0 0;font-size:.92em;font-weight:600;color:var(--ink2);line-height:1.5}
.plan.hot .pnote{color:var(--ink)}
.rpsec .consultline.rpapp{margin:0;max-width:none}
@media (max-width:520px){.consultline.rpapp{flex-wrap:wrap}
.consultline.rpapp p{flex-basis:calc(100% - 52px)}
.consultline.rpapp .more{margin-left:auto}}
.clist>div:has(.cacts){flex-wrap:wrap}
.clist .ctext{flex:1 1 210px;min-width:0;overflow-wrap:break-word}
.clist .ctext b{display:block;font-size:.85em;color:var(--ink2)}
.cacts{display:flex;gap:8px;margin-left:auto}
.clist .sel{user-select:all;-webkit-user-select:all;color:var(--ink);font-weight:600}
.cbtn{flex:none;font:inherit;font-size:.85em;font-weight:700;border:1.5px solid var(--line);background:#fff;color:var(--ink);border-radius:99px;padding:6px 12px;cursor:pointer;text-decoration:none;white-space:nowrap}
:where(html[data-fb="dark"]) .cbtn{background:#182239}
.cbtn.go{background:#06C755;border-color:#06C755;color:#fff}
.bph{align-items:center}
.bpfw{position:relative;width:100%;max-width:132px;aspect-ratio:1/1;margin:0 auto}
.bpcirc{position:absolute;inset:0;border-radius:50%;overflow:hidden;box-shadow:inset 0 0 0 4px rgba(255,255,255,.7)}
:where(html[data-fb="dark"]) .bpcirc{box-shadow:inset 0 0 0 4px rgba(24,34,57,0.7)}
.bpcirc img{position:absolute;left:50%;bottom:4%;transform:translateX(-50%);height:89%;width:auto;max-width:none}
.bpcirc .bpav{position:absolute;inset:8px;display:grid;place-items:center}
.bpfw .avedit{top:-4px;right:-4px}
.eart{display:block;width:100%;max-width:none;height:auto;margin:6px 0 4px;overflow:visible}
.nlegend{display:flex;gap:14px;flex-wrap:wrap;font-size:.8em;color:var(--muted);margin-top:4px}
.nlegend i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:5px;vertical-align:-1px}
.prof{display:flex;align-items:center;gap:8px;margin:6px 0 4px}
.pnum{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;color:#fff;font-family:var(--display);font-weight:800;font-size:1.5em;flex:none}
.pnum.alt{background:#fff;border:2.5px solid}
:where(html[data-fb="dark"]) .pnum.alt{background:#182239}
.pslash{font-family:var(--display);font-weight:800;font-size:1.5em;color:var(--muted)}
.ptx{display:flex;flex-direction:column;margin-left:6px;min-width:0;line-height:1.3}
.ptx b{color:var(--ink)}
.ptx span{color:var(--ink2);font-size:.92em}
.bpact{display:flex;flex-direction:column;gap:10px;margin-top:6px}
.bpact .btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:54px;font-size:1.02em;border-radius:18px}
.bpact .bigcta{background:var(--tc);color:#fff;min-height:60px;font-size:1.08em;box-shadow:0 8px 18px rgba(22,34,90,.14)}
:where(html[data-fb="dark"]) .bpact .bigcta{box-shadow:0 8px 18px rgba(0,0,0,0.34)}
.bpact .bigcta svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.bpact .bigcta span{flex:1;text-align:left}
.sky{display:flex;flex-wrap:wrap;gap:6px 10px;margin:2px 0 8px}
.sky span{display:inline-flex;align-items:center;gap:6px;background:var(--bg2);border-radius:99px;padding:5px 12px;font-size:.84em;color:var(--ink2)}
.sky b{color:var(--ink)}
.dailyc h3{line-height:1.45}
.gtogs{display:flex;flex-direction:column;gap:6px;margin:8px 0 4px}
.gtog{background:#FFF8E6;border-radius:12px;padding:8px 12px;display:flex;flex-direction:column;gap:2px}
:where(html[data-fb="dark"]) .gtog{background:#423513}
.gtog b{color:var(--ink)}
.gtog span{font-size:.86em;color:var(--ink2)}
.gtog i{font-style:normal;font-weight:800;color:#B7791F;margin:0 2px}
:where(html[data-fb="dark"]) .gtog i{color:#ECC58E}
.tmix{height:20px}
.energy{height:22px!important}
.libchips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-top:12px;padding-bottom:2px}
.libchips .chip{flex:none}
.lgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}
@media (min-width:900px){.lgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.lstrip{display:flex;gap:12px;overflow-x:auto;scrollbar-width:none;padding:2px 2px 8px;scroll-snap-type:x mandatory}
.lstrip .lcov{flex:0 0 220px;scroll-snap-align:start}
.lcov{display:flex;flex-direction:column;text-align:left;background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;cursor:pointer;padding:0;font:inherit;color:inherit;box-shadow:0 4px 14px rgba(22,34,90,.06)}
:where(html[data-fb="dark"]) .lcov{background:#182239;box-shadow:0 4px 14px rgba(0,0,0,0.14)}
.lcov .lim{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;background:var(--bg2)}
.lcov.big .lim{aspect-ratio:16/9}
.lcov img{width:100%;height:100%;object-fit:cover;display:block}
.lcat{position:absolute;left:10px;top:10px;border-radius:99px;padding:4px 10px;font-size:.74em;font-weight:800}
.ltx{display:flex;flex-direction:column;gap:6px;padding:12px 14px 14px}
.ltx b{font-family:var(--display);color:var(--ink);font-size:1.02em;line-height:1.35}
.lcov.big .ltx b{font-size:1.3em}
.ldek{color:var(--ink2);font-size:.92em;line-height:1.5}
.lmeta{display:flex;align-items:center;gap:5px;font-size:.78em;color:var(--muted)}
.lmeta svg{fill:none;stroke:currentColor;stroke-width:2}
.lart .lhero{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:22px}
.lart h2{font-family:var(--display);color:var(--ink);font-size:1.2em;margin-top:6px}
.lart p{line-height:1.75}
.ltry{margin:6px 0 0;padding-left:1.3em;display:flex;flex-direction:column;gap:6px}
details.deep{background:var(--bg2);border-radius:16px;padding:12px 16px}
details.deep summary{cursor:pointer;font-weight:800;color:var(--ink)}
details.deep p{margin-top:8px;color:var(--ink2)}
.pfnum{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:14px;color:#fff;font-family:var(--display);font-weight:800;font-size:1.55em;line-height:1;padding:0;flex:none;font-variant-numeric:tabular-nums}
.pfnum.alt{background:#fff;border:2.5px solid}
:where(html[data-fb="dark"]) .pfnum.alt{background:#182239}
.fgcard{gap:12px}
.fgwrap{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;align-items:center}
.fgsvg{max-width:360px;width:100%;margin:0 auto}
.fgsvg svg{width:100%;height:auto;display:block}
.fgcard{container-type:inline-size}
@container (min-width:640px){.fgwrap{grid-template-columns:minmax(0,430px) minmax(0,1fr)}
.fgsvg{max-width:430px}}
.fglegend{display:flex;flex-wrap:wrap;gap:8px}
.fgp{display:inline-flex;align-items:center;gap:7px;background:var(--bg2);border-radius:99px;padding:4px 12px 4px 4px;font-size:.88em}
.fgp i{display:inline-block;width:18px;height:6px;border-radius:3px}
.fgp b{color:var(--ink)}
.fgp em{font-style:normal;color:var(--muted);font-size:.9em}
.fgfacts{display:grid;gap:8px;margin-top:10px}
.fgfacts>div{display:flex;gap:10px;align-items:baseline}
.fgfacts b{font-family:var(--display);font-size:1.35em;color:var(--ink);min-width:44px}
.fgfacts span{color:var(--ink2);font-size:.92em}
.fgcard .bigcta{display:flex;align-items:center;gap:10px;width:100%;min-height:58px;border-radius:18px;background:var(--tc,#1F2A5C);color:#fff;font-size:1.05em;box-shadow:0 8px 18px rgba(22,34,90,.14)}
:where(html[data-fb="dark"]) .fgcard .bigcta{box-shadow:0 8px 18px rgba(0,0,0,0.34)}
.fgcard .bigcta span{flex:1;text-align:left}
.fgcard .bigcta svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.ccov{position:absolute;inset:0;display:block;overflow:hidden}
.ccov .cdeco{position:absolute;right:-18%;bottom:-38%;width:78%;aspect-ratio:1;border-radius:50%;opacity:.18}
.ccov .cico{position:absolute;left:12%;top:50%;transform:translateY(-50%)}
.ccov .cico .ic{width:58px;height:58px;box-shadow:0 0 0 6px #fff,0 8px 18px rgba(22,34,90,.12)}
:where(html[data-fb="dark"]) .ccov .cico .ic{box-shadow:0 0 0 6px #182239,0 8px 18px rgba(0,0,0,0.29)}
.ccov .cfig{position:absolute;right:10%;bottom:-4%;height:96%;width:auto;max-width:none;filter:drop-shadow(0 6px 10px rgba(22,34,90,.12))}
.ccov .cfav{position:absolute;right:10%;top:50%;transform:translateY(-50%)}
.lherow{position:relative;width:100%;aspect-ratio:16/9;border-radius:22px;overflow:hidden}
.lherow img.lhero{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:0;aspect-ratio:auto}
.fglegend{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.fgp{min-width:0}
.fgp b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (max-width:520px){.fgsvg{max-width:290px}}
.scard .sctile{padding:0;font-size:inherit;color:inherit;margin-bottom:6px}
.scard .sctile img.sck{width:auto;height:92%;aspect-ratio:auto;object-fit:contain;margin:0;left:10%;bottom:0}
.scard .sctile span{padding:0;font-size:inherit;color:inherit}
.scard .sctile .scic{right:12%}
.fgp{padding:4px 10px 4px 4px;border-radius:16px}
.fgn{display:flex;flex-direction:column;min-width:0;line-height:1.25}
.fgn b{font-size:.95em}
.fgn em{display:flex;align-items:center;gap:6px;font-size:.82em}
.fgn em i{display:inline-block;width:16px;height:6px;border-radius:3px;flex:none}
.fgkey{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:.84em;color:var(--ink2);margin-top:8px}
.fgkey i{display:inline-block;width:18px;height:6px;border-radius:3px;margin-right:6px;vertical-align:2px}
.fgkey i.gl{background:#F5B731;box-shadow:0 0 6px 2px rgba(245,183,49,.7)}
.fgsvg{max-width:400px}
@media (max-width:520px){.fgsvg{max-width:100%}}
.fgsvg{max-width:420px}
.bg8{display:block;width:100%;height:auto}
@media (max-width:520px){.fgsvg{max-width:100%}
.fgcard{padding-left:10px;padding-right:10px}
.fgcard .cardsec,.fgcard .fgside,.fgcard .bigcta,.fgcard>.row{margin-left:6px;margin-right:6px}}
.hcar{width:100%;max-width:560px;justify-self:center;min-width:0}
.hcframe{position:relative;width:100%;aspect-ratio:1/.95;border-radius:28px;overflow:hidden;background:#EEF2FB;box-shadow:0 18px 40px rgba(22,34,90,.12);touch-action:pan-y}
:where(html[data-fb="dark"]) .hcframe{background:#18233C;box-shadow:0 18px 40px rgba(0,0,0,0.29)}
.hslide{position:absolute;inset:0;opacity:0;transition:opacity .8s ease;pointer-events:none}
.hslide.on{opacity:1;pointer-events:auto}
.hsimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.07);transition:transform 6.5s ease}
.hslide.on .hsimg{transform:scale(1)}
.hcap{position:absolute;left:14px;right:14px;bottom:14px;background:rgba(255,255,255,.95);border-radius:18px;padding:12px 16px 14px;display:flex;flex-direction:column;gap:5px;box-shadow:0 8px 22px rgba(22,34,90,.12);transform:translateY(10px);opacity:0;transition:transform .7s ease .15s,opacity .7s ease .15s}
:where(html[data-fb="dark"]) .hcap{background:rgba(24,34,57,0.95);box-shadow:0 8px 22px rgba(0,0,0,0.29)}
.hslide.on .hcap{transform:none;opacity:1}
.hcap .htag{align-self:flex-start;border-radius:99px;padding:3px 10px;font-size:.74em;font-weight:800}
.hcap b{font-family:var(--display);font-size:1.16em;color:var(--ink);line-height:1.3;text-wrap:balance}
.hcap .hs{font-size:.88em;color:var(--ink2);line-height:1.5}
.hvis{position:absolute;inset:0}
.hvchart{background:linear-gradient(160deg,#EEF4FF 0%,#FFF7E8 100%)}
:where(html[data-fb="dark"]) .hvchart{background:linear-gradient(160deg,#122240 0%,#413113 100%)}
.hvchart .hsvg{position:absolute;right:8%;top:5%;height:66%;aspect-ratio:851/1309}
.hvchart .hsvg svg,.hvfam .hsvg svg{width:100%;height:100%;display:block}
.hvchart .hkid{position:absolute;left:4%;top:16%;height:46%;width:auto;max-width:none;filter:drop-shadow(0 8px 12px rgba(22,34,90,.12))}
.hchips{position:absolute;left:5%;top:5%;display:flex;flex-wrap:wrap;gap:6px;max-width:50%}
.hchips span{background:#fff;border-radius:99px;padding:4px 10px;font-size:.76em;font-weight:800;color:var(--ink);box-shadow:0 2px 8px rgba(22,34,90,.08)}
:where(html[data-fb="dark"]) .hchips span{background:#182239;box-shadow:0 2px 8px rgba(0,0,0,0.19)}
.hvfam{background:linear-gradient(160deg,#FFF7E8 0%,#F1EAFF 100%)}
:where(html[data-fb="dark"]) .hvfam{background:linear-gradient(160deg,#413113 0%,#221341 100%)}
.hvfam .hsvg{position:absolute;left:50%;top:4%;height:67%;aspect-ratio:851/1309;transform:translateX(-50%)}
.hfaces{position:absolute;left:5%;top:7%;display:flex;flex-direction:column;gap:8px}
.hfaces span{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#fff;display:block}
:where(html[data-fb="dark"]) .hfaces span{background:#182239}
.hfaces img{width:100%;height:100%;object-fit:cover}
.hglow{position:absolute;right:5%;top:7%;background:#FFF3CF;color:#8A5A00;border-radius:99px;padding:5px 12px;font-size:.78em;font-weight:800;box-shadow:0 0 14px rgba(245,183,49,.6)}
:where(html[data-fb="dark"]) .hglow{background:#483B15;color:#F0CC89}
.hvdaily{background:linear-gradient(160deg,#F1EAFF 0%,#EEF4FF 100%);display:flex;justify-content:center;padding-top:6%}
:where(html[data-fb="dark"]) .hvdaily{background:linear-gradient(160deg,#221341 0%,#122240 100%)}
.hdcard{width:min(86%,380px);align-self:flex-start;background:#fff;border-radius:20px;padding:16px;box-shadow:0 10px 26px rgba(22,34,90,.12);display:flex;flex-direction:column;gap:8px}
:where(html[data-fb="dark"]) .hdcard{background:#182239;box-shadow:0 10px 26px rgba(0,0,0,0.29)}
.hdcard b{display:block;font-family:var(--display);color:var(--ink)}
.hdcard .small{display:block}
.hdcard .hdh{font-family:var(--display);font-weight:800;color:var(--ink);line-height:1.4}
.hcnav{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:14px}
.hcdots{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}
.hcdots button{width:8px;height:8px;border-radius:99px;border:0;background:#CDD3E2;padding:0;cursor:pointer;transition:width .3s,background .3s}
:where(html[data-fb="dark"]) .hcdots button{background:#272E41}
.hcdots button[aria-current="true"]{width:24px;background:#1F2A5C}
.hcbtn{width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--ink);display:grid;place-items:center;cursor:pointer;font-size:1.1em;line-height:1;flex:none}
:where(html[data-fb="dark"]) .hcbtn{background:#182239}
.hcpause{font-size:.7em}
@media (max-width:520px){.hcframe{aspect-ratio:1/1.12;border-radius:22px}
.hcap{left:10px;right:10px;bottom:10px;padding:10px 12px 12px}
.hcap b{font-size:1.04em}
.hcap .hs{font-size:.82em}
.hvchart .hsvg,.hvfam .hsvg{height:62%}
.hfaces span{width:36px;height:36px}}
@media (prefers-reduced-motion:reduce){.hslide,.hsimg,.hcap{transition:none}
.hsimg{transform:none}}
.hvchart .hkid{top:auto;bottom:34%;height:36%;left:5%}
.hchips{max-width:46%}
@media (max-width:520px){.hvchart .hkid{bottom:36%;height:30%}}
.authbox{max-width:440px;margin:0 auto;gap:14px}
.authhead{display:flex;align-items:center;gap:14px}
.authhead h1{font-size:1.7em;margin:0}
.authhead .ic{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;color:#2F5FD0;flex:none}
:where(html[data-fb="dark"]) .authhead .ic{color:#93ACE7}
.authhead .ic svg{fill:none;stroke:currentColor;stroke-width:2}
.authbox .field label{font-weight:700;color:var(--ink)}
.authbox .field input{width:100%}
.otp{font:inherit;font-family:var(--display);font-size:1.8em;font-weight:800;letter-spacing:.45em;text-align:center;padding:14px 10px 14px 24px;border-radius:18px;border:2px solid var(--line);width:100%;color:var(--ink);background:#fff}
:where(html[data-fb="dark"]) .otp{background:#182239}
.otp:focus{outline:none;border-color:#2F5FD0;box-shadow:0 0 0 4px rgba(47,95,208,.12)}
.democode{font-family:var(--display);letter-spacing:.12em;color:var(--ink)}
.ordiv{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:.85em}
.ordiv::before,.ordiv::after{content:"";flex:1;height:1px;background:var(--line)}
.authbox .btn[disabled]{opacity:.55;cursor:not-allowed}
.acard{display:flex;flex-direction:column;gap:12px}
.acard b{color:var(--ink)}
.aav{width:48px;height:48px;border-radius:50%;background:#1F2A5C;color:#fff;display:grid;place-items:center;font-family:var(--display);font-weight:800;font-size:1.3em;flex:none}
.aemail{display:block;overflow-wrap:anywhere}
.apill{display:inline-flex;align-items:center;gap:4px;margin-top:4px;border-radius:99px;padding:2px 10px;font-size:.78em;font-weight:800}
.apill.ok{background:#E6F6EC;color:#1F8A54}
:where(html[data-fb="dark"]) .apill.ok{background:#1C3C28;color:#93E7BC}
.apill.wait{background:#FFF3D6;color:#8A5A00}
:where(html[data-fb="dark"]) .apill.wait{background:#463814;color:#F0CC89}
.apill svg{fill:none;stroke:currentColor;stroke-width:2.4}
.slogin{font-weight:800}
@media (max-width:900px){.snav .slogin{display:none}}
.fgtoghead{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;flex-wrap:wrap}
button.fgp{font:inherit;text-align:left;border:1.5px solid transparent;cursor:pointer;position:relative;transition:opacity .2s,background .2s,border-color .2s}
button.fgp[aria-pressed="true"]{background:#fff;border-color:#C9D3F0;box-shadow:0 2px 8px rgba(22,34,90,.06)}
:where(html[data-fb="dark"]) button.fgp[aria-pressed="true"]{background:#182239;border-color:#293760;box-shadow:0 2px 8px rgba(0,0,0,0.14)}
button.fgp.off{opacity:.5;background:var(--bg2)}
button.fgp.off .av{filter:grayscale(1)}
button.fgp[disabled]{cursor:default}
.fgsw{margin-left:auto;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;flex:none;border:1.5px solid #C9D3F0;color:#fff}
:where(html[data-fb="dark"]) .fgsw{border:1.5px solid #293760}
button.fgp[aria-pressed="true"] .fgsw{background:#1F2A5C;border-color:#1F2A5C}
.fgsw svg{fill:none;stroke:currentColor;stroke-width:3}
.fglegend:has(.fgchip){display:flex;flex-wrap:wrap;gap:8px;grid-template-columns:none}
button.fgchip{display:inline-flex;align-items:center;gap:7px;padding:4px 8px 4px 4px;border-radius:99px;font-size:.9em}
button.fgchip b{white-space:nowrap}
button.fgchip .fgsw{width:18px;height:18px;margin-left:2px}
.fgtoghead{margin-bottom:4px}
.tlens{display:flex;flex-direction:column;gap:10px}
.tl{display:flex;gap:12px;align-items:flex-start;background:var(--tl);border-radius:18px;padding:10px 12px}
:where(html[data-fb="dark"]) .tl{background:color-mix(in srgb,var(--tc,var(--td)) 18%,#182239)}
.tl.mine{box-shadow:0 0 0 2px var(--tc)}
.tlpic{width:64px;height:76px;flex:none;border-radius:14px;background:#fff;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}
:where(html[data-fb="dark"]) .tlpic{background:#182239}
.tlpic img{height:72px;width:auto;max-width:none}
.tl b{color:var(--td);font-family:var(--display)}
:where(html[data-fb="dark"]) .tl b{color:color-mix(in srgb,var(--td) 36%,#F1F4FB)}
.tl p{color:var(--ink2);font-size:.93em;line-height:1.6;margin-top:2px}
.tlwho{display:inline-block;margin-left:6px;background:#fff;color:var(--ink);border-radius:99px;padding:1px 8px;font-size:.78em;font-family:var(--body,inherit)}
:where(html[data-fb="dark"]) .tlwho{background:#182239}
.bandbar{margin:8px 0 4px;display:flex;flex-direction:column;gap:8px}
.bbtrack{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.bbs{display:flex;flex-direction:column;gap:4px;align-items:center;font-size:.8em;color:var(--muted)}
.bbs i{display:block;width:100%;height:8px;border-radius:99px;background:#E4E7F2}
:where(html[data-fb="dark"]) .bbs i{background:#20263A}
.bbs.done i{background:#AFC4F5}
:where(html[data-fb="dark"]) .bbs.done i{background:#1A2B51}
.bbs.on i{background:#2F5FD0}
.bbs.on b{color:var(--ink)}
.bandbar .small svg{vertical-align:-2px;fill:none;stroke:currentColor;stroke-width:2}
.dgpick{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:2px 0 6px}
.dgp{display:inline-flex;align-items:center;gap:6px;flex:none;border:1.5px solid var(--line);background:#fff;border-radius:99px;padding:3px 10px 3px 3px;font:inherit;font-size:.86em;color:var(--ink2);cursor:pointer}
:where(html[data-fb="dark"]) .dgp{background:#182239}
.dgp[aria-pressed="true"]{border-color:#1F2A5C;background:#1F2A5C;color:#fff}
.ccard{display:flex;flex-direction:column;gap:12px}
.cname{display:block;font-family:var(--display);font-size:1.25em;color:var(--ink)}
.crow{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:16px;padding:10px 14px;color:var(--ink2);flex-wrap:wrap}
:where(html[data-fb="dark"]) .crow{background:#182239}
.crow .ctext{flex:1 1 200px;min-width:0;overflow-wrap:break-word}
.crow .ctext b{display:block;font-size:.85em;color:var(--ink2)}
.crow .sel{user-select:all;-webkit-user-select:all;color:var(--ink);font-weight:600}
.flinks{position:relative;width:100%;max-width:520px;margin:14px auto 4px;aspect-ratio:1/1.08}
.flinks.n2{aspect-ratio:1/.72}
.flinks.n1{aspect-ratio:1/.8}
.flsvg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.fnode{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:8px;border:0;background:none;padding:0;cursor:pointer;font:inherit;z-index:2}
.fnode .fav{display:block;border-radius:50%;background:#fff}
:where(html[data-fb="dark"]) .fnode .fav{background:#182239}
.fnode .fav .av{width:100%!important;height:100%!important}
.flab{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:1px;background:#fff;border-radius:12px;padding:5px 10px;box-shadow:0 4px 14px rgba(22,34,90,.10);white-space:nowrap;line-height:1.3}
:where(html[data-fb="dark"]) .flab{background:#182239;box-shadow:0 4px 14px rgba(0,0,0,0.24)}
.flab.up{top:auto;bottom:calc(100% + 8px)}
.flab b{font-family:var(--display);font-size:1em}
.flab span{font-size:.78em;font-weight:700;color:var(--ink2)}
.fnode .flab{pointer-events:none}
.flab{white-space:normal;max-width:118px;text-align:center}
.flab span{line-height:1.25}
.flinks.n5,.flinks.n6{aspect-ratio:1/1.16}
.flab{width:max-content}
.flinks{margin-bottom:30px}
.flinks.n2{aspect-ratio:1/.62}
.dhead2{display:flex;flex-direction:column;gap:8px;margin:4px 0 14px}
.dbrand{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-weight:800;color:var(--ink);font-size:.92em}
.dbrand .ddate{font-weight:600;color:var(--muted);margin-left:auto}
.dword{font-family:var(--display);font-weight:800;color:var(--ink);font-size:clamp(1.35em,4.6vw,1.75em);line-height:1.38;text-wrap:balance;margin:0}
.dword::before{content:"“";color:#E3A008;margin-right:2px}
.dword::after{content:"”";color:#E3A008;margin-left:2px}
.dgreet{color:var(--ink2);margin:0}
.skyrows{display:flex;flex-direction:column;gap:8px;margin:2px 0 8px}
.skyr{display:flex;gap:10px;align-items:flex-start;background:var(--bg2);border-radius:14px;padding:9px 12px}
.skyr>svg{flex:none;margin-top:2px;fill:none;stroke:#B7791F;stroke-width:2}
.skyr .k{display:block;font-size:.76em;font-weight:700;color:var(--muted)}
.skyr b{display:block;color:var(--ink);font-family:var(--display)}
.skyr p{font-size:.86em;color:var(--ink2);line-height:1.5;margin-top:1px}
.skyr .gpos{flex:none;font-size:.74em;font-weight:800;color:#6B3FD6;background:#F1EAFF;border-radius:99px;padding:2px 8px;margin-top:2px}
:where(html[data-fb="dark"]) .skyr .gpos{color:#AB92E8;background:#221341}
.skyhow summary{cursor:pointer;font-size:.84em;font-weight:700;color:#2F5FD0}
:where(html[data-fb="dark"]) .skyhow summary{color:#93ACE7}
.skyhow p{font-size:.84em;color:var(--ink2);line-height:1.6;margin-top:6px}
.hdcard .skyr{padding:7px 10px}
.cband{display:flex;align-items:center;gap:12px;width:100%;margin-top:22px;border:0;border-radius:20px;padding:14px 16px;background:linear-gradient(135deg,#EEF4FF,#F1EAFF);cursor:pointer;font:inherit;text-align:left;color:var(--ink)}
:where(html[data-fb="dark"]) .cband{background:linear-gradient(135deg,#122240,#221341)}
.cband .cbt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.cband .cbt b{font-family:var(--display);font-size:1.05em}
.cband .cbt span{font-size:.86em;color:var(--ink2)}
.cband>svg{width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.cband .cbt{text-align:left;align-items:flex-start}
.brand .bt,.sbtop .bt{display:flex;flex-direction:column;line-height:1.15}
.brand .bt b,.sbtop .bt b{font-family:var(--display);font-weight:800;color:var(--ink)}
.brand .bt small,.sbtop .bt small{font-family:var(--body,inherit);font-weight:600;font-size:.72em;color:var(--ink2);letter-spacing:0}
.dhero{position:relative;overflow:hidden;border-radius:26px;padding:18px 18px 16px;margin:6px 0 16px;display:flex;flex-direction:column;gap:10px;
  background:radial-gradient(120% 90% at 0% 0%,#FFF1D6 0%,rgba(255,241,214,0) 55%),radial-gradient(90% 80% at 100% 100%,#E9E2FF 0%,rgba(233,226,255,0) 60%),linear-gradient(135deg,#FFF8EE 0%,#FCEFF4 55%,#EFEAFF 100%);
  box-shadow:0 10px 28px rgba(22,34,90,.08)}
:where(html[data-fb="dark"]) .dhero{background:radial-gradient(120% 90% at 0% 0%,#463514 0%,rgba(255,241,214,0) 55%),radial-gradient(90% 80% at 100% 100%,#1F1343 0%,rgba(233,226,255,0) 60%),linear-gradient(135deg,#402D12 0%,#3D1625 55%,#1E1341 100%);box-shadow:0 10px 28px rgba(0,0,0,0.19)}
.dhdeco{position:absolute;right:-6px;top:-4px;width:150px;height:auto;pointer-events:none}
.dhdate{display:flex;flex-direction:column;gap:0;position:relative}
.dhdate .dwd{font-size:.86em;font-weight:700;color:#B4593B}
:where(html[data-fb="dark"]) .dhdate .dwd{color:#DEAC9B}
.dhdate b{font-family:var(--display);font-size:1.45em;color:var(--ink);line-height:1.2}
.dlabel{align-self:flex-start;display:inline-flex;align-items:center;gap:5px;background:rgba(255,255,255,.75);border-radius:99px;padding:3px 10px;font-size:.78em;font-weight:800;color:#8A5A00;position:relative}
:where(html[data-fb="dark"]) .dlabel{background:rgba(24,34,57,0.75);color:#F0CC89}
.dlabel svg{fill:none;stroke:currentColor;stroke-width:2}
.dhero .dword{position:relative;margin:0;font-size:clamp(1.4em,5vw,1.85em)}
.dhero .dgreet{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:var(--ink2);position:relative;font-size:.95em}
.dfaces{display:flex}
.dfaces .av{box-shadow:0 0 0 2px #fff}
:where(html[data-fb="dark"]) .dfaces .av{box-shadow:0 0 0 2px #182239}
.dfaces .av+.av{margin-left:-8px}
.dhdeco{right:14px;top:12px;width:84px}
@media (min-width:760px){.dhdeco{width:110px;right:22px;top:16px}}
.cbio{line-height:1.55;margin-top:2px}
.cwho{background:var(--tl);border-radius:16px;padding:12px 14px;display:flex;flex-direction:column;gap:4px}
:where(html[data-fb="dark"]) .cwho{background:color-mix(in srgb,var(--tc,var(--td)) 18%,#182239)}
.cwho b{color:var(--ink);font-family:var(--display)}
.cwtype{align-self:flex-start;display:inline-flex;align-items:center;gap:5px;background:#fff;color:var(--td);border-radius:99px;padding:2px 10px;font-size:.78em;font-weight:800}
:where(html[data-fb="dark"]) .cwtype{background:#182239;color:color-mix(in srgb,var(--td) 36%,#F1F4FB)}
.cwtype svg{fill:none;stroke:currentColor;stroke-width:2}
.ccov::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.6) 1.5px,transparent 1.7px);background-size:14px 14px;pointer-events:none}
:where(html[data-fb="dark"]) .ccov::before{background-image:radial-gradient(rgba(24,34,57,0.6) 1.5px,transparent 1.7px)}
.ccov .cico{top:auto;bottom:12%;left:9%;transform:none}
.ccov .cico .ic{width:64px;height:64px}
.ccov .cfig{right:6%;height:100%;bottom:-6%}
.xcard{display:flex;flex-direction:column;gap:4px;text-align:left;font:inherit;cursor:pointer;width:100%}
.xname{color:var(--ink);font-weight:800;font-family:var(--display);font-size:1.08em}
.xmore{display:inline-flex;align-items:center;gap:6px;margin-top:6px;color:#2F5FD0;font-weight:800;font-size:.92em}
:where(html[data-fb="dark"]) .xmore{color:#93ACE7}
.xmore svg{fill:none;stroke:currentColor;stroke-width:2}
.xhead{display:flex;gap:14px;align-items:center}
.xhead h1{font-size:1.5em;margin:2px 0;color:var(--td)}
:where(html[data-fb="dark"]) .xhead h1{color:color-mix(in srgb,var(--td) 36%,#F1F4FB)}
.xtheme{font-weight:600;color:var(--ink)}
.xgates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.xgates span{display:flex;flex-direction:column;gap:1px;background:var(--bg2);border-radius:12px;padding:8px 10px;font-size:.84em;color:var(--ink2)}
.xgates span b{font-family:var(--display);color:var(--ink)}
.xgates span.d b{color:#D7263D}
:where(html[data-fb="dark"]) .xgates span.d b{color:#EB8E9A}
.xtitle{font-size:1.15em;margin:4px 0 6px;color:var(--ink)}
.likecats{display:flex;flex-direction:column;gap:14px}
.likecat{display:flex;flex-direction:column;gap:8px}
.likecat>b{font-family:var(--display);color:var(--ink);font-size:.95em;display:flex;align-items:center;gap:6px}
.likecat .lcn{background:#1F2A5C;color:#fff;border-radius:99px;font-size:.72em;padding:1px 8px}
.likecat .row{gap:6px}
.gtitle{font-family:var(--display);color:var(--ink);font-size:1.15em;line-height:1.4}
.lsnote{display:flex;gap:6px;align-items:flex-start;background:#FFF8EC;border-radius:12px;padding:8px 10px;color:#7A5600}
:where(html[data-fb="dark"]) .lsnote{background:#402F13;color:#F0D289}
.lsnote svg{flex:none;margin-top:3px;fill:none;stroke:currentColor;stroke-width:2}
.lsbar{display:grid;grid-template-columns:repeat(8,1fr);gap:4px}
.lss{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:.66em;color:var(--muted)}
.lss i{display:block;width:100%;height:8px;border-radius:99px;background:#E4E7F2}
:where(html[data-fb="dark"]) .lss i{background:#20263A}
.lss.done i{background:#AFC4F5}
:where(html[data-fb="dark"]) .lss.done i{background:#1A2B51}
.lss.on i{background:#2F5FD0}
.lss.on b{color:var(--ink)}
.lsd{display:flex;flex-direction:column;gap:8px}
.lsd p{color:var(--ink2);line-height:1.7}
.lsth{font-weight:700;color:var(--ink)!important}
.lscyc{align-self:flex-start;display:inline-flex;align-items:center;gap:5px;background:#F1EAFF;color:#6B3FD6;border-radius:99px;padding:2px 10px;font-size:.78em;font-weight:800}
:where(html[data-fb="dark"]) .lscyc{background:#221341;color:#AB92E8}
.lscyc svg{fill:none;stroke:currentColor;stroke-width:2}
.lstype{background:var(--tl);border-radius:14px;padding:10px 12px}
:where(html[data-fb="dark"]) .lstype{background:color-mix(in srgb,var(--tc,var(--td)) 18%,#182239)}
.lstype b{color:var(--td);font-family:var(--display)}
:where(html[data-fb="dark"]) .lstype b{color:color-mix(in srgb,var(--td) 36%,#F1F4FB)}
.lsother{display:flex;flex-direction:column;gap:6px;margin-top:4px}
.lsrow{background:var(--bg2);border-radius:14px;padding:10px 12px}
.lsrow summary{cursor:pointer;display:flex;justify-content:space-between;gap:10px;font-weight:700;color:var(--ink)}
.lsrow summary em{font-style:normal;color:var(--muted);font-weight:600}
.lsrow[open] .lsd{margin-top:8px}
.vcard .vmap{display:block;width:100%;max-width:360px;margin:10px auto 4px;color:var(--ink)}
.vleg{display:flex;flex-wrap:wrap;gap:6px 16px;justify-content:center;font-size:.8em;color:var(--ink2);margin-bottom:10px}
.vleg span{display:inline-flex;align-items:center;gap:6px}
.vgrp{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:620px){.vgrp{grid-template-columns:1fr}}
.vcol{display:flex;flex-direction:column;gap:10px;min-width:0}
.vcol h4{font-size:.9em;display:flex;align-items:baseline;gap:6px}
.vtile{background:var(--bg2);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:6px;min-width:0}
.vtop{display:flex;align-items:center;gap:10px}
.vtop b{display:block;line-height:1.3}
.vtop .varr{flex:none}
.vval{font-weight:600;color:var(--ink)}
.vval span{font-weight:400;color:var(--ink2)}
.vdir{font-size:.86em;color:var(--ink2);line-height:1.6;border-left:3px solid var(--vc);padding-left:10px}
.vdir b{color:var(--vc)}
.vsense{display:flex;gap:10px;align-items:center;margin-top:12px;background:var(--bg2);border-radius:14px;padding:10px 14px}
.vsense b{display:block}
.ctbaddr{background:var(--bg2);border-radius:14px;padding:10px 12px;margin:10px 0}
.ctbrow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin-top:6px}
.ctbl{min-width:0;background:#fff;border-radius:10px;padding:6px 4px;text-align:center;display:flex;flex-direction:column;gap:1px}
:where(html[data-fb="dark"]) .ctbl{background:#182239}
.ctbl b{font-size:1.25em;color:var(--ink);line-height:1.1}
.ctbl span{font-size:.72em;font-weight:700;color:var(--ink)}
.ctbl small{font-size:.66em;color:var(--ink2);line-height:1.3}
.ctbl em{font-style:normal;font-size:.62em;color:var(--ink2);opacity:.7}
.ctbt{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:6px 8px;align-items:center;font-size:.86em}
.ctbt>b{text-align:center;font-size:.9em}
.ctbt .k{color:var(--ink2);font-size:.92em}
.ctbc{position:relative;display:flex;flex-direction:column;align-items:center;background:var(--bg2);border-radius:10px;padding:4px 2px;line-height:1.2}
.ctbc.d{background:#FFF0F1;color:var(--red)}
:where(html[data-fb="dark"]) .ctbc.d{background:#3F1215}
.ctbc b{font-size:1em}
.ctbc small{font-size:.74em;opacity:.85}
.ctbc .tn{font-style:normal;font-weight:700;text-decoration:underline}
.ctbc em{position:absolute;right:3px;top:2px;line-height:0}
.lngrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.lnbox{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;background:#fff;border:1.5px solid color-mix(in srgb,var(--lc) 30%,#fff);border-radius:18px;padding:8px 8px 12px;cursor:pointer;min-width:0;font:inherit;color:var(--ink)}
:where(html[data-fb="dark"]) .lnbox{background:#182239;border:1.5px solid color-mix(in srgb,var(--lc) 30%,rgba(255,255,255,0.1))}
.lnbox:hover{border-color:var(--lc)}
.lnbox .lnart{width:100%;height:auto;display:block;margin-bottom:4px}
.lnbox .lnk,.lnhero .lnk{font-size:.72em;font-weight:700;color:var(--lc);letter-spacing:.02em;padding:0 4px}
.lnbox b{font-size:1.02em;line-height:1.3;padding:0 4px}
.lnbox .small{padding:0 4px;line-height:1.5}
.lnbox .lnmore{margin-top:auto;padding:4px 4px 0;font-size:.82em;font-weight:700;color:var(--lc)}
.lnhero{display:flex;gap:14px;align-items:center;background:var(--ll);border-radius:22px;padding:12px}
.lnhero .lnbig{width:44%;max-width:220px;height:auto;flex:none}
.lnhero h1{font-size:1.5em;line-height:1.25;margin:2px 0 4px}
.lnhero .lead2{margin:0}
@media (max-width:480px){.lnhero{flex-direction:column;align-items:flex-start}
.lnhero .lnbig{width:100%;max-width:none}}
.lnph{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;position:relative}
.lnph li{position:relative;padding:10px 12px 10px 16px;border-radius:14px;background:var(--bg2);border-left:4px solid #D9DEEE}
:where(html[data-fb="dark"]) .lnph li{border-left:4px solid #2B375F}
.lnph li.done{opacity:.8}
.lnph li.on{background:#fff;border-left-color:var(--lc);box-shadow:0 2px 12px rgba(31,42,92,.08)}
:where(html[data-fb="dark"]) .lnph li.on{background:#182239;box-shadow:0 2px 12px rgba(0,0,0,0.19)}
.lnph .lnage{display:inline-block;font-size:.74em;font-weight:700;color:var(--lc);margin-bottom:2px}
.lnph b{display:block}
.lnph p{color:var(--ink2);line-height:1.7;margin-top:2px}
.lnsig{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media (max-width:560px){.lnsig{grid-template-columns:1fr}}
.lnsig>div{background:var(--bg2);border-radius:14px;padding:12px}
.lnsig b{display:flex;gap:6px;align-items:center;margin-bottom:6px}
.lnarea{padding:8px 0;border-top:1px solid #EEF0F7}
:where(html[data-fb="dark"]) .lnarea{border-top:1px solid rgba(255,255,255,0.1)}
.lnarea:first-child{border-top:0}
.lnarea b{color:var(--lc)}
.lnarea p{color:var(--ink2);line-height:1.7}
.lnnext{flex-direction:row;align-items:center;flex-wrap:wrap;margin-top:16px}
.lnnext .lnart{width:120px;margin:0}
.lnnext b,.lnnext .lnk{flex:1 1 140px}
.vcard .vleg{display:flex;justify-content:space-between;gap:8px;margin:2px 0 10px;font-size:.8em;color:var(--ink2)}
.vcard .vleg span{display:inline-flex;align-items:center;gap:6px;background:var(--bg2);border-radius:999px;padding:5px 10px}
.vboard{background:var(--bg2);border-radius:18px;padding:10px}
.vsides{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:6px;margin-bottom:8px;font-size:.84em}
.vsides b:last-child{text-align:right}
.vrows{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.vcell{background:#fff;border-radius:14px;padding:10px 12px;display:flex;flex-direction:column;gap:3px;min-width:0;border-top:3px solid var(--vc)}
:where(html[data-fb="dark"]) .vcell{background:#182239}
.vch{display:flex;align-items:center;gap:6px;font-size:.78em;font-weight:700;color:var(--vc)}
.vrows .vcell:nth-child(even) .vch{justify-content:flex-end}
.vname{font-size:1.06em;line-height:1.3;color:var(--ink)}
.vdet{font-size:.84em;color:var(--ink2);line-height:1.5}
.vhow{font-size:.8em;color:var(--vc);line-height:1.5;margin-top:2px}
.vnear{font-size:.7em;color:#B26A00;background:#FFF4E0;border-radius:6px;padding:1px 6px;align-self:flex-start}
:where(html[data-fb="dark"]) .vnear{color:#F0C789;background:#433314}
.vcard .vsense{margin-top:10px}
.vcard .vsense .tiny{display:block}
details.ctb>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px}
details.ctb>summary::-webkit-details-marker{display:none}
details.ctb>summary .cardsec{flex:1;margin:0}
.ctbchev{width:10px;height:10px;border-right:2.4px solid var(--ink2);border-bottom:2.4px solid var(--ink2);transform:rotate(45deg);margin:0 8px 4px 0;transition:transform .2s;flex:none}
details.ctb[open]>summary .ctbchev{transform:rotate(225deg);margin-bottom:-4px}
.ctbin{margin-top:10px}
.xemb{position:relative;flex:none;max-width:100%}
.xemb svg{display:block;width:100%;height:100%}
.xemav{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;border-radius:50%;overflow:hidden}
.xcard2{display:flex;gap:16px;align-items:center;text-align:left;cursor:pointer;width:100%;font:inherit;color:var(--ink);background:linear-gradient(160deg,#fff 40%,var(--tl) 100%);border:1.5px solid color-mix(in srgb,var(--tc) 35%,#fff)}
:where(html[data-fb="dark"]) .xcard2{background:linear-gradient(160deg,#182239 40%,color-mix(in srgb,var(--tc,var(--td)) 18%,#182239) 100%);border:1.5px solid color-mix(in srgb,var(--tc) 35%,rgba(255,255,255,0.1))}
.xcard2 .xtx{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1}
.xeye{font-size:.76em;font-weight:700;letter-spacing:.02em;color:var(--td)}
:where(html[data-fb="dark"]) .xeye{color:color-mix(in srgb,var(--td) 36%,#F1F4FB)}
.xbig{font-size:1.7em;line-height:1.2;font-weight:800;color:var(--ink);text-wrap:balance;margin:0}
.xsys{font-size:.8em;color:var(--ink2)}
.xline{color:var(--ink2);line-height:1.7}
.xcard2 .xmore{display:inline-flex;gap:6px;align-items:center;font-weight:700;color:var(--td);margin-top:2px}
:where(html[data-fb="dark"]) .xcard2 .xmore{color:color-mix(in srgb,var(--td) 36%,#F1F4FB)}
@media (max-width:560px){.xcard2{flex-direction:column;text-align:center}
.xcard2 .xtx{align-items:center}
.xbig{font-size:1.55em}}
.xhead2{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:8px 0 4px}
.xhead2 .xbig{font-size:1.9em}
.xg4{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:6px 0 14px}
.xg{background:#fff;border:1.5px solid #E3E7F3;border-top:4px solid #1F2A5C;border-radius:16px;padding:12px;display:flex;flex-direction:column;gap:4px;min-width:0}
:where(html[data-fb="dark"]) .xg{background:#182239;border:1.5px solid rgba(255,255,255,0.1)}
.xg.d{border-top-color:#D7263D}
.xgpos{font-size:.72em;font-weight:700;color:var(--ink2);letter-spacing:.02em}
.xgtop{display:flex;align-items:baseline;gap:6px}
.xgn{font-size:2.3em;line-height:1;font-weight:800;color:#1F2A5C}
:where(html[data-fb="dark"]) .xgn{color:#E8ECF7}
.xg.d .xgn,.xg.d .xgsym{color:#D7263D}
:where(html[data-fb="dark"]) .xg.d .xgn,
:where(html[data-fb="dark"]) .xg.d .xgsym{color:#EB8E9A}
.xgsym{font-size:1.1em;color:#1F2A5C}
:where(html[data-fb="dark"]) .xgsym{color:#E8ECF7}
.xgname{font-size:1.12em;line-height:1.3}
.xg p{font-size:.86em;color:var(--ink2);line-height:1.6}
.xrole{background:linear-gradient(150deg,var(--tl),#fff 80%);border:1.5px solid color-mix(in srgb,var(--tc) 40%,#fff);border-radius:20px;padding:16px 18px;margin:4px 0 14px}
:where(html[data-fb="dark"]) .xrole{background:linear-gradient(150deg,color-mix(in srgb,var(--tc,var(--td)) 18%,#182239),#182239 80%);border:1.5px solid color-mix(in srgb,var(--tc) 40%,rgba(255,255,255,0.1))}
.xrole .xeye{display:inline-flex;gap:6px;align-items:center;margin-bottom:6px}
.xrole p{font-size:1.12em;line-height:1.75;font-weight:600;color:var(--ink)}
.xintro{background:var(--bg2);border-radius:16px;padding:12px 14px;margin:4px 0 14px}
.xintro>summary{cursor:pointer;font-weight:700;display:flex;align-items:center;gap:6px;color:var(--ink)}
.xin{display:flex;flex-direction:column;gap:8px;margin-top:8px;line-height:1.7;color:var(--ink2)}
.xin b{color:var(--ink)}
.xinrow{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.xinrow span{background:#fff;border-radius:12px;padding:8px 10px;font-size:.9em;display:flex;flex-direction:column;gap:2px}
:where(html[data-fb="dark"]) .xinrow span{background:#182239}
.xinrow span:first-child b{color:#B4423A}
:where(html[data-fb="dark"]) .xinrow span:first-child b{color:#DF9F9B}
.xinrow span:last-child b{color:#2E8B57}
:where(html[data-fb="dark"]) .xinrow span:last-child b{color:#9BDEB9}
.xhl{color:var(--td);font-weight:800;background:linear-gradient(transparent 62%,color-mix(in srgb,var(--tc) 28%,transparent) 62%)}
:where(html[data-fb="dark"]) .xhl{color:color-mix(in srgb,var(--td) 36%,#F1F4FB)}
.xvar{margin-top:10px;padding-top:10px;border-top:1px dashed color-mix(in srgb,var(--tc) 45%,#fff);display:flex;flex-direction:column;gap:4px}
:where(html[data-fb="dark"]) .xvar{border-top:1px dashed color-mix(in srgb,var(--tc) 45%,rgba(255,255,255,0.1))}
.xvar b{font-size:.84em;color:var(--td)}
:where(html[data-fb="dark"]) .xvar b{color:color-mix(in srgb,var(--td) 36%,#F1F4FB)}
.xvar span{font-size:.95em;font-weight:500;line-height:1.7;color:var(--ink2)}
.xfam{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}
@media (max-width:560px){.xfam,.xinrow{grid-template-columns:1fr}}
.xfam>div{background:#fff;border:1.5px solid #E8EBF5;border-radius:16px;padding:12px 14px;display:flex;flex-direction:column;gap:6px}
:where(html[data-fb="dark"]) .xfam>div{background:#182239;border:1.5px solid rgba(255,255,255,0.1)}
.xfam b{font-size:1.02em}
.xfam p{color:var(--ink2);line-height:1.75}
.xh2{display:flex;align-items:center;gap:8px;font-size:1.15em;margin:18px 0 8px}
.xgc{margin-left:auto;display:flex}
.xblend{background:linear-gradient(150deg,#F7F4FF,#fff);border-left:4px solid var(--tc);border-radius:14px;padding:12px 14px;margin:0 0 16px}
:where(html[data-fb="dark"]) .xblend{background:linear-gradient(150deg,#1F123F,#182239)}
.xblend b{display:block;margin-bottom:4px;color:var(--td)}
:where(html[data-fb="dark"]) .xblend b{color:color-mix(in srgb,var(--td) 36%,#F1F4FB)}
.xblend p{line-height:1.8;color:var(--ink)}
.hmeta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin-top:4px}
.hmeta .hage{font-size:1.15em;font-weight:800;color:var(--ink);background:#fff;border-radius:999px;padding:3px 12px;box-shadow:0 1px 0 rgba(31,42,92,.06)}
:where(html[data-fb="dark"]) .hmeta .hage{background:#182239;box-shadow:0 1px 0 rgba(0,0,0,0.14)}
.hmeta .htype{font-size:1.15em;font-weight:700;color:var(--td);background:var(--tl);border-radius:999px;padding:3px 12px}
:where(html[data-fb="dark"]) .hmeta .htype{color:color-mix(in srgb,var(--td) 36%,#F1F4FB);background:color-mix(in srgb,var(--tc,var(--td)) 18%,#182239)}
.hmeta .htype b{font-weight:800;margin-left:2px}
.nowc{background:radial-gradient(120% 90% at 100% 0%,color-mix(in srgb,var(--tm) 55%,transparent) 0%,transparent 60%),radial-gradient(90% 80% at 0% 100%,color-mix(in srgb,#C9D8FF 55%,transparent) 0%,transparent 60%),linear-gradient(135deg,var(--tl) 0%,#F7F8FF 60%,#FFFFFF 100%)!important;border:1px solid color-mix(in srgb,var(--tc) 22%,#fff)}
:where(html[data-fb="dark"]) .nowc{background:radial-gradient(120% 90% at 100% 0%,color-mix(in srgb,var(--tm) 55%,transparent) 0%,transparent 60%),radial-gradient(90% 80% at 0% 100%,color-mix(in srgb,#15244A 55%,transparent) 0%,transparent 60%),linear-gradient(135deg,color-mix(in srgb,var(--tc,var(--td)) 18%,#182239) 0%,#12183F 60%,#182239 100%) !important;border:1px solid color-mix(in srgb,var(--tc) 22%,rgba(255,255,255,0.1))}
.nowic{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#FFD66B,#FF9F6B);box-shadow:0 4px 12px rgba(255,159,107,.35);color:#fff}
.nowic svg{color:#fff}
.lnpic{object-fit:cover;border-radius:14px;aspect-ratio:4/3;width:100%;height:auto;display:block}
.lnbox .lnpic{aspect-ratio:4/3}
.lnhero .lnbig.lnpic{aspect-ratio:4/3}
.lnstory{display:flex;flex-direction:column;gap:8px;text-align:left;cursor:pointer;width:100%;font:inherit;color:var(--ink);border-top:4px solid var(--lc)}
.lnstory .lnwide{width:100%;height:auto;border-radius:14px}
.lnstory .lnk{font-size:.76em;font-weight:700;color:var(--lc)}
.lnstory h3{font-size:1.3em;line-height:1.3}
.lnstory .lnkey{font-weight:700;color:var(--ink)}
.lnstory .lntxt{color:var(--ink2);line-height:1.75}
.lnnow{background:var(--ll);border-radius:14px;padding:10px 12px;display:flex;flex-direction:column;gap:2px}
.lnnow span{font-size:.76em;font-weight:700;color:var(--lc)}
.lnnow p{color:var(--ink2);line-height:1.7;font-size:.94em}
.lnstory .lnmore{font-weight:700;color:var(--lc)}
.sidesbtn{display:inline-flex;align-items:center;justify-content:center;gap:6px}
.sdot{width:10px;height:10px;border-radius:50%;display:inline-block}
.sdot.p{background:#1F2A5C}
.sdot.d{background:#D7263D;margin-left:-8px;box-shadow:0 0 0 2px #fff}
:where(html[data-fb="dark"]) .sdot.d{box-shadow:0 0 0 2px #182239}
.sdintro p{line-height:1.8;color:var(--ink2)}
.sdintro b.tp{color:#1F2A5C}
:where(html[data-fb="dark"]) .sdintro b.tp{color:#E8ECF7}
.sdintro b.td{color:#D7263D}
:where(html[data-fb="dark"]) .sdintro b.td{color:#EB8E9A}
.sdgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:640px){.sdgrid{grid-template-columns:1fr}}
.sdcard{display:flex;flex-direction:column;gap:10px;border-top:5px solid #1F2A5C}
.sdcard.sd{border-top-color:#D7263D}
.sdhead{display:flex;flex-direction:column;gap:2px}
.sdchip{align-self:flex-start;font-size:.78em;font-weight:800;color:#fff;background:#1F2A5C;border-radius:999px;padding:3px 10px}
.sdcard.sd .sdchip{background:#D7263D}
.sdhead b{font-size:1.15em}
.sdchart{max-width:320px;margin:0 auto;width:100%}
.sdtxt{color:var(--ink2);line-height:1.75}
.sdfacts{display:flex;flex-direction:column;gap:6px}
.sdfacts span{background:var(--bg2);border-radius:12px;padding:8px 10px;font-size:.88em;color:var(--ink2);display:flex;gap:8px;align-items:baseline}
.sdfacts b{font-size:1.1em;color:#1F2A5C;min-width:40px}
:where(html[data-fb="dark"]) .sdfacts b{color:#E8ECF7}
.sdcard.sd .sdfacts b{color:#D7263D}
:where(html[data-fb="dark"]) .sdcard.sd .sdfacts b{color:#EB8E9A}
.sdintro{display:flex;flex-direction:column;gap:10px}
.abhdbtn{display:flex;align-items:center;gap:12px;width:100%;text-align:left;font:inherit;cursor:pointer;background:linear-gradient(135deg,#F3EEFF,#EEF4FF);border:1.5px solid #DCD3FA;border-radius:16px;padding:12px 14px;color:var(--ink)}
:where(html[data-fb="dark"]) .abhdbtn{background:linear-gradient(135deg,#201240,#122240);border:1.5px solid rgba(255,255,255,0.1)}
.abhdbtn .abhdtx{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
.abhdbtn.pic{flex-direction:column;align-items:stretch;gap:0;padding:0;overflow:hidden;border-radius:20px;transition:transform .2s,box-shadow .2s}
.abhdbtn.pic:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(60,40,140,.18)}
:where(html[data-fb="dark"]) .abhdbtn.pic:hover{box-shadow:0 14px 30px rgba(0,0,0,0.43)}
.abhdbtn.pic .abhdpic{display:block}
.abhdbtn.pic .abcover{height:clamp(150px,40vw,190px);border-radius:0;margin:0;box-shadow:none}
.abhdbtn.pic .abhdrow{display:flex;align-items:center;gap:12px;padding:14px 16px}
.abhdbtn.pic b{font-size:1.08em}
.abhdbtn small{color:var(--ink2);font-size:.82em}
.abhdbtn em{font-style:normal;font-size:1.3em;color:#7B61D9}
:where(html[data-fb="dark"]) .abhdbtn em{color:#A694E5}
.abhero{background:linear-gradient(160deg,#F3EEFF,#FFFFFF 70%);border-radius:22px;padding:16px;display:flex;flex-direction:column;gap:8px}
:where(html[data-fb="dark"]) .abhero{background:linear-gradient(160deg,#201240,#182239 70%)}
.abhero h1{font-size:1.9em;line-height:1.2}
.abchart{max-width:220px;margin:4px auto 0;width:100%}
.abpts{display:grid;grid-template-columns:1fr;gap:10px}
.abpts>div{background:var(--bg2);border-radius:14px;padding:12px 14px;display:grid;grid-template-columns:auto 1fr;gap:4px 10px;align-items:center}
.abpts>div p{grid-column:1/-1;color:var(--ink2);line-height:1.7}
.abtl{display:flex;flex-direction:column;gap:0;border-left:3px solid #DCD3FA;margin:10px 0 14px 8px}
:where(html[data-fb="dark"]) .abtl{border-left:3px solid rgba(255,255,255,0.1)}
.abtl>div{position:relative;padding:4px 0 12px 16px}
.abtl>div::before{content:"";position:absolute;left:-8px;top:8px;width:13px;height:13px;border-radius:50%;background:#7B61D9;box-shadow:0 0 0 3px #fff}
:where(html[data-fb="dark"]) .abtl>div::before{box-shadow:0 0 0 3px #182239}
.abtl b{font-size:1.15em;color:#7B61D9}
:where(html[data-fb="dark"]) .abtl b{color:#A694E5}
.abtl p{color:var(--ink2);line-height:1.7}
.abhonest p{line-height:1.8}
.absrc{display:flex;flex-direction:column;gap:8px}
.absrc a{display:grid;grid-template-columns:1fr auto;gap:2px 10px;background:#fff;border:1.5px solid #E8EBF5;border-radius:14px;padding:10px 12px;color:var(--ink);text-decoration:none}
:where(html[data-fb="dark"]) .absrc a{background:#182239;border:1.5px solid rgba(255,255,255,0.1)}
.absrc a span{grid-column:1;color:var(--ink2);font-size:.86em}
.absrc a em{grid-row:1/3;grid-column:2;align-self:center;font-style:normal;color:#7B61D9}
:where(html[data-fb="dark"]) .absrc a em{color:#A694E5}
.abchart{max-width:200px!important}
.abchart svg{width:100%;height:auto}
.frhead{background:linear-gradient(150deg,#EEF4FF,#FFF8EC 90%);display:flex;flex-direction:column;gap:8px}
:where(html[data-fb="dark"]) .frhead{background:linear-gradient(150deg,#122240,#402F13 90%)}
.frtitle{font-size:1.45em;line-height:1.3;text-wrap:balance}
.frhead p{color:var(--ink2);line-height:1.7}
.frchips{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.frchips span{background:#fff;border-radius:999px;padding:4px 10px;font-size:.84em;color:var(--ink2);display:inline-flex;gap:6px;align-items:baseline}
:where(html[data-fb="dark"]) .frchips span{background:#182239}
.frchips b{font-size:1.15em;color:var(--ink)}
.frlist{display:flex;flex-direction:column;gap:8px;margin-top:6px}
.frs{border-left:4px solid var(--fc);background:var(--bg2);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:3px}
.frs b{color:var(--ink)}
.frs p{color:var(--ink2);line-height:1.65;font-size:.94em}
.frs span{font-size:.78em;font-weight:700;color:var(--fc)}
.fridea{display:flex;flex-direction:column;gap:8px}
.fridea>div{display:flex;gap:12px;background:#fff;border:1.5px solid #E8EBF5;border-radius:14px;padding:12px}
:where(html[data-fb="dark"]) .fridea>div{background:#182239;border:1.5px solid rgba(255,255,255,0.1)}
.frn{flex:none;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#FFD66B,#FF9F6B);color:#fff;font-weight:800;display:grid;place-items:center}
.fridea b{display:block;color:var(--ink)}
.fridea p{color:var(--ink2);line-height:1.65;font-size:.94em}
.profhero{position:relative;border-radius:22px;overflow:hidden;box-shadow:0 6px 20px rgba(31,42,92,.12)}
:where(html[data-fb="dark"]) .profhero{box-shadow:0 6px 20px rgba(0,0,0,0.29)}
.profhero img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.profbadge{position:absolute;top:12px;right:12px;display:flex;flex-direction:column;align-items:center;background:rgba(255,255,255,.92);border-radius:16px;padding:6px 12px;box-shadow:0 4px 14px rgba(31,42,92,.18)}
:where(html[data-fb="dark"]) .profbadge{background:rgba(24,34,57,0.92);box-shadow:0 4px 14px rgba(0,0,0,0.43)}
.profbadge b{font-size:1.7em;line-height:1;font-weight:800;color:var(--lc);letter-spacing:.02em}
.profbadge small{font-size:.66em;font-weight:700;color:var(--ink2);letter-spacing:.06em;text-transform:uppercase}
.profname{position:absolute;left:12px;bottom:12px;right:12px;background:linear-gradient(90deg,rgba(255,255,255,.95),rgba(255,255,255,.75));border-radius:12px;padding:6px 12px;font-weight:800;color:var(--ink);font-size:1.05em;width:max-content;max-width:calc(100% - 24px)}
:where(html[data-fb="dark"]) .profname{background:linear-gradient(90deg,rgba(24,34,57,0.95),rgba(24,34,57,0.75))}
.top.ontop{background:none}
.chero{position:relative;margin:-120px -18px 0;padding:120px 18px 0;border-radius:0 0 30px 30px;overflow:hidden;isolation:isolate;color:#fff;
  background:radial-gradient(120% 90% at 88% 8%,rgba(255,255,255,.22),rgba(255,255,255,0) 55%),linear-gradient(100deg,var(--c1) 0%,var(--c2) 44%,var(--c3) 78%,var(--c4) 100%)}
.chbg{position:absolute;inset:0;z-index:-1;pointer-events:none}
.chbg i{position:absolute;border-radius:50%;filter:blur(34px);mix-blend-mode:screen;will-change:transform}
.chbg .o1{width:270px;height:270px;right:-70px;top:70px;background:var(--c4);opacity:.55;animation:chf1 17s ease-in-out infinite alternate}
.chbg .o2{width:220px;height:220px;left:-70px;bottom:-80px;background:var(--c3);opacity:.5;animation:chf2 21s ease-in-out infinite alternate}
.chbg .o3{width:150px;height:150px;left:34%;top:60px;background:#fff;opacity:.16;animation:chf3 13s ease-in-out infinite alternate}
:where(html[data-fb="dark"]) .chbg .o3{background:#182239}
.chgrid{position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.28) 1px,transparent 1.5px);background-size:15px 15px;opacity:.55;
  -webkit-mask-image:linear-gradient(110deg,transparent 35%,#000 85%);mask-image:linear-gradient(110deg,transparent 35%,#000 85%)}
.chwave{position:absolute;left:-3%;width:106%;bottom:18px;height:92px;overflow:visible}
.chwave path{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.chwave .wb{stroke:rgba(255,255,255,.3);stroke-width:1.6}
.chwave .wg{stroke:#fff;stroke-width:3;stroke-dasharray:9 91;animation:chrun 5s linear infinite;filter:drop-shadow(0 0 5px rgba(255,255,255,.9))}
.chwave .w2{animation-delay:-2.5s;opacity:.7}
.chero .chin{margin:0;padding:0;min-height:240px;overflow:visible;background:none}
.chero .txt{padding-bottom:22px;gap:6px}
.chero .chk{font-size:.6em;font-weight:800;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;opacity:.88}
.chero.t-mg .chtype b{font-size:.84em;line-height:1.15}
.chero h1{color:#fff;font-size:2.35em;line-height:1.05;letter-spacing:-.01em;text-shadow:0 2px 18px rgba(0,0,0,.22)}
.chero .chtype{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:1.22em;font-weight:800;text-shadow:0 1px 10px rgba(0,0,0,.2)}
.chero .chpf{padding:2px 11px;border-radius:999px;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.45);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-variant-numeric:tabular-nums}
:where(html[data-fb="dark"]) .chero .chpf{border:1px solid rgba(255,255,255,0.07)}
.chero .chen{font-size:.8em;font-weight:600;line-height:1.35;opacity:.94;max-width:190px;text-shadow:0 1px 8px rgba(0,0,0,.25)}
.chero .art{height:240px}
.chring{position:absolute;left:50%;top:52%;width:196px;height:196px;margin:-98px 0 0 -98px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.38),rgba(255,255,255,.08) 55%,rgba(255,255,255,0) 70%);animation:chbreath 6s ease-in-out infinite}
:where(html[data-fb="dark"]) .chring{background:radial-gradient(circle,rgba(24,34,57,0.38),rgba(255,255,255,.08) 55%,rgba(255,255,255,0) 70%)}
.chring::before{content:"";position:absolute;inset:-4px;border-radius:50%;background:conic-gradient(from 0deg,rgba(255,255,255,0),rgba(255,255,255,.95) 12%,rgba(255,255,255,0) 32%,rgba(255,255,255,0) 55%,rgba(255,255,255,.55) 68%,rgba(255,255,255,0) 86%);
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2.5px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,transparent calc(100% - 2.5px),#000 calc(100% - 2px));animation:chspin 10s linear infinite}
:where(html[data-fb="dark"]) .chring::before{background:conic-gradient(from 0deg,rgba(255,255,255,0),rgba(24,34,57,0.95) 12%,rgba(255,255,255,0) 32%,rgba(255,255,255,0) 55%,rgba(24,34,57,0.55) 68%,rgba(255,255,255,0) 86%)}
.chero .art img{filter:drop-shadow(0 10px 18px rgba(0,0,0,.22))}
@keyframes chf1{to{transform:translate(-60px,40px) scale(1.12)}}
@keyframes chf2{to{transform:translate(70px,-30px) scale(1.18)}}
@keyframes chf3{to{transform:translate(40px,30px) scale(.85)}}
@keyframes chrun{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
@keyframes chspin{to{transform:rotate(360deg)}}
@keyframes chbreath{50%{transform:scale(1.05)}}
@media (prefers-reduced-motion:reduce){.chero *,.chero *::before{animation:none!important}}
.tabs button svg.i3{width:30px;height:30px;fill:initial;stroke:none;overflow:visible;transition:transform .25s cubic-bezier(.3,1.6,.5,1),filter .2s}
.tabs .in button:not([aria-current="page"]) svg.i3{filter:saturate(.9) opacity(.88)}
.tabs .in button[aria-current="page"] svg.i3{transform:translateY(-2px) scale(1.12)}
.tabs .in button:hover svg.i3{filter:none}
@media (prefers-reduced-motion:reduce){.tabs button svg.i3{transition:none}}
@media (min-width:1000px){body.inapp .tabs button svg.i3{width:28px;height:28px}}
.lgrp{display:flex;flex-direction:column;gap:8px;margin-top:26px}
.lgh{display:flex;align-items:center;gap:12px}
.lgi{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;flex:none}
.lgi svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.lgt{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.lgk{font-size:.74em;font-weight:700;letter-spacing:.02em}
.lgh h2{margin:0;font-size:1.32em;line-height:1.2;text-wrap:balance}
.lgall{border:0;background:none;font:inherit;font-weight:700;font-size:.86em;cursor:pointer;white-space:nowrap;padding:8px 0 8px 6px}
.lgd{margin:0;color:var(--ink2);font-size:.92em;line-height:1.6;max-width:62ch}
.lrow{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(230px,78%);gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;margin:2px -18px 0;width:calc(100% + 36px);box-sizing:border-box;padding:4px 18px 14px;scroll-padding-inline:18px;scrollbar-width:none}
.lrow::-webkit-scrollbar{display:none}
.lrow>*{scroll-snap-align:start;min-width:0;align-self:stretch;height:auto;margin:0}
.lrow.srow{grid-auto-columns:minmax(200px,64%)}
.lmore{border:0;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font:inherit;cursor:pointer;padding:18px;min-height:160px}
.lmore svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.lmore b{font-size:1.1em}
.lmore span{font-size:.86em;font-weight:600;opacity:.85}
.lgintro{margin-top:16px;padding:16px;border-radius:22px;background:linear-gradient(135deg,var(--gl),#fff 130%);display:flex;flex-direction:column;gap:10px}
:where(html[data-fb="dark"]) .lgintro{background:linear-gradient(135deg,var(--gl),#182239 130%)}
@media (min-width:1024px){.lrow{grid-auto-columns:minmax(240px,31%)}
.lrow.srow{grid-auto-columns:minmax(200px,28%)}}
@media (max-width:1023px){body.inapp .lgrid{grid-template-columns:minmax(0,1fr)}}
.auhero{position:relative;border-radius:24px;background:radial-gradient(120% 90% at 50% 40%,#fff 0%,var(--al) 70%);padding:10px 10px 0;overflow:hidden}
:where(html[data-fb="dark"]) .auhero{background:radial-gradient(120% 90% at 50% 40%,#182239 0%,var(--al) 70%)}
.aufig{display:block;width:100%;height:auto;max-width:420px;margin:0 auto}
.aubadge{position:absolute;left:14px;top:12px;display:flex;flex-direction:column;gap:1px;background:rgba(255,255,255,.86);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:14px;padding:6px 12px;box-shadow:0 4px 14px rgba(31,42,92,.08)}
:where(html[data-fb="dark"]) .aubadge{background:rgba(24,34,57,0.86);box-shadow:0 4px 14px rgba(0,0,0,0.19)}
.aubadge small{font-size:.68em;font-weight:700;color:var(--ink2);letter-spacing:.04em}
.aubadge b{font-size:.92em;color:var(--ad);line-height:1.25}
.auwhat{display:flex;gap:10px;align-items:flex-start;background:#F6F7FC;border-radius:16px;padding:12px 14px;color:var(--ink2);font-size:.9em;line-height:1.6}
:where(html[data-fb="dark"]) .auwhat{background:#1A1F38}
.auwhat svg{flex:none;margin-top:3px;fill:none;stroke:#8C6BD9;stroke-width:2}
.auwhat p{margin:0}
.auhow{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.auhow li{display:flex;gap:12px;align-items:flex-start}
.auhow p{margin:0;line-height:1.65}
.aun{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:.9em}
.aupc{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.aup{border-radius:18px;padding:14px 16px}
.aup h4{display:flex;align-items:center;gap:8px;margin:0 0 6px;font-size:1em}
.aup h4 svg{fill:none;stroke:currentColor;stroke-width:2}
.aup.good{background:#EEF9F2}
:where(html[data-fb="dark"]) .aup.good{background:#1B3926}
.aup.good h4{color:#1F7A4A}
:where(html[data-fb="dark"]) .aup.good h4{color:#95E4BB}
.aup.care{background:#FFF6E6}
:where(html[data-fb="dark"]) .aup.care{background:#423113}
.aup.care h4{color:#9A6A12}
:where(html[data-fb="dark"]) .aup.care h4{color:#F0CC89}
.aumap{display:flex;flex-direction:column;gap:10px;margin-top:8px}
.aurow{position:relative;display:grid;grid-template-columns:92px minmax(0,1fr);gap:12px;align-items:center;background:var(--al);border-radius:18px;padding:10px 12px;border:2px solid transparent}
.aurow.mine{border-color:var(--ad);background:#fff;box-shadow:0 6px 18px rgba(31,42,92,.08)}
:where(html[data-fb="dark"]) .aurow.mine{background:#182239;box-shadow:0 6px 18px rgba(0,0,0,0.19)}
.aumini{background:#fff;border-radius:14px;overflow:hidden}
:where(html[data-fb="dark"]) .aumini{background:#182239}
.aurow.mine .aumini{background:var(--al)}
.aumini .aufig{max-width:none}
.autx{display:flex;flex-direction:column;gap:2px;min-width:0}
.aut{font-size:.72em;font-weight:800;color:var(--ad);letter-spacing:.02em}
.autx b{font-size:.98em;line-height:1.3}
.autx p{margin:0;font-size:.84em;color:var(--ink2);line-height:1.5}
.auwho{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.auwho span{display:inline-flex;align-items:center;gap:4px;background:#fff;border-radius:999px;padding:2px 8px 2px 2px;font-size:.78em;font-weight:700}
:where(html[data-fb="dark"]) .auwho span{background:#182239}
.aumine{display:inline-block;margin-left:6px;vertical-align:1px;white-space:nowrap;background:var(--ad);color:#fff;font-size:.95em;font-weight:800;border-radius:999px;padding:1px 8px}
.aunote{color:var(--muted);text-align:center}
@media (min-width:640px){.aupc{grid-template-columns:repeat(2,minmax(0,1fr))}}
.aufig.big .au-rip circle{transform-box:fill-box;transform-origin:center;animation:auRip 3.6s ease-out infinite}
.aufig.big .au-rip.fast circle{animation-duration:2.2s}
.aufig.big .au-in circle,.aufig.big .au-samp g{animation:auIn 4.2s ease-in-out infinite}
.aufig.big .au-samp g{animation-duration:5.2s}
.aufig.big .au-zip{animation:auZip 1.4s ease-in-out infinite}
.aufig.big .au-beam{animation:auBeam 3s ease-in-out infinite}
.aufig.big .au-glow{transform-box:fill-box;transform-origin:center;animation:auGlow 3s ease-in-out infinite}
.aufig.big .au-push{animation:auPush 2.4s ease-in-out infinite}
.aufig.big .au-dash{animation:auDash 8s linear infinite}
@keyframes auRip{0%{transform:scale(.86);opacity:.15}40%{opacity:.6}100%{transform:scale(1.12);opacity:0}}
@keyframes auIn{0%,100%{transform:translate(0,0);opacity:.25}50%{transform:translate(var(--dx),var(--dy));opacity:.95}}
@keyframes auZip{0%,100%{transform:translateX(0);opacity:.2}50%{transform:translateX(10px);opacity:.7}}
@keyframes auBeam{0%,100%{opacity:.55}50%{opacity:1}}
@keyframes auGlow{0%,100%{transform:scale(.8);opacity:.6}50%{transform:scale(1.35);opacity:1}}
@keyframes auPush{0%,100%{transform:translateX(0)}50%{transform:translateX(9px)}}
@keyframes auDash{to{stroke-dashoffset:-120}}
@media (prefers-reduced-motion:reduce){.aufig.big *{animation:none!important}}
.chero .chage{font-size:.82em;font-weight:800;padding:2px 10px;border-radius:999px;background:#fff;color:var(--c1)}
:where(html[data-fb="dark"]) .chero .chage{background:#182239}
.chero.mem .chen{max-width:200px}
.chero .chedit{align-self:flex-start;margin-top:4px;display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.5);background:rgba(255,255,255,.18);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font:inherit;font-size:.8em;font-weight:700;border-radius:999px;padding:5px 12px;cursor:pointer}
:where(html[data-fb="dark"]) .chero .chedit{border:1px solid rgba(255,255,255,0.07)}
.chero .chedit svg{fill:none;stroke:currentColor;stroke-width:2}
.chero.mem + .ptabs{margin-top:6px}
.tiles3.t2{grid-template-columns:repeat(2,minmax(0,1fr))}
.tlgrid{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin-top:6px}
.tlcard{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;text-align:left;border:0;cursor:pointer;font:inherit;color:var(--ink);border-radius:20px;padding:12px 14px;
  background:linear-gradient(100deg,var(--tl) 0%,#fff 70%);box-shadow:0 1px 0 rgba(31,42,92,.05),0 6px 18px rgba(31,42,92,.07)}
:where(html[data-fb="dark"]) .tlcard{background:linear-gradient(100deg,color-mix(in srgb,var(--tc,var(--td)) 18%,#182239) 0%,#182239 70%);box-shadow:0 1px 0 rgba(0,0,0,0.12),0 6px 18px rgba(0,0,0,0.17)}
.tlcard:active{transform:scale(.99)}
.tlpair{width:112px;height:auto;display:block}
.tltx{display:flex;flex-direction:column;gap:2px;min-width:0}
.tlname{font-size:1.12em;line-height:1.3;text-wrap:balance}
.tlsub{font-size:.82em;color:var(--ink2);line-height:1.35}
.tlcard .chev{color:var(--td);font-size:1.3em;font-weight:700}
:where(html[data-fb="dark"]) .tlcard .chev{color:color-mix(in srgb,var(--td) 36%,#F1F4FB)}
@media (min-width:760px){.tlgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.tlhero .tlh1{font-size:1.75em}
.tlhero .art{position:relative}
.tlmotif{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);color:#fff;opacity:.22;animation:tlspin 24s linear infinite}
.tlmotif svg{fill:none;stroke:currentColor;stroke-width:1.4}
.tlfloat{position:absolute;color:#fff;opacity:.85;animation:tlfloat 4s ease-in-out infinite}
.tlfloat svg{fill:none;stroke:currentColor;stroke-width:2}
.tlfloat.f1{left:6%;top:18%}
.tlfloat.f2{right:4%;top:34%;animation-delay:-2s}
.tlstat{align-self:flex-start;margin-top:4px;font-size:.76em;font-weight:800;color:var(--c1);background:#fff;border-radius:999px;padding:3px 10px}
:where(html[data-fb="dark"]) .tlstat{background:#182239}
.tllink{display:flex;flex-direction:column;gap:8px;align-items:center;text-align:center}
.tllink .chlink{width:100%;max-width:320px;height:auto}
.tllink .chbar{stroke-dasharray:8 6;animation:tldash 2.4s linear infinite}
.tlends{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}
.tlends .link{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:.88em;color:var(--ink);text-decoration:none}
.tlends .link b{font-size:1.25em;color:var(--td)}
:where(html[data-fb="dark"]) .tlends .link b{color:color-mix(in srgb,var(--td) 36%,#F1F4FB)}
.tlends .link span{font-size:.82em;color:var(--ink2)}
@keyframes tlspin{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes tlfloat{50%{transform:translateY(-8px)}}
@keyframes tldash{to{stroke-dashoffset:-28}}
@media (prefers-reduced-motion:reduce){.tlmotif,.tlfloat,.tllink .chbar{animation:none}}
.tlhero .tlpair{--tc:rgba(255,255,255,.92);--td:var(--c1);width:136px;margin-top:4px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.15))}
:where(html[data-fb="dark"]) .tlhero .tlpair{--tc:rgba(24,34,57,0.92)}
.tlends .link{font-weight:700}
.tiles3.tchap .tile{align-items:flex-start;min-height:74px}
.tiles3.tchap .tile .tx{display:flex;flex-direction:column;gap:2px}
.tiles3.tchap .tile .tn{font-size:.7em;font-weight:700;color:var(--muted);letter-spacing:.02em}
.tiles3.tchap .tile{font-size:1rem}
.tiles3.tchap .tile b{font-size:1.02rem;line-height:1.32;color:var(--ink);text-wrap:balance;font-weight:800}
.xtra2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}
.xtra2 button{display:flex;align-items:center;gap:10px;border:1.5px dashed var(--line);background:transparent;border-radius:16px;padding:10px 12px;font:inherit;color:var(--ink2);cursor:pointer;text-align:left}
.xtra2 button svg{flex:none;fill:none;stroke:currentColor;stroke-width:2}
.xtra2 span{display:flex;flex-direction:column;min-width:0}
.xtra2 b{color:var(--ink);font-size:.92em}
.xtra2 small{font-size:.74em;color:var(--muted)}
.ltags{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:4px}
.ltag{display:inline-flex;align-items:center;gap:5px;font-size:.72em;font-weight:800;color:var(--td);background:var(--tl);border-radius:999px;padding:2px 9px 2px 7px;line-height:1.4}
:where(html[data-fb="dark"]) .ltag{color:color-mix(in srgb,var(--td) 36%,#F1F4FB);background:color-mix(in srgb,var(--tc,var(--td)) 18%,#182239)}
.ltag i{width:8px;height:8px;border-radius:50%;background:var(--tc)}
.ltag.all{color:var(--ink2);background:#F1F3F9}
:where(html[data-fb="dark"]) .ltag.all{background:#1C2337}
.ltag.age{color:#1F7A4A;background:#EAF7F0}
:where(html[data-fb="dark"]) .ltag.age{color:#95E4BB;background:#1C3A2A}
.ltfil{display:flex;flex-direction:column;gap:6px;margin-top:14px}
.ltfil .row{flex-wrap:wrap;gap:6px}
.ltchip{display:inline-flex;align-items:center;gap:6px}
.ltchip i{width:9px;height:9px;border-radius:50%;background:var(--tc)}
.ltchip[aria-pressed="true"]:not(.all){background:var(--tl);color:var(--td);box-shadow:inset 0 0 0 2px var(--tc)}
:where(html[data-fb="dark"]) .ltchip[aria-pressed="true"]:not(.all){background:color-mix(in srgb,var(--tc,var(--td)) 18%,#182239);color:color-mix(in srgb,var(--td) 36%,#F1F4FB)}
.fgfacts .fgof{font-size:.55em;font-weight:700;color:var(--muted);margin-left:2px}
.fgcard .bigcta.rainbow{margin-top:18px;background:linear-gradient(90deg,#5FAF8E,#6AA8EC,#B184EC,#F47E62,#F7B24C,#5FAF8E);background-size:200% 100%;background-repeat:repeat-x;animation:ctaflow 10s linear infinite;
  text-shadow:0 1px 6px rgba(0,0,0,.18);box-shadow:0 10px 22px rgba(107,90,200,.25)}
.fgcard .bigcta.rainbow svg{filter:drop-shadow(0 1px 3px rgba(0,0,0,.15))}
@keyframes ctaflow{to{background-position:200% 0}}
@media (prefers-reduced-motion:reduce){.fgcard .bigcta.rainbow{animation:none}}
.cmslist{display:flex;flex-direction:column;gap:10px;margin-top:12px}
.cmsrow{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:12px;align-items:center;text-align:left;border:0;background:#fff;border-radius:16px;padding:10px;cursor:pointer;font:inherit;color:var(--ink);box-shadow:0 1px 0 rgba(31,42,92,.05),0 4px 14px rgba(31,42,92,.06)}
:where(html[data-fb="dark"]) .cmsrow{background:#182239;box-shadow:0 1px 0 rgba(0,0,0,0.12),0 4px 14px rgba(0,0,0,0.14)}
.cmsimg{width:72px;height:54px;border-radius:12px;overflow:hidden;background:#F1F3F9;display:grid;place-items:center}
:where(html[data-fb="dark"]) .cmsimg{background:#1C2337}
.cmsimg img{width:100%;height:100%;object-fit:cover}
.cmsnoimg svg{fill:none;stroke:#9AA3BF;stroke-width:2}
.cmstx{display:flex;flex-direction:column;gap:3px;min-width:0}
.cmstx b{font-size:.95em;line-height:1.35}
.cmsmeta{display:flex;flex-wrap:wrap;gap:6px;font-size:.74em;color:var(--muted)}
.cmsst{font-weight:800;border-radius:999px;padding:1px 8px}
.cmsst.p{background:#EAF7F0;color:#1F7A4A}
:where(html[data-fb="dark"]) .cmsst.p{background:#1C3A2A;color:#95E4BB}
.cmsst.d{background:#FFF4E0;color:#9A6A12}
:where(html[data-fb="dark"]) .cmsst.d{background:#433314;color:#F0CC89}
.cmsst.b{background:#F1F3F9;color:var(--ink2)}
:where(html[data-fb="dark"]) .cmsst.b{background:#1C2337}
.cmssec{display:flex;flex-direction:column;gap:10px}
.cmssec h3{font-size:1.02em}
.cmslab{font-size:.82em;font-weight:700;color:var(--ink2)}
.cmschips{flex-wrap:wrap;gap:6px}
.cmspair{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;padding:10px;border-radius:14px;background:#F8F9FC}
:where(html[data-fb="dark"]) .cmspair{background:#1C2236}
.cmsf{font-size:.8em}
.cmsf input,.cmsf textarea{font:inherit;font-size:1.05em;font-weight:500;width:100%;padding:9px 12px;border-radius:12px;border:1.5px solid var(--line);background:#fff;color:var(--ink)}
:where(html[data-fb="dark"]) .cmsf input,
:where(html[data-fb="dark"]) .cmsf textarea{background:#182239}
.cmsf textarea{resize:vertical;min-height:70px;line-height:1.5}
.cmssub{display:flex;flex-direction:column;gap:6px;border-top:1px dashed var(--line);padding-top:10px}
.cmsnum{width:84px;font:inherit;padding:9px 10px;border-radius:12px;border:1.5px solid var(--line)}
.cmscover{border-radius:16px;overflow:hidden;background:#F1F3F9;aspect-ratio:16/9;display:grid;place-items:center}
:where(html[data-fb="dark"]) .cmscover{background:#1C2337}
.cmscover img{width:100%;height:100%;object-fit:cover}
.cmsup{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;cursor:pointer}
.cmspick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;max-height:220px;overflow:auto}
.cmspick button{border:0;padding:0;border-radius:10px;overflow:hidden;cursor:pointer;aspect-ratio:4/3;outline:2px solid transparent}
.cmspick button[aria-pressed="true"]{outline:3px solid #6AA8EC}
.cmspick img{width:100%;height:100%;object-fit:cover;display:block}
.cmsbar{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cmsdel{background:#FFF1F0}
:where(html[data-fb="dark"]) .cmsdel{background:#3F1512}
.cmsdelbtn{color:#C0392B;align-self:center}
:where(html[data-fb="dark"]) .cmsdelbtn{color:#E79B93}
@media (min-width:640px){.cmspair{grid-template-columns:repeat(2,minmax(0,1fr))}
.cmspair .cmslab{grid-column:1/-1}}
.tytag{display:inline-flex;align-items:center;gap:5px;font-size:.76rem;font-weight:800;color:var(--td);background:var(--tl);border-radius:999px;padding:3px 10px;white-space:nowrap;font-variant-numeric:tabular-nums}
:where(html[data-fb="dark"]) .tytag{color:color-mix(in srgb,var(--td) 36%,#F1F4FB);background:color-mix(in srgb,var(--tc,var(--td)) 18%,#182239)}
.tytag i{width:8px;height:8px;border-radius:50%;background:var(--tc);flex:none}
.tmixp{display:flex;gap:3px;margin-top:8px}
.tmx{display:flex;flex-direction:column;gap:1px;min-width:0;padding-right:4px}
.tmx b{font-size:1.5em;line-height:1.1;color:var(--td);font-variant-numeric:tabular-nums}
:where(html[data-fb="dark"]) .tmx b{color:color-mix(in srgb,var(--td) 36%,#F1F4FB)}
.tmxt{display:flex;align-items:center;gap:5px;font-size:.8em;font-weight:800;color:var(--ink);line-height:1.25}
.tmxt i{width:9px;height:9px;border-radius:50%;background:var(--tc);flex:none}
.tmxn{font-size:.76em;color:var(--ink2);line-height:1.3}
.fth{display:flex;flex-direction:column;gap:4px}
.ftk{display:inline-flex;align-items:center;gap:8px;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#8A5A00}
:where(html[data-fb="dark"]) .ftk{color:#F0CC89}
.ftk i{font-style:normal;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#F7B24C;color:#fff;font-size:.82rem;letter-spacing:0}
.fth h2{font-size:1.45rem;line-height:1.25;text-wrap:balance;display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.ftsub{font-size:.9rem;color:var(--ink2);line-height:1.6}
.fth3{font-size:.95rem;margin-top:2px}
.ftcount{font-size:.95rem;font-weight:800;color:#8A5A00;background:#FFF1D6;border-radius:999px;padding:2px 10px;font-variant-numeric:tabular-nums}
:where(html[data-fb="dark"]) .ftcount{color:#F0CC89;background:#463514}
.ftcount small{font-size:.8em;opacity:.75}
.ftsec{display:flex;flex-direction:column;gap:12px}
.ftread{display:grid;grid-template-columns:auto 40px auto minmax(0,1fr);align-items:center;gap:8px;background:#FFF8EA;border-radius:16px;padding:10px 12px}
:where(html[data-fb="dark"]) .ftread{background:#413113}
.ftread .ftrn{width:30px;height:30px;border-radius:50%;border:2.5px solid #F7B24C;background:#fff;display:grid;place-items:center;font-weight:800;font-size:.82rem;color:#8A5A00}
:where(html[data-fb="dark"]) .ftread .ftrn{background:#182239;color:#F0CC89}
.ftread .ftrl{height:5px;border-radius:5px;background:#F7B24C;margin:0 -8px}
.ftread p{font-size:.84rem;line-height:1.5;color:var(--ink2);padding-left:6px}
.ftcard .ftwho{grid-column:1/-1;display:flex;flex-direction:column;gap:8px;padding-top:10px;border-top:1px dashed rgba(138,90,0,.2)}
.ftwl{font-size:.72rem;font-weight:800;color:var(--td);letter-spacing:.04em}
:where(html[data-fb="dark"]) .ftwl{color:color-mix(in srgb,var(--td) 36%,#F1F4FB)}
.fts{display:flex;align-items:center;gap:8px;min-width:0}
.ftn.sm{min-width:30px;height:30px;font-size:.82rem;padding:0 6px}
.ftavs{display:flex;flex:none;position:relative}
.ftavs>span{position:relative}
.ftst{display:flex;flex-direction:column;min-width:0;line-height:1.3}
.ftst b{font-size:.88rem}
.ftst em{font-style:normal;font-size:.76rem;color:var(--td);font-weight:700}
:where(html[data-fb="dark"]) .ftst em{color:color-mix(in srgb,var(--td) 36%,#F1F4FB)}
.ftplus{font-style:normal;font-weight:800;color:var(--td);font-size:1.1rem}
:where(html[data-fb="dark"]) .ftplus{color:color-mix(in srgb,var(--td) 36%,#F1F4FB)}
.pfil{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:0 -18px;padding:0 18px 2px}
.pfil .chip{flex:none}
.pfc{display:inline-flex;align-items:center;gap:6px;padding-left:6px}
.pcgrid{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
@media (min-width:760px){.pcgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.pairc3{display:flex;flex-direction:column;gap:10px;text-align:left;cursor:pointer;font:inherit;color:var(--ink);border:0;padding:14px}
.pch{display:flex;align-items:center;gap:10px}
.pcav{display:flex;flex:none}
.pcav>span{margin-left:-12px}
.pcnm{display:flex;flex-direction:column;flex:1;min-width:0;line-height:1.3}
.pcnm b{font-size:1.08rem}
.pcnm span{font-size:.8rem;color:var(--ink2)}
.pch .chev,.ftpa summary .chev{color:var(--ink2);font-size:1.3em;font-weight:700}
.pctags{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.pctags>i{font-style:normal;font-weight:800;color:var(--ink2)}
.pgtags{justify-content:center}
.pcg{display:flex;flex-direction:column;gap:6px;padding-top:8px;border-top:1px solid var(--line)}
.pcl{font-size:.8rem;font-weight:800;color:var(--td)}
:where(html[data-fb="dark"]) .pcl{color:color-mix(in srgb,var(--td) 36%,#F1F4FB)}
.pcis{display:flex;flex-wrap:wrap;gap:6px}
.pci{display:inline-flex;align-items:center;gap:6px;background:var(--tl);border-radius:10px;padding:4px 9px 4px 4px;font-size:.84rem;line-height:1.3}
:where(html[data-fb="dark"]) .pci{background:color-mix(in srgb,var(--tc,var(--td)) 18%,#182239)}
.pci b{background:#fff;color:var(--td);border:1.5px solid var(--tc);border-radius:7px;padding:1px 6px;font-size:.78rem;font-variant-numeric:tabular-nums;white-space:nowrap}
:where(html[data-fb="dark"]) .pci b{background:#182239;color:color-mix(in srgb,var(--td) 36%,#F1F4FB)}
.pci.more{padding:4px 10px;font-weight:800;color:var(--td)}
:where(html[data-fb="dark"]) .pci.more{color:color-mix(in srgb,var(--td) 36%,#F1F4FB)}
.plinks .plg{display:flex;flex-direction:column;gap:6px;padding-top:10px;border-top:1px solid var(--line)}
.plinks .plg h3{font-size:1.02rem}
.plinks .plg h3 small{font-size:.8em;opacity:.7}
.ftrow .tlsub{color:var(--td);font-weight:600}
:where(html[data-fb="dark"]) .ftrow .tlsub{color:color-mix(in srgb,var(--td) 36%,#F1F4FB)}
.fthero .ftart{position:relative}
.ftlink{position:absolute;inset:6% 4% 10%;width:92%;height:84%;overflow:visible}
.ftlink path{fill:none;stroke-linecap:round;vector-effect:non-scaling-stroke}
.ftlink .wb{stroke:rgba(255,255,255,.45);stroke-width:5}
.ftlink .wg{stroke:#fff;stroke-width:5;stroke-dasharray:14 86;animation:chrun 3.2s linear infinite;filter:drop-shadow(0 0 6px rgba(255,255,255,.95))}
.ftg{position:absolute;display:flex;flex-direction:column;align-items:center;gap:4px}
.ftg.g1{left:4%;top:8%}
.ftg.g2{right:2%;bottom:12%}
.ftg .ftavs .av{box-shadow:0 0 0 3px rgba(255,255,255,.9)!important}
:where(html[data-fb="dark"]) .ftg .ftavs .av{box-shadow:0 0 0 3px rgba(24,34,57,0.9) !important}
.ftn{display:inline-grid;place-items:center;min-width:34px;height:34px;padding:0 8px;border-radius:999px;background:#fff;color:#8A5A00;border:2.5px solid #F7B24C;font-weight:800;font-size:.95rem;font-variant-numeric:tabular-nums;flex:none}
:where(html[data-fb="dark"]) .ftn{background:#182239;color:#F0CC89}
.fthero .ftn{color:var(--c1);border-color:#fff;box-shadow:0 2px 10px rgba(0,0,0,.18)}
:where(html[data-fb="dark"]) .fthero .ftn{border-color:rgba(255,255,255,0.1);box-shadow:0 2px 10px rgba(0,0,0,0.43)}
.ftn.w{background:#F7B24C;color:#fff}
.ftn.o{background:#F1F3F9;color:var(--ink2);border-color:#D9DEEA}
:where(html[data-fb="dark"]) .ftn.o{background:#1C2337;border-color:#313D59}
.ftpage{gap:26px;margin-top:18px}
.ftstep{padding-top:4px}
.ftgates{display:grid;grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr);align-items:stretch;gap:0}
.ftgate{display:flex;flex-direction:column;gap:8px;background:#FFF8EA;border-radius:16px;padding:12px}
:where(html[data-fb="dark"]) .ftgate{background:#413113}
.ftgate span{display:flex;flex-direction:column;gap:2px;line-height:1.35}
.ftgate strong{font-size:.98rem}
.ftgate em{font-style:normal;font-size:.84rem;color:var(--ink2)}
.ftgate small{font-size:.74rem;color:#8A5A00;font-weight:700;margin-top:2px}
:where(html[data-fb="dark"]) .ftgate small{color:#F0CC89}
.ftjoin{align-self:center;height:6px;background:#F7B24C;border-radius:6px}
.ftnote{font-size:.86rem;line-height:1.65;color:var(--ink2);background:var(--bg2,#F6F7FB);border-radius:14px;padding:10px 12px}
:where(html[data-fb="dark"]) .ftnote{background:var(--bg2,#1C2136)}
.ftmap{display:grid;grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr);gap:0;align-items:stretch}
.ftmap.one{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}
.ftcol{display:flex;flex-direction:column;gap:8px;background:#fff;border-radius:18px;padding:12px;box-shadow:0 1px 0 rgba(31,42,92,.05),0 4px 14px rgba(31,42,92,.06)}
:where(html[data-fb="dark"]) .ftcol{background:#182239;box-shadow:0 1px 0 rgba(0,0,0,0.12),0 4px 14px rgba(0,0,0,0.14)}
.ftcolh{display:flex;align-items:center;gap:8px;padding-bottom:6px;border-bottom:1px dashed var(--line)}
.ftcolh em{font-style:normal;font-weight:800;font-size:.86rem;line-height:1.3}
.ftp{display:flex;align-items:center;gap:8px}
.ftp span{display:flex;flex-direction:column;line-height:1.3;min-width:0}
.ftp b{font-size:.95rem}
.ftp small{font-size:.74rem;color:var(--ink2)}
.ftmid{position:relative}
.ftmid i{position:absolute;left:-4px;right:-4px;top:50%;height:6px;margin-top:-3px;border-radius:6px;background:linear-gradient(90deg,#F7B24C,#F47E62,#F7B24C);background-size:200% 100%;animation:ctaflow 3s linear infinite}
.ftmean{background:#FFF8EA;border-radius:18px;padding:14px 16px;display:flex;flex-direction:column;gap:8px}
:where(html[data-fb="dark"]) .ftmean{background:#413113}
.ftmean .l{font-size:.78rem;font-weight:800;color:#8A5A00;letter-spacing:.04em}
:where(html[data-fb="dark"]) .ftmean .l{color:#F0CC89}
.ftmean p{font-size:.96rem;line-height:1.7;color:var(--ink)}
.ftpl{display:flex;flex-direction:column;gap:6px;margin-top:2px}
.ftpc{display:inline-flex;align-items:center;gap:2px;background:#fff;border-radius:999px;padding:3px 10px 3px 3px;font-size:.82rem;font-weight:700}
:where(html[data-fb="dark"]) .ftpc{background:#182239}
.ftpc .av+.av{margin-left:-8px;margin-right:4px}
.ftpa{padding:0;overflow:hidden}
.ftpa summary{list-style:none;display:flex;align-items:center;gap:10px;padding:12px 14px;cursor:pointer}
.ftpa summary::-webkit-details-marker{display:none}
.ftpa[open] summary .chev{transform:rotate(90deg)}
.ftpb{display:flex;flex-direction:column;gap:10px;padding:0 14px 16px}
.ftpb h4{font-size:.98rem;margin-top:6px}
.ftpb p{font-size:.92rem;line-height:1.7;color:var(--ink2)}
.ftbr{display:flex;align-items:flex-start;gap:10px}
.ftbr p{color:var(--ink)}
.ftsub2{display:flex;flex-direction:column;gap:6px;background:#F6F7FB;border-radius:14px;padding:10px 12px}
:where(html[data-fb="dark"]) .ftsub2{background:#1C2136}
.ftsub2 h4{margin:0;font-size:.88rem}
.ftway{display:flex;flex-direction:column;gap:8px;list-style:none;padding:0;margin:0}
.ftway li{display:flex;gap:8px;align-items:flex-start;font-size:.92rem;line-height:1.6}
.ftway li .av{flex:none;margin-top:2px}
.ftq{display:flex;flex-direction:column;gap:10px;padding-left:0;margin:0;list-style:none;counter-reset:q}
.ftq li{counter-increment:q;display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;font-size:.96rem;line-height:1.65;background:#fff;border-radius:16px;padding:12px;box-shadow:0 1px 0 rgba(31,42,92,.05),0 4px 14px rgba(31,42,92,.06)}
:where(html[data-fb="dark"]) .ftq li{background:#182239;box-shadow:0 1px 0 rgba(0,0,0,0.12),0 4px 14px rgba(0,0,0,0.14)}
.ftq li::before{content:counter(q);display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#6AA8EC;color:#fff;font-weight:800;font-size:.86rem}
@media (prefers-reduced-motion:reduce){.ftlink .wg,.ftmid i{animation:none}}
.ftart .av img,body.inapp .hdr .ftart .av img{height:100%!important;width:100%!important;filter:none}
.ftgate .ftn,.ftcolh .ftn,.ftbr .ftn{align-self:flex-start}
.ftpb h4{margin:8px 0 -4px}
.ftpb h4:first-of-type{margin-top:2px}
:root{--hdblk:#1F2A5C;--hdred:#D7263D;--hdoff:#C9CFE2}
.gbar{display:flex;align-items:center;width:100%}
.gdot{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:800;font-size:1.05rem;flex:none;position:relative;z-index:1;font-variant-numeric:tabular-nums;font-style:normal}
.gdot.s-c{background:var(--hdblk)}
.gdot.s-u{background:var(--hdred)}
.gdot.s-b{background:var(--hdblk);box-shadow:inset 0 0 0 4px var(--hdred)}
.gdot.s-n{background:#fff;color:#8A91A8;box-shadow:inset 0 0 0 2px var(--hdoff)}
:where(html[data-fb="dark"]) .gdot.s-n{background:#182239;color:#B9C1D8}
.gline{flex:1;display:flex;height:9px;margin:0 -3px;min-width:24px}
.gline i,.ftjoin i,.ftmid i{flex:1;display:block}
.s-c:is(i){background:var(--hdblk)}
.s-u:is(i){background:var(--hdred)}
.s-b:is(i){background:repeating-linear-gradient(45deg,var(--hdred) 0 5px,var(--hdblk) 5px 10px)}
.s-n:is(i){background:var(--hdoff)}
.gbar.xs{width:auto;flex:none}
.gbar.xs .gdot{width:24px;height:24px;font-size:.7rem}
.gbar.xs .gdot.s-b{box-shadow:inset 0 0 0 2.5px var(--hdred)}
.gbar.xs .gline{flex:none;width:16px;height:5px;min-width:0}
.gdot.xs{width:14px;height:14px;font-size:0}
.gdot.xs.s-b{box-shadow:inset 0 0 0 2.5px var(--hdred)}
.tlbox{display:flex;flex-direction:column;gap:12px;width:100%;text-align:left;border:0;cursor:pointer;font:inherit;color:var(--ink);background:#fff;border-radius:20px;padding:14px 16px;box-shadow:0 1px 0 rgba(31,42,92,.05),0 4px 14px rgba(31,42,92,.07)}
:where(html[data-fb="dark"]) .tlbox{background:#182239;box-shadow:0 1px 0 rgba(0,0,0,0.12),0 4px 14px rgba(0,0,0,0.17)}
.tlbox:active{transform:scale(.99)}
.tchead{display:flex;align-items:flex-start;gap:10px}
.tctx{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
.tcname{font-size:1.14rem;line-height:1.3}
.tcsub{font-size:.82rem;color:var(--ink2);line-height:1.35}
.tchead .chev{color:var(--ink2);font-size:1.3em;font-weight:700;line-height:1}
.tcends{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin-top:-4px}
.tce{display:flex;flex-direction:column;gap:2px;min-width:0;line-height:1.3}
.tce.r{align-items:flex-end;text-align:right}
.tce .ftavs{margin-bottom:4px}
.tce b{font-size:.88rem}
.tce em{font-style:normal;font-size:.78rem;color:var(--ink2)}
.tcnote{font-size:.8rem;color:var(--ink2);text-align:center}
.glegend{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;background:#F3F5FA;border-radius:16px;padding:12px 14px}
:where(html[data-fb="dark"]) .glegend{background:#1C2336}
.glegend p{flex-basis:100%;font-size:.84rem;line-height:1.55;color:var(--ink2)}
.glk{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:700;color:var(--ink)}
.ftk{color:var(--hdblk)}
.ftk i{background:var(--hdblk)}
.ftcount{color:var(--hdblk);background:#EEF1F8}
:where(html[data-fb="dark"]) .ftcount{background:#1C2538}
.ftgate{background:#F3F5FA}
:where(html[data-fb="dark"]) .ftgate{background:#1C2336}
.ftgate small{color:var(--ink2)}
.ftjoin{display:flex;height:8px;background:none;border-radius:0}
.ftmid i{position:static;height:8px;animation:none;background-size:auto}
.ftmid{display:flex;align-items:center}
.ftmean{background:#F3F5FA}
:where(html[data-fb="dark"]) .ftmean{background:#1C2336}
.ftmean .l{color:var(--hdblk)}
.pcl{display:inline-flex;align-items:center;gap:6px;color:var(--ink)}
.pcl svg{fill:none;stroke:var(--ink2);stroke-width:2}
.pcl small{color:var(--ink2);font-weight:700}
.pci{background:#F3F5FA;padding:4px 10px 4px 4px;gap:8px}
:where(html[data-fb="dark"]) .pci{background:#1C2336}
.pci.more{color:var(--ink2);font-weight:700}
.pcis{flex-direction:column;align-items:flex-start}
.plinks .plg h3{display:flex;align-items:center;gap:8px;color:var(--ink)}
.plinks .plg h3 svg{fill:none;stroke:var(--ink2);stroke-width:2}
.ftbr{align-items:center}
.fthero .gdot{box-shadow:0 0 0 3px #fff,0 2px 10px rgba(0,0,0,.2)}
:where(html[data-fb="dark"]) .fthero .gdot{box-shadow:0 0 0 3px #182239,0 2px 10px rgba(0,0,0,0.48)}
.fthero .gdot.s-b{box-shadow:inset 0 0 0 4px var(--hdred),0 0 0 3px #fff}
:where(html[data-fb="dark"]) .fthero .gdot.s-b{box-shadow:inset 0 0 0 4px var(--hdred),0 0 0 3px #182239}
.tlbox{align-items:stretch;justify-content:flex-start}
.tchead{width:100%}
.tce{align-items:flex-start}
.tce.r{align-items:flex-end}
.gdot.s-c,.gdot.s-u,.gdot.s-b{color:#fff!important}
.gdot.s-n{color:#8A91A8!important}
:where(html[data-fb="dark"]) .gdot.s-n{color:#B9C1D8 !important}
.lsearch{display:flex;align-items:center;gap:8px;background:#fff;border-radius:16px;padding:0 14px;margin-top:14px;box-shadow:0 1px 0 rgba(31,42,92,.05),0 4px 14px rgba(31,42,92,.07);border:1.5px solid transparent}
:where(html[data-fb="dark"]) .lsearch{background:#182239;box-shadow:0 1px 0 rgba(0,0,0,0.12),0 4px 14px rgba(0,0,0,0.17)}
.lsearch:focus-within{border-color:#6AA8EC}
.lsearch svg{fill:none;stroke:var(--ink2);stroke-width:2;stroke-linecap:round;flex:none}
.lsearch input{flex:1;min-width:0;border:0;outline:0;background:none;font:inherit;font-size:1rem;color:var(--ink);padding:13px 0}
.lsh{font-size:1.02rem;margin:18px 0 8px}
.lqnone{margin-top:14px;font-size:.92rem;color:var(--ink2);text-align:center;background:#F3F5FA;border-radius:14px;padding:14px}
:where(html[data-fb="dark"]) .lqnone{background:#1C2336}
.lgrid>.lq{display:contents}
.lgrid>.lq[hidden]{display:none!important}
.tiles3.tchap .tile{align-items:center;gap:10px;min-height:68px;border:0;color:#fff;background:linear-gradient(135deg,var(--g1),var(--g2));box-shadow:0 6px 16px rgba(31,42,92,.14)}
:where(html[data-fb="dark"]) .tiles3.tchap .tile{box-shadow:0 6px 16px rgba(0,0,0,0.34)}
.tiles3.tchap .tile b{color:#fff;font-size:1rem;line-height:1.3;text-shadow:0 1px 6px rgba(0,0,0,.18)}
.tiles3.tchap .tile .ic{background:rgba(255,255,255,.22)!important;flex:none}
.tiles3.tchap .tile .ic svg{stroke:#fff}
.tiles3.tchap .tile .tx{justify-content:center}
.ncols.one{display:block}
.ncols.one>.stack{max-width:520px;margin:0 auto}
.cenlist .lrow{display:flex;align-items:center;justify-content:flex-start;gap:12px;width:100%;text-align:left}
.cenlist .lrow svg{flex:none}
.cenlist .lrow .tx{flex:1;min-width:0}
.cenlist .lrow .chev{flex:none;margin-left:auto}
.bg8 .cdeco text{font-family:inherit;letter-spacing:.01em}
.bg8 .cpulse{animation:cpulse 2.4s ease-in-out infinite}
.bg8 .cpulse2{animation:cpulse2 2.4s ease-in-out infinite}
@keyframes cpulse{0%,100%{opacity:.08}50%{opacity:1}}
@keyframes cpulse2{0%,100%{opacity:.55}50%{opacity:1}}
.lg3{display:flex;flex-direction:column;gap:8px;margin-bottom:6px}
.lgitem{display:flex;align-items:center;gap:12px;background:#F6F7FB;border-radius:16px;padding:9px 12px}
:where(html[data-fb="dark"]) .lgitem{background:#1C2136}
.lgitem>span:last-child{display:flex;flex-direction:column;line-height:1.3;min-width:0}
.lgitem b{font-size:.98rem;color:var(--ink)}
.lgitem small{font-size:.8rem;color:var(--ink2)}
.lgsw{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;flex:none}
.lgsw.st{color:#fff;background:linear-gradient(135deg,#F37465,#F6CF57,#6FCB98,#45C3AC);background-size:220% 220%;animation:lgflow 6s ease-in-out infinite alternate}
.lgsw.pe{color:#E0603F;background:#fff;box-shadow:inset 0 0 0 3px #F37465;animation:lgblink 2.4s ease-in-out infinite}
:where(html[data-fb="dark"]) .lgsw.pe{color:#EDA08D;background:#182239}
.lgsw.pe svg{animation:cpulse2 2.4s ease-in-out infinite}
.lgsw.op{color:#8A91A8;background:#fff;box-shadow:inset 0 0 0 2px #C3CADB}
:where(html[data-fb="dark"]) .lgsw.op{color:#B9C1D8;background:#182239}
@keyframes lgflow{to{background-position:100% 100%}}
@keyframes lgblink{0%,100%{box-shadow:inset 0 0 0 3px rgba(243,116,101,.12)}50%{box-shadow:inset 0 0 0 3px #F37465,0 0 0 4px rgba(243,116,101,.18)}}
.chartcta{width:100%;border:0;color:#fff!important;font-size:1.05rem;font-weight:800;padding:14px 16px;border-radius:16px;letter-spacing:.01em;text-shadow:0 1px 6px rgba(0,0,0,.18);
  background:linear-gradient(90deg,#5FAF8E,#6AA8EC,#B184EC,#F47E62,#F7B24C,#5FAF8E);background-size:200% 100%;background-repeat:repeat-x;animation:ctaflow 10s linear infinite;box-shadow:0 6px 18px rgba(106,168,236,.28)}
@media (prefers-reduced-motion:reduce){.bg8 .cpulse,.bg8 .cpulse2,.lgsw.st,.lgsw.pe,.lgsw.pe svg,.chartcta{animation:none}}
.ptabs{grid-template-columns:repeat(4,auto);justify-content:space-between;column-gap:4px}
.ptabs button{white-space:nowrap;padding:0 6px;font-size:1.1em;min-height:52px}
@media (max-width:360px){.ptabs button{font-size:1em;padding:0 4px}}
@media (min-width:700px){.ptabs{justify-content:start;column-gap:30px;padding-left:18px}
.ptabs button{font-size:1.22em;padding:0 4px;min-height:56px}}
.bg8 .cblink{opacity:0;animation:cblink 5.6s ease-in-out infinite}
@keyframes cblink{0%,64%{opacity:0}74%,84%{opacity:1}94%,100%{opacity:0}}
.lgsw.pe{position:relative;background:#fff;box-shadow:0 1px 5px rgba(31,42,92,.16);color:#1F2A5C;animation:none}
:where(html[data-fb="dark"]) .lgsw.pe{background:#182239;box-shadow:0 1px 5px rgba(0,0,0,0.38);color:#E8ECF7}
.lgsw.pe::before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,#7BA2EE,#4A7BE0,#2D57B8);opacity:0;animation:cblink 5.6s ease-in-out infinite}
.lgsw.pe svg{position:relative;animation:none}
.lgsw.st{background:linear-gradient(135deg,#A77BE8,#4A7BE0,#5BC0EB,#6FCB98,#F6CF57,#EF5350);background-size:220% 220%}
@media (prefers-reduced-motion:reduce){.bg8 .cblink,.lgsw.pe::before{animation:none}}
.lgsw.st,.lgsw.pe::before{background:linear-gradient(120deg,#5FAF8E,#6AA8EC,#B184EC,#F47E62,#F7B24C,#5FAF8E);background-size:300% 300%}
.lgsw.st{animation:lgflow2 7s linear infinite}
.lgsw.pe::before{animation:cblink 5.6s ease-in-out infinite,lgflow2 7s linear infinite}
.lgsw.op{background:#fff;box-shadow:inset 0 0 0 2px #C3CADB}
:where(html[data-fb="dark"]) .lgsw.op{background:#182239}
@keyframes lgflow2{0%{background-position:0% 50%}100%{background-position:300% 50%}}
@media (prefers-reduced-motion:reduce){.lgsw.st,.lgsw.pe::before{animation:none}}
.gdoms{display:flex;flex-direction:column;gap:10px}
.gdom{padding:0;overflow:hidden}
.gdom summary{list-style:none;display:flex;align-items:center;gap:12px;padding:14px 16px;cursor:pointer}
.gdom summary::-webkit-details-marker{display:none}
.gdom summary h2{flex:1;min-width:0;font-size:1.05rem;margin:0}
.gdom summary .chev{color:var(--ink2);font-size:1.3em;font-weight:700;transition:transform .2s}
.gdom[open] summary .chev{transform:rotate(90deg)}
.gdomb{padding:0 16px 16px}
.gsits>.lq[hidden]{display:none!important}
.av>img{width:100%!important;height:100%!important;object-fit:cover;max-width:none}
body.inapp .hdr .art .av>img,.hdr .art .av>img,.cover .fig .av>img{width:100%!important;height:100%!important}
.covlist{margin-top:16px;gap:12px}
.covlist .toc .n{background:var(--tl);color:var(--td)}
:where(html[data-fb="dark"]) .covlist .toc .n{background:color-mix(in srgb,var(--tc,var(--td)) 18%,#182239);color:color-mix(in srgb,var(--td) 36%,#F1F4FB)}
.covlist .toc .n.done{background:var(--tc);color:#fff}
.covlist .toc button{border-left:4px solid var(--tc)}
.covlist .toc .chev{margin-left:auto;color:var(--td);font-size:1.3em;font-weight:700}
:where(html[data-fb="dark"]) .covlist .toc .chev{color:color-mix(in srgb,var(--td) 36%,#F1F4FB)}
.covcta{color:#fff!important;border:0;font-weight:800;font-size:1.04rem;padding:15px;border-radius:16px;text-shadow:0 1px 6px rgba(0,0,0,.2);
  background:linear-gradient(90deg,var(--g1),var(--g2),var(--g3),var(--g2),var(--g1));background-size:200% 100%;animation:ctaflow 8s linear infinite;box-shadow:0 6px 18px rgba(31,42,92,.18)}
:where(html[data-fb="dark"]) .covcta{box-shadow:0 6px 18px rgba(0,0,0,0.43)}
.chero.cov .chk{white-space:normal}
@media (prefers-reduced-motion:reduce){.covcta{animation:none}}
.chero.cov .chk{text-transform:none;letter-spacing:.02em;font-size:.72em}
.sosban{position:relative;border-radius:22px;overflow:hidden;background:linear-gradient(135deg,#FFE7DF,#FFF3D6);margin-top:6px;box-shadow:0 1px 0 rgba(31,42,92,.05),0 6px 18px rgba(31,42,92,.08)}
:where(html[data-fb="dark"]) .sosban{background:linear-gradient(135deg,#442014,#463814);box-shadow:0 1px 0 rgba(0,0,0,0.12),0 6px 18px rgba(0,0,0,0.19)}
.sosban img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}
.sostx{padding:14px 16px 16px;display:grid;gap:6px}
.sostx b{font-size:1.06rem;line-height:1.35;color:var(--ink)}
.sostx p{margin:0;font-size:.92rem;line-height:1.5;color:var(--ink2)}
.soschip{justify-self:start;background:#E5484D;color:#fff;font-weight:800;letter-spacing:.12em;font-size:.78rem;padding:4px 10px 3px;border-radius:999px;box-shadow:0 2px 0 #B3262B}
.gsmore{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;margin-top:10px;padding:12px 14px;border-radius:14px;border:1.5px dashed rgba(31,42,92,.22);background:transparent;font:inherit;font-weight:700;color:var(--ink);cursor:pointer}
.gsmore span{font-size:1.1rem;line-height:1;color:var(--ink2)}
.gsmore[hidden]{display:none!important}
.sitebtn{height:36px;display:inline-flex;align-items:center;gap:6px;border-radius:99px;border:0;background:#fff;box-shadow:0 1px 2px rgba(22,34,90,.06),0 4px 14px rgba(22,34,90,.08);padding:0 13px 0 11px;font:inherit;font-weight:700;font-size:.82em;color:var(--ink);cursor:pointer;flex:none;white-space:nowrap}
:where(html[data-fb="dark"]) .sitebtn{background:#182239;box-shadow:0 1px 2px rgba(0,0,0,0.14),0 4px 14px rgba(0,0,0,0.19)}
.sitebtn svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
@media (max-width:359px){.sitebtn span{display:none}
.sitebtn{padding:0 10px}
.brand .bt small{display:none}}
@media (max-width:520px){.top:has(.sitebtn){gap:6px}
.top:has(.sitebtn) .brand .bt small{display:none}
.top:has(.sitebtn) .brand .bt b{white-space:nowrap;font-size:15px}
.top:has(.sitebtn) .brand svg{width:34px;height:34px}}
.gcov{margin-top:14px;border-radius:24px;overflow:hidden;background:#fff;box-shadow:0 1px 0 rgba(31,42,92,.05),0 8px 22px rgba(31,42,92,.09)}
:where(html[data-fb="dark"]) .gcov{background:#182239;box-shadow:0 1px 0 rgba(0,0,0,0.12),0 8px 22px rgba(0,0,0,0.22)}
.gcpic{position:relative;aspect-ratio:3/2;background:linear-gradient(135deg,var(--g1),var(--g3));max-width:100%}
.gcpic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.gcbody{display:flex;gap:14px;align-items:flex-start;padding:0 16px 16px}
.gcnum{flex:none;margin-top:-34px;position:relative;min-width:96px;padding:10px 14px 8px;border-radius:20px;color:#fff;text-align:center;
  background:linear-gradient(135deg,var(--g1),var(--g2) 50%,var(--g3));box-shadow:0 6px 16px rgba(31,42,92,.22),inset 0 2px 0 rgba(255,255,255,.35);border:3px solid #fff}
:where(html[data-fb="dark"]) .gcnum{box-shadow:0 6px 16px rgba(0,0,0,0.5),inset 0 2px 0 rgba(255,255,255,.35);border:3px solid rgba(255,255,255,0.1)}
.gcnum span{display:block;font-weight:800;font-size:1.05rem;letter-spacing:.02em;line-height:1.1;text-shadow:0 1px 2px rgba(0,0,0,.18)}
.gcnum b{display:block;font-family:var(--display);font-weight:800;font-size:3.1rem;line-height:1;letter-spacing:-.02em;text-shadow:0 2px 4px rgba(0,0,0,.2)}
.gctx{min-width:0;padding-top:12px}
.gctx h2{font-size:1.35rem;line-height:1.25;text-wrap:balance}
.gctx p{margin:4px 0 0;color:var(--ink2)}
.gccen{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font-size:.85rem;font-weight:700;color:var(--ink2);background:#F4F6FB;border-radius:99px;padding:4px 10px 4px 6px}
:where(html[data-fb="dark"]) .gccen{background:#1A2337}
.gcnum.lt{color:#4A2C05}
:where(html[data-fb="dark"]) .gcnum.lt{color:#F0C389}
.gcnum.lt span,.gcnum.lt b{text-shadow:0 1px 0 rgba(255,255,255,.45)}
.lgsw.pe::before{opacity:1;animation:none;clip-path:inset(0 0 0 50%);background-size:100% 100%;background-position:center}
.lgsw.pe{box-shadow:0 1px 5px rgba(31,42,92,.16),inset 0 0 0 1.5px #D5DAE8}
:where(html[data-fb="dark"]) .lgsw.pe{box-shadow:0 1px 5px rgba(0,0,0,0.38),inset 0 0 0 1.5px #D5DAE8}
.lgsw.pe::before{inset:0 0 0 50%;clip-path:none;border-radius:0 13px 13px 0;background:linear-gradient(160deg,#F47E62,#F7B24C,#5FAF8E,#6AA8EC,#B184EC)}
button.sosban{display:block;width:100%;padding:0;border:0;text-align:left;font:inherit;color:inherit;cursor:pointer;background:linear-gradient(135deg,#FFE3DC,#FFF1D6);border-radius:22px;overflow:hidden;margin-top:6px;box-shadow:0 1px 0 rgba(31,42,92,.05),0 8px 22px rgba(214,60,50,.16);transition:transform .15s ease}
:where(html[data-fb="dark"]) button.sosban{background:linear-gradient(135deg,#451E14,#463514);box-shadow:0 1px 0 rgba(0,0,0,0.12),0 8px 22px rgba(214,60,50,.16)}
button.sosban:active{transform:scale(.985)}
.sosban .sospic{display:block;position:relative;aspect-ratio:16/9;background:#2B1B3A}
.sosban .sospic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.sosban .sostx{display:grid;gap:6px;padding:14px 16px 16px}
.sosban .sostx b{font-size:1.08rem;line-height:1.35;color:var(--ink)}
.sosban .sossub{font-size:.92rem;line-height:1.5;color:var(--ink2)}
.sosban .soscta{justify-self:start;display:inline-flex;align-items:center;gap:8px;margin-top:4px;padding:10px 16px;border-radius:999px;background:#E5484D;color:#fff;font-weight:800;box-shadow:0 3px 0 #B3262B}
.sosban .soscta span{font-size:1.2rem;line-height:1}
.sitlist .soshero{position:relative;border-radius:22px;overflow:hidden;aspect-ratio:16/9;background:#2B1B3A;box-shadow:0 8px 22px rgba(214,60,50,.16)}
.sitlist .soshero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.sitlist h1{text-wrap:balance}
.sosban .sospic img,.sitlist .soshero img{object-position:50% 0%}
.tcard .egraph{width:100%;display:flex;flex-direction:column;align-items:center;gap:2px;margin:-2px 0 2px}
.tcard .egraph svg{width:100%;max-width:170px;height:auto;overflow:visible}
.tcard .egraph .egline{fill:none;stroke:var(--ec);stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}
.tcard .egraph .egbase{stroke:var(--ec);stroke-opacity:.25;stroke-width:1.5;stroke-dasharray:3 4}
.tcard .egraph .egdot{fill:#fff;stroke:var(--ed);stroke-width:2.4}
.tcard .egraph small{font-size:.74em;font-weight:700;color:var(--ed);line-height:1.3}
@media (prefers-reduced-motion:reduce){.tcard .egraph .egdot{display:none}}
.feat .fh{display:flex;align-items:center;gap:14px}
.feat .ficon{flex:none;width:64px;height:64px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,var(--f1),var(--f2));box-shadow:inset 0 -3px 0 rgba(31,42,92,.05),0 6px 14px rgba(31,42,92,.08)}
:where(html[data-fb="dark"]) .feat .ficon{box-shadow:inset 0 -3px 0 rgba(0,0,0,0.12),0 6px 14px rgba(0,0,0,0.19)}
.feat .ficon svg{width:46px;height:46px;overflow:visible}
.feat h3{font-size:1.24em;line-height:1.3;margin:0;min-width:0;text-wrap:balance}
.feat p{font-size:.95em;line-height:1.6;color:var(--ink2)}
.mkwho{display:flex;gap:18px;align-items:center;max-width:820px;margin:0 auto 26px;background:#fff;border-radius:24px;padding:18px 20px;box-shadow:var(--shadow)}
:where(html[data-fb="dark"]) .mkwho{background:#182239}
.mkwho .mkav{width:88px;height:88px;flex:none;box-shadow:0 0 0 4px #fff,0 0 0 6px #F7B24C}
:where(html[data-fb="dark"]) .mkwho .mkav{box-shadow:0 0 0 4px #182239,0 0 0 6px #F7B24C}
.mkwho .mkname{font-family:var(--display);font-size:1.35em;color:var(--ink)}
.mkwho .mkrole{font-size:.85em;font-weight:700;color:#C98E06}
.mkwho p{margin:0;font-size:.95em;line-height:1.6;color:var(--ink2)}
.mkgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.mkstep{background:#fff;border-radius:22px;overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column}
:where(html[data-fb="dark"]) .mkstep{background:#182239}
.mkstep .mkpic{position:relative;display:block;aspect-ratio:4/3;background:linear-gradient(135deg,#EAF2FD,#F3ECFD)}
:where(html[data-fb="dark"]) .mkstep .mkpic{background:linear-gradient(135deg,#142741,#261440)}
.mkstep .mkpic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 25%}
.mkstep .mklogo{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(135deg,#E9F6EF,#EAF2FD 50%,#F3ECFD)}
:where(html[data-fb="dark"]) .mkstep .mklogo{background:linear-gradient(135deg,#1D3A2A,#142741 50%,#261440)}
.mkstep .mkn{position:absolute;left:12px;bottom:-16px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-family:var(--display);font-weight:800;color:#fff;background:linear-gradient(135deg,#F7B24C,#F47E62);box-shadow:0 0 0 3px #fff}
:where(html[data-fb="dark"]) .mkstep .mkn{box-shadow:0 0 0 3px #182239}
.mkstep .mktx{padding:24px 16px 18px;display:grid;gap:6px}
.mkstep h3{font-size:1.08em;line-height:1.3;margin:0}
.mkstep p{margin:0;font-size:.9em;line-height:1.6;color:var(--ink2)}
@media (max-width:980px){.mkgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.mkwho{flex-direction:column;text-align:center;padding:18px 16px}
.mkgrid{grid-template-columns:minmax(0,1fr);gap:12px}
.mkstep{flex-direction:row;align-items:stretch}
.mkstep .mkpic{width:112px;flex:none;aspect-ratio:auto;min-height:132px}
.mkstep .mkn{left:auto;right:-14px;bottom:auto;top:12px;width:30px;height:30px;font-size:.9em}
.mkstep .mktx{padding:14px 14px 14px 22px}
.mkstep .mklogo svg{width:52px;height:52px}}
.slock{position:relative;cursor:not-allowed}
.slock>:not(.lockb){opacity:.55;filter:saturate(.55)}
.lockb{position:absolute;top:6px;right:6px;width:26px;height:26px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 2px 6px rgba(31,42,92,.18);z-index:3;pointer-events:none}
:where(html[data-fb="dark"]) .lockb{background:#182239;box-shadow:0 2px 6px rgba(0,0,0,0.43)}
.lockb svg{width:16px;height:16px}
.tabs .slock .lockb{top:2px;right:calc(50% - 26px);width:20px;height:20px}
.tabs .slock .lockb svg{width:12px;height:12px}
.samplebar .sbnote{font-size:.8em;opacity:.85;margin-left:6px}
.samplebar .sbnote{display:block;margin:2px 0 0;font-weight:600}
.more.slock .lockb,.link.slock .lockb{position:static;display:inline-grid;vertical-align:middle;width:20px;height:20px;margin-left:4px;box-shadow:0 1px 3px rgba(31,42,92,.18)}
:where(html[data-fb="dark"]) .more.slock .lockb,
:where(html[data-fb="dark"]) .link.slock .lockb{box-shadow:0 1px 3px rgba(0,0,0,0.43)}
.more.slock .lockb svg,.link.slock .lockb svg{width:13px;height:13px}
.btn.btn5{color:#fff;border:0;background:linear-gradient(110deg,#5FAF8E,#6AA8EC,#B184EC,#F47E62,#F7B24C,#5FAF8E,#6AA8EC);background-size:300% 100%;animation:btn5flow 6s ease-in-out infinite alternate;box-shadow:0 8px 20px rgba(177,132,236,.32),inset 0 1px 0 rgba(255,255,255,.35);text-shadow:0 1px 2px rgba(31,42,92,.25)}
.btn.btn5:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(177,132,236,.42),inset 0 1px 0 rgba(255,255,255,.35)}
@keyframes btn5flow{0%{background-position:0% 50%}100%{background-position:100% 50%}}
@media (prefers-reduced-motion:reduce){.btn.btn5{animation:none}}
.snav .btn,.snav .slink{white-space:nowrap}
@media (max-width:1180px){.snav .slinks{display:none}
.snav .smenu-btn{display:grid}}
.cmp3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:6px 0 4px}
.cmpc{background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px;display:flex;flex-direction:column;gap:8px}
:where(html[data-fb="dark"]) .cmpc{background:#182239}
.cmpc.hd{background:linear-gradient(145deg,#F3ECFD,#EAF2FD);border-color:transparent;box-shadow:0 6px 18px rgba(177,132,236,.18)}
:where(html[data-fb="dark"]) .cmpc.hd{background:linear-gradient(145deg,#261440,#142741)}
.cmpc .cmpe{font-size:1.6em;line-height:1}
.cmpc h3{font-size:1.08em;margin:0}
.cmpc p{margin:0;font-size:.93em;line-height:1.6;color:var(--ink2)}
.cmpc .cmpt{align-self:flex-start;margin-top:auto;font-size:.8em;font-weight:800;color:#7A4BD9;background:#fff;border-radius:99px;padding:4px 10px;box-shadow:0 1px 3px rgba(31,42,92,.08)}
:where(html[data-fb="dark"]) .cmpc .cmpt{color:#AE92E8;background:#182239;box-shadow:0 1px 3px rgba(0,0,0,0.19)}
@media (max-width:760px){.cmp3{grid-template-columns:minmax(0,1fr)}}
.learnsec{padding-top:8px}
.learnband{width:100%;display:flex;align-items:center;gap:22px;text-align:left;font:inherit;color:inherit;cursor:pointer;border:0;border-radius:30px;padding:30px 30px;background:linear-gradient(120deg,#E9F6EF,#EAF2FD 30%,#F3ECFD 55%,#FFEDE7 78%,#FFF4DF);box-shadow:0 10px 30px rgba(177,132,236,.18);transition:transform .15s ease,box-shadow .15s ease}
:where(html[data-fb="dark"]) .learnband{background:linear-gradient(120deg,#1D3A2A,#142741 30%,#261440 55%,#421F13 78%,#443314)}
.learnband:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(177,132,236,.26)}
.learnband:active{transform:scale(.99)}
.learnband .lbart{flex:none;width:104px;height:104px;border-radius:28px;background:#fff;display:grid;place-items:center;box-shadow:0 6px 16px rgba(31,42,92,.08)}
:where(html[data-fb="dark"]) .learnband .lbart{background:#182239;box-shadow:0 6px 16px rgba(0,0,0,0.19)}
.learnband .lbtx{display:grid;gap:8px;min-width:0;flex:1}
.learnband small{font-weight:800;font-size:.9em;color:#7A4BD9;letter-spacing:.02em}
:where(html[data-fb="dark"]) .learnband small{color:#AE92E8}
.learnband b{font-family:var(--display);font-size:2.1em;line-height:1.2;color:var(--ink);text-wrap:balance}
.learnband .lbsub{font-size:1.02em;line-height:1.55;color:var(--ink2)}
.learnband .lbgo{flex:none;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:2.2em;font-weight:800;line-height:1;padding-bottom:4px;background:linear-gradient(110deg,#5FAF8E,#6AA8EC,#B184EC,#F47E62,#F7B24C);background-size:300% 100%;animation:btn5flow 6s ease-in-out infinite alternate;box-shadow:0 8px 18px rgba(177,132,236,.35)}
@media (max-width:760px){.learnband{flex-direction:column;align-items:flex-start;gap:14px;padding:24px 20px}
.learnband .lbart{width:76px;height:76px;border-radius:22px}
.learnband .lbart svg{width:56px;height:56px}
.learnband b{font-size:1.6em}
.learnband .lbgo{align-self:flex-end;width:56px;height:56px;margin-top:-6px}}
.sback{border-top:1px solid var(--line)}
.sback .wrap{min-height:0;padding-block:6px}
.sbackbtn{display:inline-flex;align-items:center;gap:6px;border:0;background:#F2F4FA;color:var(--ink);font:inherit;font-weight:800;font-size:.95em;padding:7px 14px 7px 10px;border-radius:99px;cursor:pointer}
:where(html[data-fb="dark"]) .sbackbtn{background:#1B2237}
.sbackbtn span{font-size:1.35em;line-height:1;margin-top:-2px}
.sbackbtn:hover{background:#E7EBF6}
:where(html[data-fb="dark"]) .sbackbtn:hover{background:#1D253B}
.stoc{top:140px}
.btnpair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;max-width:520px}
.btnpair.center{margin-inline:auto}
.btnpair .btn{width:100%;min-height:58px;margin:0;justify-content:center;text-align:center;white-space:nowrap}
@media (max-width:560px){.btnpair{grid-template-columns:minmax(0,1fr);max-width:none}}
.learnband .lbtx b{font-size:2.2em;line-height:1.25}
.learnband .lbcta{flex:none;display:flex;flex-direction:column;align-items:center;gap:6px}
.learnband .lbtap{font-size:.92em;font-weight:800;color:#7A4BD9;white-space:nowrap}
:where(html[data-fb="dark"]) .learnband .lbtap{color:#AE92E8}
@media (max-width:760px){.learnband .lbtx b{font-size:1.7em}
.learnband .lbcta{align-self:stretch;flex-direction:row;justify-content:flex-end;gap:10px}
.learnband .lbgo{align-self:auto;margin-top:0}}
.learnband .nw{white-space:nowrap}
@media (max-width:760px){.learnband .lbtx b{font-size:1.55em}}
.ssec h2.h2xl{font-size:clamp(2.2em,5vw,3.6em);line-height:1.18}
.eyebrow.exl{font-size:clamp(1.15em,2.2vw,1.45em);padding:10px 22px 10px 16px;gap:10px;font-weight:800;color:var(--ink);text-align:center;line-height:1.35;box-shadow:0 2px 10px rgba(22,34,90,.07)}
:where(html[data-fb="dark"]) .eyebrow.exl{box-shadow:0 2px 10px rgba(0,0,0,0.17)}
.hdsgo{margin-top:18px;min-height:60px;font-size:1.06em}
.hdshead{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.hdshead .sub{font-weight:700;color:var(--muted);font-size:.9em}
.hdtp{color:#fff;border-radius:99px;padding:4px 14px;font-weight:800;font-size:.84em;font-family:var(--display)}
.hdsgrid{display:grid;gap:14px;align-items:start}
.hdschart{padding:12px 6px}
.hdstable{padding:8px 16px 14px}
.hsrow{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);gap:12px;padding:10px 8px;border-bottom:1px solid var(--line);align-items:start}
.hsrow:last-of-type{border-bottom:0}
.hsrow .k b{display:block;color:var(--ink);font-size:.92em;line-height:1.35}
.hsrow .k small{display:block;color:var(--muted);font-size:.72em;font-weight:700;letter-spacing:.02em;font-family:var(--display)}
.hsrow .v{min-width:0}
.hsrow .v b{display:block;color:var(--ink);font-family:var(--display);line-height:1.35;overflow-wrap:break-word}
.hsrow .v small{display:block;color:var(--muted);font-size:.82em;line-height:1.45;margin-top:2px}
.hsrow.hl{background:var(--tl);border:2px solid var(--tb);border-bottom-width:0;border-radius:14px 14px 0 0;margin-top:6px}
:where(html[data-fb="dark"]) .hsrow.hl{background:color-mix(in srgb,var(--tc,var(--td)) 18%,#182239)}
.hsrow.hl+.hsrow.hl{border-top:0;border-bottom-width:2px;border-radius:0 0 14px 14px;margin:0 0 6px}
.hwarn{font-style:normal;color:#C98E06}
.hdsdl{display:flex;flex-direction:column;gap:8px}
.hdsbtns{display:grid;gap:10px;margin-top:4px}
@media (min-width:640px){.hdsbtns{grid-template-columns:1fr 1fr}}
.hdsbtns .btn{margin:0}
.sigflow{--ok:#23935F;--okl:#EAF7F0;--wn:#B7791F;--wnl:#FFF6E0}
:where(html[data-fb="dark"]) .sigflow{--okl:#1C3A2A;--wnl:#433614}
.sfstart{background:var(--tl);box-shadow:inset 0 0 0 2px var(--tm);border-radius:16px;padding:12px 14px;text-align:center;margin-top:4px}
:where(html[data-fb="dark"]) .sfstart{background:color-mix(in srgb,var(--tc,var(--td)) 18%,#182239)}
.sfstart b{display:block;font-family:var(--display);font-size:1.55em;font-weight:800;color:var(--td);line-height:1.3;text-wrap:balance}
:where(html[data-fb="dark"]) .sfstart b{color:color-mix(in srgb,var(--td) 36%,#F1F4FB)}
.sfstart span{display:block;font-size:.86em;color:var(--ink2);line-height:1.5;margin-top:4px;text-wrap:balance}
.sffork{position:relative;height:30px}
.sffork::before{content:"";position:absolute;left:50%;top:0;height:14px;border-left:2px solid #C3CADB}
:where(html[data-fb="dark"]) .sffork::before{border-left:2px solid #343E56}
.sffork i{position:absolute;top:14px;height:16px;width:calc(25% - 2px)}
.sffork i.l{left:calc(25% - 2px);border-top:2px solid var(--ok);border-left:2px solid var(--ok);border-top-left-radius:12px}
.sffork i.r{left:50%;border-top:2px solid var(--wn);border-right:2px solid var(--wn);border-top-right-radius:12px}
.sfgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.sfbox{border-radius:16px;padding:12px;display:flex;flex-direction:column;gap:3px;min-width:0}
.sfbox.ok{background:var(--okl);box-shadow:inset 0 0 0 1.5px rgba(35,147,95,.28)}
.sfbox.wn{background:var(--wnl);box-shadow:inset 0 0 0 1.5px rgba(183,121,31,.3)}
.sfl{display:inline-flex;align-items:center;gap:5px;font-size:.8em;font-weight:800}
.sfbox.ok .sfl,.sfbox.ok .sfw{color:var(--ok)}
.sfbox.wn .sfl,.sfbox.wn .sfw{color:var(--wn)}
.sfbox .sfs{display:flex;align-items:flex-start;gap:5px;font-size:.8em;font-weight:800;line-height:1.35}
.sfbox .sfs svg{margin-top:1px}
.sfbox.ok .sfs{color:var(--ok)}
.sfbox.wn .sfs{color:var(--wn)}
.sfbox .sfw{font-family:var(--display);font-size:1.32em;font-weight:800;line-height:1.2}
.sfbox .sfe{font-size:.72em;color:var(--muted);font-weight:700;font-family:var(--display)}
.sfbox p{font-size:.86em;color:var(--ink2);line-height:1.5;margin-top:6px}
.sfbox p b{color:var(--ink)}
.sfbox .sftry{background:#fff;border-radius:10px;padding:7px 9px;font-size:.82em;margin-top:8px}
:where(html[data-fb="dark"]) .sfbox .sftry{background:#182239}
.world{display:grid;grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:16px 8px;overflow:visible}
.world div{width:auto;font-size:.88em;gap:8px}
.world i{width:76px;height:76px;font-size:2.35em;box-shadow:0 4px 12px rgba(22,34,90,.08)}
:where(html[data-fb="dark"]) .world i{box-shadow:0 4px 12px rgba(0,0,0,0.19)}
.gdomb .gl{display:block;font-family:var(--display);font-size:.92em;color:var(--ink);margin:4px 0 6px}
.gcom{margin:0 0 12px;padding-left:1.2em;display:flex;flex-direction:column;gap:6px;color:var(--ink2);line-height:1.6}
.gwhy{background:var(--bg2);border-radius:14px;padding:10px 12px;margin-bottom:14px}
.gwhy b{font-size:.85em;color:var(--ink)}
.gwhy p{color:var(--ink2);line-height:1.6;margin-top:2px}
.gtry{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}
.gti{display:flex;gap:10px;align-items:flex-start;background:#fff;border-radius:14px;padding:10px 12px;box-shadow:inset 0 0 0 1.5px var(--line)}
:where(html[data-fb="dark"]) .gti{background:#182239}
.gtn{flex:none;width:26px;height:26px;border-radius:50%;background:var(--green-l);color:#20834B;display:grid;place-items:center;font-weight:800;font-size:.85em;font-family:var(--display)}
:where(html[data-fb="dark"]) .gtn{color:#94E5B7}
.gti p{color:var(--ink2);line-height:1.55}
.gtf{display:inline-flex;align-items:center;gap:5px;margin-top:6px;font-size:.82em;font-weight:800;color:#20834B;background:var(--green-l);border-radius:99px;padding:3px 10px}
:where(html[data-fb="dark"]) .gtf{color:#94E5B7}
.gdoc ul{margin:4px 0 0;padding-left:1.2em;display:flex;flex-direction:column;gap:4px}
.dhero .dsub{position:relative;margin:-2px 0 0;color:var(--ink2);font-size:.98em;line-height:1.6;text-wrap:pretty}
.dhero .dtheme{position:relative;align-self:flex-start;display:inline-flex;align-items:center;gap:6px;font-size:.8em;font-weight:700;color:#9A6A00;background:rgba(255,255,255,.7);border-radius:99px;padding:4px 11px}
:where(html[data-fb="dark"]) .dhero .dtheme{color:#F0D089;background:rgba(24,34,57,0.7)}
.vs.vsx{position:relative;box-shadow:0 14px 34px rgba(14,20,51,.22);
  background:linear-gradient(160deg,var(--a1) 0%,var(--a2) 100%) left top/50% 100% no-repeat,linear-gradient(200deg,var(--b1) 0%,var(--b2) 100%) right top/50% 100% no-repeat}
:where(html[data-fb="dark"]) .vs.vsx{box-shadow:0 14px 34px rgba(0,0,0,0.5)}
.vs.vsx::before,.vs.vsx::after{content:"";position:absolute;top:0;bottom:0;width:50%;pointer-events:none;mix-blend-mode:screen}
.vs.vsx::before{left:0;background:radial-gradient(70% 55% at 30% 18%,color-mix(in srgb,var(--ga) 55%,transparent),transparent 72%);animation:vsglow 8s ease-in-out infinite alternate}
.vs.vsx::after{right:0;background:radial-gradient(70% 55% at 70% 18%,color-mix(in srgb,var(--gb) 55%,transparent),transparent 72%);animation:vsglow 8s ease-in-out -4s infinite alternate}
@keyframes vsdrift{0%{background-position:0% 40%}100%{background-position:100% 60%}}
@keyframes vsglow{0%{opacity:.3;transform:translateY(0)}100%{opacity:.7;transform:translateY(8%)}}
.vs.vsx>div{position:relative;background:transparent!important;color:#fff}
.vs.vsx>div>b{color:#fff!important;text-shadow:0 2px 10px rgba(0,0,0,.18)}
.vs.vsx>div>.small{color:rgba(255,255,255,.85)}
.vs.vsx>div>div:last-child:not(.vslab){background:rgba(255,255,255,.94);border-radius:14px;padding:5px}
:where(html[data-fb="dark"]) .vs.vsx>div>div:last-child:not(.vslab){background:rgba(24,34,57,0.94)}
.vs.vsx .av,.vs.vsx>div>img{box-shadow:0 0 0 3px rgba(255,255,255,.75)}
:where(html[data-fb="dark"]) .vs.vsx .av,
:where(html[data-fb="dark"]) .vs.vsx>div>img{box-shadow:0 0 0 3px rgba(24,34,57,0.75)}
.vs.vsx>.vsline{grid-column:1/-1;order:3;padding:0 10px 12px;gap:2px}
.vsline svg{display:block;width:100%;height:64px;overflow:visible}
.vsline .plbase{stroke:rgba(255,255,255,.22);stroke-width:1.2;stroke-dasharray:3 5;vector-effect:non-scaling-stroke}
.vsline .plglow{fill:none;stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 4px rgba(255,255,255,.45));vector-effect:non-scaling-stroke}
.vsline .plflow{fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-dasharray:4 14;opacity:.75;animation:plflow 2.2s linear infinite;vector-effect:non-scaling-stroke}
@keyframes plflow{to{stroke-dashoffset:-36}}
.vsline .pldot{fill:#fff;stroke-width:2.2}
.vsline .plnode{fill:#fff}
.vsline .plhalo{fill:rgba(255,255,255,.35);transform-origin:160px 50px;transform-box:view-box;animation:plhalo 2.4s ease-in-out infinite}
@keyframes plhalo{0%,100%{transform:scale(.8);opacity:.35}50%{transform:scale(1.5);opacity:.75}}
.vslab{display:flex;justify-content:space-between;gap:10px;font-size:.78em;font-weight:700;color:rgba(255,255,255,.9)}
.vslab span:last-child{text-align:right}
@media (prefers-reduced-motion:reduce){.vs.vsx::before,.vs.vsx::after,.vsline .plflow,.vsline .plhalo{animation:none}
.vsline .pldot{display:none}}
.pgtags{gap:6px 12px;flex-direction:column}
.pgtags .tytag{font-size:1.2em;padding:9px 18px;white-space:normal;text-align:center}
.pgtags .tytag i{width:11px;height:11px}
.pgtags>i{font-size:1.2em;line-height:1}
@media (min-width:560px){.pgtags{flex-direction:row}}
.vs.vsx .pill{color:var(--ink2)}
.homesos{margin-top:18px}
.dailyc .dghead{font-size:clamp(1.3em,4.6vw,1.55em);line-height:1.4;color:var(--ink);margin:4px 0 0;text-wrap:balance}
.dailyc .dgsub{color:var(--ink2);line-height:1.65;margin:2px 0 4px}
.dgsky{margin-top:6px;border-top:1px solid var(--line);padding-top:10px}
.dgsky>summary{cursor:pointer;list-style:none;font-size:.86em;font-weight:700;color:#2F5FD0;display:flex;align-items:center;gap:6px}
:where(html[data-fb="dark"]) .dgsky>summary{color:#93ACE7}
.dgsky>summary::-webkit-details-marker{display:none}
.dgsky>summary::after{content:"›";font-size:1.2em;transition:transform .2s}
.dgsky[open]>summary::after{transform:rotate(90deg)}
.dgskyin{display:flex;flex-direction:column;gap:8px;margin-top:10px}
.card.dailyc{position:relative;overflow:hidden;border:0;
  background:radial-gradient(95% 75% at 100% 0%,color-mix(in srgb,var(--t2) 34%,transparent) 0%,transparent 62%),radial-gradient(90% 70% at 0% 100%,color-mix(in srgb,var(--t1) 85%,transparent) 0%,transparent 70%),linear-gradient(150deg,var(--t0) 0%,var(--t1) 100%);
  box-shadow:0 10px 28px color-mix(in srgb,var(--t2) 18%,transparent)}
:where(html[data-fb="dark"]) .card.dailyc{background:radial-gradient(95% 75% at 100% 0%,color-mix(in srgb,var(--t2) 34%,transparent) 0%,transparent 62%),radial-gradient(90% 70% at 0% 100%,color-mix(in srgb,color-mix(in srgb,var(--t2,#8FA0D0) 26%,#1A253D) 85%,transparent) 0%,transparent 70%),linear-gradient(150deg,color-mix(in srgb,var(--t2,#8FA0D0) 14%,#172137) 0%,color-mix(in srgb,var(--t2,#8FA0D0) 26%,#1A253D) 100%)}
.dailyc>*{position:relative}
.dailyc>.dcdeco{position:absolute;right:-6px;top:-14px;width:136px;height:auto;pointer-events:none;opacity:.45}
.dcdeco path{fill:none;stroke:var(--t2);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.dailyc .dghead{color:var(--ink)}
.dailyc .trybox{background:rgba(255,255,255,.82);box-shadow:0 2px 10px rgba(22,34,90,.06)}
:where(html[data-fb="dark"]) .dailyc .trybox{background:rgba(24,34,57,0.82);box-shadow:0 2px 10px rgba(0,0,0,0.14)}
.dailyc .rtip{background:rgba(255,255,255,.6)}
:where(html[data-fb="dark"]) .dailyc .rtip{background:rgba(24,34,57,0.6)}
.dailyc .dgsky{border-top-color:rgba(22,34,90,.1)}
.dailyc .dgsky>summary{color:var(--td)}
:where(html[data-fb="dark"]) .dailyc .dgsky>summary{color:color-mix(in srgb,var(--td) 36%,#F1F4FB)}
.vs.vsx::before,.vs.vsx::after{z-index:0}
.vs.vsx>div{z-index:1}
.chero.gwhero{margin:10px 0 4px;padding:0 18px;border-radius:26px;box-shadow:0 12px 30px rgba(14,20,51,.16)}
:where(html[data-fb="dark"]) .chero.gwhero{box-shadow:0 12px 30px rgba(0,0,0,0.38)}
.chero.gwhero .chin{min-height:230px}
.chero.gwhero .art{height:230px}
.gwage{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;line-height:1;text-shadow:0 2px 16px rgba(0,0,0,.22)}
.gwage .gwl{font-size:1.25em;font-weight:800}
.gwage b{font-family:var(--display);font-size:clamp(3.2em,13vw,4.4em);font-weight:800;letter-spacing:-.03em;line-height:.95;font-variant-numeric:tabular-nums}
.gwage .gwu{font-size:1.25em;font-weight:800}
.gwage b{white-space:nowrap}
.gwage.long b{font-size:clamp(2.3em,9.6vw,3.3em)}
.abcover{position:relative;height:clamp(220px,58vw,300px);border-radius:24px;overflow:hidden;margin-bottom:14px;background:radial-gradient(80% 70% at 75% 15%,#3A2A86 0%,transparent 60%),linear-gradient(160deg,#0E1433 0%,#22195A 55%,#0F2E5E 100%);box-shadow:0 14px 34px rgba(14,20,51,.25)}
:where(html[data-fb="dark"]) .abcover{box-shadow:0 14px 34px rgba(0,0,0,0.5)}
.abcsky{position:absolute;inset:0;width:100%;height:100%}
.abtw{fill:#fff;animation:abtw 3.6s ease-in-out infinite}
@keyframes abtw{0%,100%{opacity:.25}50%{opacity:.95}}
.abst{stroke:#BFD3FF;stroke-width:1.4;stroke-linecap:round;stroke-dasharray:18 160;opacity:.7;animation:abst 4s linear infinite}
@keyframes abst{from{stroke-dashoffset:178}to{stroke-dashoffset:0}}
.abring{transform-box:view-box;transform-origin:200px 130px;animation:abspin 90s linear infinite}
@keyframes abspin{to{transform:rotate(360deg)}}
.abring line{stroke:rgba(255,255,255,.45);stroke-width:1.2}
.abrc{fill:none;stroke:rgba(255,255,255,.28);stroke-width:1.2}
.abrc.thin{stroke:rgba(255,255,255,.14)}
.abcbg{position:absolute;left:50%;top:50%;height:68%;aspect-ratio:851/1309;transform:translate(-50%,-50%);filter:drop-shadow(0 0 14px rgba(160,150,255,.55))}
.abcbg svg{width:100%;height:100%}
.abctag{position:absolute;left:14px;bottom:12px;font-family:var(--display);font-weight:800;font-size:.8em;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.85)}
@media (prefers-reduced-motion:reduce){.abtw,.abst,.abring{animation:none}}
.mkstep .mkapp{position:absolute;inset:0;overflow:hidden;
  background:radial-gradient(55% 45% at 50% 38%,rgba(177,132,236,.5),transparent 70%),radial-gradient(38% 32% at 22% 70%,rgba(95,175,142,.35),transparent 70%),radial-gradient(38% 32% at 80% 68%,rgba(244,126,98,.35),transparent 70%),linear-gradient(180deg,#1B2353 0%,#2C2868 62%,#161B44 62.3%,#0E1331 100%)}
.mkapp .mkicon{position:absolute;left:50%;top:62%;transform:translate(-50%,-100%);width:84px;height:84px;border-radius:22px;background:linear-gradient(160deg,#FFFFFF,#F1EEFF);display:grid;place-items:center;box-shadow:0 12px 26px rgba(0,0,0,.4),inset 0 0 0 1px rgba(255,255,255,.7)}
:where(html[data-fb="dark"]) .mkapp .mkicon{background:linear-gradient(160deg,#182239,#1A1240);box-shadow:0 12px 26px rgba(0,0,0,.4),inset 0 0 0 1px rgba(24,34,57,0.7)}
.mkapp .mkicon svg{width:62px;height:62px}
.mkapp .mkrefl{transform:translate(-50%,2px) scaleY(-1);opacity:.32;box-shadow:none;-webkit-mask-image:linear-gradient(to top,#000 0%,transparent 55%);mask-image:linear-gradient(to top,#000 0%,transparent 55%)}
.mkstep .mkn{z-index:2}
@media (max-width:640px){.mkapp .mkicon{width:56px;height:56px;border-radius:15px}
.mkapp .mkicon svg{width:42px;height:42px}}
.mkmore{width:auto;max-width:560px;font-size:1.16em;min-height:64px;padding:14px 34px;border-radius:20px}
#faq .faq summary{font-size:1.14em;line-height:1.45;padding:20px 0}
.hvdaily{background:radial-gradient(95% 75% at 100% 0%,color-mix(in srgb,var(--t2) 34%,transparent),transparent 62%),linear-gradient(150deg,var(--t0),var(--t1))}
:where(html[data-fb="dark"]) .hvdaily{background:radial-gradient(95% 75% at 100% 0%,color-mix(in srgb,var(--t2) 34%,transparent),transparent 62%),linear-gradient(150deg,color-mix(in srgb,var(--t2,#8FA0D0) 14%,#172137),color-mix(in srgb,var(--t2,#8FA0D0) 26%,#1A253D))}
.hdc2{background:rgba(255,255,255,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);gap:10px}
:where(html[data-fb="dark"]) .hdc2{background:rgba(24,34,57,0.55)}
.hdpick{display:flex;gap:6px}
.hdpick span{border:1.5px solid var(--line);background:#fff;border-radius:99px;padding:3px 12px;font-size:.8em;font-weight:700;color:var(--ink2)}
:where(html[data-fb="dark"]) .hdpick span{background:#182239}
.hdpick .on{background:#1F2A5C;border-color:#1F2A5C;color:#fff}
.hdmsg{font-family:var(--display);font-weight:800;font-size:1.22em;line-height:1.38;color:var(--ink);margin:0;text-wrap:balance}
.hdtry{display:flex;gap:8px;align-items:flex-start;background:#fff;border-radius:14px;padding:9px 11px;font-size:.86em;line-height:1.5;color:var(--ink2)}
:where(html[data-fb="dark"]) .hdtry{background:#182239}
.hdtry b{display:inline;color:var(--link)}
.hdtry svg{flex:none;margin-top:2px}
.hvpair{display:grid;grid-template-columns:1fr 1fr;align-content:start;padding:8% 6% 0;gap:0 10%;background:linear-gradient(160deg,var(--a1),var(--a2)) left top/50% 100% no-repeat,linear-gradient(200deg,var(--b1),var(--b2)) right top/50% 100% no-repeat}
.hpp{display:flex;flex-direction:column;align-items:center;gap:6px;color:#fff;text-align:center}
.hpav{width:78px;height:78px;border-radius:50%;overflow:hidden;background:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.8),0 8px 18px rgba(0,0,0,.25)}
:where(html[data-fb="dark"]) .hpav{background:#182239;box-shadow:0 0 0 3px rgba(24,34,57,0.8),0 8px 18px rgba(0,0,0,0.5)}
.hpav img{width:100%;height:100%;object-fit:cover}
.hpp b{font-family:var(--display);font-size:1.18em;text-shadow:0 2px 8px rgba(0,0,0,.2)}
.hpp i{font-style:normal;background:#fff;border-radius:99px;padding:3px 11px;font-size:.76em;font-weight:800}
:where(html[data-fb="dark"]) .hpp i{background:#182239}
.hvpair .vsline{position:absolute;left:4%;right:4%;top:43%}
.hvgate .hgwrap{position:absolute;left:5%;top:6%;display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.hvgate .hgbadge{margin:0;min-width:104px;box-shadow:0 10px 24px rgba(0,0,0,.25)}
:where(html[data-fb="dark"]) .hvgate .hgbadge{box-shadow:0 10px 24px rgba(0,0,0,0.5)}
.hvgate .hgname{background:rgba(255,255,255,.92);border-radius:99px;padding:5px 13px;font-family:var(--display);font-weight:800;font-size:.95em;color:var(--ink);box-shadow:0 4px 12px rgba(22,34,90,.15)}
:where(html[data-fb="dark"]) .hvgate .hgname{background:rgba(24,34,57,0.92);box-shadow:0 4px 12px rgba(0,0,0,0.36)}
@media (max-width:520px){.hpav{width:64px;height:64px}
.hdmsg{font-size:1.08em}
.hvpair .vsline{top:40%}}
@media (max-width:520px){.hvdaily{padding-top:5%}
.hdc2 .hdtop{display:none}
.hdc2{padding:13px 14px;gap:9px}}
.vs.vsx{background:#0E1433}
.vs.vsx::before,.vs.vsx::after{content:none}
.vsbgs{position:absolute;inset:0;z-index:0;pointer-events:none}
.vsb{position:absolute;top:0;bottom:0;width:50%;overflow:hidden;background:linear-gradient(170deg,var(--x1) 0%,var(--x2) 52%,var(--x0) 100%)}
.vsb.l{left:0}
.vsb.r{right:0}
.vsb i{position:absolute;border-radius:50%;filter:blur(30px);mix-blend-mode:screen;will-change:transform}
.vsb .o1{width:200px;height:200px;top:12%;background:var(--x3);opacity:.5;animation:chf1 16s ease-in-out infinite alternate}
.vsb .o2{width:160px;height:160px;bottom:-60px;background:var(--x2);opacity:.45;animation:chf2 20s ease-in-out infinite alternate}
.vsb.l .o1{left:-70px}
.vsb.l .o2{right:-50px}
.vsb.r .o1{right:-70px}
.vsb.r .o2{left:-50px}
.vsgrid{position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.28) 1px,transparent 1.5px);background-size:14px 14px;opacity:.45;-webkit-mask-image:linear-gradient(180deg,#000,transparent 65%);mask-image:linear-gradient(180deg,#000,transparent 65%)}
.vs.vsx>div:not(.vsbgs){z-index:1}
.vs.vsx>.vsbgs{z-index:0}
.vs.vsx>div>b{text-shadow:0 1px 3px rgba(0,0,0,.3),0 2px 14px rgba(0,0,0,.22)}
.vs.vsx>div>.small{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.3)}
@media (prefers-reduced-motion:reduce){.vsb i{animation:none}}
.vs.vsx>.vsbgs{position:absolute;inset:0;padding:0;display:block}
details.pfold>summary{flex-wrap:wrap}
.pfold .ctbin{margin-top:12px}
.pfhelp>summary .pfpic{flex:0 0 100%;display:block;aspect-ratio:16/9;border-radius:16px;overflow:hidden;margin-bottom:12px;background:var(--bg2)}
.pfhelp>summary .pfpic img{width:100%;height:100%;object-fit:cover;display:block}
.card.gtoday{position:relative;overflow:hidden;border:0;box-shadow:0 10px 28px rgba(22,34,90,.08);
  background:radial-gradient(70% 60% at 0% 0%,rgba(247,178,76,.32),transparent 60%),radial-gradient(60% 55% at 100% 10%,rgba(177,132,236,.32),transparent 62%),radial-gradient(60% 60% at 100% 100%,rgba(106,168,236,.3),transparent 62%),radial-gradient(55% 55% at 0% 100%,rgba(95,175,142,.28),transparent 60%),linear-gradient(135deg,#FFF8EE 0%,#FCEFF4 50%,#EFEAFF 100%)}
:where(html[data-fb="dark"]) .card.gtoday{box-shadow:0 10px 28px rgba(0,0,0,0.19);background:radial-gradient(70% 60% at 0% 0%,rgba(247,178,76,.32),transparent 60%),radial-gradient(60% 55% at 100% 10%,rgba(177,132,236,.32),transparent 62%),radial-gradient(60% 60% at 100% 100%,rgba(106,168,236,.3),transparent 62%),radial-gradient(55% 55% at 0% 100%,rgba(95,175,142,.28),transparent 60%),linear-gradient(135deg,#402D12 0%,#3D1625 50%,#1E1341 100%)}
.gtoday .box.try{background:rgba(255,255,255,.8)}
:where(html[data-fb="dark"]) .gtoday .box.try{background:rgba(24,34,57,0.8)}
.hscroll>.dyncard{width:236px}
.dyncard{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:stretch;gap:8px;text-align:left;cursor:pointer;font:inherit;border:0;border-radius:22px;padding:14px 14px 12px;color:var(--ink);
  background:radial-gradient(70% 55% at 0% 0%,rgba(247,178,76,.38),transparent 60%),radial-gradient(65% 55% at 100% 0%,rgba(177,132,236,.38),transparent 62%),radial-gradient(70% 60% at 100% 100%,rgba(106,168,236,.34),transparent 62%),radial-gradient(60% 55% at 0% 100%,rgba(95,175,142,.32),transparent 60%),linear-gradient(135deg,#FFF6EA,#FCEFF4 50%,#EEEAFF);
  box-shadow:0 8px 22px rgba(22,34,90,.10);transition:transform .18s,box-shadow .18s}
:where(html[data-fb="dark"]) .dyncard{background:radial-gradient(70% 55% at 0% 0%,rgba(247,178,76,.38),transparent 60%),radial-gradient(65% 55% at 100% 0%,rgba(177,132,236,.38),transparent 62%),radial-gradient(70% 60% at 100% 100%,rgba(106,168,236,.34),transparent 62%),radial-gradient(60% 55% at 0% 100%,rgba(95,175,142,.32),transparent 60%),linear-gradient(135deg,#412D13,#3D1625 50%,#1C1341);box-shadow:0 8px 22px rgba(0,0,0,0.24)}
.dyncard:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(22,34,90,.14)}
:where(html[data-fb="dark"]) .dyncard:hover{box-shadow:0 12px 28px rgba(0,0,0,0.34)}
.dyncard:active{transform:scale(.98)}
.dynpair{display:flex;align-items:center;justify-content:space-between;gap:0;padding:4px 2px}
.dynav{flex:none;border-radius:50%;display:block;line-height:0}
.dynlink{position:relative;flex:1;height:4px;margin:0 6px;border-radius:99px;background:linear-gradient(90deg,var(--ca),var(--cb));opacity:.9}
.dynlink i{position:absolute;top:50%;width:9px;height:9px;margin-top:-4.5px;border-radius:50%;background:#fff;box-shadow:0 0 8px 2px rgba(255,255,255,.95),0 0 0 2px rgba(255,255,255,.4)}
:where(html[data-fb="dark"]) .dynlink i{background:#182239;box-shadow:0 0 8px 2px rgba(24,34,57,0.95),0 0 0 2px rgba(255,255,255,.4)}
.dynlink .d1{left:0;animation:dynrun 2.6s ease-in-out var(--dl) infinite}
.dynlink .d2{left:calc(100% - 9px);animation:dynback 2.6s ease-in-out var(--dl) infinite}
@keyframes dynrun{0%{left:0;opacity:0}12%{opacity:1}88%{opacity:1}100%{left:calc(100% - 9px);opacity:0}}
@keyframes dynback{0%{left:calc(100% - 9px);opacity:0}12%{opacity:1}88%{opacity:1}100%{left:0;opacity:0}}
.dynname{font-family:var(--display);font-size:1.08em;line-height:1.3}
.dynname span{color:#B184EC;font-weight:800;margin:0 2px}
.dyntx{font-size:.84em;line-height:1.5;color:var(--ink2);flex:1}
.dyngo{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;background:#1F2A5C;color:#fff;border-radius:99px;padding:6px 12px 6px 14px;font-size:.8em;font-weight:800}
.dyngo em{font-style:normal;font-size:1.25em;line-height:1}
@media (prefers-reduced-motion:reduce){.dynlink i{animation:none;opacity:0}}
.growcard{display:flex;flex-direction:column;gap:12px}
.gcscene{position:relative;aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:linear-gradient(160deg,var(--tl),var(--tm))}
:where(html[data-fb="dark"]) .gcscene{background:linear-gradient(160deg,color-mix(in srgb,var(--tc,var(--td)) 18%,#182239),var(--tm))}
.gcscene .gcbg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.gcscene .gcfig{position:absolute;right:6%;bottom:-4%;height:96%;width:auto;max-width:none;filter:drop-shadow(0 8px 14px rgba(22,34,90,.28))}
.gcscene .gcband{position:absolute;left:10px;top:10px;background:rgba(255,255,255,.92);color:var(--td);border-radius:99px;padding:5px 13px;font-family:var(--display);font-weight:800;font-size:1.02em;box-shadow:0 4px 12px rgba(22,34,90,.12)}
:where(html[data-fb="dark"]) .gcscene .gcband{background:rgba(24,34,57,0.92);color:color-mix(in srgb,var(--td) 36%,#F1F4FB);box-shadow:0 4px 12px rgba(0,0,0,0.29)}
.gcl{display:block;font-family:var(--display);font-size:.95em;color:var(--ink);margin-bottom:4px}
.gcsum{color:var(--ink2);line-height:1.6;margin-bottom:6px}
.gcrecap ul{margin:0;padding-left:1.1em;display:flex;flex-direction:column;gap:5px;color:var(--ink2);line-height:1.55;font-size:.94em}
.gcrecap li b{color:var(--ink)}
.gctype{background:var(--tl);border-radius:16px;padding:12px 14px;box-shadow:inset 0 0 0 1.5px var(--tm)}
:where(html[data-fb="dark"]) .gctype{background:color-mix(in srgb,var(--tc,var(--td)) 18%,#182239)}
.gctype .gcl{color:var(--td)}
:where(html[data-fb="dark"]) .gctype .gcl{color:color-mix(in srgb,var(--td) 36%,#F1F4FB)}
.gctype p{color:var(--ink2);line-height:1.6;font-size:.94em}
.gcmore{min-height:52px}
.cosmic-sky{position:absolute;inset:0;z-index:0;pointer-events:none}
.cosmic-sky svg{width:100%;height:100%;display:block}
.cring{opacity:.7}
.fgsky,.flsky{position:relative;overflow:hidden;border-radius:24px;isolation:isolate;
  background:radial-gradient(80% 70% at 75% 15%,#3A2A86 0%,transparent 60%),linear-gradient(160deg,#0E1433 0%,#22195A 55%,#0F2E5E 100%);box-shadow:0 12px 30px rgba(14,20,51,.22)}
:where(html[data-fb="dark"]) .fgsky,
:where(html[data-fb="dark"]) .flsky{box-shadow:0 12px 30px rgba(0,0,0,0.5)}
.fgsky{padding:16px 10px;width:100%;max-width:460px;margin:0 auto}
.fgsky>.fgsvg{position:relative;z-index:1;margin:0 auto}
.flsky{margin:14px 0 6px;padding:10px 14px 46px}
.flsky>.flinks{position:relative;z-index:1;margin:6px auto 0}
.flsky .flsvg{filter:drop-shadow(0 0 6px rgba(255,255,255,.35))}
.flsky .fnode .fav{box-shadow:0 0 0 4px #fff,0 0 18px rgba(185,174,255,.8)}
:where(html[data-fb="dark"]) .flsky .fnode .fav{box-shadow:0 0 0 4px #182239,0 0 18px rgba(185,174,255,.8)}
.flsky .flln{opacity:1;stroke-width:6px}
.flflow{fill:none;stroke:#fff;stroke-width:2.4px;stroke-linecap:round;stroke-dasharray:6 16;opacity:.9;animation:plflow 2.4s linear infinite}
@media (prefers-reduced-motion:reduce){.flflow{animation:none;opacity:.5}}
.hvcosmic{background:radial-gradient(80% 70% at 75% 15%,#3A2A86 0%,transparent 60%),linear-gradient(160deg,#0E1433 0%,#22195A 55%,#0F2E5E 100%)}
.hvcosmic .hvcbg{top:34%;height:52%}
#what .abcover{margin-bottom:18px}
.flsky>.flinks{max-width:none;width:100%;container-type:inline-size}
.flinks .fav{width:clamp(calc(var(--av)*1px),calc(var(--av)*100cqw/400),calc(var(--av)*2px));height:clamp(calc(var(--av)*1px),calc(var(--av)*100cqw/400),calc(var(--av)*2px))}
.flinks .flab{font-size:clamp(1em,2.6cqw,1.5em);max-width:clamp(118px,26cqw,240px);padding:clamp(5px,1.2cqw,10px) clamp(10px,2.2cqw,18px)}
@media (min-width:900px){.flsky{padding:16px 28px 64px}
.flsky>.flinks{max-width:760px;margin:0 auto}}
@container (min-width:560px){.fgwrap{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:24px;align-items:center}
.fgsky{max-width:none}
.fgside .fgkey{font-size:1em;gap:8px 18px}
.fgside .fgkey i{width:24px;height:7px}
.fgside .fgfacts{gap:10px;margin-top:14px}
.fgside .fgfacts>div{background:var(--bg2);border-radius:16px;padding:12px 14px;align-items:center;gap:14px}
.fgside .fgfacts b{font-size:2.1em;line-height:1;min-width:64px}
.fgside .fgfacts span{font-size:1.02em;line-height:1.45}}
@media (min-width:1024px){.dgrid{align-items:stretch}
.dgrid>.stack>.card:last-child{flex:1}
.card.dailyc{display:flex;flex-direction:column;gap:12px}
.card.dailyc>*{margin-top:0;margin-bottom:0}
.card.dailyc .dghead{font-size:1.75em}
.card.dailyc .dgsub{font-size:1.06em}
.card.dailyc .trybox,.card.dailyc .rtip{font-size:1.04em}}
@media (min-width:900px){.whorow{gap:14px;padding-bottom:14px}
.who{font-size:.98em;min-width:96px;padding:10px 10px 8px;gap:6px}
.who .tiny{font-size:.74em}
.whav .av{width:72px!important;height:72px!important}
.whav>i{width:18px;height:18px;border-width:3px}
.who .plus{width:72px;height:72px;font-size:1.8em}}
.dcfill{display:none}
@media (min-width:1024px){.card.dailyc .dcfill{display:flex;flex:1;align-items:center;justify-content:center;position:relative;min-height:180px}
.dcfill .dcblob{position:absolute;width:min(240px,70%);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.85),color-mix(in srgb,var(--t2) 22%,transparent) 70%,transparent 72%)}
:where(html[data-fb="dark"]) .dcfill .dcblob{background:radial-gradient(circle,rgba(24,34,57,0.85),color-mix(in srgb,var(--t2) 22%,transparent) 70%,transparent 72%)}
.dcfill img{position:relative;max-height:280px;width:auto;max-width:80%;filter:drop-shadow(0 10px 18px rgba(22,34,90,.18))}
.dcfill .av{position:relative;box-shadow:0 0 0 5px #fff,0 12px 26px rgba(22,34,90,.16)}
:where(html[data-fb="dark"]) .dcfill .av{box-shadow:0 0 0 5px #182239,0 12px 26px rgba(0,0,0,0.38)}}
.pftips>summary .pfpic{flex:0 0 100%;display:block;aspect-ratio:16/9;border-radius:16px;overflow:hidden;margin-bottom:12px;background:var(--bg2)}
.pftips>summary .pfpic img{width:100%;height:100%;object-fit:cover;display:block}
@media (max-width:1000px){.tgrid{grid-template-columns:repeat(5,minmax(0,1fr));overflow:visible;scroll-snap-type:none;gap:10px;padding:4px 0 6px}
.tcard{padding:8px 8px 12px;border-radius:18px}
.tcard .pic{border-radius:13px}}
@media (max-width:600px){.tgrid{gap:6px}
.tcard{padding:5px 4px 9px;border-radius:14px;gap:3px;box-shadow:0 4px 14px rgba(22,34,90,.08)}
:where(html[data-fb="dark"]) .tcard{box-shadow:0 4px 14px rgba(0,0,0,0.19)}
.tcard:hover{transform:none}
.tcard .pic{aspect-ratio:4/5;border-radius:10px;margin-bottom:2px}
.tcard .pic img{height:94%}
.tcard .egraph{margin:0}
.tcard .egraph small,.tcard>span:last-child{display:none}
.tcard .egraph .egline{stroke-width:5}
.tcard b{font-size:clamp(9px,2.75vw,12.5px);line-height:1.15;letter-spacing:-.01em}}
.hsc{display:flex;flex-direction:column;gap:12px;margin:2px 0 20px}
.scrow{display:flex;align-items:center;gap:14px;width:100%;border:0;background:#fff;border-radius:22px;padding:12px 14px;box-shadow:0 8px 26px rgba(22,34,90,.08);font:inherit;text-align:left;cursor:pointer;transition:transform .15s}
:where(html[data-fb="dark"]) .scrow{background:#182239;box-shadow:0 8px 26px rgba(0,0,0,0.19)}
.scrow:hover{transform:translateY(-2px)}
.scrow.scadd{background:#FFFDF6;box-shadow:none;border:1.5px dashed #E8C766}
:where(html[data-fb="dark"]) .scrow.scadd{background:#3F3512}
.sctx{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.sctx b{font-family:var(--display);font-size:1.06em;color:var(--ink);line-height:1.3}
.sctx>span{font-size:.84em;color:var(--muted);line-height:1.45}
.scchev{width:20px;height:20px;flex:none;fill:none;stroke:#A3ABC6;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.sci{position:relative;width:50px;height:50px;border-radius:16px;flex:none;display:grid;place-items:center;overflow:hidden;box-shadow:inset 0 1.5px 0 rgba(255,255,255,.55),inset 0 -6px 12px rgba(0,0,0,.10),0 6px 14px var(--sh,rgba(0,0,0,.14))}
:where(html[data-fb="dark"]) .sci{box-shadow:inset 0 1.5px 0 rgba(255,255,255,.55),inset 0 -6px 12px rgba(0,0,0,0.24),0 6px 14px var(--sh,rgba(0,0,0,0.34))}
.sci::before{content:"";position:absolute;left:8%;right:8%;top:5%;height:44%;border-radius:14px 14px 40% 40%;background:linear-gradient(rgba(255,255,255,.5),rgba(255,255,255,0))}
:where(html[data-fb="dark"]) .sci::before{background:linear-gradient(rgba(24,34,57,0.5),rgba(255,255,255,0))}
.sci svg{position:relative;width:58%;height:58%;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.sci.sos{background:linear-gradient(140deg,#FF9A7A,#F0566A 55%,#C93C7E);--sh:rgba(240,86,106,.35)}
.sci.add{background:linear-gradient(140deg,#FFD66B,#F5A623);--sh:rgba(245,166,35,.35)}
.sci.age{background:linear-gradient(140deg,#9BE37A,#38B26A 55%,#178F70);--sh:rgba(56,178,106,.35)}
.sci.chart{background:linear-gradient(140deg,#8FB6FF,#6A6CF0 55%,#8C4FD8);--sh:rgba(106,108,240,.35)}
.sci.like{background:linear-gradient(140deg,#FFE27A,#FFB23F 55%,#FF7E4F);--sh:rgba(255,150,60,.35)}
.sci.chart svg circle{fill:#fff;stroke:none}
.hskids{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.hsk{border-radius:24px;padding:14px;background:linear-gradient(150deg,var(--kl) 0%,#fff 62%);box-shadow:0 8px 26px rgba(22,34,90,.08);display:flex;flex-direction:column;gap:12px;border:1px solid color-mix(in srgb,var(--kc) 22%,transparent)}
:where(html[data-fb="dark"]) .hsk{background:linear-gradient(150deg,color-mix(in srgb,var(--kc,#8FA0D0) 18%,#182239) 0%,#182239 62%);box-shadow:0 8px 26px rgba(0,0,0,0.19)}
.hskh{display:flex;align-items:center;gap:12px}
.hskn{display:flex;flex-direction:column;min-width:0}
.hskn b{font-family:var(--display);font-size:1.32em;color:var(--ink);line-height:1.2}
.hskn span{font-size:.84em;font-weight:700;color:var(--kd)}
.hskb{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.hstile{position:relative;border:0;background:rgba(255,255,255,.88);border-radius:18px;padding:12px 6px 11px;display:flex;flex-direction:column;align-items:center;gap:8px;font:inherit;cursor:pointer;box-shadow:0 3px 12px rgba(22,34,90,.07);transition:transform .15s}
:where(html[data-fb="dark"]) .hstile{background:rgba(24,34,57,0.88);box-shadow:0 3px 12px rgba(0,0,0,0.17)}
.hstile:hover{transform:translateY(-2px)}
.hstile .sci{width:46px;height:46px;border-radius:15px}
.stl{font-family:var(--display);font-weight:700;font-size:.88em;color:var(--ink);line-height:1.25;text-align:center;display:flex;flex-direction:column}
.stl small{font-family:inherit;font-size:.8em;font-weight:600;color:var(--muted)}
.hstile .stl{font-size:.98em}
.scn{position:absolute;top:7px;right:calc(50% - 34px);min-width:20px;height:20px;padding:0 5px;border-radius:99px;background:#fff;color:#E5762F;font-style:normal;font-size:.72em;font-weight:800;display:grid;place-items:center;box-shadow:0 2px 6px rgba(0,0,0,.15)}
:where(html[data-fb="dark"]) .scn{background:#182239;color:#F0B189;box-shadow:0 2px 6px rgba(0,0,0,0.36)}
@media (min-width:760px){.hskids{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}
.scrow.scsos{position:relative;overflow:hidden;background:linear-gradient(115deg,#FFF0EA 0%,#FDEAF4 50%,#EFEBFF 100%);box-shadow:0 10px 28px rgba(201,60,126,.10);border:1px solid rgba(255,255,255,.9)}
:where(html[data-fb="dark"]) .scrow.scsos{background:linear-gradient(115deg,#412013 0%,#41142B 50%,#1C1341 100%);border:1px solid rgba(255,255,255,0.1)}
.scrow.scsos::after{content:"";position:absolute;right:-30px;top:-40px;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.85),rgba(255,255,255,0) 70%);pointer-events:none}
:where(html[data-fb="dark"]) .scrow.scsos::after{background:radial-gradient(circle,rgba(24,34,57,0.85),rgba(255,255,255,0) 70%)}
.scrow.scsos .sctx,.scrow.scsos .scchev{position:relative;z-index:1}
.hstile{background:linear-gradient(160deg,var(--t1,#F4F6FF),rgba(255,255,255,.92) 75%);border:1px solid rgba(255,255,255,.95)}
:where(html[data-fb="dark"]) .hstile{background:linear-gradient(160deg,var(--t1,#121B3F),rgba(24,34,57,0.92) 75%);border:1px solid rgba(255,255,255,0.1)}
.hstile:nth-child(1){--t1:#E6F7EC}
:where(html[data-fb="dark"]) .hstile:nth-child(1){--t1:#1B3C27}
.hstile:nth-child(2){--t1:#ECEBFF}
:where(html[data-fb="dark"]) .hstile:nth-child(2){--t1:#151341}
.hstile:nth-child(3){--t1:#FFF2DC}
:where(html[data-fb="dark"]) .hstile:nth-child(3){--t1:#453314}
.sci3{width:54px;height:54px;flex:none;display:grid;place-items:center;filter:drop-shadow(0 6px 10px rgba(22,34,90,.14))}
.sci3 img{width:100%;height:100%;object-fit:contain}
.hstile .sci3{width:52px;height:52px}
.scrow .sci3{width:58px;height:58px}
.scrow.scsos{gap:12px;padding:12px 12px 12px 10px}
.scrow.scsos .sctx b{font-size:clamp(.92em,4.2vw,1.06em);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.scrow .sci3{width:54px;height:54px}
.ssec.cosmicsec{position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(70% 60% at 80% 10%,#3A2A86 0%,transparent 60%),radial-gradient(60% 50% at 10% 90%,#1D3A7A 0%,transparent 60%),linear-gradient(165deg,#0E1433 0%,#22195A 55%,#0F2E5E 100%)}
.cosmicsec .cosmic-sky{z-index:0;opacity:.95}
.cosmicsec .cosmic-sky svg{transform:scale(1.02)}
.cosmicsec .wrap{position:relative;z-index:2}
.cneb{position:absolute;z-index:1;border-radius:50%;pointer-events:none;filter:blur(40px);opacity:.55;animation:cneb 18s ease-in-out infinite alternate}
.cneb.n1{width:46vw;height:46vw;max-width:560px;max-height:560px;left:-12vw;top:8%;background:radial-gradient(circle,#7B5CFF,transparent 65%)}
.cneb.n2{width:40vw;height:40vw;max-width:480px;max-height:480px;right:-10vw;bottom:-6%;background:radial-gradient(circle,#2FB6FF,transparent 65%);animation-duration:22s;animation-direction:alternate-reverse}
@keyframes cneb{0%{transform:translate(0,0) scale(1)}100%{transform:translate(6vw,-4vw) scale(1.18)}}
.cosmicsec .shead h2{color:#fff}
.cosmicsec .shead h2 .tint{background:linear-gradient(90deg,#C9B8FF,#8FD3FF);-webkit-background-clip:text;background-clip:text;color:transparent}
.cosmicsec .eyebrow.exl{background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.28);box-shadow:0 0 24px rgba(155,130,255,.35);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
:where(html[data-fb="dark"]) .cosmicsec .eyebrow.exl{border:1px solid rgba(255,255,255,0.07)}
.cosmicsec .eyebrow.exl svg *{filter:drop-shadow(0 0 4px rgba(255,220,120,.6))}
.cosmicsec .feat{background:rgba(255,255,255,.86);border:1px solid rgba(255,255,255,.55);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 14px 34px rgba(5,8,30,.28)}
:where(html[data-fb="dark"]) .cosmicsec .feat{background:rgba(24,34,57,0.86);border:1px solid rgba(255,255,255,0.1);box-shadow:0 14px 34px rgba(0,0,0,0.5)}
@media (prefers-reduced-motion:reduce){.cneb{animation:none}}
.cstars{position:absolute;inset:0;z-index:0;pointer-events:none}
.cstars.s1{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Ccircle cx='61.9' cy='141.5' r='0.76' fill='white' fill-opacity='0.78'/%3E%3Ccircle cx='162.7' cy='17.0' r='0.51' fill='white' fill-opacity='0.91'/%3E%3Ccircle cx='67.4' cy='60.9' r='1.20' fill='white' fill-opacity='0.71'/%3E%3Ccircle cx='217.5' cy='123.9' r='0.95' fill='white' fill-opacity='0.53'/%3E%3Ccircle cx='165.1' cy='225.7' r='0.87' fill='white' fill-opacity='0.86'/%3E%3Ccircle cx='174.6' cy='16.6' r='1.03' fill='white' fill-opacity='0.78'/%3E%3Ccircle cx='78.3' cy='8.1' r='1.11' fill='white' fill-opacity='0.71'/%3E%3Ccircle cx='186.9' cy='228.5' r='1.00' fill='white' fill-opacity='0.96'/%3E%3Ccircle cx='102.7' cy='208.2' r='0.81' fill='white' fill-opacity='0.96'/%3E%3Ccircle cx='228.5' cy='25.3' r='0.60' fill='white' fill-opacity='0.57'/%3E%3Ccircle cx='251.0' cy='113.4' r='0.94' fill='white' fill-opacity='0.62'/%3E%3Ccircle cx='131.9' cy='100.3' r='0.75' fill='white' fill-opacity='0.77'/%3E%3Ccircle cx='151.9' cy='235.1' r='0.98' fill='white' fill-opacity='0.96'/%3E%3Ccircle cx='222.7' cy='257.7' r='0.97' fill='white' fill-opacity='0.54'/%3E%3Ccircle cx='223.8' cy='250.8' r='1.13' fill='white' fill-opacity='0.76'/%3E%3Ccircle cx='185.6' cy='54.9' r='1.08' fill='white' fill-opacity='0.77'/%3E%3Ccircle cx='74.1' cy='16.5' r='1.10' fill='white' fill-opacity='0.99'/%3E%3Ccircle cx='23.0' cy='208.2' r='0.79' fill='white' fill-opacity='0.53'/%3E%3Ccircle cx='76.4' cy='199.9' r='1.11' fill='white' fill-opacity='0.47'/%3E%3Ccircle cx='159.8' cy='11.7' r='1.00' fill='white' fill-opacity='0.63'/%3E%3Ccircle cx='229.0' cy='255.0' r='0.85' fill='white' fill-opacity='1.00'/%3E%3Ccircle cx='80.5' cy='20.0' r='0.92' fill='white' fill-opacity='0.47'/%3E%3Ccircle cx='51.3' cy='106.1' r='0.93' fill='white' fill-opacity='0.54'/%3E%3Ccircle cx='11.0' cy='225.6' r='0.72' fill='white' fill-opacity='0.98'/%3E%3Ccircle cx='233.1' cy='98.2' r='0.82' fill='white' fill-opacity='0.74'/%3E%3Ccircle cx='167.4' cy='154.9' r='0.89' fill='white' fill-opacity='0.79'/%3E%3C/svg%3E");background-size:260px 260px}
.cstars.s2{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='340' height='340'%3E%3Ccircle cx='157.4' cy='126.9' r='0.92' fill='white' fill-opacity='0.93'/%3E%3Ccircle cx='2.2' cy='170.9' r='1.61' fill='white' fill-opacity='0.49'/%3E%3Ccircle cx='188.5' cy='209.7' r='0.84' fill='white' fill-opacity='0.66'/%3E%3Ccircle cx='239.2' cy='153.7' r='1.45' fill='white' fill-opacity='0.54'/%3E%3Ccircle cx='80.9' cy='37.7' r='1.26' fill='white' fill-opacity='0.96'/%3E%3Ccircle cx='200.7' cy='263.2' r='1.15' fill='white' fill-opacity='0.86'/%3E%3Ccircle cx='34.6' cy='99.0' r='1.41' fill='white' fill-opacity='0.85'/%3E%3Ccircle cx='143.4' cy='29.8' r='1.04' fill='white' fill-opacity='0.57'/%3E%3Ccircle cx='95.6' cy='275.2' r='0.98' fill='white' fill-opacity='0.94'/%3E%3Ccircle cx='299.0' cy='18.6' r='1.14' fill='white' fill-opacity='0.72'/%3E%3Ccircle cx='8.0' cy='144.4' r='1.62' fill='white' fill-opacity='0.51'/%3E%3Ccircle cx='202.9' cy='41.2' r='1.32' fill='white' fill-opacity='0.94'/%3E%3C/svg%3E");background-size:340px 340px;background-position:90px 40px;animation:ctw 4.5s ease-in-out infinite}
@keyframes ctw{0%,100%{opacity:.35}50%{opacity:1}}
.cstreak{position:absolute;z-index:1;width:140px;height:1.6px;border-radius:2px;background:linear-gradient(90deg,rgba(191,211,255,0),#DCE6FF);transform:rotate(32deg);opacity:0;pointer-events:none;animation:cstreak 7s linear infinite}
:where(html[data-fb="dark"]) .cstreak{background:linear-gradient(90deg,rgba(191,211,255,0),#142245)}
.cstreak.k1{top:6%;left:-10%}
.cstreak.k2{top:38%;left:30%;animation-delay:-2.4s;animation-duration:9s}
.cstreak.k3{top:70%;left:-5%;animation-delay:-5s;animation-duration:8s}
@keyframes cstreak{0%{opacity:0;translate:0 0}6%{opacity:.9}18%{opacity:0;translate:260px 160px}100%{opacity:0;translate:260px 160px}}
.cosmicsec .feat{background:rgba(255,255,255,.8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
:where(html[data-fb="dark"]) .cosmicsec .feat{background:rgba(24,34,57,0.8)}
@media (prefers-reduced-motion:reduce){.cstars.s2,.cstreak{animation:none}}
.mkapp .mkbg{position:absolute;left:50%;top:5%;height:80%;aspect-ratio:851/1309;transform:translateX(-50%);opacity:.5;filter:drop-shadow(0 0 12px rgba(200,185,255,.75));animation:mkbg 6s ease-in-out infinite}
.mkapp .mkbg svg{width:100%;height:100%;display:block}
@keyframes mkbg{0%,100%{opacity:.42}50%{opacity:.62}}
@media (prefers-reduced-motion:reduce){.mkapp .mkbg{animation:none}}
.mkapp .mkbg{top:4%;height:82%;aspect-ratio:200/296;opacity:.85;animation:none;filter:drop-shadow(0 0 8px rgba(205,190,255,.7))}
.mkbg .mkch line{stroke:rgba(255,255,255,.42);stroke-width:1.5;stroke-linecap:round}
.mkbg .mkfl line{stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-dasharray:4 26;animation:mkfl 3.2s linear infinite}
.mkbg .mkce path,.mkbg .mkce rect{fill:rgba(255,255,255,.13);stroke:rgba(255,255,255,.85);stroke-width:1.6;stroke-linejoin:round}
@keyframes mkfl{to{stroke-dashoffset:-60}}
@media (prefers-reduced-motion:reduce){.mkbg .mkfl line{animation:none}}
@media (min-width:641px){.mkapp .mkbg{top:-8%;height:122%}}
@media (min-width:760px){.hskids{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}}
.hsk{container-type:inline-size}
@container (min-width:600px){.hsk .hskin{display:flex;align-items:center;gap:18px}
.hsk .hskh{flex:0 0 auto;min-width:200px}
.hsk .hskb{flex:1}}
.scif{width:56px;height:56px;flex:none;display:grid;place-items:center}
.scif svg{width:100%;height:100%;display:block;overflow:visible}
.hstile .scif{width:54px;height:54px}
.hstile .scif{width:60px;height:60px}
.scrow .scif{width:58px;height:58px}
.dhero.dhsky{isolation:isolate;background:radial-gradient(80% 90% at 85% 0%,#3A2A86 0%,transparent 62%),radial-gradient(70% 80% at 0% 100%,#1D3A7A 0%,transparent 60%),linear-gradient(160deg,#0E1433 0%,#22195A 55%,#0F2E5E 100%);box-shadow:0 12px 30px rgba(14,20,51,.24)}
:where(html[data-fb="dark"]) .dhero.dhsky{box-shadow:0 12px 30px rgba(0,0,0,0.5)}
.dhsky>*{position:relative;z-index:1}
.dhsky>.cstars,.dhsky>.cneb,.dhsky>.cstreak,.dhsky>.dhdeco{position:absolute;z-index:0}
.dhsky .cneb.n1{width:70%;height:140%;left:auto;right:-25%;top:-40%;max-width:none;max-height:none;opacity:.45}
.dhsky .cstreak{width:110px}
.dhsky .cstreak.k1{top:8%;left:-12%}
.dhsky .cstreak.k2{top:46%;left:42%}
.dhsky .cstreak.k3{top:70%;left:-8%}
.dhsky .dhdate .dwd{color:#FFC98A}
.dhsky .dhdate b{color:#fff}
.dhsky .dword{color:#fff;text-shadow:0 2px 14px rgba(120,90,255,.35)}
.dhsky .dword::before,.dhsky .dword::after{color:#FFD36B}
.dhsky .dsub{color:rgba(255,255,255,.86)}
.dhsky .dgreet{color:rgba(255,255,255,.85)}
.dhsky .dfaces .av{box-shadow:0 0 0 2px rgba(255,255,255,.9)}
:where(html[data-fb="dark"]) .dhsky .dfaces .av{box-shadow:0 0 0 2px rgba(24,34,57,0.9)}
.dhsky .dhdeco{opacity:.85}
.hsk{background:linear-gradient(150deg,var(--g3) 0%,var(--g2) 52%,var(--g1) 100%);border:0;box-shadow:0 12px 28px color-mix(in srgb,var(--g1) 35%,transparent)}
.hskn b{color:var(--g0)}
.hskn span{color:var(--g0);opacity:.82}
.hsk .av{box-shadow:0 0 0 3px #fff,0 6px 14px rgba(0,0,0,.18)!important}
:where(html[data-fb="dark"]) .hsk .av{box-shadow:0 0 0 3px #182239,0 6px 14px rgba(0,0,0,0.43) !important}
.hstile{background:#fff;border:0;box-shadow:0 6px 16px rgba(0,0,0,.14),0 1px 0 rgba(255,255,255,.9) inset;padding-top:14px}
:where(html[data-fb="dark"]) .hstile{background:#182239;box-shadow:0 6px 16px rgba(0,0,0,0.34),0 1px 0 rgba(24,34,57,0.9) inset}
.hstile:active,.scrow:active{transform:scale(.97)}
.stgo{position:absolute;top:8px;right:8px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--g1);box-shadow:0 2px 6px rgba(0,0,0,.18)}
:where(html[data-fb="dark"]) .stgo{box-shadow:0 2px 6px rgba(0,0,0,0.43)}
.stgo svg{width:13px;height:13px;fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.scgo{flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(140deg,#FF8A6B,#E8456B);box-shadow:0 6px 14px rgba(232,69,107,.35);position:relative;z-index:1}
.scgo svg{width:20px;height:20px;fill:none;stroke:#fff;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}
.scrow.scadd .scgo{background:linear-gradient(140deg,#FFC24D,#F59A23);box-shadow:0 6px 14px rgba(245,154,35,.35)}
.scrow.scsos .sctx b{font-size:clamp(1.12em,5.2vw,1.32em);white-space:normal;overflow:visible;text-overflow:clip;line-height:1.25;text-wrap:balance}
.scrow.scsos .sctx>span{font-size:.86em}
.scn{right:auto;left:8px;top:8px}
.hsk{position:relative;overflow:hidden;isolation:isolate}
.hsk::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.28) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.28) 1px,transparent 1px);background-size:22px 22px;-webkit-mask-image:radial-gradient(120% 90% at 85% 15%,#000 10%,transparent 75%);mask-image:radial-gradient(120% 90% at 85% 15%,#000 10%,transparent 75%)}
.hsk::after{content:"";position:absolute;z-index:-1;width:65%;aspect-ratio:1;right:-18%;top:-35%;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(255,255,255,.55),rgba(255,255,255,0) 65%);animation:hsglow 7s ease-in-out infinite alternate}
:where(html[data-fb="dark"]) .hsk::after{background:radial-gradient(circle,rgba(24,34,57,0.55),rgba(255,255,255,0) 65%)}
@keyframes hsglow{0%{transform:translate(0,0) scale(1);opacity:.7}100%{transform:translate(-18%,22%) scale(1.15);opacity:1}}
.hstile{background:rgba(255,255,255,.5);-webkit-backdrop-filter:blur(8px) saturate(1.2);backdrop-filter:blur(8px) saturate(1.2);border:1px solid rgba(255,255,255,.75);box-shadow:0 8px 20px color-mix(in srgb,var(--g1) 28%,transparent)}
:where(html[data-fb="dark"]) .hstile{background:rgba(24,34,57,0.5);border:1px solid rgba(255,255,255,0.1)}
.hstile .stl{color:var(--g0);font-size:1em}
.hstile .stl small{font-size:.92em;font-weight:700;color:var(--g0);opacity:.78}
@media (prefers-reduced-motion:reduce){.hsk::after{animation:none}}
.likeown{border:1.5px dashed #F2C46B;background:#FFFBF2;border-radius:18px;padding:12px;display:flex;flex-direction:column;gap:8px;margin-bottom:12px}
:where(html[data-fb="dark"]) .likeown{background:#3F3112}
.likeown .loh{font-family:var(--display);font-size:1.02em;color:var(--ink)}
.loform{display:flex;gap:8px;align-items:center}
.lopick{width:42px;height:42px;flex:none;border-radius:12px;background:#fff;display:grid;place-items:center;font-size:24px;box-shadow:0 2px 8px rgba(0,0,0,.08)}
:where(html[data-fb="dark"]) .lopick{background:#182239;box-shadow:0 2px 8px rgba(0,0,0,0.19)}
.loform input{flex:1;min-width:0;height:42px;border-radius:12px;border:1px solid #E8DCC4;padding:0 12px;font:inherit;background:#fff}
:where(html[data-fb="dark"]) .loform input{border:1px solid #604E29;background:#182239}
.loerr{margin:0;color:#C93633;font-size:.85em}
:where(html[data-fb="dark"]) .loerr{color:#E49795}
.loicons{display:flex;flex-direction:column;gap:6px}
.logrp>span{font-size:.78em;font-weight:700;color:var(--muted)}
.logrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(38px,1fr));gap:4px;margin-top:3px}
.loico{height:38px;border:0;border-radius:10px;background:#fff;font-size:21px;cursor:pointer;box-shadow:0 1px 4px rgba(0,0,0,.06)}
:where(html[data-fb="dark"]) .loico{background:#182239;box-shadow:0 1px 4px rgba(0,0,0,0.14)}
.loico[aria-pressed="true"]{background:#FFE7B8;box-shadow:0 0 0 2px #F5A623}
:where(html[data-fb="dark"]) .loico[aria-pressed="true"]{background:#4E3C17}
.lorow .chip{font-weight:700}
.lopick{width:54px;height:46px;flex:none;border:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;font:inherit;padding:0}
.lopick .lopi{font-size:22px;line-height:1.1}
.lopick .lopc{font-size:.62em;font-weight:700;color:#B4593B}
:where(html[data-fb="dark"]) .lopick .lopc{color:#DEAC9B}
.lopick[aria-expanded="true"]{box-shadow:0 0 0 2px #F5A623}
.scif .t0{fill:var(--i0)}
.scif .t1{fill:var(--i1)}
.scif .t2{fill:var(--i2)}
.scif .t3{fill:var(--i3)}
.scif .s0{stroke:var(--i0)}
.scif .s1{stroke:var(--i1)}
.scif .s2{stroke:var(--i2)}
.scif .s3{stroke:var(--i3)}
.scif svg{filter:drop-shadow(0 4px 5px color-mix(in srgb,var(--i0) 28%,transparent))}
.scsos{--i0:#8E1F3A;--i1:#D6455E;--i2:#F26B6B;--i3:#FFC2B8}
:where(html[data-fb="dark"]) .scsos{--i3:#4E1F17}
.scadd{--i0:#8A4B00;--i1:#E08A12;--i2:#FFB13B;--i3:#FFE2A6}
:where(html[data-fb="dark"]) .scadd{--i3:#534018}
.hsk{--i0:var(--g0);--i1:var(--g1);--i2:var(--g2);--i3:var(--g3)}
.arwhit{fill:transparent;cursor:pointer}
.arwhit:hover{fill:rgba(155,107,242,.10)}
.arwpulse{fill:none;stroke:rgba(155,107,242,.55);stroke-width:3;transform-box:fill-box;transform-origin:center;animation:arwp 2.6s ease-out infinite;pointer-events:none}
@keyframes arwp{0%{opacity:.8;transform:scale(.7)}80%,100%{opacity:0;transform:scale(1.25)}}
@media (prefers-reduced-motion:reduce){.arwpulse{animation:none;opacity:.35}}
.vardet{gap:14px}
.vdhero{border-radius:26px;padding:22px 18px 20px;color:#fff;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;background:radial-gradient(80% 70% at 80% 10%,#3A2A86 0%,transparent 60%),linear-gradient(160deg,#0E1433 0%,#22195A 55%,#0F2E5E 100%);box-shadow:0 12px 30px rgba(14,20,51,.22)}
:where(html[data-fb="dark"]) .vdhero{box-shadow:0 12px 30px rgba(0,0,0,0.5)}
.vdhero.red{background:radial-gradient(80% 70% at 80% 10%,#FF7A6B 0%,transparent 60%),linear-gradient(160deg,#5A0E1E 0%,#B3263A 60%,#E2533F 100%)}
.vdhero h1{color:#fff;margin:0;font-size:clamp(1.5em,6vw,2em);line-height:1.25}
.vdk{font-size:.82em;font-weight:800;letter-spacing:.02em;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.3);border-radius:99px;padding:4px 12px}
:where(html[data-fb="dark"]) .vdk{border:1px solid rgba(255,255,255,0.07)}
.vdbig svg{filter:drop-shadow(0 4px 12px rgba(0,0,0,.25))}
.vdsys{margin:0;color:rgba(255,255,255,.82);font-size:.9em}
.vdval{display:flex;flex-direction:column;gap:6px}
.vdlab{font-size:.8em;font-weight:800;color:var(--muted)}
.vdname{font-family:var(--display);font-size:1.4em;color:var(--ink);line-height:1.3}
.vdname small{font-size:.6em;color:var(--muted);font-weight:700}
.vddet{color:var(--ink2);margin:0}
.vdhow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0;font-weight:700;color:var(--ink)}
.vdnear{margin:0;background:#FFF6E2;border-radius:12px;padding:8px 10px;font-size:.88em;color:#7A5600}
:where(html[data-fb="dark"]) .vdnear{background:#433413;color:#F0D289}
.vdh{font-size:1.12em;margin:0 0 6px}
.vdsides{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.vdside{border-radius:16px;padding:12px;background:var(--bg2);display:flex;flex-direction:column;gap:6px;opacity:.75}
.vdside.me{opacity:1;background:#fff;box-shadow:0 0 0 2px var(--line),0 6px 16px rgba(22,34,90,.08)}
:where(html[data-fb="dark"]) .vdside.me{background:#182239;box-shadow:0 0 0 2px var(--line),0 6px 16px rgba(0,0,0,0.19)}
.vdside p{margin:0;font-size:.92em;color:var(--ink2)}
.vdsh{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.vdme{font-size:.74em;font-weight:800;background:#EEF4FF;color:#2F6FD6;border-radius:99px;padding:2px 8px}
:where(html[data-fb="dark"]) .vdme{background:#122240;color:#90B2E9}
.vdtry{background:#FFFBF2}
:where(html[data-fb="dark"]) .vdtry{background:#3F3112}
.vdnote{color:var(--muted);text-align:center}
.scif svg{filter:drop-shadow(0 4px 5px rgba(26,20,64,.18))}
.fgadd{display:flex;align-items:center;gap:12px;width:100%;margin-top:12px;border:1.5px dashed #B9C2E6;background:linear-gradient(110deg,#F4F6FF,#FBF7FF);border-radius:18px;padding:10px 12px;font:inherit;text-align:left;cursor:pointer;transition:transform .15s}
:where(html[data-fb="dark"]) .fgadd{border:1.5px dashed #293460;background:linear-gradient(110deg,#121B3F,#29123F)}
.fgadd:active{transform:scale(.98)}
.fgaddav{display:flex;flex:none}
.fgaddav .av{box-shadow:0 0 0 2px #fff}
:where(html[data-fb="dark"]) .fgaddav .av{box-shadow:0 0 0 2px #182239}
.fgaddav .av+.av{margin-left:-9px}
.fgaddt{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.fgaddt b{font-family:var(--display);font-size:1.02em;color:var(--ink)}
.fgaddt span{font-size:.8em;color:var(--muted);line-height:1.4}
.fgaddplus{flex:none;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-size:24px;font-weight:700;color:#fff;background:linear-gradient(140deg,#7E8CFF,#9B6BF2);box-shadow:0 6px 14px rgba(123,108,242,.35);line-height:1}
.rv2{width:100%}
.rvhero{position:relative;overflow:hidden;isolation:isolate;width:100%;border-radius:30px;padding:16px 18px 26px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;
  background:radial-gradient(70% 45% at 50% 28%,rgba(255,255,255,.55),rgba(255,255,255,0) 70%),linear-gradient(180deg,var(--gl) 0%,var(--g2) 38%,var(--g1) 68%,var(--g0) 100%);box-shadow:0 18px 40px color-mix(in srgb,var(--g1) 40%,transparent)}
:where(html[data-fb="dark"]) .rvhero{background:radial-gradient(70% 45% at 50% 28%,rgba(24,34,57,0.55),rgba(255,255,255,0) 70%),linear-gradient(180deg,var(--gl) 0%,var(--g2) 38%,var(--g1) 68%,var(--g0) 100%)}
.rvhero>*{position:relative;z-index:1}
.rvhero .steps i{background:rgba(255,255,255,.45)}
:where(html[data-fb="dark"]) .rvhero .steps i{background:rgba(24,34,57,0.45)}
.rvhero .steps i.on{background:#fff}
:where(html[data-fb="dark"]) .rvhero .steps i.on{background:#182239}
.rvlines{position:absolute!important;inset:0;z-index:0!important;pointer-events:none}
.rvl{position:absolute;left:-10%;width:120%;height:70px}
.rvl.l1{top:14%;opacity:.55}
.rvl.l2{top:46%;opacity:.4;transform:scaleX(-1)}
.rvl.l3{top:74%;opacity:.5}
.rvlb{fill:none;stroke:rgba(255,255,255,.55);stroke-width:1.4;vector-effect:non-scaling-stroke}
.rvlf{fill:none;stroke:#fff;stroke-width:2.6;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:14 260;animation:rvflow 4.5s linear infinite;filter:drop-shadow(0 0 4px #fff)}
@keyframes rvflow{from{stroke-dashoffset:274}to{stroke-dashoffset:0}}
.rvfig{width:min(100%,340px);aspect-ratio:1;display:grid;place-items:center;margin:2px 0 -6px}
.rvpic{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 14px 22px rgba(0,0,0,.22))}
.rvfb{display:grid;place-items:center;width:78%;height:78%}
.rvfb img{max-height:100%;width:auto}
.rvwho{margin:0;color:#fff;font-family:var(--display);font-weight:800;font-size:clamp(1.35em,5.4vw,1.75em);text-shadow:0 2px 10px rgba(0,0,0,.18)}
.rvtype{margin:0;color:#fff;font-size:clamp(2.1em,9vw,3em);line-height:1.08;letter-spacing:-.01em;text-shadow:0 4px 18px rgba(0,0,0,.22);text-wrap:balance}
.rvquote{margin:6px 0 0;color:#fff;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.4);border-radius:18px;padding:10px 16px;font-weight:700;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
:where(html[data-fb="dark"]) .rvquote{border:1px solid rgba(255,255,255,0.07)}
.rvkeys{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
.rvkeys span{color:var(--g0);background:rgba(255,255,255,.88);border-radius:99px;padding:5px 12px;font-size:.86em;font-weight:800}
:where(html[data-fb="dark"]) .rvkeys span{background:rgba(24,34,57,0.88)}
.rvone{margin:2px 0 0;color:rgba(255,255,255,.92);max-width:360px;line-height:1.6}
@media (prefers-reduced-motion:reduce){.rvlf{animation:none}}
.avfgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(98px,1fr));gap:10px}
.avfull{position:relative;border:0;padding:0;cursor:pointer;border-radius:18px;background:var(--tl);box-shadow:0 0 0 1.5px var(--line);display:flex;flex-direction:column;align-items:center;overflow:visible;font:inherit}
:where(html[data-fb="dark"]) .avfull{background:color-mix(in srgb,var(--tc,var(--td)) 18%,#182239)}
.avfimg{width:100%;aspect-ratio:3/4;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;border-radius:18px 18px 0 0}
.avfimg img{height:94%;width:auto;max-width:none;display:block}
.avflab{width:100%;padding:5px 4px 7px;font-size:.78em;font-weight:800;color:var(--ink2);background:rgba(255,255,255,.75);border-radius:0 0 18px 18px}
:where(html[data-fb="dark"]) .avflab{background:rgba(24,34,57,0.75)}
.avfull[aria-pressed="true"]{box-shadow:0 0 0 3px #fff,0 0 0 6px var(--tc)}
:where(html[data-fb="dark"]) .avfull[aria-pressed="true"]{box-shadow:0 0 0 3px #182239,0 0 0 6px var(--tc)}
.avfull>i{position:absolute;right:-4px;top:-4px;width:26px;height:26px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 2px 6px rgba(22,34,90,.18)}
:where(html[data-fb="dark"]) .avfull>i{background:#182239;box-shadow:0 2px 6px rgba(0,0,0,0.43)}
.avfimg{padding:6px 4px 0}
.avfimg img{height:auto;width:auto;max-width:100%;max-height:96%;object-fit:contain}
.hsw{position:relative}
.hsw>.hscroll,.hsw>.lstrip{scroll-snap-type:x mandatory;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 var(--fl,0px),#000 calc(100% - var(--fr,0px)),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 var(--fl,0px),#000 calc(100% - var(--fr,0px)),transparent 100%)}
.hsw>.hscroll{scroll-padding-left:18px}
.hsw>.hscroll>*{scroll-snap-align:start}
.hsw.over:not(.atstart)>.hscroll,.hsw.over:not(.atstart)>.lstrip{--fl:34px}
.hsw.over:not(.atend)>.hscroll,.hsw.over:not(.atend)>.lstrip{--fr:64px}
.hsarr{position:absolute;top:calc(50% - 8px);transform:translateY(-50%);z-index:3;width:40px;height:40px;border-radius:50%;border:0;padding:0;cursor:pointer;display:grid;place-items:center;background:rgba(255,255,255,.95);box-shadow:0 6px 16px rgba(22,34,90,.2),0 0 0 1px rgba(22,34,90,.06);opacity:0;pointer-events:none;transition:opacity .2s}
:where(html[data-fb="dark"]) .hsarr{background:rgba(24,34,57,0.95);box-shadow:0 6px 16px rgba(0,0,0,0.48),0 0 0 1px rgba(0,0,0,0.14)}
.hsarr svg{width:20px;height:20px;fill:none;stroke:var(--ink);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.hsarr.prev{left:-2px}
.hsarr.next{right:-2px}
.hsw.bleed .hsarr.prev{left:-8px}
.hsw.bleed .hsarr.next{right:-8px}
.hsw.over:not(.atend) .hsarr.next{opacity:1;pointer-events:auto;animation:hsnudge 1.4s ease-in-out .6s 2}
.hsw.over:not(.atstart) .hsarr.prev{opacity:1;pointer-events:auto}
@keyframes hsnudge{0%,100%{transform:translateY(-50%) translateX(0)}50%{transform:translateY(-50%) translateX(5px)}}
.hsdots{display:flex;justify-content:center;gap:6px;margin-top:8px}
.hsdots i{width:6px;height:6px;border-radius:99px;background:#CFD5EA;transition:width .2s,background .2s}
:where(html[data-fb="dark"]) .hsdots i{background:#222942}
.hsdots i.on{width:18px;background:var(--ink2)}
.hsw:not(.over) .hsdots{display:none}
@media (prefers-reduced-motion:reduce){.hsarr{animation:none!important}}
.fgz{position:relative}
.fgzv{position:relative;z-index:1;overflow:hidden;touch-action:pan-y;cursor:grab;user-select:none;-webkit-user-select:none}
.fgz.zoomed .fgzv{touch-action:none}
.fgzv:active{cursor:grabbing}
.fgzp{position:relative;transform-origin:50% 50%;will-change:transform}
.fgzp .fgsvg svg{pointer-events:auto}
.fgzp .fgsvg svg *{cursor:pointer}
.fgzl{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:2px;white-space:nowrap;pointer-events:none;opacity:var(--lo,0);transition:opacity .25s;color:#fff;text-align:center}
.fgzl b{font-family:var(--display);font-size:46px;line-height:1.05;letter-spacing:.01em;text-shadow:0 0 18px var(--lc),0 0 40px rgba(170,150,255,.7)}
.fgzl span{font-size:24px;font-weight:800;opacity:.95;text-shadow:0 0 12px var(--lc)}
.fgzl em{font-style:normal;font-size:26px;font-weight:800;padding:2px 14px;border-radius:99px;border:2px solid rgba(255,255,255,.7);box-shadow:0 0 16px var(--lc)}
:where(html[data-fb="dark"]) .fgzl em{border:2px solid rgba(255,255,255,0.1)}
.fgzc{position:absolute;right:10px;bottom:10px;z-index:3;display:flex;flex-direction:column;gap:6px}
.fgzc button{width:36px;height:36px;border-radius:12px;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.16);color:#fff;font-size:22px;font-weight:700;line-height:1;cursor:pointer;display:grid;place-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
:where(html[data-fb="dark"]) .fgzc button{border:1px solid rgba(255,255,255,0.07)}
.fgzc button:active{transform:scale(.94)}
.fgzc svg{width:18px;height:18px;fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.fgzh{position:absolute;left:12px;bottom:12px;z-index:3;font-size:.72em;font-weight:700;color:rgba(255,255,255,.7);pointer-events:none}
.fgzl{z-index:2}
.fgzl b{font-size:30px}
.fgzl span{font-size:14px}
.fgzl em{font-size:15px;padding:1px 10px;border-width:1.5px}
.fgwrap:has(.fgz){grid-template-columns:minmax(0,1fr)!important;gap:14px}
.fgsky.fgz{padding:0;max-width:none;width:100%}
.fgz .fgzv{height:clamp(400px,120vw,540px)}
@container (min-width:560px){.fgz .fgzv{height:clamp(480px,62vh,620px)}}
.fgzw{position:absolute;width:240%;height:240%;left:-70%;top:-70%;transform-origin:50% 50%;will-change:transform;background:radial-gradient(40% 40% at 50% 50%,rgba(122,96,255,.35),transparent 70%)}
.fgzw .cosmic-sky{z-index:0}
.fgzw .cstars,.fgzw .cstreak{z-index:0}
.fgzw .fgsvg{position:absolute;left:50%;top:50%;height:calc(88% / 2.4);width:auto;max-width:none!important;aspect-ratio:851/1309;transform:translate(-50%,-50%);margin:0;z-index:1}
.fgzw .fgsvg svg{width:100%;height:100%}
.fgzw .fgzl{opacity:1;z-index:2}
.fgzw .fgzl b{font-size:64px}
.fgzw .fgzl span{font-size:30px}
.fgzw .fgzl em{font-size:32px;padding:3px 18px;border-width:2.5px}
div.sosban{display:block;width:100%;border-radius:22px;overflow:hidden;margin-top:6px;background:linear-gradient(135deg,#FFE3DC,#FFF1D6);box-shadow:0 1px 0 rgba(31,42,92,.05),0 8px 22px rgba(214,60,50,.16)}
:where(html[data-fb="dark"]) div.sosban{background:linear-gradient(135deg,#451E14,#463514);box-shadow:0 1px 0 rgba(0,0,0,0.12),0 8px 22px rgba(214,60,50,.16)}
.sosslide{position:relative;display:block;width:100%;max-width:340px;height:54px;margin-top:6px;border-radius:999px;background:#E5484D;box-shadow:0 3px 0 #B3262B,inset 0 2px 6px rgba(0,0,0,.12);overflow:hidden;--x:0px;--p:0;user-select:none;-webkit-user-select:none}
:where(html[data-fb="dark"]) .sosslide{box-shadow:0 3px 0 #B3262B,inset 0 2px 6px rgba(0,0,0,0.29)}
.sosfill{position:absolute;left:0;top:0;bottom:0;width:calc(var(--x) + 52px);background:linear-gradient(90deg,#C9303A,#F06A4A);border-radius:999px;transition:width .35s cubic-bezier(.2,.9,.3,1.2)}
.sostrack{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:8px;padding-left:46px;color:#fff;font-weight:800;font-size:.98em;opacity:calc(1 - var(--p));transition:opacity .2s}
.soschev{letter-spacing:-2px;font-size:1.2em;background:linear-gradient(90deg,rgba(255,255,255,.35),#fff,rgba(255,255,255,.35));-webkit-background-clip:text;background-clip:text;color:transparent;background-size:200% 100%;animation:soschev 1.6s linear infinite}
@keyframes soschev{from{background-position:100% 0}to{background-position:-100% 0}}
.sosknob{position:absolute;left:4px;top:4px;width:46px;height:46px;border-radius:50%;border:0;padding:0;background:#fff;display:grid;place-items:center;box-shadow:0 3px 10px rgba(120,20,20,.35);transform:translateX(var(--x));transition:transform .35s cubic-bezier(.2,.9,.3,1.2);touch-action:none;cursor:grab;z-index:1}
:where(html[data-fb="dark"]) .sosknob{background:#182239}
.sosknob svg{width:24px;height:24px;fill:none;stroke:#E5484D;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}
.sosslide.drag .sosknob,.sosslide.drag .sosfill{transition:none}
.sosslide.drag .sosknob{cursor:grabbing}
.sosslide.done .sosknob{background:#FFF6D8}
:where(html[data-fb="dark"]) .sosslide.done .sosknob{background:#463A14}
.sosslide.nudge .sosknob{animation:sosnudge .7s ease-in-out}
@keyframes sosnudge{0%,100%{transform:translateX(0)}30%{transform:translateX(36px)}55%{transform:translateX(8px)}75%{transform:translateX(20px)}}
@media (prefers-reduced-motion:reduce){.soschev,.sosslide.nudge .sosknob{animation:none}}
.hsx{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none;gap:10px;scroll-snap-type:x mandatory;padding-bottom:4px}
.hsx::-webkit-scrollbar{display:none}
.hsx>*{flex:none;scroll-snap-align:start}
.fglegend.hsx>.fgchip{width:auto}
.pcgrid.pcslide>.pairc3{width:min(320px,84%);margin:0}
.hsw>.hsx{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 var(--fl,0px),#000 calc(100% - var(--fr,0px)),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 var(--fl,0px),#000 calc(100% - var(--fr,0px)),transparent 100%)}
.hsw.over:not(.atstart)>.hsx{--fl:30px}
.hsw.over:not(.atend)>.hsx{--fr:56px}
.hsw:has(>.fglegend) .hsarr{width:32px;height:32px;top:50%}
.hsw:has(>.fglegend) .hsdots{display:none}
.fgzw .cosmic-sky{inset:auto;left:50%;top:50%;width:calc(100% / 2.4);height:calc(100% / 2.4);transform:translate(-50%,-50%)}
.fgzw .cosmic-sky svg{overflow:visible}
.fgzw{background:radial-gradient(30% 30% at 50% 50%,rgba(122,96,255,.32),transparent 70%)}
.fgneb{position:absolute;border-radius:50%;filter:blur(30px);pointer-events:none;z-index:0;opacity:.5}
.fgneb.a{width:34%;height:30%;left:4%;top:6%;background:radial-gradient(circle,#6E4BFF,transparent 65%)}
.fgneb.b{width:36%;height:32%;right:2%;bottom:4%;background:radial-gradient(circle,#2F8CFF,transparent 65%)}
.fgneb.c{width:28%;height:26%;right:8%;top:10%;background:radial-gradient(circle,#C04BE8,transparent 65%);opacity:.35}
.fgzw .cstreak.k4{top:20%;left:58%;animation-delay:-1.2s;animation-duration:10s}
.fgzw .cstreak.k5{top:84%;left:40%;animation-delay:-6s;animation-duration:9s}
.fgplanet{position:absolute;width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,var(--pc) 45%,color-mix(in srgb,var(--pc) 50%,#0E1433) 100%);box-shadow:0 0 18px var(--pc);opacity:.85;pointer-events:none;z-index:0}
.tcard .pic.pair{background:radial-gradient(70% 55% at 50% 40%,rgba(255,255,255,.5),rgba(255,255,255,0) 70%),linear-gradient(180deg,var(--p0) 0%,var(--p1) 62%,var(--p2) 100%);align-items:center}
:where(html[data-fb="dark"]) .tcard .pic.pair{background:radial-gradient(70% 55% at 50% 40%,rgba(24,34,57,0.5),rgba(255,255,255,0) 70%),linear-gradient(180deg,var(--p0) 0%,var(--p1) 62%,var(--p2) 100%)}
.tcard .pic.pair img{width:96%;height:96%;max-width:96%;object-fit:contain;filter:drop-shadow(0 8px 12px rgba(0,0,0,.2))}
@media (max-width:600px){.tcard .pic.pair{aspect-ratio:4/5}
.tcard .pic.pair img{width:118%;height:auto;max-width:none}}
.pfpower{position:relative;display:block;aspect-ratio:16/8.6;border-radius:16px;overflow:hidden;margin-bottom:10px;background:linear-gradient(120deg,#F7B24C,#F47E62,#B184EC,#6AA8EC,#5FAF8E,#F7B24C);background-size:300% 300%;animation:pwbg 12s ease-in-out infinite}
.pfpower::after{content:"";position:absolute;inset:0;background:radial-gradient(55% 60% at 50% 52%,rgba(255,255,255,.45),rgba(255,255,255,0) 70%);pointer-events:none}
:where(html[data-fb="dark"]) .pfpower::after{background:radial-gradient(55% 60% at 50% 52%,rgba(24,34,57,0.45),rgba(255,255,255,0) 70%)}
@keyframes pwbg{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
.pfpower svg{position:absolute;inset:0;width:100%;height:100%}
.pwrays path{stroke:rgba(255,255,255,.32);stroke-width:5;stroke-linecap:round}
.pwrays{transform-origin:160px 93.6px;animation:pwspin 26s linear infinite}
@keyframes pwspin{to{transform:rotate(360deg)}}
.pwb{stroke-width:5;stroke-linecap:round;opacity:.9;filter:drop-shadow(0 0 4px rgba(255,255,255,.8))}
.pwf{stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-dasharray:6 22;animation:pwflow 1.4s linear infinite}
@keyframes pwflow{from{stroke-dashoffset:28}to{stroke-dashoffset:0}}
.pwcore{transform-origin:160px 93.6px;animation:pwpulse 2.4s ease-in-out infinite}
@keyframes pwpulse{0%,100%{transform:scale(.9);opacity:.85}50%{transform:scale(1.15);opacity:1}}
.pwdot{filter:drop-shadow(0 0 10px #fff)}
.pws{fill:#fff;animation:pwtw 2.8s ease-in-out infinite}
@keyframes pwtw{0%,100%{opacity:.2}50%{opacity:1}}
.pwav{position:absolute;transform:translate(-50%,-50%);z-index:2;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}
.pwav .av{box-shadow:0 0 0 3px #fff,0 0 0 6px rgba(255,255,255,.35)!important}
:where(html[data-fb="dark"]) .pwav .av{box-shadow:0 0 0 3px #182239,0 0 0 6px rgba(255,255,255,.35) !important}
@media (prefers-reduced-motion:reduce){.pfpower,.pwrays,.pwf,.pwcore,.pws{animation:none}}
.pfpow>summary{flex-wrap:wrap}
.pfpow>summary .pfpic.pfpower{flex:0 0 100%;display:block;margin-bottom:12px}
.pfpow{background:linear-gradient(120deg,#F7B24C,#F47E62,#B184EC,#6AA8EC,#5FAF8E,#F7B24C);background-size:300% 300%;animation:pwbg 12s ease-in-out infinite;border:0;box-shadow:0 12px 28px rgba(177,132,236,.28)}
.pfpow>summary .cardsec h2{color:#fff;font-size:clamp(1.45em,6vw,1.75em);line-height:1.2;text-shadow:0 2px 10px rgba(60,30,90,.25)}
.pfpow>summary .cardsec p{color:rgba(255,255,255,.92)}
.pfpow>summary .ctbchev{border-color:#fff!important;color:#fff}
:where(html[data-fb="dark"]) .pfpow>summary .ctbchev{border-color:rgba(255,255,255,0.1) !important}
.pfpow .pwic{width:58px;height:58px;border-radius:18px;background:rgba(255,255,255,.28);border:1px solid rgba(255,255,255,.6);box-shadow:0 6px 14px rgba(60,30,90,.18);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center;flex:none}
:where(html[data-fb="dark"]) .pfpow .pwic{border:1px solid rgba(255,255,255,0.1);box-shadow:0 6px 14px rgba(0,0,0,0.43)}
.pfpow .pwic svg{width:44px;height:44px}
.pfpow[open]>.ctbin,.pfpow>.ctbin{background:#fff;border-radius:18px;margin-top:10px;padding:12px}
:where(html[data-fb="dark"]) .pfpow[open]>.ctbin,
:where(html[data-fb="dark"]) .pfpow>.ctbin{background:#182239}
.frmore{margin-top:2px}
.frmore>summary{cursor:pointer;list-style:none;font-weight:800;color:var(--ink2);padding:8px 2px;font-size:.92em}
.frmore>summary::-webkit-details-marker{display:none}
.frmore>summary::after{content:" ▾"}
.frmore[open]>summary::after{content:" ▴"}
.wklist{display:flex;flex-direction:column;gap:10px}
.wkit{display:flex;gap:12px;align-items:flex-start;background:var(--bg2);border-radius:14px;padding:12px}
.wkn{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--fc);color:#fff;font-weight:800}
.wkit b{color:var(--ink);display:block;margin-bottom:2px}
.wkit p{margin:0;color:var(--ink2);line-height:1.6;font-size:.94em}
.wkt{display:inline-block;margin-top:6px;font-size:.76em;font-weight:700;color:var(--muted)}
.pfwk{margin-top:12px;position:relative;overflow:hidden;border:0;background:radial-gradient(120% 90% at 100% 0%,rgba(247,178,76,.38),rgba(247,178,76,0) 55%),radial-gradient(90% 80% at 0% 100%,rgba(95,175,142,.45),rgba(95,175,142,0) 60%),linear-gradient(150deg,#2E2A6E 0%,#3B3F94 48%,#1E6F86 100%);box-shadow:0 12px 28px rgba(46,42,110,.3)}
.pfwk>summary{position:relative;padding-top:34px}
.wklights{position:absolute;left:-6px;right:-6px;top:-14px;pointer-events:none}
.wklights svg{display:block;width:100%;height:auto}
.wkb{animation:wktw 2.4s ease-in-out infinite}
@keyframes wktw{0%,100%{opacity:1}50%{opacity:.55}}
.pfwk>summary .cardsec h2{color:#fff;font-size:clamp(1.45em,6vw,1.75em);line-height:1.2;text-shadow:0 2px 10px rgba(10,10,40,.3)}
.pfwk>summary .cardsec p{color:rgba(255,255,255,.88)}
.pfwk>summary .ctbchev{border-color:#fff!important;color:#fff}
:where(html[data-fb="dark"]) .pfwk>summary .ctbchev{border-color:rgba(255,255,255,0.1) !important}
.pfwk .wkic{width:58px;height:58px;border-radius:18px;background:linear-gradient(160deg,rgba(255,255,255,.26),rgba(255,255,255,.08));border:1px solid rgba(255,255,255,.45);box-shadow:0 6px 16px rgba(10,10,40,.28),0 0 22px rgba(255,212,82,.35);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center;flex:none}
:where(html[data-fb="dark"]) .pfwk .wkic{border:1px solid rgba(255,255,255,0.07);box-shadow:0 6px 16px rgba(0,0,0,0.5),0 0 22px rgba(255,212,82,.35)}
.pfwk .wkic svg{width:46px;height:46px}
.pfwk .wkit{background:rgba(255,255,255,.97);box-shadow:0 4px 12px rgba(10,10,40,.18)}
:where(html[data-fb="dark"]) .pfwk .wkit{background:rgba(24,34,57,0.97);box-shadow:0 4px 12px rgba(0,0,0,0.43)}
.pfwk .wkfoot{margin-top:10px;color:rgba(255,255,255,.82)}
@media (prefers-reduced-motion:reduce){.wkb{animation:none}}
.frwho{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px}
.frwho>i{font-style:normal;font-weight:800;color:var(--muted);font-size:.9em}
.frav{display:inline-flex;align-items:center;gap:6px;padding:3px 10px 3px 3px;border-radius:999px;border:1.5px solid color-mix(in srgb,var(--fc) 45%,#fff);background:#fff;font:inherit;font-size:.82em;font-weight:700;color:var(--ink);cursor:pointer;line-height:1}
:where(html[data-fb="dark"]) .frav{border:1.5px solid color-mix(in srgb,var(--fc) 45%,rgba(255,255,255,0.1));background:#182239}
.frav .av{flex:none}
.frav:active{transform:scale(.97)}
.frav:focus-visible{outline:2px solid var(--fc);outline-offset:2px}
.frs .frav span{font-size:1em;color:var(--ink);font-weight:700}
.rpsec{display:flex;flex-direction:column;gap:14px}
.rphead h2{font-family:var(--display);color:var(--ink);font-size:1.45em;line-height:1.25;margin:2px 0 4px;text-wrap:balance}
.rphead .xeye{color:#7A4BD9}
:where(html[data-fb="dark"]) .rphead .xeye{color:#AE92E8}
.rptiers{padding-top:14px}
.rptiers>.rptier{width:84%;max-width:340px}
.rptier{position:relative;background:var(--card,#fff);border:1.5px solid var(--line);border-radius:22px;padding:20px 18px 18px;display:flex;flex-direction:column;gap:10px}
:where(html[data-fb="dark"]) .rptier{background:var(--card,#182239)}
.rptier.hot{border-color:#B184EC;box-shadow:0 10px 26px rgba(122,75,217,.16)}
.rptn{font-size:.74em;font-weight:800;letter-spacing:.06em;color:var(--muted);text-transform:uppercase}
.rptier h3{font-family:var(--display);color:var(--ink);font-size:1.18em;line-height:1.3;margin:0}
.rptier>.small{margin:-4px 0 0}
.rpprice{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.rpprice b{font-family:var(--display);font-size:1.7em;color:var(--ink);font-variant-numeric:tabular-nums}
.rpprice span{font-size:.8em;font-weight:700;color:#7A4BD9;background:#F3EEFF;border-radius:99px;padding:3px 10px}
:where(html[data-fb="dark"]) .rpprice span{color:#AE92E8;background:#201240}
.rptier ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px;flex:1}
.rptier li{display:flex;gap:8px;align-items:flex-start;font-size:.9em;line-height:1.55;color:var(--ink2)}
.rptier li svg{flex:none;margin-top:3px;color:#5FAF8E}
.rpplus{display:flex;gap:7px;align-items:center;background:linear-gradient(90deg,#FFF4DB,#F3EEFF);border-radius:12px;padding:8px 11px;font-size:.84em;font-weight:700;color:var(--ink)}
:where(html[data-fb="dark"]) .rpplus{background:linear-gradient(90deg,#453614,#201240)}
.rpplus svg{color:#F7B24C;flex:none}
.rptier .btn{width:100%}
.rpnote{display:flex;gap:8px;align-items:flex-start;margin:0}
.rpnote svg{flex:none;margin-top:2px;color:#F7B24C}
.rpsample{display:flex;flex-direction:column;gap:12px;background:linear-gradient(160deg,#1C1240,#2E2272 60%,#3D3190);color:#fff;border:0}
.rpsh{display:flex;flex-direction:column;gap:2px}
.rpsh b{font-family:var(--display);font-size:1.1em}
.rpsh .small{color:rgba(255,255,255,.75)}
.rpthumbs{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;padding:2px 2px 6px;scroll-snap-type:x mandatory}
.rpthumbs::-webkit-scrollbar{display:none}
.rpth{flex:none;width:108px;scroll-snap-align:start;display:flex;flex-direction:column;gap:6px;align-items:center;background:none;border:0;padding:0;color:#fff;font:inherit;font-size:.74em;font-weight:700;cursor:pointer}
.rpth img{width:108px;aspect-ratio:1240/1754;border-radius:8px;box-shadow:0 6px 16px rgba(0,0,0,.35);background:#fff;display:block}
:where(html[data-fb="dark"]) .rpth img{background:#182239}
.rpth.ph{height:153px;border-radius:8px;background:rgba(255,255,255,.12);animation:rpph 1.4s ease-in-out infinite}
@keyframes rpph{50%{opacity:.5}}
.rpsample .btn.sec{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.35)}
:where(html[data-fb="dark"]) .rpsample .btn.sec{border-color:rgba(255,255,255,0.07)}
.rpsample .tiny{color:rgba(255,255,255,.65)}
.rpsample .rpstat{color:#FFE27A}
.rpbtns{display:flex;flex-wrap:wrap;gap:10px}
.rpbtns .btn{flex:1 1 180px;display:inline-flex;align-items:center;justify-content:center;gap:8px}
.rpmk>summary{list-style:none;display:flex;align-items:center;gap:12px;cursor:pointer}
.rpmk>summary::-webkit-details-marker{display:none}
.rpmk>summary>span:nth-child(2){flex:1;min-width:0;display:flex;flex-direction:column}
.rpmk>summary b{font-family:var(--display);color:var(--ink)}
.rpmk>summary small{color:var(--muted);font-size:.8em}
.rpmk[open]>summary .ctbchev{transform:rotate(225deg)}
.rpmki{width:40px;height:40px;border-radius:12px;background:#F3EEFF;color:#7A4BD9;display:grid;place-items:center;flex:none}
:where(html[data-fb="dark"]) .rpmki{background:#201240;color:#AE92E8}
.rpmkin{display:flex;flex-direction:column;gap:12px;margin-top:14px}
.rprow{display:flex;flex-direction:column;gap:6px}
.rpl{font-size:.8em;font-weight:800;color:var(--muted)}
.rpwho .av{margin-right:6px;vertical-align:middle}
.rpfl{display:flex;flex-direction:column;gap:5px;font-size:.86em;font-weight:700;color:var(--ink2)}
.rpfl input,.rpfl textarea{font:inherit;font-weight:400;font-size:1em;color:var(--ink);padding:10px 12px;border-radius:14px;border:1.5px solid var(--line);background:var(--card,#fff);width:100%;box-sizing:border-box;line-height:1.6}
:where(html[data-fb="dark"]) .rpfl input,
:where(html[data-fb="dark"]) .rpfl textarea{background:var(--card,#182239)}
.rpfl textarea{resize:vertical}
.rpfl small{font-weight:500;color:var(--muted)}
.rpgrp{border:1.5px solid var(--line);border-radius:16px;padding:10px 14px}
.rpgrp>summary{cursor:pointer;font-weight:800;color:var(--ink);list-style:none}
.rpgrp>summary::-webkit-details-marker{display:none}
.rpgrp>summary::after{content:" ▾";color:var(--muted)}
.rpgrp[open]>summary::after{content:" ▴"}
.rpgin{display:flex;flex-direction:column;gap:12px;margin-top:10px}
.rpq{display:flex;flex-direction:column;gap:8px;padding-bottom:10px;border-bottom:1px dashed var(--line)}
.rpq:last-child{border-bottom:0}
.rpq>b{color:#7A4BD9}
:where(html[data-fb="dark"]) .rpq>b{color:#AE92E8}
html.rpopen,html.rpopen body{overflow:hidden}
.rpview{position:fixed;inset:0;z-index:9999;background:rgba(18,12,40,.92);display:flex;flex-direction:column}
.rpvbar{display:flex;align-items:center;gap:12px;padding:calc(10px + env(safe-area-inset-top,0px)) 16px 10px;background:#1C1240;color:#fff}
.rpvx{width:40px;height:40px;border-radius:50%;border:0;background:rgba(255,255,255,.14);color:#fff;font-size:24px;line-height:1;cursor:pointer;flex:none}
.rpvt{flex:1;min-width:0;display:flex;flex-direction:column}
.rpvt b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rpvn{font-size:.8em;color:rgba(255,255,255,.7)}
.rpvdl{display:inline-flex;align-items:center;gap:6px;flex:none}
.rpvpages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;align-items:center;gap:16px;-webkit-overflow-scrolling:touch}
.rpvp{width:100%;max-width:760px;aspect-ratio:1240/1754;background:rgba(255,255,255,.08);border-radius:6px;position:relative;flex:none}
.rpvp>span{position:absolute;inset:0;display:grid;place-items:center;color:rgba(255,255,255,.5);font-weight:800}
.rpvp img{width:100%;height:100%;display:block;border-radius:6px;box-shadow:0 10px 30px rgba(0,0,0,.4)}
@media (min-width:760px){.rptiers.hsx{display:grid!important;grid-template-columns:repeat(3,1fr);overflow:visible}
.rptiers>.rptier{width:auto;max-width:none}
.rpth{width:120px}
.rpth img{width:120px}}
@media (prefers-reduced-motion:reduce){.rpth.ph{animation:none}}
.rpsample .btn:not(.sec){background:#fff;color:#2A1A63}
:where(html[data-fb="dark"]) .rpsample .btn:not(.sec){background:#182239;color:#E8ECF7}
.chip.rpwho{display:inline-flex;flex-direction:row;align-items:center;gap:6px;padding-left:5px}
.chip.rpwho .av{margin:0}
.pfwk .wklights{z-index:0}
.pfwk>summary>.cardsec,.pfwk>summary>.ctbchev,.pfwk>.ctbin{position:relative;z-index:1}
.pfwk>summary{padding-top:0}
.pfwk .wklights{top:-26px;left:-24px;right:-24px;opacity:.9}
.flsky .fnode{cursor:pointer;-webkit-tap-highlight-color:transparent}
.flsky .fnode .fav{position:relative;transition:transform .25s cubic-bezier(.3,1.4,.5,1),filter .25s}
.flsky .fnode .fav::after{content:"";position:absolute;inset:-12px;border-radius:50%;border:2px solid rgba(255,255,255,.85);box-shadow:0 0 18px rgba(185,174,255,.9);opacity:0;transform:scale(.8);transition:opacity .25s,transform .25s;pointer-events:none}
:where(html[data-fb="dark"]) .flsky .fnode .fav::after{border:2px solid rgba(255,255,255,0.1)}
.flsky .fnode:hover .fav,.flsky .fnode:focus-visible .fav{transform:scale(1.08) translateY(-3px);filter:brightness(1.06)}
.flsky .fnode:hover .fav::after,.flsky .fnode:focus-visible .fav::after{opacity:1;transform:scale(1);animation:flring 1.6s ease-out infinite}
.flsky .fnode:active .fav{transform:scale(.97)}
@keyframes flring{0%{transform:scale(.95);opacity:.95}100%{transform:scale(1.22);opacity:0}}
@media (prefers-reduced-motion:reduce){.flsky .fnode:hover .fav::after{animation:none}}
.chip.pchip{display:inline-flex;align-items:center;gap:7px;padding:4px 14px 4px 4px;flex:none}
.chip.pchip .av{flex:none;margin:0}
.chip.pchip[aria-pressed="true"] .av{box-shadow:0 0 0 2px #fff}
:where(html[data-fb="dark"]) .chip.pchip[aria-pressed="true"] .av{box-shadow:0 0 0 2px #182239}
.pchips.hsx{padding-top:2px}
.flsky .fnode:hover .fav,.flsky .fnode:focus-visible .fav{transform:scale(1.1)}
.flsky .fnode{transition:opacity .25s,filter .25s}
.flsky .flinks:has(.fnode:hover) .fnode:not(:hover),.flsky .flinks:has(.fnode:focus-visible) .fnode:not(:focus-visible){opacity:.38;filter:saturate(.55)}
.flsky .flinks:has(.fnode:hover) .flsvg{opacity:.55;transition:opacity .25s}
.pftips .tipfx{position:relative;isolation:isolate}
.pftips .tipfx img{transition:transform .5s ease}
.tipdim{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 34%,rgba(20,32,90,0) 0,rgba(20,32,90,0) 11%,rgba(20,32,90,.38) 30%,rgba(14,22,70,.62) 70%);mix-blend-mode:multiply}
.tipglow{position:absolute;left:50%;top:34%;width:30%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(255,236,160,.85) 0,rgba(255,214,110,.45) 32%,rgba(255,200,90,0) 68%);mix-blend-mode:screen;animation:tipglow 2.4s ease-in-out infinite}
:where(html[data-fb="dark"]) .tipglow{background:radial-gradient(circle,rgba(85,73,25,0.85) 0,rgba(255,214,110,.45) 32%,rgba(255,200,90,0) 68%)}
.tipsp{position:absolute;width:10px;height:10px;pointer-events:none;background:radial-gradient(circle,#fff 0,#FFF3C4 35%,rgba(255,243,196,0) 70%);border-radius:50%;animation:tipsp 2.4s ease-in-out infinite}
:where(html[data-fb="dark"]) .tipsp{background:radial-gradient(circle,#182239 0,#4B4016 35%,rgba(255,243,196,0) 70%)}
.tipsp.s1{left:38%;top:16%}
.tipsp.s2{left:62%;top:20%;animation-delay:.8s}
.tipsp.s3{left:57%;top:50%;width:7px;height:7px;animation-delay:1.6s}
@keyframes tipglow{0%,100%{opacity:.45;transform:translate(-50%,-50%) scale(.85)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.15)}}
@keyframes tipsp{0%,100%{opacity:0;transform:scale(.4)}50%{opacity:1;transform:scale(1.3)}}
.pftips>summary:hover .tipfx img{transform:scale(1.04)}
.pftips>summary:hover .tipglow{animation-duration:1.2s}
@media (prefers-reduced-motion:reduce){.tipglow,.tipsp{animation:none}}
.flsky .flab{background:rgba(255,255,255,.8);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:opacity .25s}
:where(html[data-fb="dark"]) .flsky .flab{background:rgba(24,34,57,0.8)}
.flsky .fnode:hover .flab,.flsky .fnode:focus-visible .flab{opacity:0}
.rpsample>summary{list-style:none;display:flex;align-items:center;gap:12px;cursor:pointer;flex-direction:row}
.rpsample>summary::-webkit-details-marker{display:none}
.rpsample>summary>span:nth-child(2){flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.rpshi{width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.14);display:grid;place-items:center;flex:none;color:#FFE27A}
.rpsample>summary .ctbchev{border-color:#fff!important}
:where(html[data-fb="dark"]) .rpsample>summary .ctbchev{border-color:rgba(255,255,255,0.1) !important}
.rpsample[open]>summary .ctbchev{transform:rotate(225deg)}
.rpsin{display:flex;flex-direction:column;gap:12px;margin-top:14px}
.rpover{font-style:normal;color:#C2410C;font-weight:800}
:where(html[data-fb="dark"]) .rpover{color:#F0A789}
.fgrid2>*{min-width:0}
.fgrid2 .pill{white-space:normal;max-width:100%;text-align:center}
.avuprow{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.avupbtn{display:inline-flex;align-items:center;gap:8px;height:48px;padding:0 18px;border-radius:16px;border:2px dashed color-mix(in srgb,var(--ink2) 35%,transparent);color:var(--ink);font-weight:700;cursor:pointer;background:var(--bg2)}
.avupbtn:hover{border-color:var(--ink2)}
.avupbtn:focus-within{outline:3px solid #9DB8FF;outline-offset:2px}
.avupdel{border:0;background:none;color:#C2410C;font:inherit;font-weight:700;font-size:.88em;cursor:pointer;padding:6px 4px}
:where(html[data-fb="dark"]) .avupdel{color:#F0A789}
.avuprow .avopt{width:76px;height:76px}
.chero.mem .chen{font-size:.95em;line-height:1.45;max-width:230px}
@media (min-width:900px){.chero.mem .chin,.chero:not(.gwhero) .chin{min-height:340px}
.chero.mem .txt{gap:12px;padding-bottom:34px}
.chero.mem h1{font-size:3.6em}
.chero.mem .chtype{font-size:1.65em;gap:12px}
.chero.mem .chage{font-size:.7em;padding:4px 14px}
.chero.mem .chpf{padding:3px 15px}
.chero.mem .chen{font-size:1.3em;max-width:520px;line-height:1.5}
.chero.mem .chedit{font-size:1.02em;padding:9px 16px}
.chero.mem .art{height:340px;flex:0 0 340px}
.chero.mem .art img.hi{height:340px!important}
.chero.mem .art>div>.av{transform:scale(1.42);transform-origin:50% 100%}
.chero.mem .chring{width:280px;height:280px;margin:-140px 0 0 -140px}
.chero.mem .hdr .art .avedit{bottom:90px;right:18px;width:42px;height:42px}}
.eart .eahalo{opacity:.22}
@media (prefers-reduced-motion:reduce){.eart .eadot,.eart .eahalo{display:none}}
.ltag.prof{color:#6A3FC4;background:#F3EEFF}
:where(html[data-fb="dark"]) .ltag.prof{color:#B09AE0;background:#201240}
.chhero{position:relative;width:100%;aspect-ratio:400/280;border-radius:26px;overflow:hidden;box-shadow:0 16px 36px rgba(20,30,77,.18)}
:where(html[data-fb="dark"]) .chhero{box-shadow:0 16px 36px rgba(0,0,0,0.43)}
.chhsky{position:absolute;inset:0;width:100%;height:100%}
.chstars circle{fill:#fff}
.chtw{animation:chtw 3.6s ease-in-out infinite}
@keyframes chtw{0%,100%{opacity:.25}50%{opacity:.95}}
.chpulse{transform-box:view-box;transform-origin:200px 124px;animation:chpulse 3.2s ease-in-out infinite}
@keyframes chpulse{0%,100%{transform:scale(.94)}50%{transform:scale(1.05)}}
.chspin{transform-box:view-box;transform-origin:200px 124px;animation:chspin 40s linear infinite}
@keyframes chspin{to{transform:rotate(360deg)}}
.chfill{animation:chfill 2.4s ease-out both}
@keyframes chfill{from{stroke-dasharray:0 100}}
.chhav{position:absolute;z-index:3;left:50%;top:44.3%;transform:translate(-50%,-50%)}
.chhav .av{box-shadow:0 0 0 4px rgba(255,255,255,.92),0 0 0 14px rgba(255,255,255,.16),0 18px 40px rgba(0,0,0,.28)!important}
:where(html[data-fb="dark"]) .chhav .av{box-shadow:0 0 0 4px rgba(24,34,57,0.92),0 0 0 14px rgba(255,255,255,.16),0 18px 40px rgba(0,0,0,0.5) !important}
.chhav.sm{left:auto;top:auto;right:5%;bottom:6%;transform:none}
.chhkid{position:absolute;z-index:3;left:50%;bottom:0;height:94%;transform:translateX(-50%)}
.chhkid img{height:100%;width:auto;display:block;filter:drop-shadow(0 12px 22px rgba(0,0,0,.3))}
.chhchart{position:absolute;z-index:2;left:50%;top:50%;height:86%;aspect-ratio:851/1309;transform:translate(-50%,-50%);background:rgba(255,255,255,.93);border-radius:20px;padding:8px;box-shadow:0 14px 30px rgba(0,0,0,.25)}
:where(html[data-fb="dark"]) .chhchart{background:rgba(24,34,57,0.93);box-shadow:0 14px 30px rgba(0,0,0,0.5)}
.chhchart svg{width:100%;height:100%;display:block}
.chhpill{position:absolute;z-index:2;font:700 13px/1.25 var(--display);color:#fff;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.4);padding:6px 12px;border-radius:999px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);white-space:nowrap;max-width:64%;overflow:hidden;text-overflow:ellipsis}
:where(html[data-fb="dark"]) .chhpill{border:1px solid rgba(255,255,255,0.07)}
.chhpill.lbl{font-family:inherit;font-weight:600}
.chhbig{position:absolute;z-index:1;top:42%;transform:translate(-50%,-50%);font:800 clamp(88px,30vw,190px)/1 var(--display);color:rgba(255,255,255,.26);white-space:nowrap}
.chhbig.l{left:17%}
.chhbig.r{left:83%}
@media (min-width:700px){.chhav .av{transform:scale(1.28)}
.chhpill{font-size:15px;padding:7px 14px}}
@media (prefers-reduced-motion:reduce){.chtw,.chpulse,.chspin,.chfill{animation:none}}
.cenhero{position:relative;overflow:hidden;border-radius:26px;height:clamp(230px,62vw,320px);margin-top:4px;box-shadow:0 16px 36px rgba(20,30,77,.18);color:#fff}
:where(html[data-fb="dark"]) .cenhero{box-shadow:0 16px 36px rgba(0,0,0,0.43)}
.censky{position:absolute;inset:0;width:100%;height:100%}
.cencon{position:absolute;right:2%;top:50%;height:96%;aspect-ratio:1;transform:translateY(-50%);filter:drop-shadow(0 0 6px rgba(255,255,255,.35))}
.centop{position:absolute;z-index:2;left:18px;top:16px;display:flex;align-items:center;gap:10px}
.centop b{font:700 1.02em var(--display);text-shadow:0 1px 6px rgba(0,0,0,.25)}
.censt{font-size:.8em;font-weight:600;padding:4px 11px;border-radius:999px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.4)}
:where(html[data-fb="dark"]) .censt{border:1px solid rgba(255,255,255,0.07)}
.censt.on{background:rgba(255,224,138,.22);border-color:rgba(255,224,138,.7);color:#FFF3C9}
.centtl{position:absolute;z-index:2;left:20px;bottom:18px;right:16px;display:flex;flex-direction:column;gap:2px}
.centtl span{font:700 .78em var(--display);letter-spacing:.08em;text-transform:uppercase;opacity:.8}
.centtl h1{margin:0;color:#fff;font-size:clamp(30px,9.2vw,58px);line-height:1.12;white-space:nowrap;text-shadow:0 2px 14px rgba(0,0,0,.28)}
@media (min-width:700px){.centop{left:26px;top:22px}
.centtl{left:28px;bottom:26px}}
.xthemebox{position:relative;margin:6px 0 4px;padding:22px 22px 20px 24px;border-radius:24px;background:linear-gradient(140deg,var(--tl) 0%,#FFFFFF 120%);border:1.5px solid color-mix(in srgb,var(--tc) 32%,#FFFFFF);box-shadow:0 12px 28px color-mix(in srgb,var(--tc) 14%,transparent)}
:where(html[data-fb="dark"]) .xthemebox{background:linear-gradient(140deg,color-mix(in srgb,var(--tc,var(--td)) 18%,#182239) 0%,#182239 120%);border:1.5px solid color-mix(in srgb,var(--tc) 32%,rgba(255,255,255,0.1))}
.xtq{position:absolute;right:16px;top:-6px;font:800 90px/1 var(--display);color:var(--tc);opacity:.22}
.xtmain{margin:0;font:700 clamp(1.3em,5.4vw,1.7em)/1.45 var(--display);color:var(--td);text-wrap:balance}
:where(html[data-fb="dark"]) .xtmain{color:color-mix(in srgb,var(--td) 36%,#F1F4FB)}
.xtlist{list-style:none;margin:14px 0 0;padding:14px 0 0;border-top:1.5px dashed color-mix(in srgb,var(--tc) 35%,transparent);display:flex;flex-direction:column;gap:10px}
.xtlist li{position:relative;padding-left:26px;font-size:1.12em;font-weight:600;line-height:1.5;color:var(--ink)}
.xtlist li::before{content:"";position:absolute;left:4px;top:.55em;width:11px;height:11px;border-radius:50%;background:var(--tc);box-shadow:0 0 0 4px color-mix(in srgb,var(--tc) 22%,transparent)}
.lnk.lntag{display:flex;align-items:center;gap:10px;font-size:1em;letter-spacing:0;padding:0}
.lntag .lnnum{flex:none;display:grid;place-items:center;min-width:1.25em;height:1.25em;padding:0 .12em;border-radius:.32em;font:800 clamp(40px,11vw,56px)/1 var(--display);color:#fff;background:var(--lc);box-shadow:0 6px 16px color-mix(in srgb,var(--lc) 35%,transparent)}
.lntag .lnside{display:flex;flex-direction:column;gap:1px;min-width:0;font-size:.86em;font-weight:700;color:var(--lc);line-height:1.3}
.lntag .lnside small{font-size:.78em;letter-spacing:.06em;text-transform:uppercase;opacity:.75}
.lnbox .lntag .lnnum{font-size:34px}
.lnhero .lntag .lnnum{font-size:clamp(48px,13vw,68px)}
.profbadge{padding:8px 16px 8px;border-radius:20px}
.profbadge b{font-size:clamp(46px,14vw,78px);letter-spacing:-.01em}
.profbadge small{font-size:.74em}
.reader .rsub{font-family:var(--display);font-size:clamp(1.35em,6vw,1.9em);font-weight:700;line-height:1.35;color:var(--ink);text-align:center;text-wrap:balance;margin:2px 0 4px}
.trbanner{position:relative;display:flex;align-items:center;gap:12px;width:100%;margin-top:12px;min-height:118px;padding:18px 18px 18px 20px;border:0;border-radius:22px;overflow:hidden;cursor:pointer;text-align:left;font:inherit;color:#fff;background:radial-gradient(70% 120% at 85% 20%,#5A43B8 0%,transparent 60%),linear-gradient(160deg,#14163F 0%,#2A2270 60%,#1C3E7A 100%);box-shadow:0 14px 30px rgba(20,22,63,.28);transition:transform .2s,box-shadow .2s}
:where(html[data-fb="dark"]) .trbanner{box-shadow:0 14px 30px rgba(0,0,0,0.5)}
.trbanner:hover{transform:translateY(-2px);box-shadow:0 18px 36px rgba(20,22,63,.34)}
.trsky{position:absolute;inset:0;width:100%;height:100%}
.trtx{position:relative;z-index:1;flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.trtx small{font-size:.8em;font-weight:600;color:#C9C4EC}
.trtx b{font:700 clamp(1.6em,7vw,2.1em)/1.15 var(--display);color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.3)}
.trsym{display:flex;gap:6px;margin-top:4px}
.trsym i{font-style:normal;font-size:.9em;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);color:#FFE08A}
:where(html[data-fb="dark"]) .trsym i{border:1px solid rgba(255,255,255,0.07)}
.trbanner em{position:relative;z-index:1;font-style:normal;font-size:1.6em;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.35)}
:where(html[data-fb="dark"]) .trbanner em{border:1px solid rgba(255,255,255,0.07)}
.xtra2.one{grid-template-columns:minmax(0,1fr)}
.jobstrip{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 12px;scrollbar-width:none}
.jobstrip::-webkit-scrollbar{display:none}
.jobcard{flex:0 0 min(78%,300px);scroll-snap-align:start;display:flex;flex-direction:column;background:var(--bg);border-radius:20px;overflow:hidden;border:1.5px solid color-mix(in srgb,var(--tc) 28%,var(--line));box-shadow:0 10px 24px rgba(20,30,77,.08)}
:where(html[data-fb="dark"]) .jobcard{box-shadow:0 10px 24px rgba(0,0,0,0.19)}
.jobcard img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block}
.jobcard p{margin:0;padding:14px 16px 16px;font-size:.98em;line-height:1.55;color:var(--ink2)}
.jobcard.team{border-color:var(--tc)}
.jobcard.team p b{display:inline-block;margin-right:6px;padding:2px 10px;border-radius:999px;background:var(--tc);color:#fff;font-size:.85em}
@media (min-width:760px){.jobstrip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}
.jobcard{flex:none}}
.top .tedit{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;margin:0;border:0;border-radius:99px;background:#fff;color:var(--ink);font:700 .8em/1 var(--display);white-space:nowrap;cursor:pointer;flex:none;box-shadow:0 1px 2px rgba(22,34,90,.06),0 4px 14px rgba(22,34,90,.08)}
:where(html[data-fb="dark"]) .top .tedit{background:#182239;box-shadow:0 1px 2px rgba(0,0,0,0.14),0 4px 14px rgba(0,0,0,0.19)}
.top .tedit svg{flex:none}
.chhbig.l{color:rgba(16,24,64,.5)}
:where(html[data-fb="dark"]) .chhbig.l{color:rgba(232,236,247,0.5)}
.chhbig.r{color:rgba(232,44,66,.62)}
:where(html[data-fb="dark"]) .chhbig.r{color:rgba(240,137,149,0.62)}
.sec.secx{margin:30px 0 14px}
.sec.secx h2{font-size:clamp(1.55em,6.4vw,1.9em);font-weight:800;letter-spacing:-.01em;line-height:1.2}
.tiles3.tchap .tile{min-height:78px}
.tiles3.tchap .tile b{font-size:1.12rem;line-height:1.3}
.gnext:empty{display:none}
.sec.dynhead{margin-bottom:4px}
.sec.dynhead h2 .dyncount{display:inline-block;font-size:.62em;font-weight:800;color:#fff;background:linear-gradient(135deg,#F47E62,#B184EC);border-radius:999px;padding:3px 12px;vertical-align:middle;letter-spacing:0;white-space:nowrap}
.dynsub{margin:0 0 12px;font-size:.92em;line-height:1.5;color:var(--muted)}
.pftips .tipfx{container-type:inline-size}
.pftips .tipglow{top:17%;width:22%}
.pftips .tipsp.s1{left:39%;top:7%}
.pftips .tipsp.s2{left:61%;top:10%}
.pftips .tipsp.s3{left:57%;top:27%}
.tiptx{position:absolute;left:50%;top:35%;transform:translate(-50%,-50%);font-family:var(--display);font-weight:900;font-size:9cqw;line-height:1;letter-spacing:.06em;color:#fff;pointer-events:none;
  text-shadow:0 0 .12em #FFE7A0,0 0 .35em rgba(255,200,90,.95),0 0 .8em rgba(255,170,60,.75),0 .06em .08em rgba(130,70,0,.55);animation:tiptx 2.4s ease-in-out infinite}
@keyframes tiptx{0%,100%{filter:brightness(1)}50%{filter:brightness(1.12)}}
@media (prefers-reduced-motion:reduce){.tiptx{animation:none}}
.yrcard .yrbig{background:var(--tl);border-radius:18px;padding:14px 16px;display:flex;flex-direction:column;gap:6px}
:where(html[data-fb="dark"]) .yrcard .yrbig{background:color-mix(in srgb,var(--tc,var(--td)) 18%,#182239)}
.yrbig .yrk{display:inline-flex;align-items:center;gap:6px;font-size:.78em;font-weight:800;color:var(--td);letter-spacing:.02em}
:where(html[data-fb="dark"]) .yrbig .yrk{color:color-mix(in srgb,var(--td) 36%,#F1F4FB)}
.yrbig h3{font-size:1.18em;color:var(--ink);margin:0}
.yrbig p{margin:0;line-height:1.7;color:var(--ink2)}
.yrbig .yrtry{font-size:.94em}
.yrrows{display:flex;flex-direction:column;gap:12px}
.yrrow{display:flex;gap:12px;align-items:flex-start}
.yrrow .yri{flex:none;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--bg2);color:var(--ink)}
.yrrow>div{min-width:0}
.yrrow b{display:block;font-family:var(--display);font-size:1.02em;color:var(--ink);margin-bottom:2px}
.yrrow p{margin:0;line-height:1.72;color:var(--ink2)}
.yrhow summary{cursor:pointer;font-size:.86em;font-weight:700;color:var(--muted)}
.yrhow p{margin:8px 0 0}
.lsme{display:flex;flex-direction:column;gap:10px}
.lsme .lsm p{margin:0}
.lsme .lsmh{display:block;font-size:.84em;font-weight:800;color:var(--td);margin-bottom:2px;letter-spacing:.01em}
:where(html[data-fb="dark"]) .lsme .lsmh{color:color-mix(in srgb,var(--td) 36%,#F1F4FB)}
.lschips{display:flex;flex-wrap:wrap;gap:8px;margin-top:2px}
.lschip{display:flex;align-items:flex-start;gap:8px;border:0;background:rgba(255,255,255,.75);border-radius:14px;padding:8px 12px;font:inherit;text-align:left;color:var(--ink);max-width:100%}
:where(html[data-fb="dark"]) .lschip{background:rgba(24,34,57,0.75)}
button.lschip{cursor:pointer}
.lschip span{display:flex;flex-direction:column;min-width:0;font-weight:700;font-size:.92em;line-height:1.4}
.lschip small{font-weight:600;color:var(--muted);font-size:.8em}
.lschip svg{flex:none;margin-top:3px}
.kfbanner{display:flex;align-items:center;gap:14px;width:100%;border:0;border-radius:22px;padding:16px;color:#fff;text-align:left;font:inherit;cursor:pointer;box-shadow:0 10px 26px rgba(31,42,92,.16);transition:transform .15s}
:where(html[data-fb="dark"]) .kfbanner{box-shadow:0 10px 26px rgba(0,0,0,0.38)}
.kfbanner:hover{transform:translateY(-2px)}
.kfbanner .kfic{flex:none;width:52px;height:52px;border-radius:16px;background:rgba(255,255,255,.22);display:grid;place-items:center}
.kfbanner .kfic svg{width:28px;height:28px}
.kfbanner .kftx{display:flex;flex-direction:column;gap:2px;min-width:0}
.kfbanner .kftx b{font-family:var(--display);font-size:1.16em;line-height:1.3}
.kfbanner .kftx span{font-size:.88em;opacity:.92}
.kfbanner em{margin-left:auto;font-style:normal;font-size:1.4em}
.kfplus{display:inline-flex;align-items:center;flex:none;margin-left:auto;background:linear-gradient(135deg,#F7B24C,#F47E62);color:#fff;border-radius:999px;padding:4px 12px;font-size:.78em;font-weight:800;letter-spacing:.02em}
.kfhero{position:relative;overflow:hidden;border-radius:26px;padding:22px 18px 24px;color:#fff;min-height:170px}
.kfhero .kfsky{position:absolute;inset:0;width:100%;height:100%}
.kfhero>*:not(.kfsky){position:relative}
.kfhero .kfk{font-size:.82em;font-weight:700;opacity:.88}
.kfhero h1{color:#fff;font-size:1.7em;line-height:1.25;margin:6px 0 6px;max-width:74%}
.kfhero p{margin:0;opacity:.94;max-width:64%;line-height:1.55}
.kfhero .kfav{position:absolute;right:14px;bottom:12px}
.kfrules{display:flex;flex-direction:column;gap:8px}
.kfrule{display:flex;gap:10px;align-items:center;background:var(--bg2);border-radius:14px;padding:11px 12px;font-weight:700;line-height:1.45}
.kfrule i{flex:none;width:12px;height:12px;border-radius:50%}
.kfchips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:2px 0}
.kfchips .chip{flex:none}
.kfmom h3{margin:0;font-size:1.16em}
.kffold>summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none}
.kffold>summary::-webkit-details-marker{display:none}
.kffold[open]>summary{margin-bottom:4px}
.kfmore{display:flex;flex-direction:column;gap:10px}
.kflbl{display:flex;align-items:center;gap:6px;font-size:.82em;font-weight:800;margin:12px 0 5px}
.kflbl.ok{color:#2E8B5F}
:where(html[data-fb="dark"]) .kflbl.ok{color:#9BDEBE}
.kflbl.no{color:#C0392B}
:where(html[data-fb="dark"]) .kflbl.no{color:#E79B93}
.kfsay{border-radius:18px 18px 18px 6px;padding:12px 14px;font-weight:700;line-height:1.65;font-size:1.02em}
.kfsay.ok{background:#E3F4EA;color:#1F5F40}
:where(html[data-fb="dark"]) .kfsay.ok{background:#1E3C2A;color:#9BDEBE}
.kfsay.no{background:#FDECEA;color:#9B2C22;text-decoration:line-through;text-decoration-color:rgba(155,44,34,.35)}
:where(html[data-fb="dark"]) .kfsay.no{background:#411814;color:#E79992}
.kfsay.sm{font-size:.92em;margin-top:8px;padding:9px 12px}
.kfwhy{font-size:.95em;line-height:1.7;color:var(--ink2);margin:10px 0 0}
.kfextra{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}
.kfextra li{display:flex;gap:8px;align-items:flex-start;font-size:.92em;line-height:1.6;color:var(--ink2)}
.kfextra li i{flex:none;width:9px;height:9px;border-radius:50%;margin-top:.55em}
.kfnote{display:flex;gap:6px;align-items:flex-start;line-height:1.6}
.box.kfev{background:#EAF3FF;border:1.5px solid #BFD8FA}
:where(html[data-fb="dark"]) .box.kfev{background:#132741;border:1.5px solid #294160}
.box.kfev .l{color:#2F5FD0}
:where(html[data-fb="dark"]) .box.kfev .l{color:#93ACE7}
.box.kfhd{background:#FFF8EC;border:1.5px dashed #E8C766}
:where(html[data-fb="dark"]) .box.kfhd{background:#402F13}
.box.kfhd .l{color:#A8730C}
:where(html[data-fb="dark"]) .box.kfhd .l{color:#F0CD89}
.kfcheck{display:flex;gap:10px;align-items:flex-start;width:100%;border:0;background:none;font:inherit;text-align:left;padding:9px 0;border-bottom:1px dashed #E4E8F4;cursor:pointer;color:var(--ink);line-height:1.55}
:where(html[data-fb="dark"]) .kfcheck{border-bottom:1px dashed rgba(255,255,255,0.1)}
.kfcheck i{flex:none;width:22px;height:22px;border-radius:7px;border:2px solid #9AA6C8;display:grid;place-items:center;margin-top:1px}
.kfcheck[aria-pressed="true"] i{background:#2E8B5F;border-color:#2E8B5F;color:#fff}
.kfcheck[aria-pressed="true"] i svg{stroke:#fff}
.kfacts{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}
.kfact{flex:none;width:160px;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 6px 16px rgba(31,42,92,.10)}
:where(html[data-fb="dark"]) .kfact{background:#182239;box-shadow:0 6px 16px rgba(0,0,0,0.24)}
.kfact img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block}
.kfact p{margin:0;padding:8px 10px;font-weight:700;font-size:.9em;line-height:1.4}
.kfx{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.kfx li{display:flex;gap:8px;align-items:flex-start;line-height:1.6}
.kfx li svg{flex:none;margin-top:3px}
.kfcond{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid #EEF1F8}
:where(html[data-fb="dark"]) .kfcond{border-bottom:1px solid rgba(255,255,255,0.1)}
.kfcond:last-child{border-bottom:0}
.kfdots{flex:none;display:flex;flex-direction:column;align-items:center;gap:4px}
.kfdots span{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#F4F6FC}
:where(html[data-fb="dark"]) .kfdots span{background:#182139}
.kfdots span.op{background:#fff;border:2px dashed #C9CFE6}
:where(html[data-fb="dark"]) .kfdots span.op{background:#182239;border:2px dashed #2C365E}
.kfcond b{display:block;margin-bottom:2px;line-height:1.45}
.kfcond p{margin:0;line-height:1.6;font-size:.95em}
.kfseg{display:inline-flex;align-self:flex-start;background:#EEF1F8;border-radius:999px;padding:3px}
:where(html[data-fb="dark"]) .kfseg{background:#1C2538}
.kfseg button{border:0;background:none;font:inherit;font-weight:800;font-size:.88em;padding:7px 16px;border-radius:999px;cursor:pointer;color:var(--muted)}
.kfseg button[aria-pressed="true"]{background:#fff;color:var(--ink);box-shadow:0 1px 4px rgba(0,0,0,.12)}
:where(html[data-fb="dark"]) .kfseg button[aria-pressed="true"]{background:#182239;box-shadow:0 1px 4px rgba(0,0,0,0.29)}
.kfsheet{background:#fff;border-radius:18px;box-shadow:0 12px 34px rgba(31,42,92,.16);padding:20px 16px;border:1px solid #EEF1F8;border-top:8px solid var(--tc);color:#16204A}
:where(html[data-fb="dark"]) .kfsheet{background:#182239;box-shadow:0 12px 34px rgba(0,0,0,0.38);border:1px solid rgba(255,255,255,0.1);color:#E8ECF7}
.kfsh{display:flex;gap:12px;align-items:center}
.kfsh h2{font-size:1.4em;margin:0;color:#16204A}
:where(html[data-fb="dark"]) .kfsh h2{color:#E8ECF7}
.kfgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
.kfgrid>div{background:var(--tl);border-radius:14px;padding:12px}
:where(html[data-fb="dark"]) .kfgrid>div{background:color-mix(in srgb,var(--tc,var(--td)) 18%,#182239)}
.kfgrid b{display:block;font-family:var(--display);font-size:1em;font-weight:800;color:var(--tc);margin-bottom:4px}
.kfgrid p{margin:0;font-size:.95em;line-height:1.6;color:#1E2A55}
:where(html[data-fb="dark"]) .kfgrid p{color:#E8ECF7}
.kfphrase{margin-top:12px;background:#E3F4EA;border-radius:14px;padding:12px 14px}
:where(html[data-fb="dark"]) .kfphrase{background:#1E3C2A}
.kfphrase b{display:block;color:#2E8B5F;font-size:.88em;font-weight:800;margin-bottom:2px}
:where(html[data-fb="dark"]) .kfphrase b{color:#9BDEBE}
.kfphrase p{margin:0;font-weight:700;color:#1F5F40;line-height:1.6}
:where(html[data-fb="dark"]) .kfphrase p{color:#9BDEBE}
.kfnotes{margin-top:14px}
.kfnotes b{display:block;font-family:var(--display);font-weight:800;color:var(--tc);margin-bottom:4px}
.kfnotes ul{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:4px}
.kfnotes li{line-height:1.6;font-size:.95em;color:#1E2A55}
:where(html[data-fb="dark"]) .kfnotes li{color:#E8ECF7}
.kfnotes em{font-style:normal;font-weight:700}
.kffoot{margin:14px 0 0;text-align:right;font-size:.75em;color:#9AA3BF}
.kfform textarea{width:100%;font:inherit;border-radius:12px;border:1.5px solid #DDE3F3;padding:10px 12px;resize:vertical;line-height:1.5}
:where(html[data-fb="dark"]) .kfform textarea{border:1.5px solid rgba(255,255,255,0.1)}
.kfsoon{border:2px dashed #C9CFE6;border-radius:20px;padding:16px;display:flex;gap:12px;align-items:center;background:#FAFBFF;margin-top:12px}
:where(html[data-fb="dark"]) .kfsoon{border:2px dashed #2C365E;background:#182239}
.kfsoon .kfic{flex:none;width:48px;height:48px;border-radius:14px;background:#EEF1F8;display:grid;place-items:center}
:where(html[data-fb="dark"]) .kfsoon .kfic{background:#1C2538}
.kfsoon p{margin:2px 0 8px}
.bbtrack:has(.kflock){grid-template-columns:repeat(5,minmax(0,1fr))}
.bbs.kflock i{background:repeating-linear-gradient(90deg,#D5DBEC 0 6px,transparent 6px 10px)!important}
:where(html[data-fb="dark"]) .bbs.kflock i{background:repeating-linear-gradient(90deg,#222A40 0 6px,transparent 6px 10px) !important}
.bbs.kflock b{color:#9AA3BF}
.bbs.kflock b::after{content:" 🔒";font-size:.8em}
@media (max-width:380px){.kfgrid{grid-template-columns:1fr}}
.kfsheet{container-type:inline-size}
@container (max-width:430px){.kfgrid{grid-template-columns:1fr}
.kfgrid p{font-size:1em}}
.kfplus.in{font-style:normal;margin-left:6px;padding:2px 9px;font-size:.82em;vertical-align:1px}
.tabs .in:has([aria-current="page"]) button:not([aria-current="page"]){opacity:.45;filter:grayscale(.45);transition:opacity .2s,filter .2s}
.tabs .in:has([aria-current="page"]) button:not([aria-current="page"]):hover{opacity:.8;filter:none}
.tabs button[aria-current="page"]{opacity:1}
p,.sub,.lead,.small,figcaption,.kfsay,.dyntx{text-wrap:pretty}
li,summary,.lead2{text-wrap:balance}
:root{--muted:#646C8E}
.small{font-size:.9em}
.tiny{font-size:.8em}
.mk{background:linear-gradient(transparent 56%,var(--rdh,rgba(74,140,247,.3)) 56%);font-weight:700;color:var(--ink);padding:0 1px;border-radius:2px;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.tldr{background:var(--rdl,#EEF4FF);border:1.5px solid var(--rdh,rgba(74,140,247,.3));border-radius:18px;padding:14px 16px}
:where(html[data-fb="dark"]) .tldr{background:var(--rdl,#122240)}
.tldr b{display:flex;align-items:center;gap:6px;color:var(--rdd,#2F6FD6);font-family:var(--display);margin-bottom:6px}
:where(html[data-fb="dark"]) .tldr b{color:var(--rdd,#90B2E9)}
.tldr ul{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px;line-height:1.6;font-weight:600;color:var(--ink)}
.lart{counter-reset:lsec}
.lart>h2{counter-increment:lsec;display:flex;gap:10px;align-items:flex-start;border-left:5px solid var(--rdc,#4A8CF7);padding-left:12px;margin-top:22px}
.lart>h2::before{content:counter(lsec);flex:none;font-size:.78em;line-height:1.5;background:var(--rdl,#EEF4FF);color:var(--rdd,#2F6FD6);border-radius:8px;padding:1px 9px;margin-top:2px}
:where(html[data-fb="dark"]) .lart>h2::before{background:var(--rdl,#122240);color:var(--rdd,#90B2E9)}
.sitr{counter-reset:ssec}
.sitr .gsec>.gh{border-left:5px solid var(--rdc,#4A8CF7);padding-left:10px}
.sitr .gsec>.gh h3::before{counter-increment:ssec;content:counter(ssec) ". ";color:var(--rdd,#2F6FD6)}
:where(html[data-fb="dark"]) .sitr .gsec>.gh h3::before{color:var(--rdd,#90B2E9)}
.xhiw{background:var(--tl);border-radius:24px;padding:16px 14px;border:1.5px solid color-mix(in srgb,var(--tc) 28%,transparent)}
:where(html[data-fb="dark"]) .xhiw{background:color-mix(in srgb,var(--tc,var(--td)) 18%,#182239)}
.xhiw .gsec.xhi{margin:0}
.xhiw .gsec.xhi>.gh h3{font-size:1.38em;color:var(--td);letter-spacing:-.01em}
:where(html[data-fb="dark"]) .xhiw .gsec.xhi>.gh h3{color:color-mix(in srgb,var(--td) 36%,#F1F4FB)}
.xhiw .gsec.xhi>.gh .ic{transform:scale(1.15)}
.xhiw .gsec.xhi li{font-size:1.08em;font-weight:600;color:var(--ink);line-height:1.6}
.xhiw .jobcard p{font-size:1.04em;font-weight:600;color:var(--ink)}
.bbtrack{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
.bbs b{font-size:.86em;white-space:nowrap}
.rpbtns .btn.rplock,.rpbtns .btn.rplock:disabled{opacity:1;cursor:not-allowed;background:rgba(255,255,255,.08);color:rgba(255,255,255,.55);border:1.5px dashed rgba(255,255,255,.3);box-shadow:none}
:where(html[data-fb="dark"]) .rpbtns .btn.rplock,
:where(html[data-fb="dark"]) .rpbtns .btn.rplock:disabled{border:1.5px dashed rgba(255,255,255,0.07)}
.rplockt{margin:-4px 0 0;color:rgba(255,255,255,.62)}
.rpvlk{display:inline-flex;align-items:center;gap:6px;flex:none;font-size:.82em;font-weight:700;color:rgba(255,255,255,.75);background:rgba(255,255,255,.1);border-radius:999px;padding:7px 12px}
.rpvlock .rpvp img,.rpth img{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none}
.gwage.long{flex-wrap:nowrap}
.gwage.long b{font-size:clamp(2.1em,8.4vw,3em)}
.gwage.long .gwl,.gwage.long .gwu{font-size:1.1em}
.adkid{display:flex;align-items:center;gap:8px;margin:0 0 12px;padding:8px 14px;border-radius:999px;background:var(--rdl,#EEF4FF);color:var(--ink2,#2A3366);font-size:.86em;font-weight:700;width:fit-content;max-width:100%}
:where(html[data-fb="dark"]) .adkid{background:var(--rdl,#122240);color:var(--ink2,#B9C1D8)}
.adkid svg{color:var(--rdc,#2F6FD6)}
:where(html[data-fb="dark"]) .adkid svg{color:var(--rdc,#90B2E9)}
.memdel{align-self:center;display:inline-flex;align-items:center;gap:6px;margin-top:6px;padding:10px 14px;border:0;background:none;color:#C2410C;font:inherit;font-weight:700;font-size:.92em;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
:where(html[data-fb="dark"]) .memdel{color:#F0A789}
.memdelbox{border:1.5px solid #F4B4A0;background:#FFF4EF;display:flex;flex-direction:column;gap:12px}
:where(html[data-fb="dark"]) .memdelbox{border:1.5px solid #603629;background:#3F2012}
.memdelbox .memdelyes{background:#C2410C;border-color:#C2410C;color:#fff}
[data-fb="dark"] .memdelbox{background:#3A2219;border-color:#7A3A22}
[data-fb="dark"] .memdel{color:#FF9A6B}
.hsk{position:relative}
.hskx{position:absolute;top:10px;right:10px;z-index:3;width:32px;height:32px;border-radius:50%;border:0;background:rgba(255,255,255,.88);display:grid;place-items:center;box-shadow:0 2px 8px rgba(0,0,0,.16);cursor:pointer}
:where(html[data-fb="dark"]) .hskx{background:rgba(24,34,57,0.88);box-shadow:0 2px 8px rgba(0,0,0,0.38)}
.hskx svg{width:16px;height:16px;fill:none;stroke:#5A6488;stroke-width:2.6;stroke-linecap:round}
.hskdel{position:absolute;inset:0;z-index:4;border-radius:inherit;background:rgba(255,255,255,.97);display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;padding:18px;text-align:center;color:#16225A}
:where(html[data-fb="dark"]) .hskdel{background:rgba(24,34,57,0.97);color:#E8ECF7}
.hskdel span{font-size:.82em;color:#646C8E}
:where(html[data-fb="dark"]) .hskdel span{color:#B9C1D8}
[data-fb="dark"] .hskdel{background:rgba(22,24,44,.97);color:#EEF0FA}
.mdpop{position:absolute;z-index:9000;background:#fff;border-radius:16px;box-shadow:0 14px 36px rgba(16,20,50,.28);padding:6px;display:flex;flex-direction:column}
:where(html[data-fb="dark"]) .mdpop{background:#182239;box-shadow:0 14px 36px rgba(0,0,0,0.5)}
.mdpop>button{display:flex;align-items:center;gap:10px;background:none;border:0;text-align:left;padding:12px 14px;font:inherit;font-weight:600;color:#16225A;border-radius:10px;cursor:pointer}
:where(html[data-fb="dark"]) .mdpop>button{color:#E8ECF7}
.mdpop>button:hover{background:#F3F5FB}
:where(html[data-fb="dark"]) .mdpop>button:hover{background:#1A2138}
.mdpop .red{color:#C2410C}
:where(html[data-fb="dark"]) .mdpop .red{color:#F0A789}
.mdq{display:flex;flex-direction:column;gap:8px;padding:10px;color:#16225A}
:where(html[data-fb="dark"]) .mdq{color:#E8ECF7}
.mdq span{font-size:.82em;color:#646C8E}
:where(html[data-fb="dark"]) .mdq span{color:#B9C1D8}
.mdq button{border-radius:999px;padding:8px 14px;font:inherit;font-weight:700;border:1.5px solid #D9DDEC;background:#fff;color:#16225A;cursor:pointer}
:where(html[data-fb="dark"]) .mdq button{border:1.5px solid #2E385C;background:#182239;color:#E8ECF7}
.mdq .mdyes{background:#C2410C;border-color:#C2410C;color:#fff}
[data-fb="dark"] .mdpop{background:#1E2140}
[data-fb="dark"] .mdpop>button,[data-fb="dark"] .mdq{color:#EEF0FA}
[data-fb="dark"] .mdpop>button:hover{background:#2A2E55}
.memdelbox .memdelyes,.hskdel .memdelyes{background:#C2410C;border-color:#C2410C;color:#fff}
[data-act="member"] img{-webkit-touch-callout:none}
.rpmode{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border-radius:14px;background:#EEF4FF;color:#16225A}
:where(html[data-fb="dark"]) .rpmode{background:#122240;color:#E8ECF7}
.rpmode.full{background:#FFF6E6}
:where(html[data-fb="dark"]) .rpmode.full{background:#423113}
.rpmode span{font-size:.85em;color:#5A6488}
:where(html[data-fb="dark"]) .rpmode span{color:#B9C1D8}
.rpprog{display:block;height:6px;border-radius:9px;background:rgba(22,34,90,.1);overflow:hidden;margin-top:4px}
.rpprog i{display:block;height:100%;background:#F2A33A;border-radius:9px}
.rpstep{display:flex;align-items:center;gap:10px;margin:14px 0 4px;font-size:1em;color:#16225A}
:where(html[data-fb="dark"]) .rpstep{color:#E8ECF7}
.rpstep span{width:26px;height:26px;border-radius:50%;background:#16225A;color:#fff;display:grid;place-items:center;font-size:.85em}
.rpdbtn{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;margin-top:6px;border:1.5px dashed #B9C3E6;background:#F7F9FF;color:#2F4FB0;border-radius:999px;padding:6px 12px;font:inherit;font-size:.82em;font-weight:700;cursor:pointer}
:where(html[data-fb="dark"]) .rpdbtn{border:1.5px dashed #293660;background:#121E3F;color:#96A9E3}
[data-fb="dark"] .rpmode{background:#1E2546;color:#EEF0FA}
[data-fb="dark"] .rpmode.full{background:#3A2E18}
[data-fb="dark"] .rpstep{color:#EEF0FA}
[data-fb="dark"] .rpdbtn{background:#1E2546;color:#9DB4FF;border-color:#3A4A80}
[data-fb="dark"] .kfrule i,[data-fb="dark"] .kfsay li>i,[data-fb="dark"] .kfphr li>i,[data-fb="dark"] .kfcard li>i{box-shadow:0 0 0 2px rgba(255,255,255,.7)}
:where(html[data-fb="dark"]) [data-fb="dark"] .kfrule i,
:where(html[data-fb="dark"]) [data-fb="dark"] .kfsay li>i,
:where(html[data-fb="dark"]) [data-fb="dark"] .kfphr li>i,
:where(html[data-fb="dark"]) [data-fb="dark"] .kfcard li>i{box-shadow:0 0 0 2px rgba(24,34,57,0.7)}
[data-fb="dark"] .kfextra li>i,[data-fb="dark"] .kfx li>i{box-shadow:0 0 0 2px rgba(255,255,255,.7)}
:where(html[data-fb="dark"]) [data-fb="dark"] .kfextra li>i,
:where(html[data-fb="dark"]) [data-fb="dark"] .kfx li>i{box-shadow:0 0 0 2px rgba(24,34,57,0.7)}
@media (min-width:760px){.jobstrip.hsx{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));flex-wrap:wrap!important;overflow:visible;scroll-snap-type:none}
.jobstrip.hsx>.jobcard{flex:none;width:auto}
.hsw:has(>.jobstrip) .hsarr,.hsw:has(>.jobstrip) .hsdots{display:none!important}
.hsw:has(>.jobstrip)>.hsx{-webkit-mask-image:none;mask-image:none}}
.frrule{margin-top:12px;display:flex;flex-direction:column;gap:6px;background:linear-gradient(160deg,#EEF4FF,#F7F3FF);border:1.5px solid #D6E2FB}
:where(html[data-fb="dark"]) .frrule{background:linear-gradient(160deg,#122240,#21123F);border:1.5px solid rgba(255,255,255,0.1)}
.frrule h3{margin:0;font-size:1.2em;color:var(--ink)}
.frrule p{margin:0;line-height:1.65;color:var(--ink2)}
.frrule .xeye{display:inline-flex;align-items:center;gap:6px}
[data-fb="dark"] .frrule{background:linear-gradient(160deg,#1C2448,#251E44);border-color:#33407A}
.frchips span b{font-weight:800;margin-right:2px}
.gearbtn{width:40px;height:40px;border-radius:50%;border:0;background:var(--bg,#fff);color:var(--ink,#16225A);display:grid;place-items:center;box-shadow:0 2px 10px rgba(22,34,90,.10);cursor:pointer;flex:none;margin-left:6px}
:where(html[data-fb="dark"]) .gearbtn{background:var(--bg,#182239);color:var(--ink,#E8ECF7);box-shadow:0 2px 10px rgba(0,0,0,0.24)}
.gearbtn:hover{transform:rotate(30deg);transition:transform .3s}
.merow{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:14px 16px;border-radius:18px;border:1.5px solid var(--line,#E4E7F2);background:var(--bg,#fff);font:inherit;color:var(--ink);cursor:pointer}
:where(html[data-fb="dark"]) .merow{border:1.5px solid var(--line,rgba(255,255,255,0.1));background:var(--bg,#182239)}
.merow .tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.merow small{color:var(--muted);font-size:.84em}
.merow .go{font-size:1.4em;color:var(--muted)}
.bpgrid .bptype{margin:-2px 0 10px;font-weight:800;color:var(--td)}
:where(html[data-fb="dark"]) .bpgrid .bptype{color:color-mix(in srgb,var(--td) 36%,#F1F4FB)}
.bpx6{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.bpx{background:var(--tl);border-radius:16px;padding:12px 13px;display:flex;flex-direction:column;gap:4px;min-width:0}
:where(html[data-fb="dark"]) .bpx{background:color-mix(in srgb,var(--tc,var(--td)) 18%,#182239)}
.bpxk{font-size:.78em;font-weight:800;color:var(--td);letter-spacing:.02em}
:where(html[data-fb="dark"]) .bpxk{color:color-mix(in srgb,var(--td) 36%,#F1F4FB)}
.bpxk i{font-style:normal;font-weight:700;opacity:.65;margin-left:4px}
.bpx b{font-size:1.08em;line-height:1.3;color:var(--ink)}
.bpx p{margin:0;font-size:.86em;line-height:1.5;color:var(--ink2)}
[data-fb="dark"] .bpx{background:rgba(255,255,255,.06)}
.fucard{background:radial-gradient(120% 90% at 50% 0%,#2E2A6E,#151A42 70%);color:#fff;border:0;display:flex;flex-direction:column;gap:10px;overflow:hidden}
.fucard .xeye{color:#F7C66B}
.futitle{margin:0;font-size:1.45em;line-height:1.3;color:#fff}
.futitle em{font-style:normal;color:#F7C66B}
.fucount{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:.9em;color:rgba(255,255,255,.75)}
.fucount span{display:flex;align-items:baseline;gap:6px}
.fucount b{font-size:1.6em;color:#fff;font-family:var(--display)}
.fucount .on b{color:#F7C66B}
.fucount i{font-style:normal;opacity:.6}
.fucount .of{opacity:.6}
.fusky{position:relative;width:100%;aspect-ratio:100/88;max-height:340px;margin:0 auto}
.fusky svg{position:absolute;inset:0;width:100%;height:100%}
.fusky line{stroke:rgba(247,198,107,.55);stroke-width:.45;stroke-linecap:round}
.fus circle{fill:rgba(247,198,107,.28)}
.fus circle.h{fill:#FFE7A8}
.fus{animation:fuTw 3.2s ease-in-out infinite}
@keyframes fuTw{0%,100%{opacity:.55}50%{opacity:1}}
@media (prefers-reduced-motion:reduce){.fus{animation:none}}
.fuav{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:3px}
.fuav b{font-size:.78em;color:#fff;background:rgba(0,0,0,.25);padding:1px 8px;border-radius:999px;white-space:nowrap}
.fuchips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.fuchip{display:flex;align-items:center;gap:8px;text-align:left;padding:10px 11px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.07);color:#fff;font:inherit;cursor:pointer;min-width:0}
:where(html[data-fb="dark"]) .fuchip{border:1px solid rgba(255,255,255,0.07)}
.fuchip svg{color:#F7C66B;flex:none}
.fuchip span{display:flex;flex-direction:column;min-width:0}
.fuchip b{font-size:.88em;line-height:1.35}
.fuchip small{font-size:.74em;color:rgba(255,255,255,.7)}
.fumore{margin:0;color:rgba(255,255,255,.7)}
.furest{display:flex;flex-direction:column;gap:8px}
.furest>summary{list-style:none;cursor:pointer;align-self:center;padding:9px 18px;border-radius:999px;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.08);color:#F7C66B;font-weight:800;font-size:.9em}
:where(html[data-fb="dark"]) .furest>summary{border:1px solid rgba(255,255,255,0.07)}
.furest>summary::-webkit-details-marker{display:none}
.furest .fuclose{display:none}
.furest[open] .fuopen{display:none}
.furest[open] .fuclose{display:inline}
.furest[open]>summary{order:2}
.fugrid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:5px;margin:4px 0 2px}
.fugrid i{aspect-ratio:1;border-radius:5px;background:rgba(255,255,255,.12);animation:fuIn .5s ease both}
.fugrid i.own{background:#E9EEFF;box-shadow:inset 0 0 0 1px rgba(255,255,255,.6)}
:where(html[data-fb="dark"]) .fugrid i.own{background:#131D41}
.fugrid i.tog{background:#F7C66B;box-shadow:0 0 10px rgba(247,198,107,.55)}
@keyframes fuIn{from{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.fugrid i{animation:none}}
.fulegend{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:.8em;color:rgba(255,255,255,.78)}
.fulegend span{display:inline-flex;align-items:center;gap:6px}
.fulegend i{width:12px;height:12px;border-radius:3px;display:inline-block;background:rgba(255,255,255,.12)}
.fulegend i.own{background:#E9EEFF}
:where(html[data-fb="dark"]) .fulegend i.own{background:#131D41}
.fulegend i.tog{background:#F7C66B}
.fugrid{grid-template-columns:repeat(9,minmax(0,1fr));gap:6px}
.fusq{aspect-ratio:1;border-radius:8px;border:0;padding:0;display:grid;place-items:center;cursor:pointer;background:rgba(255,255,255,.10);color:rgba(255,255,255,.38);animation:fuIn .5s ease both;transition:transform .15s}
.fusq:hover,.fusq:focus-visible{transform:scale(1.12);outline:2px solid #fff;outline-offset:1px}
.fusq.own{background:#E9EEFF;color:#2A3A7A}
:where(html[data-fb="dark"]) .fusq.own{background:#131D41;color:#9CA9DD}
.fusq.tog{background:#F7C66B;color:#5B3A00;box-shadow:0 0 10px rgba(247,198,107,.55)}
:where(html[data-fb="dark"]) .fusq.tog{color:#F0CB89}
@media (prefers-reduced-motion:reduce){.fusq{animation:none}}
.taloffh{display:flex;flex-direction:column;gap:6px;align-items:flex-start;background:linear-gradient(160deg,#EEF1FA,#F7F8FC);border:1.5px dashed #C9D0E6}
:where(html[data-fb="dark"]) .taloffh{background:linear-gradient(160deg,#19223A,#1B2037);border:1.5px dashed #2C385E}
.taloffi{width:72px;height:72px;border-radius:20px;display:grid;place-items:center;background:#fff;color:#8A93B5;box-shadow:0 6px 18px rgba(22,34,90,.08)}
:where(html[data-fb="dark"]) .taloffi{background:#182239;color:#B9C1D8;box-shadow:0 6px 18px rgba(0,0,0,0.19)}
.taloffh h1{margin:0;font-size:1.6em;color:var(--ink)}
[data-fb="dark"] .taloffh{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.2)}
:where(html[data-fb="dark"]) [data-fb="dark"] .taloffh{border-color:rgba(255,255,255,0.07)}
.talstar{position:relative;width:var(--s,80px);height:var(--s,80px);display:inline-grid;place-items:center;filter:drop-shadow(0 0 12px rgba(255,232,160,.8)) drop-shadow(0 4px 10px rgba(0,0,0,.18));animation:talTw 3.6s ease-in-out infinite}
.talstar svg.bg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.talstar svg.bg path{fill:#FFF3C4;stroke:#fff;stroke-width:3.5;stroke-linejoin:round}
.talstar .ic{position:relative;top:5%;color:#6B4500;display:grid}
:where(html[data-fb="dark"]) .talstar .ic{color:#F0CC89}
@keyframes talTw{0%,100%{transform:scale(1) rotate(-5deg)}50%{transform:scale(1.07) rotate(5deg)}}
@media (prefers-reduced-motion:reduce){.talstar{animation:none}}
.tlhero .art,.fthero .art{position:relative}
.tlstarw{position:absolute;left:2%;top:4%;z-index:4}
.tlstarw.ftstar{left:50%;top:44%;transform:translate(-50%,-50%)}
.tlmotif svg{stroke-width:1.2}
.taloffi{width:auto;height:auto;background:none;box-shadow:none}
.taloffi .talstar{filter:drop-shadow(0 0 10px rgba(247,198,107,.55))}
.tlbig{display:block;color:#fff;margin-bottom:6px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.18))}
.tlbig svg{stroke-width:1.7}
.taloffi{width:76px;height:76px;border-radius:20px;display:grid;place-items:center;background:#fff;color:#5A6488;box-shadow:0 6px 18px rgba(22,34,90,.08)}
:where(html[data-fb="dark"]) .taloffi{background:#182239;color:#B9C1D8;box-shadow:0 6px 18px rgba(0,0,0,0.19)}
.tcico{flex:none;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#252F6B;color:#fff;box-shadow:0 3px 10px rgba(37,47,107,.22)}
:where(html[data-fb="dark"]) .tcico{box-shadow:0 3px 10px rgba(0,0,0,0.5)}
.furest .fumore{margin:10px 0 2px;text-align:center}
.energy.epc{height:28px!important}
.energy.epc i{display:flex;align-items:center;justify-content:center;min-width:44px}
.energy.epc b{color:#fff;font-style:normal;font-family:var(--display);font-size:.86rem;font-weight:800;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.25);font-variant-numeric:tabular-nums}
.fltap{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:9px;margin:4px auto 34px;padding:10px 16px 10px 12px;white-space:nowrap;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#fff;font-family:var(--display);font-size:clamp(.9rem,4.1vw,1.05rem);font-weight:800;line-height:1.3;text-align:center;width:fit-content;max-width:100%}
:where(html[data-fb="dark"]) .fltap{border:1px solid rgba(255,255,255,0.07)}
.fltap svg{flex:none;animation:fltapP 2.4s ease-in-out infinite}
@keyframes fltapP{0%,100%{transform:scale(1)}50%{transform:scale(1.12)}}
@media (prefers-reduced-motion:reduce){.fltap svg{animation:none}}
.lfemb{display:flex;justify-content:center;margin:4px 0 10px}
.lfmore{margin-top:14px}
.envsub{background:var(--lav-l,#F4F0FF);border-radius:18px;padding:14px 16px;margin:12px 0;display:flex;flex-direction:column;gap:4px}
:where(html[data-fb="dark"]) .envsub{background:var(--lav-l,#1E123F)}
.envsub .envtag{font-size:.74em;font-weight:800;letter-spacing:.3px;color:#7A5CF0}
:where(html[data-fb="dark"]) .envsub .envtag{color:#9E89F0}
.envsub b{font-family:var(--display);font-size:1.08em;color:var(--ink)}
.envsub p{margin:0}
.envsub .envdir{font-size:.86em;color:var(--ink2)}
.envnear{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;margin-top:4px;font-size:.78em;font-weight:600;color:#9A6B12;background:#FFF6E5;border-radius:999px;padding:4px 10px}
:where(html[data-fb="dark"]) .envnear{color:#F0CD89;background:#423213}
.gbook{position:relative;display:flex;width:100%;min-height:156px;margin:14px 0 4px;padding:0;border:0;cursor:pointer;text-align:left;font:inherit;border-radius:10px 20px 20px 10px;overflow:hidden;
  background:linear-gradient(135deg,var(--g1),var(--g2) 70%,var(--g3));box-shadow:0 14px 28px -12px rgba(10,26,79,.5),0 2px 0 rgba(0,0,0,.08);transition:transform .15s}
:where(html[data-fb="dark"]) .gbook{box-shadow:0 14px 28px -12px rgba(10,26,79,.5),0 2px 0 rgba(0,0,0,0.19)}
.gbook:active{transform:scale(.985)}
.gbspine{flex:none;width:26px;position:relative;background:linear-gradient(90deg,var(--g0),var(--g1))}
.gbspine:before,.gbspine:after{content:'';position:absolute;left:0;right:0;height:2px;background:rgba(255,255,255,.35)}
:where(html[data-fb="dark"]) .gbspine:before,
:where(html[data-fb="dark"]) .gbspine:after{background:rgba(24,34,57,0.35)}
.gbspine:before{top:18px}
.gbspine:after{bottom:18px}
.gbhinge{flex:none;width:6px;background:linear-gradient(90deg,rgba(0,0,0,.28),rgba(255,255,255,.18),rgba(0,0,0,0))}
.gbcover{flex:1;min-width:0;position:relative;display:flex;align-items:center;gap:12px;padding:18px 16px 16px 12px;color:#fff}
.gbframe{position:absolute;inset:9px 10px 9px 4px;border:1.5px solid rgba(255,255,255,.45);border-radius:10px;pointer-events:none}
:where(html[data-fb="dark"]) .gbframe{border:1.5px solid rgba(255,255,255,0.07)}
.gbframe:before,.gbframe:after{content:'✦';position:absolute;color:#FFE6A3;font-size:11px;line-height:1}
.gbframe:before{top:-6px;left:12px}
.gbframe:after{bottom:-6px;right:12px}
.gbrib{position:absolute;top:0;right:22px;width:14px;height:44px;background:#FFC94D;clip-path:polygon(0 0,100% 0,100% 100%,50% 78%,0 100%)}
.gbav{flex:none;width:62px;height:62px;border-radius:50%;overflow:hidden;box-shadow:0 0 0 3px rgba(255,255,255,.85);background:#fff;display:grid;place-items:center}
:where(html[data-fb="dark"]) .gbav{box-shadow:0 0 0 3px rgba(24,34,57,0.85);background:#182239}
.gbtx{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding-right:22px}
.gbk{font-size:.66rem;letter-spacing:1.4px;font-weight:800;opacity:.85}
.gbtx b{font-family:var(--display);font-size:1.28rem;line-height:1.2;color:#fff}
.gbsub{font-size:.8rem;opacity:.92}
.gbgo{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:4px 4px 4px 11px;border-radius:999px;font-weight:800;font-size:.82rem;color:var(--g0);background:#fff;background:linear-gradient(180deg,#fff 30%,color-mix(in srgb,var(--g3) 55%,#fff));box-shadow:0 6px 14px -6px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.6)}
:where(html[data-fb="dark"]) .gbgo{background:#182239;background:linear-gradient(180deg,#182239 30%,color-mix(in srgb,var(--g3) 55%,#182239))}
.gbgo i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;font-style:normal;font-size:15px;line-height:1;color:#fff;background:linear-gradient(135deg,var(--g0),var(--g1))}
.gbn{white-space:nowrap}
.envbig{display:block;font-size:2.15em;line-height:1.15;margin-top:4px;letter-spacing:.2px}
.sceneimg.envx{margin:4px 0 6px}
.chhav.envav{right:4%;bottom:5%}
.chhav.envav .av{transform:scale(.52);transform-origin:100% 100%}
.chhkid.envkid{transform:scale(.5);transform-origin:100% 100%;left:auto;right:2%}
.pcwrap{display:flex;flex-direction:column;gap:12px}
.pcph{font-family:var(--display);font-size:1.6rem;line-height:1.2;margin:4px 2px 0;color:var(--ink)}
.pcsub{margin:-6px 2px 2px;font-size:.88em;color:var(--ink2)}
.pcsum{background:linear-gradient(140deg,#F4F0FF,#EAF0FF);border-radius:22px;padding:16px 18px}
:where(html[data-fb="dark"]) .pcsum{background:linear-gradient(140deg,#1E123F,#132041)}
.pck{font-size:.74em;font-weight:800;color:#7A5CF0;letter-spacing:.3px}
:where(html[data-fb="dark"]) .pck{color:#9E89F0}
.pcsum p{font-family:var(--display);font-size:1.06rem;line-height:1.65;font-weight:700;margin:6px 0 0;color:var(--ink)}
.pcchips{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.pcchip{display:inline-flex;align-items:center;gap:6px;background:#fff;border-radius:999px;padding:4px 10px 4px 5px;font-size:.8em;font-weight:700;color:var(--ink)}
:where(html[data-fb="dark"]) .pcchip{background:#182239}
.pcchip i{width:22px;height:22px;border-radius:7px;display:grid;place-items:center}
.pcchip i.b,.pcico.b{background:#FDECEE;color:#D7263D}
:where(html[data-fb="dark"]) .pcchip i.b,
:where(html[data-fb="dark"]) .pcico.b{background:#401419;color:#EB8E9A}
.pcchip i.m,.pcico.m{background:#E9ECF7;color:#1F2A5C}
:where(html[data-fb="dark"]) .pcchip i.m,
:where(html[data-fb="dark"]) .pcico.m{background:#1C233B;color:#E8ECF7}
.pcchip i.s,.pcico.s{background:#F4F0FF;color:#7A5CF0}
:where(html[data-fb="dark"]) .pcchip i.s,
:where(html[data-fb="dark"]) .pcico.s{background:#1E123F;color:#9E89F0}
.pcacc{padding:2px 14px}
.pcrow{border-bottom:1px solid var(--line,#E7E9F2)}
:where(html[data-fb="dark"]) .pcrow{border-bottom:1px solid var(--line,rgba(255,255,255,0.1))}
.pcrow:last-child{border-bottom:0}
.pcrow>summary{list-style:none;display:flex;align-items:center;gap:12px;padding:12px 0;cursor:pointer}
.pcrow>summary::-webkit-details-marker{display:none}
.pcico{flex:none;width:42px;height:42px;border-radius:13px;display:grid;place-items:center}
.pct{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:1px}
.pclab{font-size:.72em;font-weight:800;letter-spacing:.2px}
.pclab.b{color:#D7263D}
:where(html[data-fb="dark"]) .pclab.b{color:#EB8E9A}
.pclab.m{color:#1F2A5C}
:where(html[data-fb="dark"]) .pclab.m{color:#E8ECF7}
.pclab.s{color:#7A5CF0}
:where(html[data-fb="dark"]) .pclab.s{color:#9E89F0}
.pct b{font-family:var(--display);font-size:1.02rem;line-height:1.35;color:var(--ink)}
.pcchev{flex:none;width:10px;height:10px;border-right:2.4px solid var(--ink2);border-bottom:2.4px solid var(--ink2);transform:rotate(45deg);margin:0 4px 6px;transition:transform .2s}
.pcrow[open] .pcchev{transform:rotate(-135deg);margin-bottom:0}
.pcnear{display:inline-flex;align-items:center;gap:5px;margin-top:4px;font-size:.72em;font-weight:600;color:#9A6B12;background:#FFF6E5;border-radius:999px;padding:2px 9px}
:where(html[data-fb="dark"]) .pcnear{color:#F0CD89;background:#423213}
.pcbody{display:flex;flex-direction:column;gap:8px;padding:0 0 14px}
.pclife,.pctry{border-radius:14px;padding:10px 12px;font-size:.92em;line-height:1.6}
.pclife{background:#F6F7FB}
:where(html[data-fb="dark"]) .pclife{background:#1C2136}
.pctry{background:#EAF7F0}
:where(html[data-fb="dark"]) .pctry{background:#1C3A2A}
.pclife b,.pctry b{display:block;font-size:.8em;letter-spacing:.3px}
.pclife b{color:var(--ink2)}
.pctry b{color:#2E9E62}
:where(html[data-fb="dark"]) .pctry b{color:#98E1BA}
.pclife p,.pctry p{margin:0;color:var(--ink)}
.pcnote{margin:0;font-size:.78em;color:var(--ink2)}
.pcgo{align-self:flex-start}
.gatechips .gchip,.gatechips .gchip.p,.gatechips .gchip.d,.gatechips .gchip.b{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:4px 12px 4px 4px;border-radius:999px;background:#F3F4F9;color:var(--ink);font-size:.86em}
:where(html[data-fb="dark"]) .gatechips .gchip,
:where(html[data-fb="dark"]) .gatechips .gchip.p,
:where(html[data-fb="dark"]) .gatechips .gchip.d,
:where(html[data-fb="dark"]) .gatechips .gchip.b{background:#1D2135}
.gnum{flex:none;min-width:34px;height:34px;padding:0 4px;border-radius:999px;display:inline-grid;place-items:center;font-family:var(--display);font-size:1.08rem;font-weight:800;color:#fff;background:#1F2A5C;font-variant-numeric:tabular-nums}
.gchip.d .gnum,.gnum.d{background:#D7263D}
.gchip.b .gnum,.gnum.b{background:linear-gradient(90deg,#D7263D 50%,#1F2A5C 50%)}
.glegend2{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:.8em;color:var(--ink2)}
.glegend2 span{display:inline-flex;align-items:center;gap:6px}
.glegend2 .gnum{min-width:14px;width:14px;height:14px;padding:0}
.sec.sechero h2{font-size:1.6rem;line-height:1.25}
.bpp .bpm .k.bpk{display:block;font-family:var(--display);font-size:1.22rem;font-weight:800;line-height:1.3;color:var(--td);letter-spacing:0;text-transform:none;margin-bottom:4px}
:where(html[data-fb="dark"]) .bpp .bpm .k.bpk{color:color-mix(in srgb,var(--td) 36%,#F1F4FB)}
.bpbn{position:relative;overflow:hidden;border-radius:22px;min-height:196px;color:#fff;background:linear-gradient(120deg,var(--g0),var(--g1) 45%,var(--g2) 80%,var(--g3));box-shadow:0 12px 26px -12px rgba(20,20,60,.55);isolation:isolate}
.bpbrays{position:absolute;inset:-40%;background:repeating-conic-gradient(from 0deg at 74% 50%,rgba(255,255,255,.14) 0 6deg,transparent 6deg 18deg);z-index:-1}
.bpbglow{position:absolute;right:-30px;top:-10px;width:240px;height:240px;border-radius:50%;background:radial-gradient(closest-side,rgba(255,236,180,.75),transparent);z-index:-1}
:where(html[data-fb="dark"]) .bpbglow{background:radial-gradient(closest-side,rgba(79,65,23,0.75),transparent)}
.bpbart{position:absolute;right:0;top:0;height:100%;width:auto;max-width:62%;object-fit:contain;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 26%);mask-image:linear-gradient(90deg,transparent 0,#000 26%)}
.bpbfig{position:absolute;right:6px;bottom:0;height:94%;width:auto;max-width:52%;object-fit:contain;filter:drop-shadow(0 8px 12px rgba(0,0,0,.3))}
.bpbav{position:absolute;right:16px;top:50%;transform:translateY(-50%)}
.bpbn .avedit{position:absolute;top:10px;right:10px;z-index:3}
.bpbt{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:18px 16px 18px;max-width:58%}
.bpbab{font-family:var(--display);font-weight:800;font-size:.8rem;letter-spacing:.8px;color:var(--g1);background:#fff;border-radius:999px;padding:3px 10px;box-shadow:0 0 14px rgba(255,255,255,.6);margin-bottom:6px}
:where(html[data-fb="dark"]) .bpbab{background:#182239}
.bpbwho{font-size:.82rem;color:rgba(255,255,255,.88)}
.bpbt h2{font-family:var(--display);font-size:1.55rem;line-height:1.12;margin:2px 0 4px;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.18)}
.bpbq{margin:0;font-family:var(--display);font-weight:700;font-size:.92rem;line-height:1.4;color:#fff}
@media (min-width:700px){.bpbn{min-height:230px}
.bpbt h2{font-size:1.9rem}}
.dgauge .trk{height:10px;background:#E6E9F3}
:where(html[data-fb="dark"]) .dgauge .trk{background:#1F253A}
.dgauge .trk .fill{position:absolute;left:0;top:0;bottom:0;border-radius:99px;background:linear-gradient(90deg,var(--tl,#EEF4FF),var(--tc))}
:where(html[data-fb="dark"]) .dgauge .trk .fill{background:linear-gradient(90deg,var(--tl,#122240),var(--tc))}
.dgauge .tk{z-index:1;background:rgba(22,34,90,.22)}
.dgauge .trk i{z-index:2}
.dgauge .tl,html[data-fb="dark"] .dgauge .tl{display:block;background:none;padding:0;border-radius:0;gap:0}
.cmini{display:flex;gap:14px;align-items:center;margin-top:8px}
.cmini .mchart{flex:none}
.cminitx{min-width:0;flex:1}
.cminitx .nlegend{margin-top:0}
.bpbn{background:radial-gradient(120% 140% at 85% 60%,var(--g1) 0%,var(--g0) 45%,#070A1F 100%)}
.bpbsky{position:absolute;inset:0;width:100%;height:100%;z-index:-1}
.bpbglow{background:radial-gradient(closest-side,color-mix(in srgb,var(--g3) 55%,transparent),transparent)}
.smeter{display:flex;gap:3px}
.smeter i{flex:1;height:14px;border-radius:4px;background:#E6E9F3}
:where(html[data-fb="dark"]) .smeter i{background:#1F253A}
.smeter i.on{background:linear-gradient(90deg,#9B6BF2,#C59BFF)}
:where(html[data-fb="dark"]) .smeter i.on{background:linear-gradient(90deg,#9B6BF2,#331956)}
.sends{display:flex;justify-content:space-between;gap:6px;font-size:.7rem;color:var(--muted,#6B7396);margin-top:6px}
:where(html[data-fb="dark"]) .sends{color:var(--muted,#B9C1D8)}
.slvl{display:inline-flex;margin-top:10px;background:#F4F0FF;color:#6A3FD0;font-weight:800;font-size:.84rem;padding:5px 12px;border-radius:999px}
:where(html[data-fb="dark"]) .slvl{background:#1E123F;color:#AC94E5}
.rolewrap{display:flex;gap:10px;align-items:flex-end}
.rolewtx{flex:1;min-width:0}
.rolechar{flex:none;height:150px;width:auto;margin:-6px 0 -2px;filter:drop-shadow(0 6px 8px rgba(20,30,70,.15))}
.smeter i.on{background:linear-gradient(180deg,var(--tc),var(--td))}
.slvl{background:var(--tl,#F4F0FF);color:var(--td,#6A3FD0)}
:where(html[data-fb="dark"]) .slvl{background:var(--tl,#1E123F);color:var(--td,#AC94E5)}
.rolewrap{align-items:center}
.rolecard{flex:none;width:92px;height:128px;border-radius:16px;padding:3px;background:linear-gradient(160deg,var(--tc),var(--td));box-shadow:0 8px 18px -8px rgba(20,30,70,.45)}
.rcin{position:relative;display:block;width:100%;height:100%;border-radius:13px;overflow:hidden;background:radial-gradient(circle at 50% 34%,#fff 0,var(--tl,#EEF4FF) 70%)}
:where(html[data-fb="dark"]) .rcin{background:radial-gradient(circle at 50% 34%,#182239 0,var(--tl,#122240) 70%)}
.rcin .rolechar{position:absolute;left:50%;bottom:20px;transform:translateX(-50%);height:96px;width:auto;margin:0;filter:drop-shadow(0 4px 5px rgba(20,30,70,.18))}
.rcnum{position:absolute;left:6px;right:6px;bottom:5px;height:16px;border-radius:6px;background:var(--td);color:#fff;font-family:var(--display);font-weight:800;font-size:.68rem;display:grid;place-items:center;letter-spacing:.5px}
.rolewrap .prof{gap:6px}
.rolewrap .pfnum{min-width:40px;width:40px;height:40px;font-size:1.3rem;border-radius:12px}
.rolewrap .pslash{font-size:1.1rem}
.rolewrap .ptx b{font-size:.98rem;line-height:1.3}
.rolewrap .ptx span{font-size:.82rem}
.rolewrap{align-items:stretch;gap:14px}
.rolecard{width:112px;height:156px;padding:3px;border-radius:18px;background:linear-gradient(160deg,#FFE6A3,var(--g3),var(--g2) 55%,var(--g1));box-shadow:0 10px 22px -10px rgba(20,30,70,.55),0 0 0 1px rgba(255,255,255,.6) inset}
:where(html[data-fb="dark"]) .rolecard{background:linear-gradient(160deg,#544418,var(--g3),var(--g2) 55%,var(--g1))}
.rcin{border-radius:15px;background:radial-gradient(120% 90% at 50% 30%,var(--g3) 0%,var(--g2) 40%,var(--g1) 75%,var(--g0) 100%)}
.rcsky{position:absolute;inset:0;width:100%;height:100%}
.rcin .rolechar{bottom:6px;height:136px;filter:drop-shadow(0 6px 8px rgba(0,0,0,.3))}
.rolewtx{display:flex;flex-direction:column;justify-content:center}
.rolewtx .prof{margin-top:0}
.rolewtx .small{margin-top:6px}
.rolewrap .prof{flex-wrap:wrap;row-gap:6px}
.rolewrap .ptx{flex-basis:100%;display:flex;flex-direction:column}
.rolewrap .ptx b{font-size:1.05rem}
.gbart{flex:none;width:80px;height:104px;border-radius:12px;overflow:hidden;box-shadow:0 0 0 3px rgba(255,255,255,.85),0 8px 16px -6px rgba(0,0,0,.4)}
:where(html[data-fb="dark"]) .gbart{box-shadow:0 0 0 3px rgba(24,34,57,0.85),0 8px 16px -6px rgba(0,0,0,.4)}
.gbart img{width:100%;height:100%;object-fit:cover;object-position:50% 30%}
.gbcover:has(.gbart.full){padding-left:0}
.gbart.full{position:absolute;left:0;top:0;bottom:0;width:48%;height:auto;border-radius:0;box-shadow:none;-webkit-mask-image:linear-gradient(90deg,#000 66%,transparent);mask-image:linear-gradient(90deg,#000 66%,transparent)}
.gbart.full img{object-position:50% 25%}
.gbart.full~.gbtx{margin-left:auto;max-width:56%;position:relative;z-index:1;align-items:flex-end;text-align:right;gap:2px}
.gbart.full~.gbtx .gbk,.gbart.full~.gbtx b,.gbart.full~.gbtx .gbsub{text-shadow:0 1px 2px rgba(0,0,0,.28),0 0 14px rgba(0,0,0,.18)}
.gbcover:has(.gbart.full) .gbframe{z-index:1}
img.rcpend{visibility:hidden}
.tpcard{margin:14px 0 4px;border-radius:22px;overflow:hidden;color:#fff;background:radial-gradient(120% 90% at 100% 0%,var(--g2) 0%,transparent 55%),linear-gradient(150deg,var(--g0) 0%,var(--g1) 70%);box-shadow:0 10px 24px -12px var(--g1)}
.tpcard summary{list-style:none;cursor:pointer;display:block;padding:16px 18px 0}
.tpcard summary::-webkit-details-marker{display:none}
.tpk{display:block;font-family:var(--display);font-weight:800;font-size:19px;letter-spacing:.01em}
.tprow{display:flex;align-items:center;gap:14px;margin:8px 0 12px}
.tpbig{font-family:var(--display);font-weight:800;font-size:52px;line-height:1;letter-spacing:-.02em;text-shadow:0 2px 14px rgba(0,0,0,.18)}
.tpbig small{font-size:20px;margin-left:2px}
.tpwho{display:flex;flex-direction:column;gap:3px;min-width:0;font-size:13px;opacity:.95}
.tpwho b{font-family:var(--display);font-size:15px}
.tpopen{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 -18px;padding:11px 18px;font-weight:800;font-size:14px;background:rgba(0,0,0,.18);border-top:1px solid rgba(255,255,255,.16)}
:where(html[data-fb="dark"]) .tpopen{border-top:1px solid rgba(255,255,255,0.07)}
.tpopen i{display:flex;transition:transform .25s}
.tpo2{display:none}
.tpcard[open] .tpo1{display:none}
.tpcard[open] .tpo2{display:inline}
.tpcard[open] .tpopen i{transform:rotate(180deg)}
.tpbody{padding:14px 18px 16px}
.tphead{margin:0 0 10px;font-family:var(--display);font-weight:800;font-size:16px;line-height:1.5}
.tphead em{font-style:normal;color:var(--hl);font-size:22px}
.tpcrowd{display:block;width:100%;height:auto}
.tpme{filter:drop-shadow(0 0 2px var(--hl))}
.tpcard[open] .tpme{animation:tpglow 1.4s ease-out}
@keyframes tpglow{0%{opacity:0}40%{opacity:1;filter:drop-shadow(0 0 6px var(--hl))}100%{opacity:1}}
.tpkey{display:flex;align-items:center;gap:7px;margin:10px 0 0;font-size:12.5px;font-weight:700}
.tpkey i{width:10px;height:10px;border-radius:50%;background:var(--hl);box-shadow:0 0 6px var(--hl);flex:none}
.tpnote{margin:6px 0 0;font-size:11px;line-height:1.5;opacity:.75}
.tpring{animation:tpring 2.2s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
@keyframes tpring{0%,100%{opacity:.95}50%{opacity:.35}}
.gbcover:has(.gbart.full){background-image:radial-gradient(1.4px 1.4px at 46% 22%,rgba(255,255,255,.9),transparent 70%),radial-gradient(1px 1px at 58% 68%,rgba(255,255,255,.75),transparent 70%),radial-gradient(1.6px 1.6px at 66% 30%,rgba(255,240,200,.9),transparent 70%),radial-gradient(1px 1px at 52% 84%,rgba(255,255,255,.6),transparent 70%),radial-gradient(1.2px 1.2px at 74% 78%,rgba(255,255,255,.7),transparent 70%),radial-gradient(1px 1px at 40% 54%,rgba(255,255,255,.55),transparent 70%),radial-gradient(1.3px 1.3px at 82% 52%,rgba(255,255,255,.65),transparent 70%)}
:where(html[data-fb="dark"]) .gbcover:has(.gbart.full){background-image:radial-gradient(1.4px 1.4px at 46% 22%,rgba(24,34,57,0.9),transparent 70%),radial-gradient(1px 1px at 58% 68%,rgba(24,34,57,0.75),transparent 70%),radial-gradient(1.6px 1.6px at 66% 30%,rgba(74,60,21,0.9),transparent 70%),radial-gradient(1px 1px at 52% 84%,rgba(24,34,57,0.6),transparent 70%),radial-gradient(1.2px 1.2px at 74% 78%,rgba(24,34,57,0.7),transparent 70%),radial-gradient(1px 1px at 40% 54%,rgba(24,34,57,0.55),transparent 70%),radial-gradient(1.3px 1.3px at 82% 52%,rgba(24,34,57,0.65),transparent 70%)}
@media (min-width:700px){.gbook{min-height:216px}
.gbart.full{width:auto;aspect-ratio:1/1;max-width:48%}
.gbart.full~.gbtx{gap:4px;padding-right:30px}
.gbtx b{font-size:1.75rem}
.gbk{font-size:.72rem}
.gbsub{font-size:.92rem}
.gbgo{font-size:.92rem;padding:5px 5px 5px 14px;margin-top:10px}
.gbgo i{width:26px;height:26px;font-size:17px}}
@media (max-width:860px){.famcol{grid-template-columns:1fr 1fr;grid-template-rows:auto auto;aspect-ratio:auto;max-width:460px}
.famcol img{height:auto}
.famcol img:first-child{grid-column:1/3;grid-row:auto;aspect-ratio:2/3;object-position:50% 30%}
.famcol img:not(:first-child){aspect-ratio:3/2;border-radius:16px}}
.pcol .prow{display:flex;align-items:center;gap:1px;min-height:27px}
.pcol.p .prow{justify-content:flex-end}
.pcol .prow button{min-height:27px;padding:0 2px}
.pcol .psym{width:19px;justify-content:center;font-size:.92em;border-radius:6px}
.pcol .psym.on{background:var(--pc,currentColor);color:#fff}
.pcol.d .psym.on{background:var(--red)}
.pcol.p .psym.on{background:#1F2A5C}
.plcard{position:relative;border-left:5px solid var(--pc);padding:14px 16px}
.plx{position:absolute;top:8px;right:10px;border:0;background:var(--bg2);width:30px;height:30px;border-radius:50%;font-size:18px;line-height:1;cursor:pointer;color:var(--ink)}
.plhd{display:flex;gap:12px;align-items:center;margin-bottom:8px;padding-right:34px}
.plsym{flex:none;width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font-size:24px;color:#fff;background:var(--pc)}
.plhd b{display:block;font-family:var(--display);font-size:1.12em;color:var(--ink)}
.plen{font-weight:600;font-size:.8em;color:var(--muted)}
.plside{font-size:.8em;color:var(--pc);font-weight:700}
.plcard p{line-height:1.75;color:var(--ink2)}
.plgo{display:flex;align-items:center;gap:10px;width:100%;margin-top:10px;padding:10px 12px;border:0;border-radius:14px;background:var(--bg2);cursor:pointer;text-align:left;font:inherit;color:var(--ink)}
.plgo .gnum{flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-weight:800;color:#fff;background:var(--pc)}
.plgo em{margin-left:auto;font-style:normal;font-size:1.3em}
.cbadge{position:relative;flex:none;display:inline-block}
.cbadge>svg:first-child{display:block}
.cbico{position:absolute;pointer-events:none;filter:drop-shadow(0 1px 1px rgba(0,0,0,.18))}
.cenrow{gap:14px;align-items:center}
.rhead{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:8px;margin:2px 0 4px;padding:22px 18px 24px;border-radius:24px;text-align:center;color:#fff;
  background:radial-gradient(120% 90% at 85% 0%,var(--g2) 0%,transparent 60%),linear-gradient(155deg,var(--g0) 0%,var(--g1) 78%);box-shadow:0 14px 30px -16px var(--g1)}
.rhsky{position:absolute;inset:0;pointer-events:none;opacity:.9;background-image:
  radial-gradient(1.6px 1.6px at 12% 22%,#fff,transparent 70%),radial-gradient(1.2px 1.2px at 28% 70%,rgba(255,255,255,.8),transparent 70%),
  radial-gradient(1.8px 1.8px at 46% 14%,rgba(255,240,200,.95),transparent 70%),radial-gradient(1.1px 1.1px at 63% 82%,rgba(255,255,255,.7),transparent 70%),
  radial-gradient(1.5px 1.5px at 78% 30%,#fff,transparent 70%),radial-gradient(1.2px 1.2px at 90% 64%,rgba(255,255,255,.8),transparent 70%),
  radial-gradient(1px 1px at 6% 86%,rgba(255,255,255,.6),transparent 70%),radial-gradient(1.3px 1.3px at 54% 48%,rgba(255,255,255,.5),transparent 70%),
  radial-gradient(160px 70px at 50% 108%,rgba(255,255,255,.16),transparent 70%)}
:where(html[data-fb="dark"]) .rhsky{background-image:radial-gradient(1.6px 1.6px at 12% 22%,#182239,transparent 70%),radial-gradient(1.2px 1.2px at 28% 70%,rgba(24,34,57,0.8),transparent 70%),
  radial-gradient(1.8px 1.8px at 46% 14%,rgba(74,60,21,0.95),transparent 70%),radial-gradient(1.1px 1.1px at 63% 82%,rgba(24,34,57,0.7),transparent 70%),
  radial-gradient(1.5px 1.5px at 78% 30%,#182239,transparent 70%),radial-gradient(1.2px 1.2px at 90% 64%,rgba(24,34,57,0.8),transparent 70%),
  radial-gradient(1px 1px at 6% 86%,rgba(24,34,57,0.6),transparent 70%),radial-gradient(1.3px 1.3px at 54% 48%,rgba(24,34,57,0.5),transparent 70%),
  radial-gradient(160px 70px at 50% 108%,rgba(255,255,255,.16),transparent 70%)}
.rhead>*:not(.rhsky){position:relative}
.rhead .pill{background:rgba(255,255,255,.18)!important;color:#fff!important;border:1px solid rgba(255,255,255,.35);font-size:.86rem;font-weight:800;padding:5px 14px}
:where(html[data-fb="dark"]) .rhead .pill{border:1px solid rgba(255,255,255,0.07)}
.rhead h1{color:#fff!important;font-size:1.9rem;line-height:1.3;text-wrap:balance;text-shadow:0 2px 12px rgba(0,0,0,.22);margin:0}
.rhead h1 *{color:inherit!important}
.rhead .rsub{color:#fff!important;font-size:1.22rem;line-height:1.55;font-weight:700;opacity:.96;text-shadow:0 1px 8px rgba(0,0,0,.2);margin:0;text-wrap:balance}
.famchart{margin-top:14px}
@media (max-width:640px){.mkstep{flex-direction:column}
.mkstep .mkpic{width:auto;aspect-ratio:16/10;min-height:0}
.mkstep .mkn{left:14px;right:auto;top:auto;bottom:-15px;width:34px;height:34px;font-size:1em}
.mkstep .mktx{padding:24px 16px 16px}
.mkapp .mkbg{top:-6%;height:118%}}
.hvcosmic .hvcbg{top:36%;height:50%}
.hvcosmic .cosmic-sky{transform:translateY(-14%) scale(.9)}
.sitr .gsec>.gh{border-left:0;padding:14px 18px;margin-top:12px;border-radius:18px;background:color-mix(in srgb,var(--rdc,#4A8CF7) 14%,transparent)}
.sitr .gsec>.gh .ic{display:none}
.sitr .gsec>.gh h3{font-size:1.8em;line-height:1.3;font-weight:800;color:var(--rdd,#2F6FD6);text-wrap:balance;letter-spacing:-.01em}
:where(html[data-fb="dark"]) .sitr .gsec>.gh h3{color:var(--rdd,#90B2E9)}
.sitr .gsec>.gh h3::before{content:none}
.sitr .box>b.l svg,.sitr .gstory .eyebrow2 svg{display:none}
.sitr .box>b.l{font-size:1.32em;line-height:1.35}
html[data-fb="dark"] .sitr .gsec>.gh{background:color-mix(in srgb,var(--rdc,#4A8CF7) 24%,transparent)}
html[data-fb="dark"] .sitr .gsec>.gh h3{color:#fff}
.furest .fuopen{display:inline-flex;align-items:center;gap:6px}
.furest .fuclose svg{display:block}
.furest[open]>summary{padding:8px 14px}
.fuchip .fugb{display:flex;margin:4px 0 3px}
.fuchip .gdot{box-shadow:0 0 0 1.5px rgba(255,255,255,.85)}
:where(html[data-fb="dark"]) .fuchip .gdot{box-shadow:0 0 0 1.5px rgba(24,34,57,0.85)}
.fuchip .gdot.s-c{background:#2A3672}
.fuchip .gdot.s-b{background:#2A3672;box-shadow:inset 0 0 0 2.5px var(--hdred),0 0 0 1.5px rgba(255,255,255,.85)}
:where(html[data-fb="dark"]) .fuchip .gdot.s-b{box-shadow:inset 0 0 0 2.5px var(--hdred),0 0 0 1.5px rgba(24,34,57,0.85)}
.fuchip .s-c:is(i){background:#AEB6D6}
.fuchip .s-b:is(i){background:repeating-linear-gradient(45deg,var(--hdred) 0 5px,#AEB6D6 5px 10px)}
.fuchip .gdot.s-n{background:rgba(255,255,255,.12);color:rgba(255,255,255,.7);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.4)}
.fuchip .fugb,.fuchip .gbar,.fuchip .gline{flex-direction:row}
.fuchip .gbar{display:flex;align-items:center}
.fuchip .gline{display:flex}
.gbart.full{width:auto;max-width:none;aspect-ratio:1/1;top:0;bottom:0;height:auto}
.gbart.full img{object-position:50% 50%}
.tiles3.tchap .tile b{color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.35),0 0 10px rgba(0,0,0,.18)}
.chero.phd .phk{font-size:.95rem;letter-spacing:.01em;text-transform:none;font-weight:800;opacity:.95}
.chero.phd .phx{margin-top:8px;max-width:30em}
.chero.phd .phx .quote{background:rgba(255,255,255,.16);color:#fff;border:0}
.dhsky>.dhglow{position:absolute;z-index:0}
.dhsky .cstars.s1{animation:dhdrift 90s linear infinite}
.dhsky .cstars.s2{animation:dhdrift2 140s linear infinite,ctw 6s ease-in-out infinite}
@keyframes dhdrift{from{background-position:0 0}to{background-position:-260px 130px}}
@keyframes dhdrift2{from{background-position:0 0}to{background-position:340px -170px}}
.dhglow{width:4px;height:4px;border-radius:50%;background:#fff;pointer-events:none;box-shadow:0 0 6px 2px rgba(255,255,255,.75),0 0 16px 5px rgba(170,160,255,.35);animation:dhpulse 4.8s ease-in-out infinite}
:where(html[data-fb="dark"]) .dhglow{background:#182239;box-shadow:0 0 6px 2px rgba(24,34,57,0.75),0 0 16px 5px rgba(170,160,255,.35)}
.dhglow.g1{top:14%;left:70%}
.dhglow.g2{top:58%;left:88%;animation-delay:-1.6s;animation-duration:5.6s}
.dhglow.g3{top:30%;left:46%;width:3px;height:3px;animation-delay:-3s}
.dhglow.g4{top:78%;left:60%;width:3px;height:3px;animation-delay:-.8s;animation-duration:6.2s}
.dhglow.g5{top:22%;left:92%;width:2.5px;height:2.5px;animation-delay:-2.4s}
@keyframes dhpulse{0%,100%{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1.25)}}
.dhsky .cstreak{width:120px;height:2px;background:linear-gradient(90deg,rgba(200,215,255,0),rgba(225,233,255,.95));box-shadow:0 0 8px rgba(200,215,255,.55);animation-name:dhstreak}
:where(html[data-fb="dark"]) .dhsky .cstreak{background:linear-gradient(90deg,rgba(200,215,255,0),rgba(20,32,67,0.95))}
.dhsky .cstreak::after{content:'';position:absolute;right:-2px;top:50%;width:5px;height:5px;margin-top:-2.5px;border-radius:50%;background:#fff;box-shadow:0 0 8px 3px rgba(255,255,255,.8)}
:where(html[data-fb="dark"]) .dhsky .cstreak::after{background:#182239;box-shadow:0 0 8px 3px rgba(24,34,57,0.8)}
.dhsky .cstreak.k1{animation-duration:11s;animation-delay:-1s}
.dhsky .cstreak.k2{animation-duration:15s;animation-delay:-6s}
.dhsky .cstreak.k3{animation-duration:19s;animation-delay:-12s}
@keyframes dhstreak{0%{opacity:0;translate:0 0}3%{opacity:1}11%{opacity:0;translate:300px 190px}100%{opacity:0;translate:300px 190px}}
@media (prefers-reduced-motion:reduce){.dhsky .cstars.s1,.dhsky .cstars.s2,.dhglow,.dhsky .cstreak{animation:none}
.dhsky .cstreak{opacity:0}}
.rvpic.rvcard{width:auto;height:100%;max-width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:26px;box-shadow:0 0 0 3px rgba(255,255,255,.55),0 18px 34px -14px rgba(0,0,0,.45);filter:none}
.lsug{display:flex;flex-direction:column;margin-top:6px;background:var(--card,#fff);border-radius:16px;padding:6px;box-shadow:0 10px 26px rgba(31,42,92,.14);border:1px solid rgba(31,42,92,.08)}
:where(html[data-fb="dark"]) .lsug{background:var(--card,#182239);box-shadow:0 10px 26px rgba(0,0,0,0.34)}
.lsughd{font-size:.74rem;font-weight:800;color:var(--muted);padding:4px 10px 2px;letter-spacing:.02em}
.lsugi{display:flex;align-items:flex-start;gap:10px;width:100%;padding:10px;border:0;border-radius:12px;background:none;font:inherit;text-align:left;cursor:pointer;color:var(--ink);line-height:1.45}
.lsugi svg{flex:none;margin-top:3px;color:var(--muted)}
.lsugi:hover,.lsugi:focus-visible{background:var(--bg2)}
.lsugi b{color:var(--blue,#2F6FD6);font-weight:800}
:where(html[data-fb="dark"]) .lsugi b{color:var(--blue,#90B2E9)}
html[data-fb="dark"] .lsug{background:#1B2540;border-color:rgba(255,255,255,.08);box-shadow:0 10px 26px rgba(0,0,0,.4)}
html:where([data-fb="dark"])[data-fb="dark"] .lsug{border-color:rgba(255,255,255,0.07)}
html[data-fb="dark"] .lsugi{color:#E8ECF7}
html[data-fb="dark"] .lsugi b{color:#8FB6FF}
html[data-fb="dark"] .lsugi:hover{background:rgba(255,255,255,.06)}
.lsugi .lsugw{display:flex;flex-direction:column;gap:1px;min-width:0}
.lsugg{font-size:.72rem;font-weight:700;color:var(--muted)}
.talent.lnblk .tt{gap:14px}
.talent.lnblk .ln{width:62px;height:62px;border-radius:18px;font-size:36px;background:var(--lc);box-shadow:0 8px 18px color-mix(in srgb,var(--lc) 30%,transparent)}
.talent.lnblk .tt b{font-size:1.5em;line-height:1.2}
.talent.lnblk .tt .tiny{font-size:.92em;font-weight:700;color:var(--lc);margin-top:2px}
.eachips{display:flex;flex-wrap:wrap;gap:6px;margin:2px 0 10px}
.eachips i{font-style:normal;font-size:.78em;font-weight:700;padding:3px 10px;border-radius:999px;background:var(--line,#EEF0F6);color:#9AA0B8}
:where(html[data-fb="dark"]) .eachips i{background:var(--line,#1F2536)}
.eachips i.on{background:var(--tl);color:var(--td)}
:where(html[data-fb="dark"]) .eachips i.on{background:color-mix(in srgb,var(--tc,var(--td)) 18%,#182239);color:color-mix(in srgb,var(--td) 36%,#F1F4FB)}
.eanotes{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:5px}
.eanotes li{position:relative;padding-left:16px;font-size:.92em;line-height:1.5;color:var(--ink2)}
.eanotes li:before{content:'';position:absolute;left:2px;top:.62em;width:7px;height:7px;border-radius:50%;background:var(--tc)}
.eadet{margin-top:2px}
.eadet>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer}
.eadet>summary::-webkit-details-marker{display:none}
.eadet>summary b{font-size:1.28em;line-height:1.3}
.eadet .eachev{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--tl,#EEF0F6);color:var(--td,#3A3F5C);transition:transform .2s}
:where(html[data-fb="dark"]) .eadet .eachev{background:var(--tl,#1F2536);color:var(--td,#B9C1D8)}
.eadet[open] .eachev{transform:rotate(180deg)}
.eadet .eabody{margin-top:8px}
.eadet .eabody .eachips{margin:10px 0 2px}
.fgz .fgzl{transition:opacity .25s}
.fgz:not(.zout) .fgzl{opacity:0}
.ft2 .ft2sec{display:flex;flex-direction:column;gap:12px}
.ft2k{font-size:.86em;font-weight:800;letter-spacing:.04em;color:var(--ink2)}
.ft2big{font-family:var(--display);font-size:1.55em;line-height:1.55;font-weight:600;color:var(--ink);margin:0;text-wrap:pretty}
.ft2gates{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:.86em;color:var(--ink2)}
.ft2h{font-size:1.35em;line-height:1.3;margin:8px 0 0}
.ft2uses{display:flex;flex-direction:column;gap:14px}
.ft2use{border-radius:22px;overflow:hidden;background:var(--card,#fff);border:1px solid var(--line);box-shadow:0 8px 22px -16px rgba(20,30,70,.35)}
:where(html[data-fb="dark"]) .ft2use{background:var(--card,#182239)}
.ft2use img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block}
.ft2ut{padding:12px 16px 16px}
.ft2ut b{display:flex;align-items:center;gap:10px;font-size:1.2em;line-height:1.3;font-family:var(--display)}
.ft2ut b i{font-style:normal;flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:#fff;font-size:.78em}
:where(html[data-fb="dark"]) .ft2ut b i{color:#101830}
.ft2ut p{margin:6px 0 0;color:var(--ink2);line-height:1.6}
.ft2pairs{display:flex;flex-direction:column;gap:10px}
.ft2pair{border:1px solid var(--line);border-radius:20px;padding:12px 14px;background:var(--card,#fff)}
:where(html[data-fb="dark"]) .ft2pair{background:var(--card,#182239)}
.ft2ph{display:flex;align-items:center;gap:12px}
.ft2ph b{display:block;font-size:1.08em}
.ft2ph em{font-style:normal;font-size:.84em;color:var(--ink2)}
.ft2pair p{margin:8px 0 0;line-height:1.65}
.ft2try p{font-size:1.06em;line-height:1.65;margin:6px 0 0}
.ft2more{border:1px solid var(--line);border-radius:18px;padding:12px 14px;background:var(--card,#fff)}
:where(html[data-fb="dark"]) .ft2more{background:var(--card,#182239)}
.ft2more>summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:10px;font-weight:700;cursor:pointer}
.ft2more>summary::-webkit-details-marker{display:none}
.ft2more .eachev{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--line,#EEF0F6);transition:transform .2s}
:where(html[data-fb="dark"]) .ft2more .eachev{background:var(--line,#1F2536)}
.ft2more[open] .eachev{transform:rotate(180deg)}
.ft2more p{margin:10px 0 0;color:var(--ink2);line-height:1.65}
.ft2lead{font-size:1.08em;line-height:1.7;margin:0;color:var(--ink)}
.ft2more.in{margin-top:10px;padding:10px 12px;border-radius:14px;background:var(--line,#F4F5FA);border:0}
:where(html[data-fb="dark"]) .ft2more.in{background:var(--line,#1C2136)}
.ft2pb h4{margin:12px 0 6px}
.pldet{border-top:1px solid var(--line);padding:14px 0 4px}
.pldet>summary{list-style:none;display:flex;align-items:flex-start;gap:12px;cursor:pointer}
.pldet>summary::-webkit-details-marker{display:none}
.pldet .plgi{flex:none;width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:var(--blue-l,#EEF4FF);color:var(--ink)}
:where(html[data-fb="dark"]) .pldet .plgi{background:var(--blue-l,#122240)}
.pldet .plgt{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.pldet .plgt b{font-family:var(--display);font-size:1.32em;line-height:1.25;display:flex;align-items:center;gap:8px}
.pldet .plgt b i{font-style:normal;font-size:.62em;min-width:26px;height:26px;padding:0 7px;border-radius:13px;display:grid;place-items:center;background:var(--ink);color:#fff}
:where(html[data-fb="dark"]) .pldet .plgt b i{color:#101830}
.pldet .plgt span{color:var(--ink2);line-height:1.55}
.pldet .eachev{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--line,#EEF0F6);transition:transform .2s;margin-top:4px}
:where(html[data-fb="dark"]) .pldet .eachev{background:var(--line,#1F2536)}
.pldet[open] .eachev{transform:rotate(180deg)}
.pldet .tlgrid{margin-top:12px}
.pgi{overflow:visible;flex:none}
.pcl svg.pgi{fill:initial;stroke:none}
.pgi *{transform-box:fill-box;transform-origin:center}
.pgi .pe-l,.pgi .pe-r{stroke-dasharray:32;animation:peL 3s ease-in-out infinite}
@keyframes peL{0%,8%{stroke-dashoffset:32}40%,84%{stroke-dashoffset:0}100%{stroke-dashoffset:32}}
.pgi .pe-glow{opacity:0;animation:peG 3s ease-in-out infinite}
@keyframes peG{0%,40%{opacity:0}48%{opacity:1}62%{opacity:.75}74%{opacity:1}86%,100%{opacity:0}}
.pgi .pe-dot{animation:peD 3s ease-in-out infinite}
@keyframes peD{0%,40%{transform:scale(1)}46%{transform:scale(1.18)}54%,100%{transform:scale(1)}}
.pgi .pe-spk{opacity:0;animation:peS 3s ease-out infinite}
@keyframes peS{0%,40%{opacity:0;transform:scale(.2)}48%{opacity:1;transform:scale(1.1)}66%,100%{opacity:0;transform:scale(.6)}}
.pgi .ps-beat{animation:psB 3s ease-in-out infinite}
@keyframes psB{0%,100%{transform:scale(1)}15%{transform:scale(1.14)}28%{transform:scale(1)}42%{transform:scale(1.14)}56%{transform:scale(1)}}
.pgi .pg-a{animation:pgA 3s ease-in-out infinite}
.pgi .pg-b{animation:pgB 3s ease-in-out infinite}
@keyframes pgA{0%,30%{transform:scale(1.2)}50%,85%{transform:scale(.85)}100%{transform:scale(1.2)}}
@keyframes pgB{0%,30%{transform:scale(.8)}50%,85%{transform:scale(1.15)}100%{transform:scale(.8)}}
.pgi .pg-w1,.pgi .pg-w2{opacity:0}
.pgi .pg-w1{animation:pgW1 3s ease-out infinite}
.pgi .pg-w2{animation:pgW2 3s ease-out infinite}
.pgi .d2{animation-delay:-2.75s}
@keyframes pgW1{0%{opacity:1;transform:scale(.8)}26%{opacity:0;transform:scale(1.9)}100%{opacity:0}}
@keyframes pgW2{0%,50%{opacity:0;transform:scale(.8)}52%{opacity:1;transform:scale(.8)}78%{opacity:0;transform:scale(1.9)}100%{opacity:0}}
@media (prefers-reduced-motion:reduce){.pgi *{animation:none!important}
.pgi .pe-l,.pgi .pe-r{stroke-dashoffset:0}
.pgi .pe-glow{opacity:1}
.pgi .pe-spk,.pgi .pg-w1,.pgi .pg-w2{opacity:0}}
@media (max-width:1023px){.tabs[data-six] .in{grid-template-columns:repeat(6,1fr);max-width:520px}
.tabs[data-six] .in button{min-width:0;font-size:max(11px,.7em)}}
.mpa{position:relative;z-index:2;display:flex;gap:12px;overflow-x:auto;scrollbar-width:none;padding:2px 2px 10px;margin:-6px -2px 4px}
.mpai{flex:none;display:flex;flex-direction:column;align-items:center;gap:5px;background:none;border:0;padding:0;font:inherit;color:rgba(255,255,255,.82);min-width:62px}
.mpai:not(.on) .av{opacity:.8;box-shadow:0 0 0 2px rgba(255,255,255,.6)}
.mpai b{font-size:.86em;font-weight:700}
.mpai.on{color:#fff}
.mpai.on b{font-weight:800;text-shadow:0 1px 8px rgba(0,0,0,.3)}
.mpai.on .av{box-shadow:0 0 0 3px #fff,0 0 0 6px var(--mc)!important}
:where(html[data-fb="dark"]) .mpai.on .av{box-shadow:0 0 0 3px #182239,0 0 0 6px var(--mc) !important}
.mpai .av{transition:transform .2s}
.mpb{display:inline-flex;align-items:center;gap:8px;margin-top:8px;padding:6px 12px 6px 6px;border-radius:999px;border:0;background:rgba(255,255,255,.92);color:#1F2340;font:inherit;font-weight:800;font-size:.9em;box-shadow:0 6px 16px -8px rgba(0,0,0,.4)}
:where(html[data-fb="dark"]) .mpb{background:rgba(24,34,57,0.92);color:#E8ECF7}
.mpbav{display:flex}
.mpbav .av{margin-left:-6px;box-shadow:0 0 0 2px #fff}
:where(html[data-fb="dark"]) .mpbav .av{box-shadow:0 0 0 2px #182239}
.mpbav .av:first-child{margin-left:0}
.mpsheet{position:fixed;inset:0;z-index:80;background:rgba(14,20,51,.45);display:flex;align-items:flex-end}
.mpsin{width:100%;max-width:560px;margin:0 auto;background:var(--card,#fff);border-radius:26px 26px 0 0;padding:10px 16px calc(20px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:8px}
:where(html[data-fb="dark"]) .mpsin{background:var(--card,#182239)}
.mpgrab{align-self:center;width:44px;height:5px;border-radius:3px;background:var(--line)}
.mpst{font-size:1.1em;margin:4px 2px}
.mprow{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:16px;border:1px solid var(--line);background:var(--card,#fff);font:inherit;text-align:left;color:var(--ink)}
:where(html[data-fb="dark"]) .mprow{background:var(--card,#182239)}
.mprow .mpt{flex:1;min-width:0;display:flex;flex-direction:column}
.mprow .av{flex:none}
.mprow small{color:var(--ink2)}
.mprow.on{border-color:var(--mc);box-shadow:0 0 0 2px var(--mc) inset}
.mprow em{color:var(--mc)}
.mpc{margin:0 -16px}
.mpcs{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 16px}
.mpcc{flex:0 0 86%;scroll-snap-align:start;border-radius:26px;overflow:hidden}
.mpcc:not(.on){opacity:.75}
.mpdots{display:flex;align-items:center;justify-content:center;gap:6px;margin:10px 0 2px;font-size:.82em;color:var(--ink2)}
.mpdots i{width:7px;height:7px;border-radius:4px;background:var(--line)}
.mpdots i.on{width:20px;background:var(--ink)}
.mpdots span{margin-left:8px}
.mpd{display:inline-flex;align-items:center;gap:6px;border:0;border-radius:999px;padding:4px 10px 4px 4px;background:rgba(255,255,255,.92);color:#1F2340;margin-left:8px;box-shadow:0 6px 16px -8px rgba(0,0,0,.4)}
:where(html[data-fb="dark"]) .mpd{background:rgba(24,34,57,0.92);color:#E8ECF7}
.mpdo{display:flex;align-items:center}
.mpdo .av{margin-left:-8px;box-shadow:0 0 0 2px #fff}
:where(html[data-fb="dark"]) .mpdo .av{box-shadow:0 0 0 2px #182239}
.mpdo .av:first-child{margin-left:-2px}
.mpdo i{font-style:normal;font-size:.72em;font-weight:800;margin-left:4px}
.plist{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px}
.plist li{display:flex;gap:18px;align-items:flex-start;padding:22px 0;border-top:1px solid var(--line)}
.plist .pn{flex:none;font-family:var(--display);font-weight:800;font-size:2.6em;line-height:1;color:var(--pc);min-width:1.4em}
.plist h3{font-size:1.65em;line-height:1.25;margin:0}
.plist p{font-size:1.12em;line-height:1.6;color:var(--ink2);margin:6px 0 0}
.pstate{display:flex;flex-direction:column}
.psr{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:24px;align-items:center;padding:24px 0;border-top:1px solid var(--line)}
.psr h3{font-size:2.05em;line-height:1.2;margin:0}
.psr h3 span{background:linear-gradient(transparent 60%,color-mix(in srgb,var(--pc) 45%,transparent) 60%,color-mix(in srgb,var(--pc) 45%,transparent) 92%,transparent 92%);padding:0 4px;margin:0 -4px;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.psr p{font-size:1.18em;line-height:1.6;color:var(--ink2);margin:0}
@media (max-width:760px){.plist{grid-template-columns:minmax(0,1fr)}
.plist h3{font-size:1.45em}
.psr{grid-template-columns:minmax(0,1fr);gap:8px;padding:18px 0}
.psr h3{font-size:1.65em}}
.mpe{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.mpec{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:220px;border:0;border-radius:24px;overflow:hidden;padding:0;font:inherit;text-align:left;color:#fff;background:linear-gradient(160deg,var(--c1),var(--c2) 60%,var(--c3));box-shadow:0 14px 28px -18px rgba(14,20,51,.6)}
.mpef{position:absolute;inset:8px 0 54px;display:flex;justify-content:center;align-items:flex-end}
.mpef img{max-height:100%;width:auto;filter:drop-shadow(0 8px 12px rgba(0,0,0,.25))}
.mpet{position:relative;display:flex;flex-direction:column;padding:10px 14px 12px;background:linear-gradient(transparent,rgba(0,0,0,.28))}
.mpet b{font-family:var(--display);font-size:1.25em;line-height:1.2}
.mpet small{opacity:.92;font-weight:600}
.mpec.add{background:var(--card,#fff);color:var(--ink);border:2px dashed var(--line);box-shadow:none;justify-content:center;align-items:center;text-align:center}
:where(html[data-fb="dark"]) .mpec.add{background:var(--card,#182239)}
.mpec.add .mpet{background:none;align-items:center}
.mpec.add small{color:var(--ink2)}
.mpeplus{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;font-size:2em;font-weight:800;background:var(--blue-l,#EEF4FF);color:var(--ink)}
:where(html[data-fb="dark"]) .mpeplus{background:var(--blue-l,#122240)}
.plist h3 span{background:linear-gradient(transparent 60%,color-mix(in srgb,var(--pc) 45%,transparent) 60%,color-mix(in srgb,var(--pc) 45%,transparent) 92%,transparent 92%);padding:0 4px;margin:0 -4px;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.mppopbg{position:fixed;inset:0;z-index:-1;background:rgba(14,20,51,.18)}
.mppop{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(74px + env(safe-area-inset-bottom,0px));width:min(94vw,440px);background:var(--card,#fff);border-radius:22px;padding:12px 8px;box-shadow:0 18px 44px -14px rgba(14,20,51,.45),0 0 0 1px var(--line)}
:where(html[data-fb="dark"]) .mppop{background:var(--card,#182239)}
.mppop.anim{animation:mppIn .22s cubic-bezier(.2,.9,.3,1.2)}
.mppop:after{content:'';position:absolute;bottom:-8px;left:calc(25% - 8px);width:16px;height:16px;background:var(--card,#fff);transform:rotate(45deg);box-shadow:3px 3px 6px -3px rgba(14,20,51,.25)}
:where(html[data-fb="dark"]) .mppop:after{background:var(--card,#182239);box-shadow:3px 3px 6px -3px rgba(0,0,0,0.5)}
@keyframes mppIn{from{opacity:0;transform:translate(-50%,12px) scale(.96)}to{opacity:1;transform:translate(-50%,0)}}
.mppl{display:flex;gap:2px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.mppl>:first-child{margin-left:auto}
.mppl>:last-child{margin-right:auto}
.mppi{flex:0 0 55px;scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;gap:6px;border:0;background:none;padding:6px 2px;border-radius:14px;font:inherit;color:var(--ink);min-width:0}
.mppi span{display:flex;flex-direction:column;align-items:center;min-width:0;max-width:100%}
.mppi b{font-size:.86em;line-height:1.2;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mppi small{display:none}
.mppi .av{box-shadow:0 0 0 3px #fff,0 0 0 5px var(--mc)!important}
:where(html[data-fb="dark"]) .mppi .av{box-shadow:0 0 0 3px #182239,0 0 0 5px var(--mc) !important}
.mppi.on{background:var(--blue-l,#EEF4FF)}
:where(html[data-fb="dark"]) .mppi.on{background:var(--blue-l,#122240)}
.mpplus{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-size:1.8em;font-weight:700;line-height:1;color:var(--ink2);background:var(--soft,#F4F6FB);border:2px dashed var(--line)}
:where(html[data-fb="dark"]) .mpplus{background:var(--soft,#1A2337)}
.mppi.add b{color:var(--ink2)}
.mppop.many:before{content:'';position:absolute;right:8px;top:12px;bottom:12px;width:26px;pointer-events:none;background:linear-gradient(90deg,transparent,var(--card,#fff));border-radius:0 14px 14px 0;z-index:1}
:where(html[data-fb="dark"]) .mppop.many:before{background:linear-gradient(90deg,transparent,var(--card,#182239))}
@media (min-width:1024px){body.inapp .mppop{left:256px;top:150px;bottom:auto;transform:none;width:300px;padding:10px}
body.inapp .mppop.anim{animation:mppInS .2s ease-out}
body.inapp .mppop:after{left:-8px;top:34px;bottom:auto;box-shadow:-3px 3px 6px -3px rgba(14,20,51,.2)}
:where(html[data-fb="dark"]) body.inapp .mppop:after{box-shadow:-3px 3px 6px -3px rgba(0,0,0,0.48)}
body.inapp .mppop.many:before{display:none}
body.inapp .mppl{flex-direction:column;overflow-x:hidden;overflow-y:auto;max-height:min(62vh,430px);gap:2px;scroll-snap-type:none;scrollbar-width:thin}
body.inapp .mppl>:first-child,body.inapp .mppl>:last-child{margin:0}
body.inapp .mppi{flex:none;width:auto;flex-direction:row;justify-content:flex-start;gap:12px;padding:8px 10px;text-align:left}
body.inapp .mppi span{align-items:flex-start}
body.inapp .mppi b{font-size:1em}
body.inapp .mppi small{display:block;color:var(--ink2);font-size:.82em}
body.inapp .mppi:hover{background:var(--soft,#F4F6FB)}
:where(html[data-fb="dark"]) body.inapp .mppi:hover{background:var(--soft,#1A2337)}
body.inapp .mpplus{width:46px;height:46px}}
@keyframes mppInS{from{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:none}}
.gkeys{background:linear-gradient(160deg,var(--kl),#fff 85%);border:1px solid color-mix(in srgb,var(--kd) 22%,transparent);border-radius:20px;padding:16px 18px;display:flex;flex-direction:column;gap:10px}
:where(html[data-fb="dark"]) .gkeys{background:linear-gradient(160deg,color-mix(in srgb,var(--kc,#8FA0D0) 18%,#182239),#182239 85%)}
.gkeys .eyebrow2{color:var(--kd)}
.gkeys ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.gkeys li{display:flex;gap:12px;align-items:flex-start;font-size:1.2em;font-weight:600;line-height:1.55;color:var(--ink)}
.gkeys li i{flex:none;width:12px;height:12px;border-radius:50%;background:var(--kd);margin-top:.5em;box-shadow:0 0 0 4px color-mix(in srgb,var(--kd) 18%,transparent)}
html[data-fb="dark"] .gkeys{background:linear-gradient(160deg,color-mix(in srgb,var(--kd) 22%,#1b1d2a),#1b1d2a 85%)}
.subwrap{position:relative}
.subwrap .subnav{position:absolute;top:6px;width:32px;height:32px;border-radius:50%;border:1px solid var(--line);background:var(--card,#fff);color:var(--ink);display:none;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(30,30,60,.14);cursor:pointer;z-index:2;padding:0}
:where(html[data-fb="dark"]) .subwrap .subnav{background:var(--card,#182239);box-shadow:0 2px 8px rgba(0,0,0,0.34)}
.subwrap .subnav.l{left:-8px}
.subwrap .subnav.r{right:-8px}
.subwrap.can-r .subnav.r,.subwrap.can-l .subnav.l{display:flex}
.subwrap.can-r .subtabs{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 72px),transparent calc(100% - 14px));mask-image:linear-gradient(90deg,#000 calc(100% - 72px),transparent calc(100% - 14px))}
.subwrap.can-l .subtabs{-webkit-mask-image:linear-gradient(90deg,transparent 14px,#000 72px);mask-image:linear-gradient(90deg,transparent 14px,#000 72px)}
.subwrap.can-l.can-r .subtabs{-webkit-mask-image:linear-gradient(90deg,transparent 14px,#000 72px,#000 calc(100% - 72px),transparent calc(100% - 14px));mask-image:linear-gradient(90deg,transparent 14px,#000 72px,#000 calc(100% - 72px),transparent calc(100% - 14px))}
.subwrap.can-r .subnav.r{animation:subnudge 1.6s ease-in-out 2}
@keyframes subnudge{0%,100%{transform:translateX(0)}50%{transform:translateX(4px)}}
@media (prefers-reduced-motion:reduce){.subwrap.can-r .subnav.r{animation:none}}
.gkeys .eyebrow2{align-self:flex-start}
.ptw{position:sticky;top:56px;z-index:15;margin:0 -18px}
.chero.mem + .ptw{margin-top:6px}
.ptw .ptabs{position:static;margin:0;display:flex;overflow-x:auto;scrollbar-width:none;justify-content:space-between;column-gap:2px}
.ptw .ptabs::-webkit-scrollbar{display:none}
.ptw .ptabs button{flex:none;font-size:1.04em;padding:0 8px}
.ptw .subnav{top:13px}
.ptw .subnav.l{left:6px}
.ptw .subnav.r{right:6px}
@media (min-width:700px){.ptw .ptabs{justify-content:start;column-gap:26px}
.ptw .ptabs button{font-size:1.2em}}
.hlpage{display:flex;flex-direction:column;gap:14px}
.hlin h2{font-size:1.5em;margin:2px 0 6px;color:var(--ink)}
.hlin p{color:var(--ink2);line-height:1.7;margin:0 0 10px}
.hllg{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:.92em;color:var(--ink2);font-weight:600}
.hllg span{display:inline-flex;align-items:center;gap:6px}
.hllg .hlg{width:18px;height:18px;min-width:18px}
.hlg{width:38px;height:38px;min-width:38px;border-radius:50%;border:0;padding:0;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-family:var(--display);font-weight:800;font-size:.95em;font-variant-numeric:tabular-nums;cursor:pointer;box-shadow:0 2px 6px rgba(22,34,90,.18)}
:where(html[data-fb="dark"]) .hlg{box-shadow:0 2px 6px rgba(0,0,0,0.43)}
.hlg.p{background:#1F2A5C}
.hlg.d{background:#D7263D}
.hlg.b{background:linear-gradient(90deg,#D7263D 50%,#1F2A5C 50%)}
i.hlg{cursor:default;box-shadow:none}
.hlwrap{padding:10px 8px}
.hlrad,.hlwh{display:block;width:100%;max-width:440px;height:auto;margin:0 auto}
.hlwg{cursor:pointer}
.hlc{background:var(--card,#fff);border:1px solid var(--line);border-left:5px solid var(--cc);border-radius:18px;padding:14px 14px 14px 12px;display:flex;flex-direction:column;gap:12px}
:where(html[data-fb="dark"]) .hlc{background:var(--card,#182239)}
.hlch{display:flex;align-items:center;gap:10px}
.hlch>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.hlch b{font-size:1.18em;color:var(--ink)}
.hlch span{font-size:.88em;color:var(--muted);line-height:1.45}
.hlch em,.hlrh em{font-style:normal;font-family:var(--display);font-weight:800;font-size:1.6em;color:var(--ink);font-variant-numeric:tabular-nums}
.hlch em small,.hlrh em small{font-size:.5em;color:var(--muted);font-weight:600}
.hlcl{display:flex;flex-wrap:wrap;gap:8px}
.hlgn{display:inline-flex;align-items:center;gap:8px;border:0;border-radius:999px;background:var(--bg2,#F3F4F9);padding:3px 12px 3px 3px;color:var(--ink);font-size:.9em;cursor:pointer;min-height:44px}
:where(html[data-fb="dark"]) .hlgn{background:var(--bg2,#1D2135)}
.hlgn .hlg{width:36px;height:36px;min-width:36px}
.hlz{text-align:center}
.hlall{display:flex;flex-direction:column;gap:10px;background:linear-gradient(160deg,var(--tl),var(--card,#fff) 70%)}
:where(html[data-fb="dark"]) .hlall{background:linear-gradient(160deg,color-mix(in srgb,var(--tc,var(--td)) 18%,#182239),var(--card,#182239) 70%)}
.hlall .eyebrow2{align-self:flex-start;color:var(--td)}
:where(html[data-fb="dark"]) .hlall .eyebrow2{color:color-mix(in srgb,var(--td) 36%,#F1F4FB)}
.hlall h3{font-size:1.42em;line-height:1.45;margin:0;color:var(--ink);text-wrap:balance}
.hlall h3 em{font-style:normal;color:var(--td);margin:0 .22em}
:where(html[data-fb="dark"]) .hlall h3 em{color:color-mix(in srgb,var(--td) 36%,#F1F4FB)}
.hlall h4{margin:6px 0 0;font-size:1em;color:var(--ink)}
.hlmean{margin:0;color:var(--ink2);line-height:1.7;font-size:1.05em}
.hlrk{display:flex;flex-wrap:wrap;gap:8px}
.hlrk span{display:inline-flex;align-items:center;gap:6px;background:var(--card,#fff);border:1.5px solid var(--cc);border-radius:999px;padding:5px 12px 5px 5px;font-weight:700;color:var(--ink)}
:where(html[data-fb="dark"]) .hlrk span{background:var(--card,#182239)}
.hlrk span i{font-style:normal;width:24px;height:24px;border-radius:50%;background:var(--cc);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:.85em}
.hlbar{display:flex;height:16px;border-radius:999px;overflow:hidden;gap:3px}
.hlbar i.p{background:#1F2A5C}
.hlbar i.d{background:#D7263D}
.hlbar i.b{background:linear-gradient(90deg,#D7263D 50%,#1F2A5C 50%)}
.hlbarl{display:flex;justify-content:space-between;font-size:.88em;color:var(--ink2)}
.hlbarl b{font-family:var(--display);font-size:1.15em;color:var(--ink)}
.hlkpi{display:grid;grid-template-columns:1fr 1.25fr;gap:10px}
.hlkpi>div{background:var(--card,#fff);border:1px solid var(--line);border-radius:18px;padding:12px 14px;display:flex;flex-direction:column;gap:2px;min-width:0}
:where(html[data-fb="dark"]) .hlkpi>div{background:var(--card,#182239)}
.hlkpi small{color:var(--muted);font-size:.84em}
.hlkpi .k1 b{font-family:var(--display);font-size:2.6em;line-height:1.1;color:var(--ink)}
.hlkpi .k1 span,.hlkpi .k3 span{color:var(--ink2);font-size:.88em}
.hlkpi .k2{flex-direction:row;align-items:center;gap:10px}
.hlkpi .k2>div{display:flex;flex-direction:column;gap:3px}
.hlkpi .k3{grid-column:1/-1;flex-direction:row;align-items:center;gap:12px;border-left:5px solid var(--cc)}
.hlkpi .k3 b{font-size:1.3em;color:var(--ink);flex:1}
.hltiles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.hlt{position:relative;background:color-mix(in srgb,var(--cc) calc(var(--ca)*100%),var(--card,#fff));border:1px solid color-mix(in srgb,var(--cc) 40%,transparent);border-radius:16px;padding:10px 8px 10px;display:flex;flex-direction:column;gap:4px;min-width:0;min-height:128px}
:where(html[data-fb="dark"]) .hlt{background:color-mix(in srgb,var(--cc) calc(var(--ca)*100%),var(--card,#182239))}
.hlt.none{background:var(--bg2,#F6F7FB);border-style:dashed;opacity:.75}
:where(html[data-fb="dark"]) .hlt.none{background:var(--bg2,#1C2136)}
.hlt.top{box-shadow:0 0 0 2.5px var(--td)}
.hltb{position:absolute;top:-9px;right:8px;background:var(--td);color:#fff;font-size:.72em;font-weight:700;border-radius:999px;padding:1px 8px}
.hlth{display:flex;align-items:center;gap:5px}
.hlth b{font-size:.84em;color:var(--ink);line-height:1.25}
.hlt em{font-style:normal;font-family:var(--display);font-weight:800;font-size:1.8em;line-height:1;color:var(--ink)}
.hltd{display:flex;flex-wrap:wrap;gap:4px}
.hltd .hlg{width:28px;height:28px;min-width:28px;font-size:.78em}
.hlrows{display:flex;flex-direction:column;gap:6px}
.hlrow{padding:10px 6px;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:8px}
.hlrow:last-child{border-bottom:0}
.hlrow.none{opacity:.6}
.hlrh{display:grid;grid-template-columns:auto auto 1fr auto;column-gap:8px;align-items:center}
.hlri{width:22px;height:22px;border-radius:50%;background:var(--bg2,#F3F4F9);color:var(--muted);font-size:.78em;font-weight:800;display:inline-flex;align-items:center;justify-content:center}
:where(html[data-fb="dark"]) .hlri{background:var(--bg2,#1D2135)}
.hlrh b{font-size:1.1em;color:var(--ink)}
.hlrh .hlrt{grid-column:3/4;grid-row:2;font-size:.84em;color:var(--muted);line-height:1.4}
.hlrh em{grid-column:4;grid-row:1/3;font-size:1.4em}
.hlrd{display:flex;flex-wrap:wrap;gap:5px;align-items:center;padding-left:30px}
.hlrd .hlg{width:30px;height:30px;min-width:30px;font-size:.8em}
.hle{width:12px;height:12px;border-radius:50%;background:color-mix(in srgb,var(--cc) 22%,transparent);border:1.5px dashed color-mix(in srgb,var(--cc) 60%,transparent);margin:0 4px}
@media (min-width:1024px){.hlpage{max-width:880px}
.hltiles{gap:12px}
.hlt{min-height:150px;padding:14px}
.hltd .hlg{width:34px;height:34px;min-width:34px;font-size:.9em}}
.hltap{display:flex;align-items:center;gap:10px;background:var(--tl);border:1.5px solid color-mix(in srgb,var(--td) 35%,transparent);border-radius:16px;padding:10px 14px;margin:0 0 12px;color:var(--ink)}
:where(html[data-fb="dark"]) .hltap{background:color-mix(in srgb,var(--tc,var(--td)) 18%,#182239)}
.hltap b{font-size:1.12em}
.hltap .hlg{width:34px;height:34px;min-width:34px;cursor:default;animation:hltapp 1.8s ease-in-out infinite}
@keyframes hltapp{0%,100%{transform:scale(1)}50%{transform:scale(1.12)}}
@media (prefers-reduced-motion:reduce){.hltap .hlg{animation:none}}
.hlch .cbadge{flex:none}
.hlch b{font-size:1.25em}
.hlrad{max-width:480px}
.hltap{justify-content:center;text-align:center;margin:0}
.ftw{margin-top:12px}
.ftw .ptabs{box-shadow:none;border-bottom:1.5px solid var(--line)}
.famsoon{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:34px 18px}
.famsoon-ic{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:var(--bg2,#F3F4F9);color:var(--muted)}
:where(html[data-fb="dark"]) .famsoon-ic{background:var(--bg2,#1D2135)}
.famsoon b{font-size:1.3em;color:var(--ink)}
.subwrap .ptabs button[aria-current="page"],.subwrap .subtabs button[aria-current="page"]{background:var(--tbl,#EFEAFF);color:var(--tbd,#16225A);border-bottom-color:var(--tbd,#16225A);border-radius:14px 14px 0 0}
:where(html[data-fb="dark"]) .subwrap .ptabs button[aria-current="page"],
:where(html[data-fb="dark"]) .subwrap .subtabs button[aria-current="page"]{background:var(--tbl,#1E1341);color:var(--tbd,#E8ECF7)}
.subwrap .ptabs button,.subwrap .subtabs button{padding-left:12px;padding-right:12px}
html[data-fb="dark"] .subwrap .ptabs button[aria-current="page"],html[data-fb="dark"] .subwrap .subtabs button[aria-current="page"]{background:color-mix(in srgb,var(--tbd,#6B4FD8) 38%,transparent);color:#fff;border-bottom-color:var(--tbl,#EFEAFF)}
html:where([data-fb="dark"])[data-fb="dark"] .subwrap .ptabs button[aria-current="page"],
html:where([data-fb="dark"])[data-fb="dark"] .subwrap .subtabs button[aria-current="page"]{border-bottom-color:var(--tbl,rgba(255,255,255,0.1))}
.eorb{display:inline-grid;place-items:center;flex:none;position:relative}
.eorb svg{overflow:visible;display:block}
.eorb .eoa{transform-origin:center;animation:eorbp 3.2s ease-in-out infinite}
.eorb .eos{transform-origin:9px -11px;animation:eorbs 3.2s ease-in-out infinite}
@keyframes eorbp{0%,100%{transform:scale(.88);opacity:.85}50%{transform:scale(1.06);opacity:1}}
@keyframes eorbs{0%,100%{transform:scale(.7);opacity:.6}50%{transform:scale(1.15);opacity:1}}
@media (prefers-reduced-motion:reduce){.eorb .eoa,.eorb .eos{animation:none}}
html[data-fb="dark"] .hlrad .hlgrid{stroke:rgba(255,255,255,.1)!important}
.famrel{padding-top:8px}
.fhlchips{display:flex;flex-wrap:wrap;gap:8px}
.fhlchips button{display:inline-flex;align-items:center;gap:6px;border:1.5px solid var(--line);background:var(--card,#fff);color:var(--muted);border-radius:999px;padding:4px 12px 4px 4px;font-weight:700;cursor:pointer;min-height:38px}
:where(html[data-fb="dark"]) .fhlchips button{background:var(--card,#182239)}
.fhlchips .fhlall{padding:4px 14px}
.fhlchips .fhlall.on{background:var(--ink);border-color:var(--ink);color:#fff}
:where(html[data-fb="dark"]) .fhlchips .fhlall.on{color:#101830}
.fhlchips .fhlc .av{opacity:.45;filter:grayscale(.8)}
.fhlchips .fhlc.on{border-color:var(--pc);background:var(--pl);color:var(--ink)}
.fhlchips .fhlc.on .av{opacity:1;filter:none}
html[data-fb="dark"] .fhlchips .fhlc.on{background:color-mix(in srgb,var(--pc) 30%,transparent);color:#fff}
.fgsec{display:flex;flex-direction:column;gap:10px}
.fgsec h3{display:flex;align-items:center;gap:8px;margin:0;font-size:1.2em;color:var(--ink)}
.fgsec .fgn{margin-left:auto;font-family:var(--display);font-size:.9em;background:var(--bg2,#F3F4F9);border-radius:999px;padding:2px 10px;color:var(--ink2)}
:where(html[data-fb="dark"]) .fgsec .fgn{background:var(--bg2,#1D2135)}
.fgrow{display:flex;align-items:center;gap:10px;padding:8px 0;border-top:1px solid var(--line)}
.fgtx{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.fgtx b{color:var(--ink);font-size:1.02em}
.fgtx span{font-size:.84em;color:var(--muted)}
.fgwho{display:flex;flex:none}
.fgwho .av{margin-left:-8px;box-shadow:0 0 0 2px var(--card,#fff)}
:where(html[data-fb="dark"]) .fgwho .av{box-shadow:0 0 0 2px var(--card,#182239)}
.fgwho .av:first-child{margin-left:0}
.fgd{width:38px;height:38px;min-width:38px;border-radius:50%;border:0;padding:0;display:inline-flex;align-items:center;justify-content:center;background:var(--cc);color:#fff;font-family:var(--display);font-weight:800;font-size:.95em;cursor:pointer;box-shadow:0 2px 6px rgba(22,34,90,.16);text-shadow:0 1px 2px rgba(0,0,0,.25)}
:where(html[data-fb="dark"]) .fgd{box-shadow:0 2px 6px rgba(0,0,0,0.38)}
.fsolo{border-top:1px solid var(--line);padding-top:10px;display:flex;flex-direction:column;gap:8px}
.fsh{display:flex;align-items:center;gap:8px}
.fsh b{flex:1;color:var(--ink)}
.fsh em{font-style:normal;font-family:var(--display);font-weight:800;color:var(--pc);font-size:1.2em}
.fsd{display:flex;flex-wrap:wrap;gap:6px}
.fsd .fgd{width:34px;height:34px;min-width:34px;font-size:.86em}
details.bpx{display:block;align-self:start}
details.bpx>summary{list-style:none;cursor:pointer;display:flex;flex-direction:column;gap:4px;position:relative;padding-right:18px}
details.bpx>summary::-webkit-details-marker{display:none}
.bpxchev{position:absolute;right:0;bottom:4px;width:8px;height:8px;border-right:2px solid var(--td);border-bottom:2px solid var(--td);transform:rotate(45deg);opacity:.7;transition:transform .2s}
details.bpx[open] .bpxchev{transform:rotate(-135deg);bottom:0}
details.bpx>p{margin-top:6px}
.lnhead{display:flex;align-items:center;gap:18px}
.lnhead .rolecard{width:118px;height:162px;border-radius:18px}
.lnhead .rcin{border-radius:15px}
.lnhead .rcin .rolechar{height:124px;bottom:20px}
.lnht{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.lnhk{font-size:1.35em;font-weight:800;line-height:1.25;color:var(--ink);text-wrap:balance}
.lnhp{font-family:var(--display);font-size:1.25em;font-weight:800;color:var(--td);letter-spacing:.01em}
:where(html[data-fb="dark"]) .lnhp{color:color-mix(in srgb,var(--td) 36%,#F1F4FB)}
.lnhn{font-size:1.12em;font-weight:700;line-height:1.35;color:var(--ink2)}
.lnsum{font-size:1.14em;line-height:1.85;color:var(--ink);margin:0}
.lnsum .lnhl{background:linear-gradient(transparent 55%,color-mix(in srgb,var(--tc,#F6CF57) 38%,transparent) 55%);color:inherit;font-weight:800;padding:0 1px}
html[data-fb="dark"] .lnsum .lnhl{background:linear-gradient(transparent 55%,color-mix(in srgb,var(--tc,#F6CF57) 45%,transparent) 55%)}
@media (min-width:700px){.lnhead .rolecard{width:136px;height:186px}
.lnhead .rcin .rolechar{height:144px}
.lnhk{font-size:1.7em}}
.xemb .xrot{transform-origin:100px 100px;animation:xspin 48s linear infinite}
.xemb .xnode{animation:xspin 48s linear infinite reverse}
@keyframes xspin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.xemb .xrot,.xemb .xnode{animation:none}}
.chhpill.kw2{display:flex;flex-direction:column;align-items:center;gap:1px;padding:8px 16px;border-radius:18px;background:rgba(255,255,255,.2);border:1.5px solid rgba(255,255,255,.55);box-shadow:0 4px 14px rgba(0,0,0,.12);text-align:center}
:where(html[data-fb="dark"]) .chhpill.kw2{border:1.5px solid rgba(255,255,255,0.1);box-shadow:0 4px 14px rgba(0,0,0,0.29)}
.chhpill.kw2 b{font:800 20px/1.1 var(--display);letter-spacing:.01em;text-shadow:0 1px 4px rgba(0,0,0,.18)}
.chhpill.kw2 small{font:700 13px/1.25 'Noto Sans Thai',var(--display),sans-serif;opacity:.95}
@media (min-width:700px){.chhpill.kw2 b{font-size:24px}
.chhpill.kw2 small{font-size:15px}}
.chrot{animation:xspin 48s linear infinite}
.chrot .chnode{animation:xspin 48s linear infinite reverse}
@media (prefers-reduced-motion:reduce){.chrot,.chrot .chnode{animation:none}}
.ftw .ptabs button[aria-current="page"]{position:relative;color:#fff;border-bottom-color:transparent;background:linear-gradient(115deg,#6AA8EC,#F7B24C 28%,#F47E62 52%,#5FAF8E 76%,#B184EC);background-size:200% 100%;animation:ftglow 8s ease-in-out infinite alternate;text-shadow:0 1px 3px rgba(30,20,60,.35);box-shadow:0 -2px 14px rgba(177,132,236,.35),0 -1px 6px rgba(247,178,76,.3)}
.ftw .ptabs button[aria-current="page"]::after{content:"";position:absolute;left:0;right:0;bottom:-1.5px;height:3px;border-radius:2px;background:linear-gradient(90deg,#6AA8EC,#F7B24C,#F47E62,#5FAF8E,#B184EC)}
@keyframes ftglow{to{background-position:100% 0}}
@media (prefers-reduced-motion:reduce){.ftw .ptabs button[aria-current="page"]{animation:none}}
html[data-fb="dark"] .ftw .ptabs button[aria-current="page"]{color:#fff;box-shadow:0 -2px 18px rgba(177,132,236,.5),0 -1px 8px rgba(247,178,76,.4)}
.ftw .ptabs button[aria-current="page"],html[data-fb="dark"] .ftw .ptabs button[aria-current="page"]{background:linear-gradient(110deg,#6AA8EC 0%,#F7B24C 27%,#F47E62 50%,#5FAF8E 73%,#B184EC 100%);background-size:100% 100%;animation:none}
.fgsec.fgsh,.fgsec.fgso{border-radius:22px;padding:18px 16px;border:0}
.fgsec.fgsh{background:linear-gradient(160deg,#EEF3FF,#F5F0FF)}
:where(html[data-fb="dark"]) .fgsec.fgsh{background:linear-gradient(160deg,#122040,#21123F)}
.fgsec.fgso{background:linear-gradient(160deg,#FFF6E6,#FFF0EC)}
:where(html[data-fb="dark"]) .fgsec.fgso{background:linear-gradient(160deg,#423113,#401C13)}
html[data-fb="dark"] .fgsec.fgsh{background:linear-gradient(160deg,rgba(106,168,236,.16),rgba(177,132,236,.14))}
html[data-fb="dark"] .fgsec.fgso{background:linear-gradient(160deg,rgba(247,178,76,.14),rgba(244,126,98,.12))}
.fgsec h3{font-size:1.5em;line-height:1.3;font-weight:800}
.fgsec .fgn{background:rgba(255,255,255,.8);font-size:.72em}
:where(html[data-fb="dark"]) .fgsec .fgn{background:rgba(24,34,57,0.8)}
.fgsec .fgrow,.fgsec .fsolo{border-top-color:rgba(22,34,90,.08)}
.fgmore>summary{list-style:none;cursor:pointer;margin-top:8px;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.75);font-weight:700;color:var(--ink);text-align:center}
:where(html[data-fb="dark"]) .fgmore>summary{background:rgba(24,34,57,0.75)}
.fgmore>summary::-webkit-details-marker{display:none}
.fgmore>summary::after{content:" ▾";opacity:.6}
.fgmore[open]>summary{display:none}
html[data-fb="dark"] .fgmore>summary,html[data-fb="dark"] .fgsec .fgn{background:rgba(255,255,255,.1);color:#fff}
.ftw .ptabs button[aria-current="page"],html[data-fb="dark"] .ftw .ptabs button[aria-current="page"]{
  color:#1E2A5C;text-shadow:0 1px 0 rgba(255,255,255,.55);
  background:linear-gradient(100deg,#B9D6F6,#FBDDA8,#F9C3B5,#B5DCCB,#DAC6F6,#B9D6F6,#FBDDA8);background-size:340% 100%;
  animation:ftslide 16s ease-in-out infinite alternate;
  box-shadow:0 -3px 16px rgba(218,198,246,.55),0 -1px 10px rgba(251,221,168,.45)}
:where(html[data-fb="dark"]) .ftw .ptabs button[aria-current="page"],
html:where([data-fb="dark"])[data-fb="dark"] .ftw .ptabs button[aria-current="page"]{color:#E8ECF7;background:linear-gradient(100deg,#1A334E,#543E18,#512318,#B5DCCB,#2E1A4A,#1A334E,#543E18)}
.ftw .ptabs button[aria-current="page"]::after{background:linear-gradient(90deg,#B9D6F6,#FBDDA8,#F9C3B5,#B5DCCB,#DAC6F6);background-size:200% 100%;animation:ftslide 16s ease-in-out infinite alternate}
:where(html[data-fb="dark"]) .ftw .ptabs button[aria-current="page"]::after{background:linear-gradient(90deg,#1A334E,#543E18,#512318,#B5DCCB,#2E1A4A)}
@keyframes ftslide{0%{background-position:0% 50%}100%{background-position:100% 50%}}
@media (prefers-reduced-motion:reduce){.ftw .ptabs button[aria-current="page"],.ftw .ptabs button[aria-current="page"]::after{animation:none}}
.ftw .ptabs button[aria-current="page"]{box-shadow:none}
.dyngrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.dyngrid>.dyncard{width:auto;min-width:0;background:var(--pbg);padding:12px 12px 12px}
.dyngrid .dynav .av{width:50px!important;height:50px!important}
.dyngrid .dynlink{margin:0 4px}
.dyngrid .dynname{font-size:1em}
.dyngrid .dyntx{font-size:.8em;color:var(--ink)}
.dyngrid .dyngo{font-size:.74em;padding:5px 10px 5px 12px}
@media (min-width:700px){.dyngrid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}
.dyngrid .dynav .av{width:62px!important;height:62px!important}}
.famchartw{display:flex;flex-direction:column;gap:14px}
.dyngrid>.dyncard{color:#fff;box-shadow:0 8px 20px rgba(22,34,90,.18)}
:where(html[data-fb="dark"]) .dyngrid>.dyncard{box-shadow:0 8px 20px rgba(0,0,0,0.43)}
.dyngrid .dynname,.dyngrid .dyntx{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.28)}
.dyngrid .dynname span{color:#fff;opacity:.85}
.dyngrid .dyngo{background:rgba(255,255,255,.94);color:#16225A}
:where(html[data-fb="dark"]) .dyngrid .dyngo{background:rgba(24,34,57,0.94);color:#E8ECF7}
.dyngrid>.dyncard{background:repeating-linear-gradient(0deg,rgba(255,255,255,.16) 0 1px,transparent 1px 18px),repeating-linear-gradient(90deg,rgba(255,255,255,.16) 0 1px,transparent 1px 18px),linear-gradient(rgba(255,255,255,.12),rgba(255,255,255,.12)),var(--pbg)}
.dyngrid .dn3{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;column-gap:6px;font-size:1.06em}
.dyngrid .dn3 i{font-style:normal;min-width:0;overflow-wrap:break-word}
.dyngrid .dn3 i:first-child{text-align:right}
.dyngrid .dn3 i:last-child{text-align:left}
.dyngrid .dn3 span{font-size:1.1em;margin:0;opacity:.9}
.dyngrid .dn3{font-size:.95em;column-gap:4px}
.dyngrid .dn3 i{overflow-wrap:normal;white-space:nowrap}
@media (min-width:700px){.dyngrid .dn3{font-size:1.1em;column-gap:8px}}
.dyngrid .dynpair{align-items:flex-start}
.dyngrid .dynwho{display:flex;flex-direction:column;align-items:center;gap:6px;flex:none;min-width:0;max-width:48%}
.dyngrid .dynnm{font-family:var(--display);font-size:1.18em;font-weight:800;line-height:1.2;color:#fff;text-align:center;white-space:nowrap;text-shadow:0 1px 4px rgba(0,0,0,.3)}
.dyngrid .dynlink{margin-top:23px}
@media (min-width:700px){.dyngrid .dynnm{font-size:1.3em}
.dyngrid .dynlink{margin-top:29px}}
html[data-fb="dark"] .dyngrid .dynnm{color:#fff}
.dyngrid .dynnm.long{font-size:1em}
@media (min-width:700px){.dyngrid .dynnm.long{font-size:1.15em}}
.fgav{border:0;background:none;padding:0;cursor:pointer;line-height:0;margin-left:-8px}
.fgav:first-child{margin-left:0}
.fgwho .fgav .av{margin-left:0}
.pwt{background:var(--blue-l,#EEF4FF);padding:16px;display:flex;flex-direction:column;gap:6px}
:where(html[data-fb="dark"]) .pwt{background:var(--blue-l,#122240)}
.pwth{font-family:var(--display);font-size:1.2em;color:var(--ink)}
.pwt .bullets li{line-height:1.6}
.pwem{margin-top:6px;display:flex;flex-direction:column;gap:8px}
.pwem>b{color:var(--ink);font-size:1.02em}
.pwemr{background:rgba(255,255,255,.75);border-radius:14px;padding:10px 12px;display:flex;flex-direction:column;gap:2px}
:where(html[data-fb="dark"]) .pwemr{background:rgba(24,34,57,0.75)}
.pwemn{font-weight:800;color:#2F6FD6;font-size:1.05em}
:where(html[data-fb="dark"]) .pwemn{color:#90B2E9}
.pwemh{font-size:.88em;color:var(--ink2)}
html[data-fb="dark"] .pwemr{background:rgba(255,255,255,.06)}
.kfactsec{display:flex;flex-direction:column;gap:10px}
.kfactsec h2{font-size:1.5em;line-height:1.3;margin:0;color:var(--ink);text-wrap:balance}
.kfactsec .kfwhy{margin:0;font-size:1.06em;line-height:1.7;color:var(--ink2)}
.kfacts.big{gap:12px;scroll-snap-type:x mandatory;margin:0 -16px;padding:2px 16px 8px}
.kfacts.big .kfact{width:78%;max-width:320px;scroll-snap-align:start;border-radius:20px}
.kfacts.big .kfact img{aspect-ratio:4/3}
.kfacts.big .kfact p{font-size:1.12em;padding:12px 14px;line-height:1.4}
@media (min-width:700px){.kfacts.big .kfact{width:300px}}
.pcsl{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}
.pcsl li{display:flex;gap:10px;align-items:flex-start}
.pcsl li>i{flex:none;width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.75);margin-top:2px}
:where(html[data-fb="dark"]) .pcsl li>i{background:rgba(24,34,57,0.75)}
.pcsl li>span{display:flex;flex-direction:column;gap:1px;min-width:0}
.pcsl small{font-size:.8em;font-weight:700;color:var(--muted);letter-spacing:.01em}
.pcsl b{font-size:1.06em;line-height:1.5;color:var(--ink)}
html[data-fb="dark"] .pcsl li>i{background:rgba(255,255,255,.08)}
.pct .pccl{display:block;margin-top:3px;font-size:.95em;line-height:1.5;color:var(--ink2);font-weight:600}
/* ===== Dark theme, hand-tuned part (loaded after the generated dark7.css) =====
   Night navy-grey, never pure black; raised surfaces a little lighter; off-white text; softer accents. */
html[data-fb="dark"]{
  --bg:#0E1526; --bg2:#151E33; --ink:#E8ECF7; --ink2:#C3CAE0; --text:#AFB8CF; --muted:#8892AC; --line:rgba(255,255,255,.09); --link:#8FB2FF;
  --proj-l:#1B2A48; --ref-l:#271F45; --gen-l:#33291A; --mg-l:#3A1F24; --man-l:#163027;
  --blue-l:#1A2846; --peach-l:#33241E; --green-l:#16302A; --lav-l:#231E43; --yellow-l:#322A17; --pink-l:#36202A;
  --soft:#131C30; --shadow:0 1px 2px rgba(0,0,0,.35),0 8px 24px rgba(0,0,0,.28);
  color-scheme:dark;
}
html[data-fb="dark"],html[data-fb="dark"] body{background:var(--bg);color:var(--text)}
/* the sun / moon button */
.thm{width:36px;height:36px;border-radius:50%;border:0;background:#fff;box-shadow:0 1px 2px rgba(22,34,90,.06),0 4px 14px rgba(22,34,90,.08);display:grid;place-items:center;cursor:pointer;flex:none;padding:0;transition:background .3s}
.thm .thi{display:grid;place-items:center;width:26px;height:26px;transition:transform .5s cubic-bezier(.3,1.4,.5,1)}
.thm svg{width:26px;height:26px}
.thm:hover .thi{transform:rotate(18deg) scale(1.08)}
.thm.spin .thi{animation:thspin .6s cubic-bezier(.3,1.3,.5,1)}
@keyframes thspin{0%{transform:rotate(-120deg) scale(.4);opacity:0}100%{transform:rotate(0) scale(1);opacity:1}}
html[data-fb="dark"] .thm{background:#1E2A4A;box-shadow:0 0 0 1px rgba(255,255,255,.08),0 4px 14px rgba(0,0,0,.35),0 0 16px rgba(255,216,107,.18)}
.top .thm,.snav .thm{margin-right:6px}
@media (prefers-reduced-motion:reduce){.thm .thi,.thm.spin .thi{animation:none;transition:none}}
html[data-fb="dark"] input::placeholder,html[data-fb="dark"] textarea::placeholder{color:#6F7894}
/* the energy chart keeps its meaning (black = conscious, red = design) on a soft paper panel */
html[data-fb="dark"] svg.bg8{background:#EEF1F8;border-radius:20px}
/* narrow phones: the website button shows only its house icon, so the sun/moon and EN still fit */
@media (max-width:430px){.top .sitebtn span{display:none}.top .sitebtn{width:36px;height:36px;padding:0;justify-content:center;border-radius:50%}}
/* child shortcut cards keep their bright type colour; their tiles stay light glass with navy words */
html[data-fb="dark"] .hsk{--ink:#16225A;--ink2:#36416B;--text:#4A5578;--muted:#6B7393}
html[data-fb="dark"] .hstile{background:linear-gradient(160deg,var(--t1,#F4F6FF),rgba(255,255,255,.92) 75%);border:1px solid rgba(255,255,255,.95)}
html[data-fb="dark"] .hstile:nth-child(1){--t1:#E6F7EC}html[data-fb="dark"] .hstile:nth-child(2){--t1:#ECEBFF}html[data-fb="dark"] .hstile:nth-child(3){--t1:#FFF2DC}
/* charts drawn on the purple sky already look right: no paper panel there */
html[data-fb="dark"] .fgsky svg.bg8,html[data-fb="dark"] .fgz svg.bg8,html[data-fb="dark"] .fgsvg svg.bg8,html[data-fb="dark"] .cosmic-sky~* svg.bg8,html[data-fb="dark"] .abcbg svg.bg8,html[data-fb="dark"] .mkbg svg{background:none}
/* accent words (blue "tint") a step lighter on the night background */
html[data-fb="dark"]{--tint:#8FB0FF}
/* small white labels sitting on a colourful header stay white */
html[data-fb="dark"] .chero .chage{background:#fff}
html[data-fb="dark"] .chero .avedit{background:#fff}
/* message boxes (contact form) use the same dark field surface as text inputs */
html[data-fb="dark"] textarea{background:#131C30;color:#E8ECF7;border-color:rgba(255,255,255,.12)!important}
/* founder 2026-10-17: the talent squares sit on the night-blue overview card in both themes, so they keep their light-theme colours */
html[data-fb="dark"] .fusq.own,html[data-fb="dark"] .fulegend i.own{background:#E9EEFF;color:#2A3A7A}
html[data-fb="dark"] .fusq.tog,html[data-fb="dark"] .fulegend i.tog{background:#F7C66B;color:#5B3A00}
html[data-fb="dark"] .tcico{background:#3A4AA6;color:#fff;box-shadow:none}
/* the book button keeps its cover colours in the dark theme */
html[data-fb="dark"] .gbgo{color:var(--g0);background:#fff;background:linear-gradient(180deg,#fff 30%,color-mix(in srgb,var(--g3) 55%,#fff))}
html[data-fb="dark"] .gbgo i{color:#fff;background:linear-gradient(135deg,var(--g0),var(--g1))}
html[data-fb="dark"] .gbav{background:#fff}
/* Perception page: the summary card and chips keep readable contrast in the dark theme */
html[data-fb="dark"] .pcsum{background:linear-gradient(140deg,#2A2352,#1E2A52)}
html[data-fb="dark"] .pcsum p{color:#EEF0FA}
html[data-fb="dark"] .pcchip{background:rgba(255,255,255,.1);color:#EEF0FA}
html[data-fb="dark"] .pclab.m{color:#AFC0FF}
html[data-fb="dark"] .pcico.m,html[data-fb="dark"] .pcchip i.m{background:#2A3560;color:#C9D4FF}
/* gate chips in the dark theme: a faint chip, light text, the navy badge a little lighter so it stands off the background */
html[data-fb="dark"] .gatechips .gchip,html[data-fb="dark"] .gatechips .gchip.p,html[data-fb="dark"] .gatechips .gchip.d,html[data-fb="dark"] .gatechips .gchip.b{background:rgba(255,255,255,.07);color:#E6E9F5}
html[data-fb="dark"] .gnum{background:#4258C4;color:#fff}html[data-fb="dark"] .gchip.d .gnum,html[data-fb="dark"] .gnum.d{background:#E0384E}html[data-fb="dark"] .gchip.b .gnum,html[data-fb="dark"] .gnum.b{background:linear-gradient(90deg,#E0384E 50%,#4258C4 50%)}
/* decision gauge in the dark theme: a visible track, the fill in the type colour, the marker ringed in the card colour */
html[data-fb="dark"] .dgauge .trk{background:rgba(255,255,255,.16)}
html[data-fb="dark"] .dgauge .trk .fill{background:linear-gradient(90deg,rgba(255,255,255,.25),var(--tc))}
html[data-fb="dark"] .dgauge .tk{background:rgba(255,255,255,.4)}
html[data-fb="dark"] .dgauge .trk i{box-shadow:0 0 0 4px #182239,0 0 0 6px var(--tc),0 2px 8px rgba(0,0,0,.4)}
html[data-fb="dark"] .dgauge .tl{color:#B9C0DA}
html[data-fb="dark"] .dgauge .tl{background:none!important}
/* the small centres chart: open centres stay light outlines on the dark card */
html[data-fb="dark"] .mchart [fill="#fff"]{fill:#26304D}
html[data-fb="dark"] .mchart [stroke="#B9C0D8"]{stroke:#7E88AA}
html[data-fb="dark"] .mchart g{stroke:#56607F}
html[data-fb="dark"] .smeter i{background:rgba(255,255,255,.14)}html[data-fb="dark"] .smeter i.on{background:linear-gradient(90deg,#9B6BF2,#C59BFF)}html[data-fb="dark"] .slvl{background:#2E2552;color:#D9C8FF}html[data-fb="dark"] .sends{color:#B9C0DA}
html[data-fb="dark"] .smeter i.on{background:linear-gradient(180deg,var(--tc),var(--td))}html[data-fb="dark"] .slvl{background:rgba(255,255,255,.1);color:#fff}
html[data-fb="dark"] .rcin{background:radial-gradient(circle at 50% 34%,#2C3762 0,#1C2544 70%)}
html[data-fb="dark"] .rcin{background:radial-gradient(120% 90% at 50% 30%,var(--g3) 0%,var(--g2) 40%,var(--g1) 75%,var(--g0) 100%)}

/* principles headings keep the theme text colour over their highlighter stroke */
html[data-fb="dark"] .plist h3,html[data-fb="dark"] .plist h3 span{color:var(--ink)}
/* founder 2026-10-19: the family open tab keeps its soft pastel logo glow in dark mode too (the generated dark theme would darken it) */
html[data-fb="dark"] .ftw .ptabs button[aria-current="page"]{color:#1E2A5C;text-shadow:0 1px 0 rgba(255,255,255,.5);background:linear-gradient(100deg,#B9D6F6,#FBDDA8,#F9C3B5,#B5DCCB,#DAC6F6,#B9D6F6,#FBDDA8);background-size:340% 100%;box-shadow:0 -3px 18px rgba(218,198,246,.45),0 -1px 10px rgba(251,221,168,.4)}
html[data-fb="dark"] .ftw .ptabs button[aria-current="page"]::after{background:linear-gradient(90deg,#B9D6F6,#FBDDA8,#F9C3B5,#B5DCCB,#DAC6F6);background-size:200% 100%}
html[data-fb="dark"] .ftw .ptabs button[aria-current="page"]{box-shadow:none}
/* pair cards keep their two Type halves in dark mode, with dark words on them */
html[data-fb="dark"] .dyngrid>.dyncard{background:var(--pbg);color:#fff}
html[data-fb="dark"] .dyngrid .dynname,html[data-fb="dark"] .dyngrid .dyntx{color:#fff}
html[data-fb="dark"] .dyngrid .dyngo{background:rgba(255,255,255,.94);color:#16225A}
html[data-fb="dark"] .dyngrid>.dyncard{background:repeating-linear-gradient(0deg,rgba(255,255,255,.16) 0 1px,transparent 1px 18px),repeating-linear-gradient(90deg,rgba(255,255,255,.16) 0 1px,transparent 1px 18px),linear-gradient(rgba(255,255,255,.12),rgba(255,255,255,.12)),var(--pbg)}

/* mood9.css: self-contained mood panels (contact band, closing "when this energy works well" box).
   Appended after dark_manual.css WITHOUT the automatic dark-colour pass: these panels set their own colours for both themes. */
/* contact band (cband9.js) kept its earlier look; the aura and logo rules below are used by the contact page hero */
.cb9{margin-top:24px}
.cblogo{display:block;line-height:0}
.cbaura{left:50%;top:78px;width:280px;height:280px;border-radius:50%;background:conic-gradient(from 0deg,#6AA8EC,#F7B24C,#F47E62,#5FAF8E,#B184EC,#6AA8EC);filter:blur(44px);opacity:.5;transform:translate(-50%,-50%);animation:cbaur 16s linear infinite}
@keyframes cbaur{0%{transform:translate(-50%,-50%) rotate(0) scale(.88)}50%{transform:translate(-50%,-50%) rotate(180deg) scale(1.1)}100%{transform:translate(-50%,-50%) rotate(360deg) scale(.88)}}
/* gift9.js: closing box on centre/gate pages. Every colour comes from the centre's own three tones (--c0 light, --c1 mid, --c2 deep) */
.gf{position:relative;border-radius:28px;overflow:hidden;isolation:isolate}
.gfB{padding:28px 20px 28px;text-align:center;color:#fff;background:linear-gradient(172deg,color-mix(in oklch,var(--c2) 72%,#070A1C) 0%,color-mix(in oklch,var(--c2) 38%,#070A1C) 62%,color-mix(in oklch,var(--c2) 26%,#070A1C) 100%)}
.gfB>*{position:relative;z-index:2}
.gfB>i.gfstars,.gfB>i.gfaura{position:absolute;z-index:0;pointer-events:none}
.gfstars{inset:0;background-repeat:no-repeat}
.gfstars.s1{background-image:radial-gradient(1.6px 1.6px at 8% 12%,#fff 60%,#0000),radial-gradient(1.2px 1.2px at 22% 34%,#fff 60%,#0000),radial-gradient(1.8px 1.8px at 88% 9%,#fff 60%,#0000),radial-gradient(1.2px 1.2px at 70% 26%,#fff 60%,#0000),radial-gradient(1.4px 1.4px at 93% 44%,#fff 60%,#0000),radial-gradient(1.2px 1.2px at 5% 58%,#fff 60%,#0000),radial-gradient(1.6px 1.6px at 16% 82%,#fff 60%,#0000),radial-gradient(1.2px 1.2px at 84% 74%,#fff 60%,#0000),radial-gradient(1.4px 1.4px at 60% 94%,#fff 60%,#0000),radial-gradient(1.2px 1.2px at 36% 6%,#fff 60%,#0000);animation:gftwk 4.2s ease-in-out infinite alternate}
.gfstars.s2{background-image:radial-gradient(1.2px 1.2px at 14% 24%,#fff 60%,#0000),radial-gradient(1.6px 1.6px at 30% 14%,#fff 60%,#0000),radial-gradient(1.2px 1.2px at 78% 17%,#fff 60%,#0000),radial-gradient(1.8px 1.8px at 95% 28%,#fff 60%,#0000),radial-gradient(1.2px 1.2px at 3% 40%,#fff 60%,#0000),radial-gradient(1.4px 1.4px at 92% 62%,#fff 60%,#0000),radial-gradient(1.2px 1.2px at 9% 70%,#fff 60%,#0000),radial-gradient(1.6px 1.6px at 40% 90%,#fff 60%,#0000),radial-gradient(1.2px 1.2px at 76% 88%,#fff 60%,#0000),radial-gradient(1.4px 1.4px at 58% 4%,#fff 60%,#0000);animation:gftwk 4.2s ease-in-out -2.1s infinite alternate}
@keyframes gftwk{0%{opacity:.2}100%{opacity:.95}}
.gfaura{left:50%;top:103px;border-radius:50%;transform:translate(-50%,-50%)}
.gfaura.a1{width:330px;height:330px;background:radial-gradient(circle,color-mix(in srgb,var(--c1) 75%,transparent) 0,color-mix(in srgb,var(--c0) 32%,transparent) 38%,transparent 70%);filter:blur(10px);animation:gfbreath 5.5s ease-in-out infinite}
.gfaura.a2{width:560px;height:460px;background:radial-gradient(closest-side,color-mix(in srgb,var(--c0) 26%,transparent),transparent);filter:blur(16px);animation:gfdrift 11s ease-in-out infinite alternate}
@keyframes gfbreath{0%,100%{transform:translate(-50%,-50%) scale(.86);opacity:.7}50%{transform:translate(-50%,-50%) scale(1.12);opacity:1}}
@keyframes gfdrift{0%{transform:translate(-56%,-50%) scale(.95);opacity:.65}100%{transform:translate(-44%,-46%) scale(1.08);opacity:1}}
.gfmed{position:relative;width:150px;height:150px;margin:0 auto}
.gfrays{position:absolute;inset:-20px;border-radius:50%;background:repeating-conic-gradient(from 0deg,color-mix(in srgb,var(--c0) 60%,transparent) 0 4deg,transparent 4deg 16deg);-webkit-mask:radial-gradient(circle,#000 30%,transparent 70%);mask:radial-gradient(circle,#000 30%,transparent 70%);animation:gfspin 48s linear infinite}
@keyframes gfspin{to{transform:rotate(360deg)}}
.gfcore{position:absolute;inset:22px;border-radius:50%;background:radial-gradient(circle at 36% 30%,#fff 0,var(--c0) 22%,var(--c1) 58%,var(--c2) 100%);box-shadow:0 0 0 4px rgba(255,255,255,.85),0 0 44px 14px color-mix(in srgb,var(--c1) 60%,transparent)}
.gfmn,.gfmi{position:absolute;inset:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-shadow:0 2px 8px rgba(10,10,40,.4)}
.gfmn small{font-weight:700;font-size:.85em;margin-bottom:2px}
.gfmn b{font-family:var(--display);font-size:3.1em;line-height:1}
.gfsp{position:absolute;font-style:normal;color:#fff;animation:gftw 2.6s ease-in-out infinite;text-shadow:0 0 10px var(--c0)}
.gfsp.s1{left:-6px;top:16px;font-size:20px}.gfsp.s2{right:-10px;top:52px;font-size:14px;animation-delay:.9s}.gfsp.s3{right:12px;bottom:-6px;font-size:18px;animation-delay:1.7s}
@keyframes gftw{0%,100%{opacity:.25;transform:scale(.7)}50%{opacity:1;transform:scale(1.1)}}
.gfkick{display:block;margin:16px 0 6px;font-size:.95em;font-weight:700;letter-spacing:.01em;color:color-mix(in srgb,var(--c0) 80%,#fff)}
.gftx{margin:0;font-family:var(--display);font-weight:700;font-size:1.5em;line-height:1.5;color:#fff;text-wrap:pretty;text-shadow:0 2px 14px rgba(5,8,25,.35)}
@media (prefers-reduced-motion:reduce){.gfstars,.gfaura,.gfrays,.gfsp{animation:none}}
/* side9.js: known / unknown side on gate pages as two status pills (dark = Personality / known, red = Design / unknown) */
.sdmeter{margin-top:14px}
.sdbar{display:flex;gap:10px}
.sdbar span{flex:1;display:flex;align-items:center;justify-content:center;gap:9px;border-radius:99px;padding:12px 10px;font-family:var(--display);font-weight:700;font-size:1.06em;background:#F3F5FA;color:#A9B0C6;box-shadow:inset 0 0 0 1.5px #E1E5F0}
.sdd{display:inline-block;flex:none;width:12px;height:12px;border-radius:50%}
.sdbar .sdd.p{background:#C3C9DB}.sdbar .sdd.d{background:#EDB6BE}
.sdmeter.kp .sp,.sdmeter.kb .sp{background:linear-gradient(180deg,#2B3A7A,#1F2A5C);color:#fff;box-shadow:0 6px 16px rgba(31,42,92,.28)}
.sdmeter.kd .sdx,.sdmeter.kb .sdx{background:linear-gradient(180deg,#E8384F,#C81F36);color:#fff;box-shadow:0 6px 16px rgba(215,38,61,.3)}
.sdmeter.kp .sp .sdd,.sdmeter.kb .sp .sdd,.sdmeter.kd .sdx .sdd,.sdmeter.kb .sdx .sdd{background:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.3),0 0 8px rgba(255,255,255,.8);animation:sdpulse 2.4s ease-in-out infinite}
@keyframes sdpulse{0%,100%{box-shadow:0 0 0 3px rgba(255,255,255,.25),0 0 6px rgba(255,255,255,.6)}50%{box-shadow:0 0 0 5px rgba(255,255,255,.12),0 0 12px rgba(255,255,255,.95)}}
.sdmeter p{margin:10px 4px 0;font-size:.95em;line-height:1.6;color:var(--ink2)}
@media (prefers-reduced-motion:reduce){.sdmeter .sdd{animation:none!important}}
html[data-fb="dark"] .sdbar span{background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.1);color:#6E7894}
html[data-fb="dark"] .sdbar .sdd.p{background:#4A5578}html[data-fb="dark"] .sdbar .sdd.d{background:#6A3442}
html[data-fb="dark"] .sdmeter.kp .sp,html[data-fb="dark"] .sdmeter.kb .sp{background:linear-gradient(180deg,#4459AE,#33448C);color:#fff;box-shadow:0 0 18px rgba(90,115,220,.35)}
html[data-fb="dark"] .sdmeter.kd .sdx,html[data-fb="dark"] .sdmeter.kb .sdx{background:linear-gradient(180deg,#D9324A,#B21F33);color:#fff;box-shadow:0 0 18px rgba(230,60,85,.35)}
html[data-fb="dark"] .sdmeter.kp .sp .sdd,html[data-fb="dark"] .sdmeter.kb .sp .sdd,html[data-fb="dark"] .sdmeter.kd .sdx .sdd,html[data-fb="dark"] .sdmeter.kb .sdx .sdd{background:#fff}
/* famap9.js: family map laid out in container units (1cqw = 1/100 of the map width) */
.flzv{position:relative;z-index:1;overflow:hidden;border-radius:18px;touch-action:pan-y}
.flzv.zoomed{touch-action:none;cursor:grab}
.flzw{transform-origin:50% 50%;transition:transform .12s ease-out}
.flsky .flinks.fm9{position:relative;width:100%;max-width:560px;margin:6px auto 10px;container-type:inline-size}
.flsky .fm9 .fnode .fav{width:calc(var(--A)*1cqw);height:calc(var(--A)*1cqw);box-shadow:0 0 0 .9cqw #fff,0 0 0 1.8cqw var(--tc),0 0 4cqw rgba(185,174,255,.7)}
.flsky .fm9.mring .fnode .fav,.flsky .fm9.mgrid .fnode .fav{box-shadow:0 0 0 .7cqw #fff,0 0 0 1.5cqw var(--tc),0 0 3cqw rgba(185,174,255,.6)}
.flsky .fm9 .flab{font-size:3.3cqw;width:max-content;max-width:33.6cqw;padding:1.6cqw 2.8cqw;top:calc(100% + 2.8cqw);border-radius:2.6cqw}
.flsky .fm9 .flab.up{top:auto;bottom:calc(100% + 2.8cqw)}
.flsky .fm9 .flab b{font-size:1.3333em;line-height:1.25}
.flsky .fm9 .flab span{font-size:1em;line-height:1.3}
.fm9 .flpill{position:absolute;left:50%;top:calc(100% - 2.83cqw);transform:translateX(-50%);z-index:3;font-family:var(--display);font-weight:700;font-size:3.6cqw;line-height:1.3;padding:.8cqw 2.3cqw;border-radius:99px;background:rgba(255,255,255,.94);box-shadow:0 .8cqw 2.4cqw rgba(10,12,40,.35);white-space:nowrap;max-width:26cqw;overflow:hidden;text-overflow:ellipsis;pointer-events:none}
.flzc{position:absolute;right:12px;bottom:9px;z-index:4;display:flex;flex-direction:row;gap:6px}
.flzc button{width:34px;height:34px;border-radius:11px;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.16);color:#fff;font-size:20px;font-weight:700;line-height:1;cursor:pointer;display:grid;place-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.flzc button:active{transform:scale(.94)}
/* contact9.js: contact tab */
.cthero{position:relative;overflow:hidden;isolation:isolate;border-radius:28px;color:#fff;text-align:center;background:linear-gradient(170deg,#1C2352 0%,#251C50 56%,#110E2C 100%)}
.cthero>i{position:absolute;pointer-events:none;z-index:0}
.cthero>i.gfstars{inset:0}
.cthero .cbaura{top:62px}
.cthin{position:relative;z-index:2;padding:26px 20px 24px;display:flex;flex-direction:column;align-items:center;gap:8px}
.cthero .cblogo svg{filter:drop-shadow(0 0 8px rgba(255,255,255,.55)) drop-shadow(0 0 22px rgba(201,166,255,.55))}
.cthero h1{margin:6px 0 0;color:#fff;font-size:2em;line-height:1.2}
.cthero p{margin:0;color:rgba(255,255,255,.82);line-height:1.6;max-width:24em;text-wrap:balance}
.ctform{display:flex;flex-direction:column;gap:12px;padding:20px 16px}
.ctstep{display:flex;align-items:center;gap:10px;margin-top:6px}
.ctstep:first-child{margin-top:0}
.ctstep h3{margin:0;font-size:1.12em;white-space:nowrap}
.ctstep small{margin-left:auto;color:var(--ink2);font-size:.84em;text-align:right;line-height:1.3}
.ctn{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-family:var(--display);font-size:.9em;color:#fff;background:linear-gradient(135deg,#6AA8EC,#B184EC)}
.ctchips{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ctchip{display:flex;align-items:center;gap:9px;text-align:left;border:1.5px solid #E1E5F0;background:#fff;border-radius:16px;padding:11px 12px;font:inherit;font-size:.95em;font-weight:600;color:var(--ink);cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s}
.ctchip span{min-width:0;line-height:1.35}
.ctchip.on{border-color:#7B6CF0;background:#F2EFFF;box-shadow:0 0 0 3px rgba(123,108,240,.16)}
.ctchip.on::after{content:"✓";margin-left:auto;flex:none;width:20px;height:20px;border-radius:50%;background:#7B6CF0;color:#fff;font-size:12px;font-weight:800;display:grid;place-items:center}
.ctbook{display:flex;gap:12px;align-items:flex-start;border-radius:18px;padding:14px;background:#FFF5F1;border:1.5px solid #FBD9CF}
.ctbook[hidden]{display:none}
.ctbook>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.ctbook b{font-family:var(--display);color:var(--ink)}
.ctbook p{margin:0}
.ctmems{display:flex;flex-wrap:wrap;gap:8px}
.ctmem{display:inline-flex;align-items:center;gap:7px;border:1.5px solid #E1E5F0;background:#fff;border-radius:99px;padding:4px 12px 4px 4px;font:inherit;font-weight:600;color:var(--ink);cursor:pointer}
.ctmem .av{flex:none}
.ctmem.on{border-color:#7B6CF0;background:#F2EFFF}
.ctform textarea{font:inherit;padding:12px 14px;border-radius:16px;border:1.5px solid #E1E5F0;background:#fff;color:var(--ink);resize:vertical;min-height:120px}
.ctrow{display:grid;grid-template-columns:1fr;gap:10px}
.ctform .field input{border:1.5px solid #E1E5F0}
.ctsend{margin-top:4px;border:0;border-radius:99px;padding:16px;font:inherit;font-family:var(--display);font-weight:700;font-size:1.1em;color:#fff;cursor:pointer;background:linear-gradient(100deg,#4F72E8,#8B63E6);box-shadow:0 8px 20px rgba(91,92,220,.3)}
.ctsend em{font-style:normal}
.ctdone{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:10px 4px}
.ctdone h3{margin:4px 0 0;font-size:1.3em}
.ctdone p{margin:0}
@media (min-width:640px){.ctrow{grid-template-columns:1fr 1fr}.ctchips{grid-template-columns:1fr 1fr 1fr}}
html[data-fb="dark"] .ctchip,html[data-fb="dark"] .ctmem,html[data-fb="dark"] .ctform textarea,html[data-fb="dark"] .ctform .field input{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.12);color:var(--ink)}
html[data-fb="dark"] .ctchip.on,html[data-fb="dark"] .ctmem.on{background:rgba(123,108,240,.2);border-color:#8F82F5}
html[data-fb="dark"] .ctbook{background:rgba(244,126,98,.1);border-color:rgba(244,126,98,.3)}
/* big families: "+N" after five faces, and the pair filter */
.fgavn{display:inline-grid;place-items:center;min-width:28px;height:28px;padding:0 6px;border-radius:99px;background:#EEF1FA;color:#1F2A5C;font-size:.8em;font-weight:800;box-shadow:0 0 0 2px #fff;margin-left:-4px;position:relative;z-index:1}
.relwho{display:flex;flex-direction:column;gap:6px;margin:4px 0 12px}
.relwr{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 6px;scrollbar-width:none}
.relwr::-webkit-scrollbar{display:none}
.relwr button{flex:none;display:inline-flex;align-items:center;gap:6px;border:1.5px solid #E1E5F0;background:#fff;border-radius:99px;padding:4px 12px 4px 4px;font:inherit;font-weight:700;font-size:.92em;color:var(--ink);cursor:pointer}
.relwr button:first-child{padding:6px 14px}
.relwr button[aria-pressed="true"]{border-color:#7B6CF0;background:#F2EFFF}
.dynmore>summary{margin-top:12px}
html[data-fb="dark"] .fgavn{background:#2A3456;color:#E8ECF7;box-shadow:0 0 0 2px var(--bg2)}
html[data-fb="dark"] .relwr button{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.12)}
html[data-fb="dark"] .relwr button[aria-pressed="true"]{background:rgba(123,108,240,.2);border-color:#8F82F5}
/* memorder9.js: ▲ ▼ beside each person in the settings list */
.mvbtns{display:flex;flex-direction:column;gap:3px;flex:none}
.mvb{width:24px;height:22px;border:0;border-radius:8px;background:#EEF1FA;color:#4A5480;font-size:11px;line-height:1;cursor:pointer;display:grid;place-items:center;padding:0}
.mvb:active{transform:scale(.92)}
.mvb:disabled{opacity:.28;cursor:default}
.mvhint{margin:0 0 8px}
.mvrow.flash{animation:mvflash 1.2s ease-out}
@keyframes mvflash{0%{box-shadow:0 0 0 3px rgba(123,108,240,.6);background:#F2EFFF}100%{box-shadow:0 0 0 0 rgba(123,108,240,0)}}
html[data-fb="dark"] .mvb{background:rgba(255,255,255,.08);color:var(--ink2)}
@keyframes mvflashd{0%{box-shadow:0 0 0 3px rgba(143,130,245,.6);background:rgba(123,108,240,.2)}100%{box-shadow:0 0 0 0 rgba(143,130,245,0)}}
html[data-fb="dark"] .mvrow.flash{animation-name:mvflashd}
.merow.mvrow{gap:8px}
.merow.mvrow .small{display:block;line-height:1.35}
/* webvid9.js: the one-minute film on the website home (layout ก) */
.wvsec{position:relative;overflow:hidden;isolation:isolate;text-align:center;color:#fff;padding:84px 0 92px;background:radial-gradient(70% 60% at 50% 42%,#3a2f86 0%,#1b1f4d 55%,#0f1230 100%)}
.wvsec>i.gfstars{position:absolute;inset:0;z-index:0;pointer-events:none}
.wvin{position:relative;z-index:1;max-width:1120px;margin:0 auto;padding:0 24px}
.wvkick{display:inline-flex;align-items:center;gap:8px;border-radius:99px;padding:7px 16px;font-weight:700;font-size:.92em;color:#FBDDA8;background:rgba(255,255,255,.12);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}
.wvh{margin:16px 0 10px;font-family:var(--display);font-weight:800;font-size:clamp(1.9em,4.4vw,3.1em);line-height:1.2;color:#fff;text-wrap:balance}
.wvh em{font-style:normal;background:linear-gradient(90deg,#B9D6F6,#FBDDA8,#F9C3B5,#DAC6F6);-webkit-background-clip:text;background-clip:text;color:transparent}
.wvsub{margin:0 auto;max-width:36em;color:rgba(255,255,255,.8);font-size:1.08em;line-height:1.65}
.wvstage{position:relative;height:660px;margin-top:40px;display:flex;justify-content:center;align-items:flex-start}
.wvaura{position:absolute;left:50%;top:46%;width:640px;height:640px;transform:translate(-50%,-50%);border-radius:50%;background:conic-gradient(from 0deg,#6AA8EC,#F7B24C,#F47E62,#5FAF8E,#B184EC,#6AA8EC);filter:blur(90px);opacity:.34;animation:wvaura 18s linear infinite;pointer-events:none}
@keyframes wvaura{0%{transform:translate(-50%,-50%) rotate(0) scale(.94)}50%{transform:translate(-50%,-50%) rotate(180deg) scale(1.06)}100%{transform:translate(-50%,-50%) rotate(360deg) scale(.94)}}
.wvphone{position:relative;z-index:3;width:310px;padding:10px;border-radius:46px;background:linear-gradient(160deg,#2a2f45,#0c0f1c);box-shadow:0 40px 80px -20px rgba(8,10,40,.65),inset 0 0 0 2px rgba(255,255,255,.12)}
.wvscr{position:relative;width:100%;aspect-ratio:9/16;border-radius:37px;overflow:hidden;background:#000}
.wvvid{display:block;width:100%;height:100%;object-fit:cover;background:#000}
.wvnotch{position:absolute;top:16px;left:50%;transform:translateX(-50%);width:84px;height:22px;border-radius:20px;background:#05060c;z-index:4;pointer-events:none}
.wvplay{position:absolute;inset:0;z-index:3;border:0;padding:0;background:transparent;cursor:pointer;display:grid;place-items:center}
.wvplay i{width:82px;height:82px;border-radius:50%;background:rgba(255,255,255,.93);display:grid;place-items:center;box-shadow:0 10px 30px rgba(10,10,40,.35),0 0 0 12px rgba(255,255,255,.16);transition:transform .2s}
.wvplay i::after{content:"";margin-left:7px;border-left:26px solid #1E2A5C;border-top:16px solid transparent;border-bottom:16px solid transparent}
.wvplay:hover i{transform:scale(1.06)}
.wvplay[hidden]{display:none}
.wvpst{position:absolute;width:250px;border-radius:18px;overflow:hidden;box-shadow:0 30px 60px -18px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.12);background:#1b1f4d}
.wvpst img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover}
.wvpst.l1{left:calc(50% - 470px);top:110px;transform:rotate(-7deg);z-index:2}
.wvpst.l2{left:calc(50% - 565px);top:30px;transform:rotate(-14deg) scale(.86);opacity:.55;z-index:1}
.wvpst.r1{right:calc(50% - 470px);top:110px;transform:rotate(7deg);z-index:2}
.wvpst.r2{right:calc(50% - 565px);top:30px;transform:rotate(14deg) scale(.86);opacity:.55;z-index:1}
.wvlang{position:absolute;left:50%;bottom:0;transform:translateX(-50%);z-index:4;display:inline-flex;gap:2px;padding:4px;border-radius:99px;background:rgba(255,255,255,.12);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}
.wvlang button{border:0;background:none;color:#fff;font:inherit;font-weight:700;font-size:.92em;padding:7px 15px;border-radius:99px;cursor:pointer}
.wvlang button[aria-pressed="true"]{background:#fff;color:#1E2A5C}
.wvctas{display:flex;gap:12px;justify-content:center;margin-top:34px;flex-wrap:wrap}
.wvb{border:0;border-radius:99px;padding:15px 28px;font:inherit;font-family:var(--display);font-weight:700;font-size:1.02em;cursor:pointer}
.wvb.p{background:linear-gradient(100deg,#B9D6F6,#FBDDA8,#F9C3B5,#DAC6F6);color:#1E2A5C}
.wvb.s{background:transparent;color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.38)}
@media (max-width:900px){.wvpst.l2,.wvpst.r2{display:none}.wvpst.l1{left:calc(50% - 360px)}.wvpst.r1{right:calc(50% - 360px)}}
@media (max-width:640px){
  .wvsec{padding:56px 0 64px}.wvin{padding:0 18px}.wvsub{font-size:1em}
  .wvstage{height:auto;padding-bottom:58px;margin-top:28px}
  .wvphone{width:min(260px,68vw)}
  .wvpst{width:150px}.wvpst.l1{left:-46px;top:120px}.wvpst.r1{right:-46px;top:120px}
  .wvctas{flex-direction:column;align-items:stretch}
}
@media (prefers-reduced-motion:reduce){.wvaura{animation:none}}
/* big families: the members pop-up becomes a 5-across grid past five people (phone); the home person row shows it scrolls */
.mppop.many .mppl{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px 2px;overflow-x:hidden;overflow-y:auto;max-height:min(52vh,372px);scroll-snap-type:none;padding-bottom:2px}
.mppop.many .mppl>:first-child,.mppop.many .mppl>:last-child{margin:0}
.mppop.many .mppi{flex:none;width:auto}
.mppop.many:before{display:none}
.mppop.tall .mppl{-webkit-mask-image:linear-gradient(#000 calc(100% - 34px),transparent);mask-image:linear-gradient(#000 calc(100% - 34px),transparent);padding-bottom:26px}
.subwrap>.whorow~.subnav{top:calc(50% - 22px)}
.subwrap.can-r>.whorow{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 64px),transparent calc(100% - 10px));mask-image:linear-gradient(90deg,#000 calc(100% - 64px),transparent calc(100% - 10px))}
.subwrap.can-l>.whorow{-webkit-mask-image:linear-gradient(90deg,transparent 10px,#000 64px);mask-image:linear-gradient(90deg,transparent 10px,#000 64px)}
.subwrap.can-l.can-r>.whorow{-webkit-mask-image:linear-gradient(90deg,transparent 10px,#000 64px,#000 calc(100% - 64px),transparent calc(100% - 10px));mask-image:linear-gradient(90deg,transparent 10px,#000 64px,#000 calc(100% - 64px),transparent calc(100% - 10px))}
/* shortcut7.js: home child shortcuts when there are many children (three looks) */
/* slide-to-open bars (SOS and the full guide), founder 2026-10-21: a recessed track (inner shadow, no outer drop), large words
   centred in the space right of the knob, arrows after them; the knob stays white with a coloured arrow in both themes */
.sosslide{height:62px;box-shadow:inset 0 3px 8px rgba(0,0,0,.30),inset 0 -2px 0 rgba(255,255,255,.18),inset 0 0 0 1px rgba(0,0,0,.06)}
.sosslide .sosfill{width:calc(var(--x) + 58px);box-shadow:inset 0 2px 6px rgba(0,0,0,.18)}
.sosslide .sostrack{padding-left:67px;padding-right:11px;gap:6px;font-family:var(--display);font-weight:800;font-size:1.12em;line-height:1;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.28)}
.sosslide .soschev{font-size:1.3em;letter-spacing:-3px;margin-left:2px;text-shadow:none}
.sosslide .sosknob{left:6px;top:6px;width:50px;height:50px;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.28),inset 0 -2px 0 rgba(0,0,0,.06)}
.sosslide .sosknob svg{width:26px;height:26px;stroke-width:3}
.sosslide.done .sosknob{background:#FFF6D8}
html[data-fb="dark"] .sosslide .sosknob{background:#fff}
html[data-fb="dark"] .sosslide .sosknob svg{stroke:#E5484D}
html[data-fb="dark"] .sosslide{background:#E5484D}
html[data-fb="dark"] .sosslide .sostrack{color:#fff}
.gbslwrap{width:100%}
.sosslide.gbsl{max-width:none;margin-top:0;background:linear-gradient(90deg,var(--s1),var(--s2))}
html[data-fb="dark"] .sosslide.gbsl{background:linear-gradient(90deg,var(--s1),var(--s2))}
.sosslide.gbsl .sosfill{background:linear-gradient(90deg,rgba(255,255,255,.10),rgba(255,255,255,.28))}
.sosslide.gbsl .sosknob svg,html[data-fb="dark"] .sosslide.gbsl .sosknob svg{stroke:var(--sk)}
/* sos9.js: the beacon on the situations heading blinks softly */
.ic:has(.sdome){animation:sirglow 1.8s ease-in-out infinite}
.ic .sdome{animation:sirdome 1.8s ease-in-out infinite}
.ic .srays{animation:sirray 1.8s ease-in-out infinite}
@keyframes sirdome{0%,100%{filter:brightness(1)}45%{filter:brightness(1.35) drop-shadow(0 0 2px rgba(255,90,79,.9))}}
@keyframes sirray{0%,100%{opacity:.25}45%{opacity:1}}
@keyframes sirglow{0%,100%{box-shadow:0 0 0 0 rgba(229,50,63,0)}45%{box-shadow:0 0 0 4px rgba(229,50,63,.12),0 0 14px 2px rgba(229,50,63,.35)}}
@media (prefers-reduced-motion:reduce){.ic:has(.sdome),.ic .sdome,.ic .srays{animation:none}.ic .srays{opacity:.8}}
.ic:has(.sdome) svg{transform:scale(1.22)}
/* sitfor9.js: "อ่านสำหรับ" row under a situation title */
.sitfor{display:flex;flex-direction:column;align-items:center;gap:6px;margin:2px 0 6px}
.sitfor .sfk{font-size:.84em;font-weight:700;color:var(--ink2)}
.sfr{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}
.sfr button{display:inline-flex;align-items:center;gap:6px;border:1.5px solid #E1E5F0;background:#fff;border-radius:99px;padding:4px 12px 4px 4px;font:inherit;font-weight:700;font-size:.92em;color:var(--ink);cursor:pointer}
.sfr button .sfg{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#EEF1FA}
.sfr button[aria-pressed="true"]{border-color:var(--kc,#7B6CF0);background:color-mix(in srgb,var(--kc,#7B6CF0) 14%,#fff);box-shadow:0 0 0 3px color-mix(in srgb,var(--kc,#7B6CF0) 18%,transparent)}
html[data-fb="dark"] .sfr button{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.14);color:var(--ink)}
html[data-fb="dark"] .sfr button .sfg{background:rgba(255,255,255,.08)}
html[data-fb="dark"] .sfr button[aria-pressed="true"]{background:color-mix(in srgb,var(--kc,#8F82F5) 24%,transparent);border-color:var(--kc,#8F82F5)}
/* home shortcuts, 6 or more children: slim rows (shortcut7.js) */
.scslim{display:flex;flex-direction:column;gap:8px}
.scrowk{display:flex;align-items:center;gap:8px;border-radius:20px;padding:8px 10px 8px 8px;background:linear-gradient(100deg,color-mix(in srgb,var(--g1) 22%,#fff),color-mix(in srgb,var(--g2) 12%,#fff));box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--kc) 28%,#fff)}
.scwho{flex:1;min-width:0;display:flex;align-items:center;gap:10px;border:0;background:none;padding:0;text-align:left;font:inherit;color:var(--ink);cursor:pointer}
.scwho span{display:flex;flex-direction:column;min-width:0}
.scwho b{font-family:var(--display);font-size:1.08em;line-height:1.25}
.scwho small{color:var(--ink2);font-size:.82em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.scbtns{display:flex;gap:6px;flex:none}
.scbtns button{width:42px;height:42px;border-radius:14px;border:0;background:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 2px 8px rgba(40,50,110,.1)}
.scbtns .scif{display:block;width:30px;height:30px}.scbtns .scif svg{width:100%;height:100%;display:block}
.sclegend{display:flex;justify-content:center;align-items:center;gap:6px;flex-wrap:wrap;margin:8px 0 0;font-size:.82em;color:var(--ink2)}
.sclegend .scif{display:inline-block;width:18px;height:18px;vertical-align:-4px}.sclegend .scif svg{width:100%;height:100%;display:block}
html[data-fb="dark"] .scrowk{background:linear-gradient(100deg,color-mix(in srgb,var(--g1) 22%,#151E33),color-mix(in srgb,var(--g2) 12%,#151E33));box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--kc) 30%,transparent)}
html[data-fb="dark"] .scbtns button{background:rgba(255,255,255,.08)}
/* the words grow as large as the bar allows and never run under the knob (1cqw = 1/100 of the bar) */
.sosslide{container-type:inline-size}
.sosslide .sostrack{font-size:min(1.3em,calc(8.8cqw - 7px))}
.sosslide.gbsl .sostrack{font-size:min(1.3em,calc(7.85cqw - 6px))}
/* sky9.js: "ดาววันนี้" (transits), three looks */
.skyhead{display:flex;flex-direction:column;gap:4px}
.skykick{font-weight:700;font-size:.9em;color:#6B4FD0}
.skyhead h1{margin:0;font-size:1.7em;line-height:1.25}
.skynight{position:relative;overflow:hidden;isolation:isolate;border-radius:28px;color:#fff;background:radial-gradient(90% 70% at 50% 35%,#2E2A78 0%,#171C4A 60%,#0E1230 100%)}
.skynight>i.gfstars{position:absolute;inset:0;z-index:0;pointer-events:none}
.skyin{position:relative;z-index:1;padding:18px 14px 16px;display:flex;flex-direction:column;align-items:center;gap:10px}
.skywheel{display:block;max-width:360px;height:auto;filter:drop-shadow(0 10px 30px rgba(0,0,0,.4))}
.skysun{margin:0;text-align:center;color:rgba(255,255,255,.85);font-size:.95em;line-height:1.5}
.skysun b{color:#FBDDA8}
.skytime{display:flex;align-items:center;gap:8px;width:100%}
.skytime>button{flex:none;width:40px;height:40px;border-radius:50%;border:0;font-size:1.5em;font-weight:700;cursor:pointer;background:rgba(255,255,255,.14);color:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)}
.skyrange{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}
.skyrange b{font-family:var(--display);font-size:1em}
.skyrange span{font-size:.78em;opacity:.75}
.skyrange input{width:100%;accent-color:#F5B731}
.skynow{align-self:center;border:0;border-radius:99px;padding:7px 14px;font:inherit;font-weight:700;font-size:.86em;background:#F5B731;color:#1E2A5C;cursor:pointer}
.stack>.skytime,.stack>.skynow{color:var(--ink)}
.stack>.skytime>button{background:#EEF1FA;box-shadow:none}
.skypl{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:2px 2px 6px}
.skypl::-webkit-scrollbar{display:none}
.skypl span{flex:none;display:flex;flex-direction:column;align-items:center;gap:1px;min-width:62px;border-radius:14px;padding:8px 6px;background:#F3F5FC}
.skypl i{font-style:normal;font-size:1.25em;line-height:1}
.skypl b{font-family:var(--display);font-size:.98em}
.skypl small{font-size:.66em;color:var(--ink2);white-space:nowrap}
.skywho{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:2px 2px 8px}
.skywho::-webkit-scrollbar{display:none}
.skywho button{flex:none;display:inline-flex;align-items:center;gap:6px;border:1.5px solid #E1E5F0;background:#fff;border-radius:99px;padding:4px 12px 4px 4px;font:inherit;font-weight:700;font-size:.9em;color:var(--ink);cursor:pointer}
.skywho button[aria-pressed="true"]{border-color:var(--kc);background:color-mix(in srgb,var(--kc) 14%,#fff)}
.skyme,.skybig{padding:14px}
.skycols{display:grid;grid-template-columns:1fr;gap:10px}
.skychart{max-width:330px;margin:0 auto;width:100%}
.skychart svg{width:100%;height:auto;display:block}
.skychart .trg{animation:skytrg 2.4s ease-in-out infinite}
@keyframes skytrg{0%,100%{opacity:1}50%{opacity:.55}}
.skyleg{display:flex;justify-content:center;gap:14px;font-size:.84em;color:var(--ink2);margin:6px 0}
.skyleg span{display:inline-flex;align-items:center;gap:6px}
.skyleg i{width:12px;height:12px;border-radius:50%;display:inline-block}
.skyleg i.p{background:#1F2A5C}.skyleg i.d{background:#E5484D}.skyleg i.t{background:#F2B23A}
.skynews{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}
.skynews li{display:flex;gap:10px;align-items:flex-start;background:#FFF8EA;border-radius:14px;padding:10px 12px}
.skyn{flex:none;min-width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:#F2B23A;color:#fff;font-family:var(--display)}
.skynews span{line-height:1.5;font-size:.95em}
.skymini{display:flex;align-items:center;gap:12px;padding:12px}
.skyminiw{flex:none;width:120px}
.skysunhero .skyin{flex-direction:row;align-items:center;gap:14px;padding:20px 16px}
.skysg{flex:none;width:86px;height:86px;border-radius:50%;display:grid;place-items:center;font-family:var(--display);font-weight:800;font-size:2.2em;color:#1E2A5C;background:radial-gradient(circle at 35% 30%,#FFF6D8,#F5B731 60%,#C98E06);box-shadow:0 0 30px 6px rgba(245,183,49,.45)}
.skysunhero small{color:#FBDDA8;font-weight:700}
.skysunhero b{display:block;font-family:var(--display);font-size:1.3em;line-height:1.3}
.skysunhero p{margin:2px 0 6px;font-size:.88em;opacity:.85;line-height:1.5}
.skyleft{display:inline-block;border-radius:99px;padding:4px 10px;background:rgba(255,255,255,.12);font-size:.8em;font-weight:700}
.skyfam{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.skyfm{display:flex;flex-direction:column;align-items:center;gap:6px;border:0;border-radius:20px;padding:10px 8px;background:color-mix(in srgb,var(--kc) 10%,#fff);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--kc) 24%,#fff);font:inherit;color:var(--ink);cursor:pointer}
.skyfmh{display:flex;align-items:center;gap:6px;align-self:flex-start}
.skyfmh b{font-family:var(--display)}
.skyfmc{width:100%;max-width:150px}.skyfmc svg{width:100%;height:auto;display:block}
.skyfmt{display:flex;gap:4px;flex-wrap:wrap;justify-content:center}
.skyfmt em{font-style:normal;font-size:.76em;font-weight:800;border-radius:99px;padding:3px 8px;background:#F2B23A;color:#fff}
.skyfmt em.q{background:#EEF1FA;color:var(--ink2)}
.skywk{margin:4px 0 0}
.skyweek{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}
.skyweek span{display:flex;flex-direction:column;align-items:center;gap:2px;border-radius:14px;padding:8px 2px;background:#F3F5FC;border-top:4px solid var(--cc)}
.skyweek span.on{background:#FFF3D6}
.skyweek small{font-size:.7em;color:var(--ink2)}.skyweek b{font-family:var(--display);font-size:1.1em}.skyweek i{font-style:normal;font-size:.68em;color:var(--ink2)}
.skynote{text-align:center}
html[data-fb="dark"] .skypl span,html[data-fb="dark"] .skyweek span{background:rgba(255,255,255,.05)}
html[data-fb="dark"] .skyweek span.on{background:rgba(245,183,49,.18)}
html[data-fb="dark"] .skywho button{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.14);color:var(--ink)}
html[data-fb="dark"] .skywho button[aria-pressed="true"]{background:color-mix(in srgb,var(--kc) 24%,transparent)}
html[data-fb="dark"] .skynews li{background:rgba(245,183,49,.1)}
html[data-fb="dark"] .skyfm{background:color-mix(in srgb,var(--kc) 14%,var(--bg2))}
html[data-fb="dark"] .skykick{color:#CBB8FF}
@media (prefers-reduced-motion:reduce){.skychart .trg{animation:none}}
/* fric9.js: the friction box on the pair page reads red */
.pfric{background:linear-gradient(160deg,#FFF1EF,#FFE4E0);box-shadow:inset 0 0 0 1.5px #F7C3BC,0 6px 18px rgba(214,60,50,.10)}
.pfric h2{color:#B3262B}
.pfric .cardsec .small{color:#C2574F}
.pfric .ctbchev{border-color:#D7263D}
.pfric .bullets li{color:#5A2622}
.pfric .bullets li>i{background:#E5484D!important;color:#fff}
.pfric .ic{box-shadow:0 0 0 3px rgba(229,72,77,.12)}
.ic .fflash{animation:fflash 2.6s ease-in-out infinite}
@keyframes fflash{0%,62%,100%{opacity:1;filter:none}68%{opacity:.55}74%{opacity:1;filter:drop-shadow(0 0 2px rgba(255,90,60,.9))}80%{opacity:.7}}
@media (prefers-reduced-motion:reduce){.ic .fflash{animation:none}}
html[data-fb="dark"] .pfric{background:linear-gradient(160deg,rgba(229,72,77,.16),rgba(229,72,77,.08));box-shadow:inset 0 0 0 1.5px rgba(229,72,77,.35)}
html[data-fb="dark"] .pfric h2{color:#FF9C98}
html[data-fb="dark"] .pfric .cardsec .small{color:#F0A29C}
html[data-fb="dark"] .pfric .bullets li{color:#F6D9D6}
.pfric .cardsec>.ic svg{transform:scale(1.3)}
.skyplist{display:flex;flex-direction:column;gap:2px;border-radius:16px;padding:10px 12px;background:#F6F7FC}
.skyplh{font-family:var(--display);margin-bottom:4px}
.skyprow{display:grid;grid-template-columns:22px 70px 44px 1fr;align-items:center;gap:6px;padding:5px 2px;border-bottom:1px solid #E7EAF4;font-size:.92em}
.skyprow:last-child{border-bottom:0}
.skyprow i{font-style:normal;font-size:1.15em;text-align:center}
.skyprow .pn{color:var(--ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.skyprow b{font-family:var(--display)}
.skyprow .gn{min-width:0;line-height:1.3}
.skyprow.nw b{color:#C98E06}.skyprow.nw i{color:#C98E06}
html[data-fb="dark"] .skyplist{background:rgba(255,255,255,.05)}
html[data-fb="dark"] .skyprow{border-bottom-color:rgba(255,255,255,.08)}
html[data-fb="dark"] .skyprow.nw b,html[data-fb="dark"] .skyprow.nw i{color:#F5B731}
/* daily9.js: per-person daily guidance, "ลองพูด" and the shared-energy note */
/* daily guidance: "อาจเห็น" label, the centre list, and a try box that is text only (no link, founder 2026-10-21) */
.dailyc .dgseek{display:block;font-size:.84em;font-weight:700;letter-spacing:.01em;color:var(--td,#4A5480);margin-bottom:2px}
.dailyc .dgsee{margin:2px 0 0;padding-left:1.15em;display:grid;gap:3px}
.dailyc .dgsee li{line-height:1.6}
.dailyc .dgtry{cursor:default;align-items:flex-start}
.dailyc .dgtry>.ic,.dailyc .dgtry>svg,.dailyc .dgtry>span:first-child{flex:none}
.dailyc .dgtry p{line-height:1.6}
html[data-fb="dark"] .dailyc .dgseek{color:color-mix(in srgb,var(--t2,#7B6CF0) 60%,#fff)}
.dgnote{display:flex;gap:8px;align-items:center;margin:10px 0 0;font-size:.9em;color:var(--ink2)}
/* cir9.js: "พลังของบ้านเรามักทำเพื่อใคร" under the chart (ก + the triangle from ข, faces only) */
.cirsec{display:flex;flex-direction:column;gap:12px;padding:18px 16px;margin-bottom:14px}
.cirhead h2{margin:4px 0 0;font-size:1.35em;line-height:1.3}
.cirk{font-weight:700;font-size:.86em;color:#6B4FD0}
.cirbar{display:flex;width:100%;border-radius:99px;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(0,0,0,.04)}
.cirbar i{display:flex;align-items:center;justify-content:center;font-style:normal;font-size:.7em;font-weight:800;color:#fff;min-width:0;overflow:hidden;white-space:nowrap}
.cirfam{display:flex;flex-direction:column;gap:6px;border-radius:16px;padding:12px;background:#F6F4FF}
.cirfam span{font-size:.92em;font-weight:700}
.cirleg{display:grid;grid-template-columns:1fr;gap:6px}
.cirleg span{display:grid;grid-template-columns:14px auto 1fr;align-items:baseline;gap:6px;font-size:.88em}
.cirleg i{width:12px;height:12px;border-radius:4px;display:inline-block;transform:translateY(1px)}
.cirleg small{color:var(--ink2)}
.cirrows{display:flex;flex-direction:column;gap:10px}
.cirrow{display:flex;flex-direction:column;gap:6px;border-radius:16px;padding:12px;background:#fff;box-shadow:inset 0 0 0 1.5px #ECEEF6}
.cirwho{display:flex;align-items:center;gap:8px}
.cirwho b{font-family:var(--display);font-size:1.05em}
.cirwho em{margin-left:auto;font-style:normal;font-size:.76em;font-weight:800;color:#fff;border-radius:99px;padding:3px 10px}
.cirrow p{margin:0;font-size:.92em;line-height:1.55;color:var(--ink2)}
.cirtri{position:relative;width:100%;aspect-ratio:100/90;max-width:420px;margin:0 auto}
.cirtri svg{position:absolute;inset:0;width:100%;height:100%}
.circ{position:absolute;font-family:var(--display);font-weight:800;font-size:.9em;white-space:nowrap}
.circ.cirtop{left:50%;top:-6px;transform:translateX(-50%)}
.circ.bl{left:0;bottom:-26px}.circ.br{right:0;bottom:-26px}
.cirhint{text-align:center;margin-top:22px}
.cirrow.me{box-shadow:inset 0 0 0 2px var(--kc);background:color-mix(in srgb,var(--kc) 7%,#fff)}
html[data-fb="dark"] .cirrow.me{background:color-mix(in srgb,var(--kc) 12%,transparent);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--kc) 70%,transparent)}
.cirabout summary{cursor:pointer;font-weight:700;font-size:.88em;color:#6B4FD0}
.cirabout p{margin:6px 0 0;line-height:1.6}
html[data-fb="dark"] .cirfam{background:rgba(139,92,246,.12)}
html[data-fb="dark"] .cirrow{background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.08)}
html[data-fb="dark"] .cirtri svg polygon:first-of-type{fill:#1C2340;stroke:#3A3F6A}
html[data-fb="dark"] .cirk,html[data-fb="dark"] .cirabout summary{color:#CBB8FF}
/* cir9.js triangle: dashed lines between the three zones */
.cirtri .cirgrid{stroke:#B9B0E8;stroke-opacity:.7}
html[data-fb="dark"] .cirtri .cirgrid{stroke:#7D76B8;stroke-opacity:.55}
/* cir9.js แบบ ข: the person row under the triangle; the swatch is that person's triangle colour */
.cirpk{margin-top:-4px}
.cirpk .cirsw{width:10px;height:10px;border-radius:3px;background:var(--kc);margin-left:2px}
/* the two people shown: name chip framed and tinted in that person's triangle colour (light and dark) */
.cirpk .dgp[aria-pressed="true"]{background:color-mix(in srgb,var(--kc) 20%,#fff);border-color:var(--kc);color:var(--ink);box-shadow:0 0 0 1px var(--kc)}
html[data-fb="dark"] .cirpk .dgp{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.14);color:var(--ink)}
html[data-fb="dark"] .cirpk .dgp[aria-pressed="true"]{background:color-mix(in srgb,var(--kc) 30%,transparent);border-color:var(--kc);color:#fff;box-shadow:0 0 0 1px var(--kc)}
.cirpk .cirsw.cirdash{background:transparent;box-shadow:inset 0 0 0 0 transparent;border:2px dashed var(--kc);width:12px;height:12px;box-sizing:border-box}
.cirpk .dgp.cirdash[aria-pressed="true"],html[data-fb="dark"] .cirpk .dgp.cirdash[aria-pressed="true"]{border-style:dashed;border-width:2px;box-shadow:none}
/* cir9.js corner icons (แบบ ก: คนเดียว · บ้าน · หลายคน): a light disc in the corner colour */
.circ:has(.circi){display:inline-flex;align-items:center;gap:6px}
.circi{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:color-mix(in srgb,currentColor 16%,transparent);flex:none}
.cirtri .circi svg{position:static;inset:auto;width:16px;height:16px}
.circ.bl:has(.circi),.circ.br:has(.circi){bottom:-30px}
.circ.cirtop:has(.circi){top:-10px}
/* plan9.js: locks, cut reading, plan preview switch */
.plock{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px 12px;align-items:center;padding:16px;border-radius:18px;background:linear-gradient(135deg,#FFF8E8,#FFF1F6);box-shadow:inset 0 0 0 1.5px #F6D48A;margin-top:12px}
.plock-ic svg{width:34px;height:34px;display:block}
.plock-tx b{font-family:var(--display);font-size:1.02em;color:#3A2A08;display:block}
.plock-tx p{margin:2px 0 0;font-size:.9em;line-height:1.5;color:#6B5420}
.plock-go{grid-column:1/-1;justify-self:start;background:#1E2A5C;color:#fff;border:0;border-radius:99px;padding:9px 18px;font:inherit;font-weight:700}
html[data-fb="dark"] .plock{background:linear-gradient(135deg,rgba(247,178,76,.14),rgba(240,90,140,.10));box-shadow:inset 0 0 0 1.5px rgba(247,178,76,.4)}
html[data-fb="dark"] .plock-tx b{color:#FFE6B0}
html[data-fb="dark"] .plock-tx p{color:#E8D3A6}
html[data-fb="dark"] .plock-go{background:#fff;color:#1E2A5C}
.pteaser{position:relative;max-height:none}
.pfade{height:64px;margin-top:-64px;position:relative;background:linear-gradient(to bottom,transparent,var(--bg,#fff));pointer-events:none}
.planprev .planseg{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.planseg button{border:1.5px solid #E1E5F0;background:#fff;border-radius:99px;padding:6px 12px;font:inherit;font-size:.86em;font-weight:600;color:var(--ink)}
.planseg button[aria-pressed="true"]{background:#1E2A5C;border-color:#1E2A5C;color:#fff}
html[data-fb="dark"] .planseg button{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.16);color:var(--ink)}
html[data-fb="dark"] .planseg button[aria-pressed="true"]{background:#fff;color:#1E2A5C;border-color:#fff}
.planstrip{position:sticky;top:0;z-index:50;display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;justify-content:center;padding:7px 12px;background:#1E2A5C;color:#fff;font-size:.86em}
.planstrip button{border:0;border-radius:99px;padding:4px 12px;background:#FFD27A;color:#1E2A5C;font:inherit;font-weight:700;font-size:.92em}
.plk{display:inline-flex;width:20px;height:20px;flex:none;margin-left:auto}
.plk svg{width:20px;height:20px}
.toc .plk{margin-left:6px}
.plk-row{order:9;margin-left:6px}
.plibnote{display:flex;gap:10px;align-items:center;padding:12px 14px;margin:10px 0 4px;background:linear-gradient(135deg,#FFF8E8,#FFF1F6);box-shadow:inset 0 0 0 1.5px #F6D48A}
.plibnote svg{width:28px;height:28px;flex:none}
.plibnote p{margin:0;font-size:.9em;line-height:1.5;color:#6B5420}
html[data-fb="dark"] .plibnote{background:linear-gradient(135deg,rgba(247,178,76,.14),rgba(240,90,140,.10));box-shadow:inset 0 0 0 1.5px rgba(247,178,76,.4)}
html[data-fb="dark"] .plibnote p{color:#E8D3A6}
/* pricing page (founder6.js, plans 2026-10-23): Free on top, then a 2×2 grid */
.pfree{max-width:560px;margin:0 auto 18px}
.pfree .plan{width:100%}
.pgrid2{display:grid;grid-template-columns:150px repeat(2,minmax(0,1fr));gap:14px;align-items:stretch}
.pgrid2 .pgh{text-align:center;align-self:end;font-family:var(--display);color:var(--ink2)}
.pgrid2 .pgr{display:flex;flex-direction:column;justify-content:center;gap:10px;font-family:var(--display);font-size:1.05em}
.pgrid2 .plan{margin:0;height:100%}
.pper{margin:2px 0 6px;font-size:.88em;font-weight:700;color:#1F8A5B}
@media (max-width:760px){.pgrid2{grid-template-columns:1fr}.pgrid2 .pgh,.pgrid2>span{display:none}.pgrid2 .pgr{margin-top:8px}}
/* pricing: the people stepper inside each family card, the yearly line, savings */
.pstep{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:6px;background:#F1EEFB;border-radius:14px;padding:5px;margin:4px 0 2px}
.pstep button{height:40px;border:0;border-radius:11px;background:#fff;font:inherit;font-size:1.3em;font-weight:700;color:var(--ink);box-shadow:0 1px 4px rgba(20,20,60,.12)}
.pstep button[disabled]{opacity:.35;box-shadow:none}
.pstep span{text-align:center;line-height:1.2;font-size:.95em}
.pstep span b{font-family:var(--display);font-size:1.25em}
.pstep small{display:block;font-size:.74em;color:var(--ink2);font-weight:500}
html[data-fb="dark"] .pstep{background:rgba(255,255,255,.06)}
html[data-fb="dark"] .pstep button{background:rgba(255,255,255,.14);color:#fff}
.pyear{margin:0 0 4px;font-size:.84em;color:var(--ink2)}
.pstrike{display:block;font-size:.95em;color:var(--ink2);font-weight:600;text-decoration-thickness:2px}
.pbig{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.psave{display:inline-block;font-style:normal;font-weight:800;font-size:.8em;color:#fff;background:#E5484D;border-radius:99px;padding:2px 9px}
.psalenote{margin:0 0 4px;font-size:.82em;font-weight:700;color:#C2410C}
html[data-fb="dark"] .psalenote{color:#FFB27A}
.billtog.big em{font-style:normal;font-size:.78em;font-weight:800;color:#fff;background:#E5484D;border-radius:99px;padding:1px 7px;margin-left:4px}
.pseatcard{display:grid;gap:4px;padding:16px;border-radius:18px;box-shadow:inset 0 0 0 2px #7B5CF0}
.pseatcard b{font-family:var(--display);font-size:1.3em}
.pseatcard span{font-weight:700;color:var(--ink2)}
.pseatcard .btn{margin-top:8px}
.memwait{color:var(--ink2);text-align:center;margin-top:10px}
/* Free sees the chart but cannot open what is behind it */
.pvl{position:relative;opacity:.82}
.pvlb{display:inline-flex;width:18px;height:18px;margin-left:6px;vertical-align:middle;flex:none}
.pvlb svg{width:18px;height:18px}
.pvnote{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0 0;padding:10px 12px;border-radius:14px;font-size:.88em;line-height:1.5;color:#6B5420;background:linear-gradient(135deg,#FFF8E8,#FFF1F6);box-shadow:inset 0 0 0 1.5px #F6D48A}
.pvnote>svg{width:22px;height:22px;flex:none}
.pvnote span{flex:1;min-width:0}
html[data-fb="dark"] .pvnote{color:#E8D3A6;background:linear-gradient(135deg,rgba(247,178,76,.14),rgba(240,90,140,.10));box-shadow:inset 0 0 0 1.5px rgba(247,178,76,.4)}
/* Free: sharp headings, blurred content underneath (plan9.js pBlurTab) */
.pblur{position:relative;pointer-events:none;user-select:none;-webkit-user-select:none}
.pblur .pbl{filter:blur(6px);opacity:.75}
.pblur img.pbl,.pblur svg.pbl{filter:blur(10px)}
/* school guide (kidfx8.js): the energy lens in the child's Type colours, the "may not fit" signs in red */
.box.kfhd.kfhdt{background:var(--tl);border:1.5px dashed color-mix(in srgb,var(--tc) 60%,#fff)}
.box.kfhd.kfhdt .l{color:var(--td)}
.box.kfhd.kfhdt .ltry li::marker{color:var(--tc)}
html[data-fb="dark"] .box.kfhd.kfhdt{background:color-mix(in srgb,var(--tc) 14%,transparent);border-color:color-mix(in srgb,var(--tc) 50%,transparent)}
html[data-fb="dark"] .box.kfhd.kfhdt .l{color:color-mix(in srgb,var(--tc) 55%,#fff)}
.kfsigns{background:linear-gradient(160deg,#FFF1EF,#FFE4E0);box-shadow:inset 0 0 0 1.5px #F7C3BC,0 6px 18px rgba(214,60,50,.10)}
.kfsigns h3{display:flex;align-items:center;gap:8px;margin:0 0 8px;color:#B3262B}
.kfsigns h3 svg{flex:none}
.kfsigns .kfx li{color:#5A2622}
.kfsigns .kfx li>svg{color:#fff;background:#E5484D;border-radius:50%;padding:3px;width:22px;height:22px;box-sizing:border-box}
.kfsigns .kfx li>svg path,.kfsigns .kfx li>svg *{fill:#fff;stroke:#fff}
html[data-fb="dark"] .kfsigns{background:linear-gradient(160deg,rgba(229,72,77,.16),rgba(229,72,77,.08));box-shadow:inset 0 0 0 1.5px rgba(229,72,77,.35)}
html[data-fb="dark"] .kfsigns h3{color:#FF9C98}
html[data-fb="dark"] .kfsigns .kfx li{color:#F6D5D2}

/* founder 2026-10-24: lens picture inside the Type-coloured box */
.box.kfhd .kflensimg{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:14px;margin:4px 0 2px;display:block;background:color-mix(in srgb,var(--tc,#ccc) 12%,#fff)}
html[data-fb="dark"] .box.kfhd .kflensimg{background:rgba(255,255,255,.06)}

/* founder 2026-10-24: adult growth pictures */
.yrbig .yrpic{width:calc(100% + 32px);max-width:none;align-self:stretch;margin:-14px -16px 6px;aspect-ratio:16/7;object-fit:cover;border-radius:18px 18px 0 0;display:block}
.lsd .lspic{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:16px;display:block;background:#F1F2F8}
.lsnohd{display:flex;align-items:center;justify-content:space-between;gap:10px}
.lsnohd .lsnopic{width:72px;height:72px;border-radius:50%;object-fit:cover;flex:none;background:#FBF6EC;box-shadow:0 2px 8px rgba(22,34,90,.10)}
html[data-fb="dark"] .lsd .lspic{background:#1D2644}

/* founder 2026-10-25: likes card — hearts (loved) and the "flower of likes" summary */
.lfhint{font-size:.78em;color:var(--muted);margin:2px 0 0;line-height:1.5}
.world .lfw{flex:none;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:.88em;font-weight:600;color:var(--ink2);text-align:center;line-height:1.3;background:none;border:0;padding:0;cursor:pointer;font-family:inherit}
.world .lfw i{position:relative}
.world .lfw.on i{box-shadow:0 0 0 3px #EF5350,0 4px 12px rgba(239,83,80,.18)}
.lfh{position:absolute;top:-3px;right:-3px;width:24px;height:24px;border-radius:50%;background:#EF5350;display:grid;place-items:center;box-shadow:0 2px 6px rgba(239,83,80,.4)}
.lfh svg{width:13px;height:13px;fill:#fff}
.chip .lfh{position:static;display:inline-grid;width:18px;height:18px;margin-left:5px;vertical-align:-4px;box-shadow:none}
.chip.lfloved[aria-pressed="true"]{box-shadow:0 0 0 2px #EF5350 inset}
.lfbox{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:4px;padding-top:14px;border-top:1px dashed var(--line)}
.lft{align-self:flex-start;color:var(--ink);font-family:var(--display);font-size:1em}
.lfsvg{width:100%;max-width:270px;height:auto;display:block}
.lfchips b{color:var(--ink);font-variant-numeric:tabular-nums}
.lfchips{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}
.lfchips span{display:inline-flex;align-items:center;gap:6px;background:var(--bg2);border-radius:99px;padding:4px 10px;font-size:.78em;font-weight:700;color:var(--ink2)}
.lfchips i{width:11px;height:11px;border-radius:50%;flex:none}
.lfsay{background:var(--bg2);border-radius:14px;padding:10px 12px;font-size:.9em;line-height:1.6;color:var(--ink2);align-self:stretch;margin:0}
.lfsay b{color:var(--ink)}
.lfnew{font-size:.84em;color:var(--ink2);align-self:flex-start;margin:0}.lfnew b{color:#1F7A47}
.lfwait{display:flex;flex-direction:column;gap:2px;background:var(--bg2);border-radius:14px;padding:10px 12px;font-size:.86em;margin-top:6px;color:var(--ink2)}.lfwait b{color:var(--ink)}
html[data-fb="dark"] .lfchips span,html[data-fb="dark"] .lfsay,html[data-fb="dark"] .lfwait{background:rgba(255,255,255,.06)}
html[data-fb="dark"] .lfnew b{color:#6FD69B}
/* founder 2026-10-25: the likes tab — flower on top, pinned mini flower, pulse on change */
.lftop .lfbox{border-top:0;margin-top:0;padding-top:0}
.lfsay.wait{background:color-mix(in srgb,#7B5CF0 9%,transparent);color:#5B3FC8;font-weight:600}
.lfpulse{animation:lfp .9s ease;transform-origin:150px 150px}
@keyframes lfp{0%{opacity:.35;transform:scale(.9)}55%{opacity:1;transform:scale(1.06)}100%{transform:scale(1)}}
.lfmini{position:fixed;left:50%;transform:translateX(-50%);top:calc(env(safe-area-inset-top,0px) + 62px);z-index:30;width:calc(100% - 28px);max-width:440px;display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.96);border-radius:18px;box-shadow:0 6px 20px rgba(22,34,90,.16);padding:6px 14px 6px 6px;font-size:.9em;color:var(--ink2);backdrop-filter:blur(8px)}
.lfmini .lfmf{width:58px;height:58px;flex:none}.lfmini .lfmf svg{width:58px;height:58px;display:block}
.lfmini>span:last-child{display:flex;flex-direction:column;line-height:1.35}.lfmini b{color:var(--ink)}.lfmini small{color:var(--muted);font-size:.85em}
html[data-fb="dark"] .lfmini{background:rgba(24,34,57,.96)}
.lfhead{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.lfhead b{color:var(--ink);font-family:var(--display);font-size:1.05em}.lfhead span{font-size:.82em;color:var(--muted)}
.likecat>b .lfci{width:28px;height:28px;border-radius:50%;flex:none}
/* founder 2026-10-25: likes picker — one big banner per group, closed at first; "type your own" at the bottom */
.lfcats{display:flex;flex-direction:column;gap:10px}
.lfcat{border-radius:20px;overflow:hidden;border:1.5px solid color-mix(in srgb,var(--cc) 24%,#fff);background:radial-gradient(circle at 96% 18%,color-mix(in srgb,var(--cc) 20%,transparent) 0 46px,transparent 47px),radial-gradient(circle at 84% 120%,color-mix(in srgb,var(--cc) 14%,transparent) 0 40px,transparent 41px),color-mix(in srgb,var(--cc) 9%,#fff)}
.lfcb{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;text-align:left;background:none;border:0;font:inherit;color:inherit;cursor:pointer}
.lfcb img,.lfcb .lfce{width:54px;height:54px;border-radius:50%;flex:none;box-shadow:0 3px 10px rgba(22,34,90,.12);background:#fff;display:grid;place-items:center;font-size:1.6em}
.lfcb .t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.lfcb .t b{font-family:var(--display);font-size:1.12em;line-height:1.3;color:var(--ink)}
.lfcb .t small{font-size:.8em;color:var(--ink2);opacity:.85;line-height:1.4}
.lfcn{min-width:26px;height:26px;border-radius:99px;background:var(--cc);color:#fff;font-weight:800;font-size:.85em;display:grid;place-items:center;padding:0 7px;flex:none}
.lfchev{width:22px;height:22px;flex:none;stroke:var(--ink2);fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
.lfcat.open .lfchev{transform:rotate(90deg)}
.lfcbody{display:flex;flex-wrap:wrap;gap:7px;padding:2px 14px 14px}
.lfcbody .chip{background:#fff}
.lfcbody .chip[aria-pressed="true"]{background:var(--ink);color:#fff}
.lfownc .likeown{margin:0}
html[data-fb="dark"] .lfcat{border-color:color-mix(in srgb,var(--cc) 30%,transparent);background:radial-gradient(circle at 96% 18%,color-mix(in srgb,var(--cc) 22%,transparent) 0 46px,transparent 47px),color-mix(in srgb,var(--cc) 12%,#182239)}
html[data-fb="dark"] .lfcbody .chip{background:#1D2644}
html[data-fb="dark"] .lfcbody .chip[aria-pressed="true"]{background:#EDF0FF;color:#16225A}
/* founder 2026-10-25: Subscription and consultation as inviting cards on the settings page */
.mecard{position:relative;overflow:hidden;display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:16px 16px 16px 14px;border-radius:22px;border:0;font:inherit;cursor:pointer;box-shadow:0 8px 24px rgba(22,34,90,.14);transition:transform .15s}
.mecard:active{transform:scale(.985)}
.mecard .mcpic{width:62px;height:62px;border-radius:50%;flex:none;display:grid;place-items:center;background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.14);position:relative;z-index:1}
.mecard .mcpic img{width:62px;height:62px;border-radius:50%;object-fit:cover}
.mecard .tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;position:relative;z-index:1}
.mecard .ey{font-size:.72em;font-weight:800;letter-spacing:.08em;text-transform:uppercase;opacity:.85}
.mecard b{font-family:var(--display);font-size:1.12em;line-height:1.3}
.mecard .pl{font-size:.8em;line-height:1.45;opacity:.9}
.mecard .cta{position:relative;z-index:1;flex:none;display:inline-flex;align-items:center;gap:2px;background:#fff;border-radius:99px;padding:7px 8px 7px 13px;font-size:.82em;font-weight:800;box-shadow:0 3px 10px rgba(0,0,0,.12)}
.mecard .cta svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.mesub{color:#fff;background:radial-gradient(circle at 92% 12%,rgba(247,178,76,.45) 0 34px,transparent 35px),radial-gradient(circle at 78% 105%,rgba(106,168,236,.45) 0 46px,transparent 47px),radial-gradient(circle at 103% 60%,rgba(244,126,98,.4) 0 28px,transparent 29px),linear-gradient(135deg,#16225A 0%,#3B3591 62%,#6B4FD0 100%)}
.mesub b,.mesub .ey,.mesub .pl{color:#fff}
.mesub .cta{color:#3B3591}
.mecon{color:#5A2414;background:radial-gradient(circle at 94% 14%,rgba(255,255,255,.55) 0 30px,transparent 31px),radial-gradient(circle at 82% 110%,rgba(255,214,170,.7) 0 44px,transparent 45px),linear-gradient(135deg,#FFE3D6 0%,#FFD0BD 55%,#FFB99D 100%)}
.mecon b{color:#4A1D10}.mecon .ey{color:#B5452A}.mecon .pl{color:#6E3A2A}
.mecon .cta{color:#B5452A}
html[data-fb="dark"] .mecon{background:radial-gradient(circle at 94% 14%,rgba(255,255,255,.12) 0 30px,transparent 31px),linear-gradient(135deg,#4A2A22 0%,#5A2E22 60%,#6E3524 100%);color:#FFE3D6}
html[data-fb="dark"] .mecon b{color:#FFF1EA}html[data-fb="dark"] .mecon .ey{color:#FFB99D}html[data-fb="dark"] .mecon .pl{color:#FFD8C8}
.mecard{align-items:flex-start}
.mecard .cta{align-self:flex-start;margin-top:8px}
.mecard .ey{white-space:nowrap}

/* founder 2026-10-25: fills green "+", drains red "−", a feeling picture at the bottom of each box */
.fd .drain{background:#FFEDEC}
.fd>div>b .fdsg{width:26px;height:26px;border-radius:50%;display:inline-grid;place-items:center;flex:none;background:#34A866;box-shadow:0 2px 6px rgba(52,168,102,.35)}
.fd .drain>b .fdsg{background:#E5484D;box-shadow:0 2px 6px rgba(229,72,77,.35)}
.fd>div>b .fdsg svg{width:16px;height:16px;fill:none;stroke:#fff;stroke-width:3.2;stroke-linecap:round}
.fd .drain>b{color:#B4232A}.fd .fill>b{color:#1B7A45}
.fdpic{margin-top:auto;border-radius:14px;overflow:hidden;aspect-ratio:3/2;background:rgba(255,255,255,.6)}
.fdpic img{width:100%;height:100%;object-fit:cover;display:block}
html[data-fb="dark"] .fd .fill{background:rgba(52,168,102,.14)}html[data-fb="dark"] .fd .drain{background:rgba(229,72,77,.14)}
html[data-fb="dark"] .fd .drain>b{color:#FF8A8D}html[data-fb="dark"] .fd .fill>b{color:#6FD69B}

/* founder 2026-10-27: life-theme picture under the title */
.ltpic{border-radius:20px;overflow:hidden;aspect-ratio:3/2;box-shadow:0 8px 24px rgba(22,34,90,.12);margin:4px 0 2px}
.ltpic img{width:100%;height:100%;object-fit:cover;display:block}

/* founder 2026-10-27: a family nickname never breaks across lines (thaiwrap10.js) */
.thnw{all:unset!important;white-space:nowrap!important} /* looks exactly like the text around it (some rules style any span) */

/* founder 2026-10-27: own entries pick a group (or make one) */
.locats{display:flex;flex-direction:column;gap:6px;margin-top:4px}
.locl{font-size:.82em;font-weight:700;color:var(--ink2)}
.lochips{display:flex;flex-wrap:wrap;gap:6px}
.lochip{display:inline-flex;align-items:center;gap:5px;border:0;border-radius:99px;padding:5px 11px;font:inherit;font-size:.82em;font-weight:700;color:var(--ink2);background:color-mix(in srgb,var(--cc) 10%,#fff);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--cc) 30%,transparent);cursor:pointer}
.lochip[aria-pressed="true"]{background:var(--cc);color:#fff;box-shadow:none}
.lochip.lonew{--cc:#7B5CF0;background:#fff;box-shadow:inset 0 0 0 1.5px #CFC4F7;color:#5B3FC8}
.lonewf{display:flex;flex-direction:column;gap:8px;background:#F6F4FF;border-radius:14px;padding:10px}
.lonewf input{border:1.5px solid #DCD5F7;border-radius:12px;padding:9px 12px;font:inherit}
.lonewf .btn{align-self:flex-start}
.lfownchip{box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--cc) 45%,transparent)!important}
.lfcatdel{margin-top:6px;border:0;background:none;color:#C23A3A;font:inherit;font-size:.8em;font-weight:700;cursor:pointer;text-decoration:underline}
html[data-fb="dark"] .lochip{background:color-mix(in srgb,var(--cc) 18%,transparent);color:var(--ink)}
html[data-fb="dark"] .lochip[aria-pressed="true"]{background:var(--cc);color:#fff}
html[data-fb="dark"] .lonewf{background:rgba(123,92,240,.12)}
html[data-fb="dark"] .lonewf input{background:transparent;color:var(--ink);border-color:rgba(255,255,255,.18)}

/* founder 2026-10-27: zoom on a person's chart (pzoom10.js) */
.pczhint{display:flex;align-items:center;justify-content:center;gap:6px;margin:0;font-size:.84em;font-weight:700;color:var(--ink2)}
.pczhint svg{fill:none;stroke:currentColor;stroke-width:2}
.pcz{position:relative}
.pczv{overflow:hidden;border-radius:16px;touch-action:pan-y}
.pcz.zoomed .pczv{touch-action:none;cursor:grab}
.pczi{transform-origin:50% 50%;transition:transform .18s ease}
.pczc{position:absolute;right:4px;top:4px;display:flex;flex-direction:column;gap:6px;z-index:2}
.pczc button{width:36px;height:36px;border-radius:12px;border:0;background:rgba(255,255,255,.94);box-shadow:0 2px 8px rgba(22,34,90,.16);font:800 20px/1 var(--display,inherit);color:var(--ink);display:grid;place-items:center;cursor:pointer;padding:0}
.pczc button:disabled{opacity:.35;cursor:default}
.pczc svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.pczfs{position:fixed;inset:0;z-index:300;background:var(--bg,#fff);display:flex;flex-direction:column;padding:calc(env(safe-area-inset-top,0px) + 10px) 12px calc(env(safe-area-inset-bottom,0px) + 12px)}
.pczfh{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:2px 2px 8px}
.pczfh b{font-size:1.1em;color:var(--ink)}
.pczx{width:40px;height:40px;border-radius:50%;border:0;background:var(--bg2,#F6F7FB);color:var(--ink);font-size:17px;cursor:pointer;flex:none}
.pczfs .pcz.big{flex:1;min-height:0;display:flex}
.pczfs .pcz.big .pczv{flex:1;display:flex;align-items:center;justify-content:center}
.pczfs .pczi{width:100%;max-width:620px;margin:auto}
.pczfs .pczi svg{width:100%;height:auto;max-height:calc(100dvh - 170px)}
.pczfn{text-align:center;font-size:.82em;color:var(--muted);margin:8px 0 0}
html.pczlock,html.pczlock body{overflow:hidden}
html[data-fb="dark"] .pczc button{background:rgba(30,40,70,.92);color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.4)}

/* founder 2026-10-27: the reveal picture is a button, with a prompt in the type's colour */
.rvtap{display:flex;flex-direction:column;align-items:center;gap:10px;border:0;background:none;padding:0;cursor:pointer;font:inherit;color:inherit;width:100%}
.rvtapl{display:inline-flex;align-items:center;gap:8px;background:#fff;color:var(--td);border-radius:99px;padding:8px 16px 8px 12px;font-weight:800;font-size:.92em;box-shadow:0 6px 18px rgba(0,0,0,.18),0 0 0 4px color-mix(in srgb,var(--tc) 35%,transparent);animation:rvtapp 2.2s ease-in-out infinite}
.rvtapl svg{width:20px;height:20px;fill:none;stroke:var(--tc);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none;animation:rvtaph 2.2s ease-in-out infinite}
.rvtap .rvfig{transition:transform .2s ease}
.rvtap:active .rvfig{transform:scale(.97)}
@keyframes rvtapp{0%,100%{box-shadow:0 6px 18px rgba(0,0,0,.18),0 0 0 4px color-mix(in srgb,var(--tc) 35%,transparent)}50%{box-shadow:0 6px 18px rgba(0,0,0,.18),0 0 0 9px color-mix(in srgb,var(--tc) 12%,transparent)}}
@keyframes rvtaph{0%,100%{transform:translateY(0)}50%{transform:translateY(2px) scale(.94)}}
@media (prefers-reduced-motion:reduce){.rvtapl,.rvtapl svg{animation:none}}