body { margin:2px 1px 30px 2px; background-color:var(--bg); font-size:11pt; }

.sptool { position:fixed; right:0; bottom:0; box-sizing:border-box; width:100%; padding:2px 2px 0 5px; border-top:var(--bg4); background-color:var(--bg3); font-size:11pt; opacity:0.9; }
.sptool a { display:inline-block; padding:7px; }
.sptool a img { width:16px; height:16px; border-style:none; vertical-align:middle; }

.icon1 { border-style:none; width:100px; height:100px; }
.icon2 { border-style:none; width:120px; height:90px; }
.smallicon { border-style:none; width:16px; height:16px; vertical-align:middle; }

.sp1 { width:100%; }
.sp1 .xlink { display:block; padding:10px 5px 10px 8px; border-bottom:1px solid var(--bg3); text-decoration:none; color:var(--text2); }
.sp1 names { font-weight:bold; color:var(--text); }
.sp1 strong { font-weight:normal; color:var(--text); }
.sp1 .xtime { font-size:10pt; color:var(--text4); }
.sp1 .xlink:hover { background-color:var(--bg3); }
.sp1 .xicon2 { width:16px; height:16px; border-style:none; vertical-align:middle; }
.sp1 .ximg { width:40px; height:40px; border:1px solid var(--bg4); border-radius:25px; float:left; margin:0 3px 5px 0; }
.sp1 .notread { background-color:var(--bg2); color:var(--text); }
.sp1 .notread names { color:var(--texthl); }
.sp1 .notread strong { color:var(--texthl); }
.sp1 .notread:hover { filter:brightness(1.2); }