diff --git a/css/accform.css b/css/accform.css
new file mode 100755
index 0000000..6def55c
--- /dev/null
+++ b/css/accform.css
@@ -0,0 +1,58 @@
+.buttonbar {
+    display: inline-flex;
+}
+
+.logincontainer {
+    display: flex;
+}
+
+@media only screen and (orientation: portrait) {
+    .logincontainer {
+        flex-direction: column;
+    }
+    
+    .logincontainer .assets,
+    .logincontainer .accinput {
+        text-align: center;
+    }
+}
+
+@media only screen and (orientation: landscape) {
+    .logincontainer {
+        margin-top: 10%;
+    }
+    
+    .logincontainer .assets,
+    .logincontainer .accinput {
+        max-width: 50%;
+    }
+}
+
+.logincontainer .assets,
+.logincontainer .accinput {
+    flex-grow: 1;
+    padding: 8px;
+}
+
+.options .option b {
+    font-family: var(--spfont1);
+    font-size: 12px;
+}
+
+.logincontainer .assets img {
+    max-width: 100%;
+    min-width: 128px;
+    width: 512px;
+}
+
+.logincontainer .accinput h2 {
+    font-family: var(--spfont1);
+}
+
+.logincontainer .separator {
+    border: var(--acc-nav-separator);
+}
+
+.error {
+    color: var(--error);
+}
diff --git a/css/bbc.css b/css/bbc.css
index e837901..5f81b9e 100755
--- a/css/bbc.css
+++ b/css/bbc.css
@@ -18,6 +18,22 @@ div.quote {
     margin: 2px;
 }
 
+div.quote.qreply {
+	overflow: hidden;
+    max-height: 128px;
+}
+
+div.quote.qreply::before {
+	background: linear-gradient(180deg, rgba(0,0,0,0) 0%, var(--quote-bg) 100%);
+	width: 100%;
+	height: 64px;
+	display: block;
+	content: "";
+	top: 68px;
+	position: relative;
+	margin-bottom: -68px;
+}
+
 div.quote .subq {
     font-family: var(--spfont1, Pixio);
     margin: -4px -4px 2px -4px;
@@ -76,6 +92,15 @@ div.codeblock > .title {
     border-bottom: var(--quote-border, 1px solid #9b9481);
 }
 
+div.private {
+	--background: #0087ff26;
+	--border: 1px solid #023ECCAB;
+	background: var(--background);
+	border-top: var(--border); border-bottom: var(--border);
+	margin: 2px -4px;
+	padding: 4px;
+}
+
 embed-container {
     display: inline-flex;
     vertical-align: middle;
diff --git a/css/blog.css b/css/blog.css
new file mode 100644
index 0000000..83c0f3f
--- /dev/null
+++ b/css/blog.css
@@ -0,0 +1,109 @@
+body.blog-index .article {
+	background-color: var(--menu-bg, #d0d0d0);
+	border: var(--menu-border, 1px solid #a4a4a4);
+	margin: 4px;
+	padding: 8px;
+}
+
+body.blog-index .article p {
+	margin: 2px;
+}
+
+body.blog-index .article i, .article .userlink {
+	font-family: var(--spfont1, Pixio);
+}
+
+body.blog-index .article i { color: var(--subtitle, #525252); }
+
+.body > img {
+	max-width: calc(100% - 64px);
+}
+
+.subject {
+	margin: 4px 0px;
+		}
+
+#commentFrame {
+	width: calc(100% - 8px);
+	border: none;
+}
+
+.comment {
+	background-color: var(--menu-bg, #d0d0d0);
+	border: var(--menu-border, 1px solid #bdbdbd);
+	margin: 4px;
+	padding: 8px;
+}
+
+.comment p {
+	margin: 2px;
+}
+
+.comment i {
+	color: var(--subtitle, #525252);
+}
+
+.userlink, .userlink a {
+	color: var(--main-text, #000000);
+	text-decoration: none;
+}
+
+.userlink, .date i, .comment i, #comments {
+	font-family: var(--spfont1, Pixio);
+}
+
+textarea {
+	width: calc(100% - 8px);
+}
+
+.header-title h1, .header-title .author {
+	margin: 2px;
+}
+
+.header-title .author .userlink {
+	margin: 0px;
+}
+
+.header-title i {
+	color: var(--subtitle, #525252);
+}
+
+
+.comment {
+	background-color: var(--menu-bg, #d0d0d0);
+	border: var(--menu-border, 1px solid #bdbdbd);
+	margin: 4px;
+	padding: 8px;
+}
+
+.comment p {
+	margin: 2px;
+}
+
+.comment a[title="Delete"],
+.userlink,
+.comment i{
+	font-family: var(--spfont1, Pixio);
+}
+
+.comment i {
+	color: var(--subtitle, #525252);
+}
+
+.userlink, .userlink a {
+	color: var(--main-text, #000000);
+	text-decoration: none;
+}
+
+textarea {
+	width: calc(100% - 8px);
+}
+
+#header {
+	font-size: 24px;
+	vertical-align: top;
+}
+
+body#comments > .header-title {
+	top: -10px;
+}
diff --git a/css/radio.css b/css/radio.css
new file mode 100644
index 0000000..5d8df5a
--- /dev/null
+++ b/css/radio.css
@@ -0,0 +1,342 @@
+@import url('//assets.worlio.com/style/css/theme.css');
+
+@font-face {
+	font-family:Pixio;
+	src:url(//assets.worlio.com/fonts/Pixio/Pixio.woff2),
+	url(//assets.worlio.com/fonts/Pixio/Pixio.woff),
+	url(//assets.worlio.com/fonts/Pixio/Pixio.ttf) format("truetype");
+}
+
+@font-face {
+	font-family:nk57;
+	src:url(../fonts/nk57/nk57-monospace-cd-rg.ttf) format("truetype"),
+	url(../fonts/nk57/nk57-monospace-cd-bd.ttf) format("truetype"),
+	url(../fonts/nk57/nk57-monospace-cd-it.ttf) format("truetype"),
+	url(../fonts/nk57/nk57-monospace-cd-lt.ttf) format("truetype");
+}
+
+:root {
+	--primary: #0079b5;
+	--primary-border: #009ae6;
+
+	--secondary: #f3dca9;
+	--secondary-border: #f2e5c8;
+
+	--button: #DFDFDF;
+	--button-active: gray;
+
+	--monitor: #0F0F0F;
+	--monitor-text: #F0F0F0;
+	--monitor-border: gray;
+
+	--link-color: unset;
+}
+
+*:link, *:visited {
+	color: var(--link-color);
+}
+
+html {
+	height: 100%;
+}
+
+body {
+	background: var(--background-image) var(--main-background);
+	background-repeat: repeat;
+	height: 100%;
+	margin: 0;
+}
+
+body, button, fakebutton, input { font-family: Pixio; }
+
+.container, .player-container {
+	background: var(--primary);
+	border: 2px outset var(--primary-border);
+	padding: 4px;
+}
+.container {
+	min-width: 320px;
+	min-height: 280px;
+	display: flex;
+	gap: 4px;
+	margin: auto;
+	max-width: 976px;
+}
+.player-container {
+	position: relative;
+	border-bottom: none;
+	width: 320px;
+	height: 78px;
+	margin-bottom: -2px;
+	z-index: 1;
+}
+.footer {
+	min-width: 320px;
+	max-width: 976px;
+	text-align: right;
+	margin: auto;
+}
+
+player, visualizer {
+	display: flex;
+	flex-direction: column;
+	background: var(--secondary);
+	border: 2px outset var(--secondary-border);
+	flex-shrink: 0;
+	padding: 4px;
+}
+
+.banner {
+	display: flex;
+}
+
+player {
+	width: 308px; height: 68px;
+}
+
+visualizer {
+	margin-bottom: 4px;
+}
+
+.vis-container {
+	width: 320px;
+	max-width: 320px;
+}
+
+button, fakebutton, slider {
+	border: 2px outset var(--button);
+	background: var(--button);
+}
+
+slider input {
+	background: lightgray;
+	-webkit-appearance: none;
+	appearance: none;
+	height: 50%;
+	margin: auto 4px;
+	width: 96px;
+}
+
+slider input::-webkit-slider-thumb,
+slider input::-moz-range-thumb {
+	background: gray;
+	-webkit-appearance: none;
+	appearance: none;
+	width: 8px;
+	height: 100%;
+	border: none;
+	border-radius: 0;
+}
+
+select {
+	border: none;
+	background: none;
+}
+
+button:active,
+button.active,
+fakebutton:active,
+fakebutton.active {
+	border: 2px inset var(--button-active);
+	background: var(--button-active);
+}
+
+fakebutton { display: flex; }
+fakebutton img { margin: 2px; }
+
+controls {
+	display: flex;
+}
+
+controls input { flex-grow: 1; }
+
+tablist {
+	display: flex;
+	flex-shrink: 0;
+}
+
+metadata, canvas {
+	color: var(--monitor-text);
+	background: black;
+	border: 2px inset var(--secondary-border);
+}
+
+metadata {
+	padding: 4px;
+	display: flex;
+	flex-direction: column;
+}
+metadata station { font-weight: bold; }
+
+panel {
+	display: flex;
+	flex-direction: column;
+	flex: 1;
+}
+
+stations {
+	display: flex;
+	flex-direction: column;
+	overflow-y: auto;
+	border: 2px inset var(--primary-border);
+	margin: 2px;
+	flex-grow: 1;
+}
+
+favorites, history, stats {
+	background: var(--monitor);
+	color: var(--monitor-text);
+	border: 2px inset var(--monitor-border);
+	flex-grow: 1;
+	display: flex;
+	flex-direction: column;
+	padding: 4px;
+	overflow-y: scroll;
+	min-height: 0;
+}
+
+tabbox {
+	display: none;
+	flex-direction: column;
+	flex-grow: 1;
+}
+tabbox.active { display: flex; }
+
+station {
+	display: flex;
+	flex-direction: column;
+	cursor: pointer;
+	user-select: none;
+	padding: 4px;
+	margin: 2px;
+	border: 2px inset var(--button-active);
+	background: var(--button-active);
+}
+
+station.active {
+	background: var(--button);
+	border: 2px outset var(--button);
+	color: black;
+}
+
+station station-name { font-weight: bold; }
+station track-meta {
+	font-size: 12px;
+}
+
+history track-container {
+	display: flex;
+	flex-direction: column;
+	padding: 2px;
+}
+
+history track-container track-station { font-weight: bold; }
+
+history track-container:nth-of-type(1) {
+	background-color: var(--monitor-text);
+	color: var(--monitor);
+}
+
+canvas.vis, canvas.metadata { border-bottom: none; }
+
+.button-row { display: flex; }
+
+.fav-button img {
+	filter: contrast(0%);
+}
+
+.fav-button.fav img {
+	filter: none;
+}
+
+favorites .station-header,
+history .station-header {
+	text-align: center;
+	margin: 4px 0;
+	text-decoration: underline;
+	margin-top: 12px;
+}
+
+favorites .track,
+history .track {
+	display: flex;
+	border-bottom: 1px dashed var(--monitor-text);
+	margin: 2px 0;
+}
+
+favorites .track button,
+history .track button {
+	background: none;
+	border: none;
+	cursor: pointer;
+	flex-shrink: 0;
+	flex-grow: 0;
+	margin: 2px;
+}
+
+favorites .track a,
+history .track a {
+	flex-grow: 1;
+}
+
+@media only screen and (orientation: portrait) {
+	.container, .footer {
+		flex-direction: column;
+		width: 320px;
+	}
+
+	.banner { flex-direction: column-reverse; }
+	.banner img, .player-container {
+		margin: auto;
+	}
+	.banner > img { flex-shrink: 0; }
+	.player-container { margin-bottom: -2px; }
+
+	panel {
+		max-height: 480px;
+	}
+
+	favorites, history {
+		height: 240px;
+	}
+
+	body.old panel#favorites, body.old panel#history { display: none; }
+}
+
+@media only screen and (orientation: landscape) {
+	.container, .footer {
+		width: calc(100% - 64px);
+	}
+	body:not(.old) .container { height: calc(100% - 212px); }
+
+	.banner {
+		margin: auto;
+		min-width: 320px;
+		width: calc(100% - 52px);
+		max-width: 988px;
+	}
+	.banner > img { margin-top: 2px; } 
+
+	.player-container {
+		margin-top: 48px;
+	}
+
+	/* OLD */
+	body.old .container, body.old .footer {
+		flex-direction: column;
+		width: 320px;
+	}
+
+	body.old .banner { flex-direction: column-reverse; }
+	body.old .banner img, body.old .player-container {
+		margin: auto;
+	}
+	body.old .banner > img { flex-shrink: 0; }
+	body.old .player-container { margin-bottom: -2px; }
+
+	body.old panel {
+		max-height: 480px;
+	}
+
+	body.old panel#favorites, body.old panel#history { display: none; }
+}
\ No newline at end of file
diff --git a/css/settings.css b/css/settings.css
new file mode 100644
index 0000000..205189d
--- /dev/null
+++ b/css/settings.css
@@ -0,0 +1,116 @@
+iframe {
+width: 100%;
+border: none;
+min-height: 128px;
+}
+
+.box[name="profile"] img.avatar {
+	float: left;
+	margin: 2px;
+}
+
+.tabbed-container .box {
+padding: 8px;
+}
+
+.tablist .tab {
+cursor: pointer;
+}
+
+.box .option .title.small {
+font-size: 12px;
+}
+
+.option {
+margin: 8px 0px;
+}
+
+.option.disabled > *:not(.title) {
+opacity: 0.2;
+}
+
+.option .title {
+font-family: var(--spfont1);
+font-weight: bold;
+}
+
+.option .inputtext:not(.shown) {
+display: none;
+}
+
+.box hr {
+border: var(--menu-border);
+}
+
+.box .buttonbar {
+border-top: var(--menu-border);
+padding: 4px;
+display: flex;
+}
+
+.box .buttonbar .grower {
+flex-grow: 1;
+}
+
+.box[name="sessions"] .session {
+background: var(--mail-content-bg, #dbdbdb);
+border: var(--mail-content-border, 1px outset #a8a8a8);
+padding: 4px;
+margin: 8px 0px;
+}
+
+.box[name="sessions"] .session .title {
+background: var(--mail-subject-bg, #b7b7b7);
+border: var(--mail-subject-border, 1px outset #8a8a8a);
+display: flex;
+padding: 4px;
+margin: -8px;
+margin-bottom: 4px;
+font-family: var(--spfont1);
+}
+
+.box[name="sessions"] .session .title img {
+height: 16px;
+}
+
+.box[name="sessions"] .session .title b {
+flex-grow: 1;
+}
+
+.box[name="sessions"] .session .title .button {
+margin: 0px !important;
+}
+
+.box .pager { display: flex; }
+
+.box .userlist .user-box {
+    display: flex;
+    margin: 4px 0px;
+}
+.box .userlist .user-box:hover { background: #0001; }
+
+.box .userlist .user-box hr {
+    margin: 4px;
+}
+
+.guestbooklist .gbmsgbox {
+    border: var(--menu-border);
+    background: var(--menu-bg);
+    margin: 4px;
+    padding: 2px;
+}
+
+.guestbooklist .gbmsgbox .name {
+    display: flex;
+}
+@media only screen and (orientation: landscape) {
+.tabbed-container.primary > .box .tabbed-container.secondary {
+	margin: -44px -4px -8px -4px;
+}
+
+.tabbed-container.primary > .box .tabbed-container.secondary .box {
+	border-left: none;
+	border-right: none;
+	border-bottom: none;
+}
+}
\ No newline at end of file
diff --git a/error/401.svg b/error/401.svg
old mode 100755
new mode 100644
index 0c0ca7c..3ee3ed4
--- a/error/401.svg
+++ b/error/401.svg
@@ -1,22 +1,22 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    width="379.21594"
    height="684.04822"
    viewBox="0 0 100.33419 180.98776"
    version="1.1"
    id="svg8"
-   inkscape:version="1.0.2 (e86c870879, 2021-01-15)"
+   inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20, custom)"
    sodipodi:docname="worlioservice.svg"
    inkscape:export-filename="/home/nick/Pictures/wb/worlioservice.png"
    inkscape:export-xdpi="200.11066"
-   inkscape:export-ydpi="200.11066">
+   inkscape:export-ydpi="200.11066"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/">
   <defs
      id="defs2">
     <inkscape:path-effect
@@ -130,8 +130,8 @@
      inkscape:pageopacity="0.0"
      inkscape:pageshadow="2"
      inkscape:zoom="0.64"
-     inkscape:cx="133.83238"
-     inkscape:cy="285.97738"
+     inkscape:cx="135.15625"
+     inkscape:cy="286.71875"
      inkscape:document-units="mm"
      inkscape:current-layer="layer1"
      showgrid="false"
@@ -140,9 +140,9 @@
      borderlayer="true"
      inkscape:showpageshadow="false"
      inkscape:window-width="1920"
-     inkscape:window-height="1019"
+     inkscape:window-height="1016"
      inkscape:window-x="0"
-     inkscape:window-y="0"
+     inkscape:window-y="28"
      inkscape:window-maximized="1"
      inkscape:document-rotation="0"
      showguides="false"
@@ -158,7 +158,6 @@
         <dc:format>image/svg+xml</dc:format>
         <dc:type
            rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title></dc:title>
       </cc:Work>
     </rdf:RDF>
   </metadata>
@@ -178,11 +177,6 @@
        d="m 118.95208,153.3761 c 1.27082,2.30601 9.54587,1.50916 14.09825,1.16504 5.85063,-0.44227 14.2205,-1.07119 15.05033,-3.18844 0.50055,-1.27712 1.03699,5.58429 1.502,9.32474 0.39166,3.1504 0.76818,10.88382 1.04948,17.08207 0.26695,5.88189 0.29222,10.13793 -0.3248,9.0348 -1.53305,-2.74084 -9.26258,-1.78825 -14.17459,-1.53669 -3.90142,0.19981 -10.58536,0.95375 -11.41614,2.64969 -0.84201,1.71887 -0.6527,-2.80781 -1.20289,-8.36823 -0.30546,-3.08715 -1.53581,-7.7221 -2.51512,-12.71239 -0.98371,-5.01269 -3.50975,-16.06945 -2.06652,-13.45059 z"
        id="path1639"
        sodipodi:nodetypes="sssssssssss" />
-    <path
-       style="fill:#cbd9f0;fill-opacity:1;stroke:#000000;stroke-width:0.665;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       d="m 99.049518,205.80605 c 0.698755,-2.09283 3.662782,-2.83469 7.176942,-2.79329 2.17696,0.0257 2.90458,0.1993 5.38962,2.92972 0.80196,0.88115 -1.74883,-11.02395 -2.73425,-14.07825 -1.77548,-5.50303 -6.1671,-6.34468 -8.944683,2.42835 -0.824415,2.60396 -1.717358,13.99858 -0.887629,11.51347 z"
-       id="path1641"
-       sodipodi:nodetypes="ssssss" />
     <path
        style="fill:none;stroke:#000000;stroke-width:0.665;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
        d="m 118.57589,152.97674 c 0,0 0.11711,-0.32552 0.46659,-0.2974"
diff --git a/error/403.svg b/error/403.svg
old mode 100755
new mode 100644
index d752823..052f9b0
--- a/error/403.svg
+++ b/error/403.svg
@@ -1,22 +1,22 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    width="398.62943"
    height="614.0448"
    viewBox="0 0 105.47083 162.46602"
    version="1.1"
    id="svg8"
-   inkscape:version="1.0.2 (e86c870879, 2021-01-15)"
+   inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20, custom)"
    sodipodi:docname="worliodoor.svg"
    inkscape:export-filename="/home/nick/Pictures/wb/worliodoor.png"
    inkscape:export-xdpi="200.11099"
-   inkscape:export-ydpi="200.11099">
+   inkscape:export-ydpi="200.11099"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/">
   <defs
      id="defs2">
     <inkscape:path-effect
@@ -100,10 +100,10 @@
        inkscape:collect="always"
        style="color-interpolation-filters:sRGB"
        id="filter996"
-       x="-0.015583063"
-       width="1.0311661"
-       y="-0.0097505692"
-       height="1.0195011">
+       x="-0.015544908"
+       width="1.0310898"
+       y="-0.010110337"
+       height="1.0202207">
       <feGaussianBlur
          inkscape:collect="always"
          stdDeviation="0.643979"
@@ -126,20 +126,20 @@
      borderopacity="1.0"
      inkscape:pageopacity="0.0"
      inkscape:pageshadow="2"
-     inkscape:zoom="1.5273506"
-     inkscape:cx="172.76499"
-     inkscape:cy="260.68263"
+     inkscape:zoom="1.08"
+     inkscape:cx="88.425929"
+     inkscape:cy="279.16668"
      inkscape:document-units="mm"
-     inkscape:current-layer="layer5"
+     inkscape:current-layer="layer6"
      showgrid="false"
      units="px"
      inkscape:pagecheckerboard="true"
      borderlayer="true"
      inkscape:showpageshadow="false"
      inkscape:window-width="1920"
-     inkscape:window-height="1019"
+     inkscape:window-height="1016"
      inkscape:window-x="0"
-     inkscape:window-y="0"
+     inkscape:window-y="28"
      inkscape:window-maximized="1"
      inkscape:document-rotation="0"
      fit-margin-top="-1"
@@ -154,7 +154,6 @@
         <dc:format>image/svg+xml</dc:format>
         <dc:type
            rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title />
       </cc:Work>
     </rdf:RDF>
   </metadata>
@@ -309,11 +308,6 @@
        d="m 142.52273,84.706349 c 0.73804,1.160268 4.46957,0.924166 6.47804,0.814244 1.86168,-0.101889 5.67067,-4.229066 5.67067,-4.229066 l 0.25283,21.996613 c 0,0 -2.96992,-0.74078 -4.34561,-0.27785 -1.25686,0.42294 -2.93981,1.88957 -3.00908,2.60243 -0.15822,1.6282 -2.97649,-6.396684 -3.64765,-9.785196 -0.72359,-3.653219 -2.44834,-12.770507 -1.3992,-11.121175 z"
        id="path1140"
        sodipodi:nodetypes="ssccssss" />
-    <path
-       style="fill:#cbd9f0;fill-opacity:1;stroke:#000000;stroke-width:0.665;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       d="m 153.07182,182.39017 c 0,0 1.30599,-3.04476 -2.08875,-3.07374 -6.8296,-0.0583 -8.67582,3.83574 -8.75753,6.0862 -0.11842,3.26141 3.30598,5.64218 7.89632,5.8347 3.95462,0.16586 3.37749,-4.03514 3.37749,-4.03514 z"
-       id="path1142"
-       sodipodi:nodetypes="cssscc" />
     <path
        style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.264584px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
        d="m 127.89759,65.830886 c 0.18085,0.108124 0.25872,0.159208 0.35853,0.270902 0.15762,0.176393 0.3209,0.455819 0.36168,0.610585 0.058,0.220195 0.0567,0.481515 -0.0112,0.71075 -0.0951,0.320954 -0.22473,0.459347 -0.36838,0.647419 -0.1587,0.207783 -0.45822,0.327393 -0.72444,0.399058 -0.28354,0.07633 -0.6095,0.100324 -0.88068,0.01976 -0.3259,-0.09682 -0.59746,-0.344106 -0.80149,-0.610992 -0.11982,-0.156739 -0.19249,-0.353392 -0.2228,-0.548342 -0.0325,-0.20898 -0.0178,-0.427048 0.0491,-0.632569 z"
diff --git a/error/404.svg b/error/404.svg
old mode 100755
new mode 100644
index ed24c48..a5f079b
--- a/error/404.svg
+++ b/error/404.svg
@@ -1,22 +1,22 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    width="803.73767"
    height="602.31854"
    viewBox="0 0 212.65554 159.36345"
    version="1.1"
    id="svg8"
-   inkscape:version="1.0.2 (e86c870879, 2021-01-15)"
+   inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20, custom)"
    sodipodi:docname="worliobox.svg"
    inkscape:export-filename="/home/nick/Pictures/wb/worliobox.png"
    inkscape:export-xdpi="200.11066"
-   inkscape:export-ydpi="200.11066">
+   inkscape:export-ydpi="200.11066"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/">
   <defs
      id="defs2">
     <inkscape:path-effect
@@ -108,19 +108,19 @@
      inkscape:pageopacity="0.0"
      inkscape:pageshadow="2"
      inkscape:zoom="0.90509668"
-     inkscape:cx="280.25836"
-     inkscape:cy="352.65541"
+     inkscape:cx="360.73494"
+     inkscape:cy="292.23397"
      inkscape:document-units="mm"
-     inkscape:current-layer="layer1"
+     inkscape:current-layer="layer2"
      showgrid="false"
      units="px"
      inkscape:pagecheckerboard="true"
      borderlayer="true"
      inkscape:showpageshadow="false"
      inkscape:window-width="1920"
-     inkscape:window-height="1019"
+     inkscape:window-height="1016"
      inkscape:window-x="0"
-     inkscape:window-y="0"
+     inkscape:window-y="28"
      inkscape:window-maximized="1"
      inkscape:document-rotation="0"
      showguides="false"
@@ -136,7 +136,6 @@
         <dc:format>image/svg+xml</dc:format>
         <dc:type
            rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title />
       </cc:Work>
     </rdf:RDF>
   </metadata>
@@ -253,11 +252,6 @@
        d="m 37.247057,51.638789 c -8.48199,4.971791 -8.10932,13.176612 -4.85187,19.443866"
        id="path1553"
        sodipodi:nodetypes="cc" />
-    <path
-       style="fill:#cbd9f0;fill-opacity:1;stroke:#000000;stroke-width:0.465;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       d="m 64.382897,58.983534 c 2.13441,2.130875 1.13122,8.195929 1.10561,11.209413 -0.0317,3.732048 -0.31629,7.137201 -2.12954,8.435826 -1.14413,0.819405 6.22013,0.619946 9.10874,0.174165 4.73712,-0.731051 11.42189,-2.828541 12.9345,-4.903227 1.58721,-2.177029 2.20273,-6.226199 0.6254,-9.053045 -2.24865,-4.029973 -7.44758,-4.398116 -10.69527,-4.784866 -3.03368,-0.361263 -11.75127,-1.878764 -10.94944,-1.078266 z"
-       id="path1555"
-       sodipodi:nodetypes="ssssssss" />
     <path
        style="fill:none;stroke:#000000;stroke-width:0.665;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
        d="m 64.382897,58.983534 c 0,0 -0.0384,0.02605 -0.12052,0.659637"
diff --git a/error/451.svg b/error/451.svg
old mode 100755
new mode 100644
index e09a2cc..bb0f4ec
--- a/error/451.svg
+++ b/error/451.svg
@@ -1,22 +1,22 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="450.26691"
-   height="679.88403"
-   viewBox="0 0 119.13309 179.88598"
+   width="445.30249"
+   height="678.40161"
+   viewBox="0 0 117.81959 179.49376"
    version="1.1"
    id="svg8"
-   inkscape:version="1.0.2 (e86c870879, 2021-01-15)"
+   inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20, custom)"
    sodipodi:docname="worliojudge.svg"
    inkscape:export-filename="/home/nick/Pictures/wb/worliojudge.png"
    inkscape:export-xdpi="200.11066"
-   inkscape:export-ydpi="200.11066">
+   inkscape:export-ydpi="200.11066"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/">
   <defs
      id="defs2">
     <inkscape:path-effect
@@ -289,8 +289,8 @@
      inkscape:pageopacity="0.0"
      inkscape:pageshadow="2"
      inkscape:zoom="0.90509668"
-     inkscape:cx="23.707994"
-     inkscape:cy="427.796"
+     inkscape:cx="19.334951"
+     inkscape:cy="428.13106"
      inkscape:document-units="mm"
      inkscape:current-layer="layer5"
      showgrid="false"
@@ -299,9 +299,9 @@
      borderlayer="true"
      inkscape:showpageshadow="false"
      inkscape:window-width="1920"
-     inkscape:window-height="1019"
+     inkscape:window-height="1016"
      inkscape:window-x="0"
-     inkscape:window-y="0"
+     inkscape:window-y="28"
      inkscape:window-maximized="1"
      inkscape:document-rotation="0"
      showguides="false"
@@ -317,7 +317,6 @@
         <dc:format>image/svg+xml</dc:format>
         <dc:type
            rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title></dc:title>
       </cc:Work>
     </rdf:RDF>
   </metadata>
@@ -325,7 +324,7 @@
      inkscape:label="Camada 1"
      inkscape:groupmode="layer"
      id="layer1"
-     transform="translate(-62.516932,-108.24581)"
+     transform="translate(-63.83043,-108.24581)"
      style="display:inline">
     <path
        style="fill:none;stroke:#000000;stroke-width:0.665;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
@@ -337,7 +336,7 @@
      inkscape:groupmode="layer"
      id="layer5"
      inkscape:label="Camada 5"
-     transform="translate(-62.516932,-22.912494)">
+     transform="translate(-63.83043,-22.912494)">
     <path
        style="display:inline;fill:#ffb0bd;fill-opacity:1;stroke:#000000;stroke-width:0.665;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
        d="m 110.99271,125.44556 c -5.44441,10.10509 -6.47263,21.52005 -7.12957,32.97966 -0.6006,10.47695 -0.8904,31.01164 -0.8904,31.01164 l 28.07869,0.90297 c 0,0 -3.41747,-29.81319 -0.10335,-44.7518 0.76749,-3.45948 3.61735,-10.64534 3.61735,-10.64534 11.16955,2.40055 23.02979,4.40566 28.47144,1.24543 4.98693,-2.89614 4.97966,-11.76537 -0.59274,-17.7408 -4.4608,-4.78343 -13.33272,-7.44602 -20.70981,-7.24977 -5.04158,0.13411 -14.66455,0.82484 -19.49915,3.56904 -5.89674,3.34709 -9.60537,7.64046 -11.24246,10.67897 z"
@@ -365,11 +364,6 @@
        cy="34.546452"
        rx="1.2919109"
        ry="1.2919108" />
-    <path
-       style="display:inline;fill:#cbd9f0;fill-opacity:1;stroke:#000000;stroke-width:0.665;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       d="m 92.764076,186.10839 c -1.117504,-0.29752 -5.905177,3.98281 -8.009847,6.92464 -1.939359,2.71077 -4.589869,7.94302 -3.565674,9.14672 1.366693,1.60624 -9.162974,-3.92793 -12.815756,-7.28637 -1.910081,-1.75616 -3.885668,-3.50145 -4.650878,-6.04614 -0.645163,-2.14547 -1.482202,-4.47205 -0.206706,-6.66626 0.836314,-1.43869 2.041799,-2.6133 3.772379,-3.04891 3.276662,-0.82479 6.355039,-0.4633 9.818522,0.4651 5.370422,1.43955 16.845837,6.82747 15.65796,6.51122 z"
-       id="path1151"
-       sodipodi:nodetypes="sssssssss" />
     <path
        style="fill:#4c381d;fill-opacity:1;stroke:#000000;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
        d="m 149.89018,99.390855 2.63093,-2.33861 h 15.27404 l 1.75395,1.753957"
@@ -389,7 +383,7 @@
      inkscape:groupmode="layer"
      id="layer7"
      inkscape:label="Camada 7"
-     transform="translate(-57.572425)">
+     transform="translate(-58.885923)">
     <path
        style="display:inline;fill:#cbd9f0;fill-opacity:1;stroke:#000000;stroke-width:0.665;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
        d="m 103.72423,152.14258 c 0.21516,1.00284 7.60505,3.31747 11.65303,3.43648 4.97817,0.14636 14.08296,0.23243 14.70195,-1.36943 0.49022,-1.26863 -0.14384,9.68509 0.0775,14.62443 0.32403,7.2304 1.44693,21.88497 1.44693,21.88497 l -30.33558,0.86444 c 0,0 0.16465,-14.71046 0.38314,-20.49413 0.796,-3.37167 1.70634,-20.65584 2.07303,-18.94676 z"
@@ -401,7 +395,7 @@
      inkscape:groupmode="layer"
      id="layer6"
      inkscape:label="Camada 6"
-     transform="translate(-57.572425)">
+     transform="translate(-58.885923)">
     <path
        style="fill:#e34f44;fill-opacity:1;stroke:#000000;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
        d="m 114.49851,46.318632 c -0.37087,0.654797 2.32025,2.633684 2.78856,3.127942 0.34242,0.361393 -0.0315,24.107075 -0.0315,24.107075 l 2.1407,2.044834 1.68654,-2.294737 c 0,0 -1.2659,-23.286677 -0.97292,-23.90207 0.37845,-0.794928 2.05784,-2.831064 1.77858,-3.268868 -0.108,-0.169323 -7.30615,0.03785 -7.38996,0.185824 z"
@@ -418,7 +412,7 @@
      inkscape:groupmode="layer"
      id="layer3"
      inkscape:label="Camada 3"
-     transform="translate(-62.516932,-22.912494)">
+     transform="translate(-63.83043,-22.912494)">
     <path
        style="fill:#765933;fill-opacity:1;stroke:#000000;stroke-width:0.445857px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
        d="m 108.53291,97.853431 c -1.04313,-1.864557 -0.80881,-2.999788 -0.80881,-2.999788 l -17.101336,7.828017 c -0.70844,1.20405 -0.420595,1.10752 -0.231658,2.27815 0.194046,1.20231 0.245997,2.09145 1.259064,1.57077 z"
@@ -431,7 +425,7 @@
      inkscape:groupmode="layer"
      id="layer4"
      inkscape:label="Camada 4"
-     transform="translate(-62.516932,-22.912494)">
+     transform="translate(-63.83043,-22.912494)">
     <g
        id="g1191"
        transform="translate(-6.4315189,2.3403305)">
@@ -463,7 +457,7 @@
      inkscape:groupmode="layer"
      id="layer2"
      inkscape:label="Camada 2"
-     transform="translate(-62.516932,-22.912494)">
+     transform="translate(-63.83043,-22.912494)">
     <g
        id="g1115"
        style="display:inline"
diff --git a/error/500.svg b/error/500.svg
old mode 100755
new mode 100644
index 06b1936..e0734e2
--- a/error/500.svg
+++ b/error/500.svg
@@ -1,22 +1,22 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="766.90509"
+   width="453.88458"
    height="371.59338"
-   viewBox="0 0 202.91025 98.317418"
+   viewBox="0 0 120.09026 98.317418"
    version="1.1"
    id="svg8"
-   inkscape:version="1.0.2 (e86c870879, 2021-01-15)"
+   inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20, custom)"
    sodipodi:docname="worliohurt.svg"
    inkscape:export-filename="/home/nick/Pictures/wb/worliopolice.png"
    inkscape:export-xdpi="200.11066"
-   inkscape:export-ydpi="200.11066">
+   inkscape:export-ydpi="200.11066"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/">
   <defs
      id="defs2">
     <inkscape:path-effect
@@ -129,9 +129,9 @@
      borderopacity="1.0"
      inkscape:pageopacity="0.0"
      inkscape:pageshadow="2"
-     inkscape:zoom="0.50954463"
-     inkscape:cx="462.06036"
-     inkscape:cy="-0.84770864"
+     inkscape:zoom="1"
+     inkscape:cx="111.5"
+     inkscape:cy="158.5"
      inkscape:document-units="mm"
      inkscape:current-layer="layer4"
      showgrid="false"
@@ -140,9 +140,9 @@
      borderlayer="true"
      inkscape:showpageshadow="false"
      inkscape:window-width="1920"
-     inkscape:window-height="1019"
+     inkscape:window-height="1016"
      inkscape:window-x="0"
-     inkscape:window-y="0"
+     inkscape:window-y="28"
      inkscape:window-maximized="1"
      inkscape:document-rotation="0"
      showguides="false"
@@ -158,7 +158,6 @@
         <dc:format>image/svg+xml</dc:format>
         <dc:type
            rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title></dc:title>
       </cc:Work>
     </rdf:RDF>
   </metadata>
@@ -166,17 +165,12 @@
      inkscape:groupmode="layer"
      id="layer3"
      inkscape:label="Camada 3"
-     transform="translate(-2.4805923,-108.06491)">
+     transform="translate(-79.077472,-108.06491)">
     <path
        style="fill:#ffb0bd;fill-opacity:1;stroke:#000000;stroke-width:0.665;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       d="m 111.70362,134.81993 -12.583839,3.72943 c 0,0 -1.218447,8.57103 -3.019835,12.43883 -4.309178,9.25234 -13.669375,12.89572 -15.632667,22.91172 -1.425214,7.27092 -2.15149,17.35617 2.927675,23.32176 6.157351,7.23194 17.870686,7.33363 27.344476,8.01283 16.66941,1.19507 42.80087,2.14578 54.66618,-5.30964 7.93783,-4.98763 3.04826,-14.6426 8.56286,-19.5539 3.25205,-2.89627 7.22127,-3.11818 11.64146,-4.26213 5.16004,-1.33543 15.13003,1.24207 18.16673,-3.13832 2.62152,-3.78151 -1.871,-4.0014 -7.19732,-6.47406 -2.74789,-1.27567 -10.33629,-1.13276 -14.76866,-0.93927 -7.05817,0.30811 -15.06763,2.15091 -21.02611,7.79108 -3.5289,3.34037 0.40691,8.08182 -3.00322,11.54335 -5.41934,5.50103 -13.85963,7.3231 -21.94448,7.42395 -11.14481,0.13901 -23.3381,-2.41145 -28.46432,-11.67166 -2.34824,-4.24196 -1.28583,-10.2983 1.66873,-13.38917 3.57225,-3.73705 14.58473,-11.46697 17.5509,-19.76309 2.22771,-6.23071 -1.01875,-12.44098 -1.01875,-12.44098 z"
+       d="m 111.70362,134.81993 -12.583839,3.72943 c 0,0 -1.218447,8.57103 -3.019835,12.43883 -4.309178,9.25234 -13.669375,12.89572 -15.632667,22.91172 -1.425214,7.27092 -2.15149,17.35617 2.927675,23.32176 6.157351,7.23194 17.870686,7.33363 27.344476,8.01283 16.66941,1.19507 42.80087,2.14578 54.66618,-5.30964 7.93783,-4.98763 3.04826,-14.6426 8.56286,-19.5539 3.25205,-2.89627 7.22127,-3.11818 11.64146,-4.26213 5.16004,-1.33543 8.04877,0.0894 12.05392,-3.42738 2.34538,-2.05942 0.76225,-5.09482 -1.08451,-6.185 -2.6089,-1.54009 -10.33629,-1.13276 -14.76866,-0.93927 -7.05817,0.30811 -15.06763,2.15091 -21.02611,7.79108 -3.5289,3.34037 0.40691,8.08182 -3.00322,11.54335 -5.41934,5.50103 -13.85963,7.3231 -21.94448,7.42395 -11.14481,0.13901 -23.3381,-2.41145 -28.46432,-11.67166 -2.34824,-4.24196 -1.28583,-10.2983 1.66873,-13.38917 3.57225,-3.73705 14.58473,-11.46697 17.5509,-19.76309 2.22771,-6.23071 -1.01875,-12.44098 -1.01875,-12.44098 z"
        id="path2005"
        sodipodi:nodetypes="ccsssssssssssssssscc" />
-    <path
-       style="fill:#cbd9f0;fill-opacity:1;stroke:#000000;stroke-width:0.665;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       d="m 184.69078,165.024 c 1.06362,1.0373 3.26789,3.17151 3.53856,5.29191 0.27379,2.14481 -0.87585,5.31098 -2.1072,6.13484 -0.72643,0.48603 6.80941,-0.26685 10.17287,-0.24817 2.52685,0.014 5.31264,0.11444 7.35844,-1.78427 1.86466,-1.73059 2.13787,-4.34484 -0.81348,-6.58374 -3.15241,-1.43035 -5.87343,-2.52858 -8.01983,-2.80904 -5.75853,-0.70498 -11.00693,-0.85739 -10.12936,-0.002 z"
-       id="path2016"
-       sodipodi:nodetypes="sssssccs" />
     <path
        style="fill:none;stroke:#000000;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
        d="m 130.3576,191.96497 c 1.43713,3.70844 2.65856,9.54442 -2.62356,14.07734"
@@ -212,11 +206,6 @@
        d="m 118.65247,190.02174 c 1.74539,7.24534 -1.08798,12.38445 -10.39759,14.92989"
        id="path2034"
        sodipodi:nodetypes="cc" />
-    <path
-       style="fill:none;stroke:#000000;stroke-width:0.665;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       d="m 184.61993,164.74459 c 0,0 -0.35742,0.10213 -0.34143,0.69557"
-       id="path2036"
-       sodipodi:nodetypes="cc" />
     <path
        style="fill:#ba5e53;fill-opacity:1;stroke:#000000;stroke-width:0.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
        d="m 106.97287,119.13244 4.65287,1.20412 4.13384,-1.62163 c 0,0 -1.11913,-0.77003 -1.28364,-2.29507 -0.16035,-1.48642 -0.39492,-3.14837 -0.67863,-4.41394 -0.42893,-1.91334 -0.0836,-3.08676 -1.51513,-3.61192 -0.98465,-0.13442 -2.05766,-0.0901 -3.02648,0.0807 -1.05249,0.16021 -1.66968,0.82809 -1.8727,1.93303 -0.38873,2.10621 0.40512,4.50836 0.37983,6.62739 -0.0117,0.97947 -0.78996,2.09728 -0.78996,2.09728 z"
@@ -227,13 +216,13 @@
      inkscape:label="Camada 1"
      inkscape:groupmode="layer"
      id="layer1"
-     transform="translate(-2.4805923,-193.39823)"
+     transform="translate(-79.077472,-193.39823)"
      style="display:inline" />
   <g
      inkscape:groupmode="layer"
      id="layer2"
      inkscape:label="Camada 2"
-     transform="translate(-2.4805923,-108.06491)">
+     transform="translate(-79.077472,-108.06491)">
     <path
        style="fill:#ffb0bd;fill-opacity:1;stroke:#000000;stroke-width:0.665;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
        d="m 101.21982,120.26931 c 5.13698,-3.58424 13.84373,-4.45125 19.89717,-1.35149 4.11272,2.10599 8.12407,6.99367 8.31374,12.09763 0.19496,5.2467 -3.60286,10.52409 -7.59353,13.20408 -5.42005,3.63992 -13.17748,4.75785 -18.85129,1.65241 -4.050085,-2.21672 -7.180583,-6.81691 -7.537299,-12.66996 -0.354467,-5.81614 2.618755,-10.68637 5.771209,-12.93267 z"
@@ -286,56 +275,5 @@
      inkscape:groupmode="layer"
      id="layer4"
      inkscape:label="Camada 4"
-     transform="translate(-2.4805923,-108.06491)">
-    <path
-       style="fill:#999999;fill-opacity:1;stroke:#808080;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       d="m 8.0696918,205.59511 75.0387682,-1.3701 -11.034167,-9.27301 4.15199,-13.46955 -14.228397,-7.04789 -11.348019,-6.66028 -35.953963,7.61072 -0.575112,4.85591 2.206356,12.16516 -4.561558,2.27561 -8.7850262,5.79581 z"
-       id="path1950" />
-    <path
-       style="fill:none;stroke:#808080;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       d="m 28.728368,172.54025 1.077176,2.63752"
-       id="path1952"
-       sodipodi:nodetypes="cc" />
-    <path
-       style="fill:none;stroke:#808080;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       d="m 16.327148,192.40607 5.011173,-9.66738"
-       id="path1954"
-       sodipodi:nodetypes="cc" />
-    <path
-       style="fill:none;stroke:#808080;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       d="m 40.013265,191.80402 7.262873,-2.23909 2.98059,0.92742"
-       id="path1956" />
-    <path
-       style="fill:none;stroke:#808080;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       d="m 76.226283,181.48245 -8.663107,3.43986"
-       id="path1958" />
-    <path
-       style="fill:none;stroke:#808080;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       d="m 61.997886,174.43456 -1.140592,5.45818"
-       id="path1960"
-       sodipodi:nodetypes="cc" />
-    <path
-       style="fill:none;stroke:#808080;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       d="m 50.649867,167.77428 -3.976799,4.26418"
-       id="path1962"
-       sodipodi:nodetypes="cc" />
-    <path
-       style="fill:none;stroke:#808080;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       d="M 83.108458,204.22501 62.903393,197.85654"
-       id="path1964" />
-    <path
-       style="fill:none;stroke:#808080;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       d="m 72.074293,194.952 -9.1709,2.90454"
-       id="path1966" />
-    <path
-       style="fill:none;stroke:#808080;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       d="m 8.0696918,205.59511 3.3407722,-7.03568"
-       id="path1968"
-       sodipodi:nodetypes="cc" />
-    <path
-       style="fill:none;stroke:#808080;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       d="m 49.635528,204.81132 7.511758,-7.01605"
-       id="path1970"
-       sodipodi:nodetypes="cc" />
-  </g>
+     transform="translate(-79.077472,-108.06491)" />
 </svg>
diff --git a/fonts/nk57/nk57-monospace-cd-bd-it.ttf b/fonts/nk57/nk57-monospace-cd-bd-it.ttf
new file mode 100644
index 0000000..e3e35c0
Binary files /dev/null and b/fonts/nk57/nk57-monospace-cd-bd-it.ttf differ
diff --git a/fonts/nk57/nk57-monospace-cd-bd.ttf b/fonts/nk57/nk57-monospace-cd-bd.ttf
new file mode 100644
index 0000000..b04a6fc
Binary files /dev/null and b/fonts/nk57/nk57-monospace-cd-bd.ttf differ
diff --git a/fonts/nk57/nk57-monospace-cd-bk-it.ttf b/fonts/nk57/nk57-monospace-cd-bk-it.ttf
new file mode 100644
index 0000000..96b8353
Binary files /dev/null and b/fonts/nk57/nk57-monospace-cd-bk-it.ttf differ
diff --git a/fonts/nk57/nk57-monospace-cd-bk.ttf b/fonts/nk57/nk57-monospace-cd-bk.ttf
new file mode 100644
index 0000000..3e1c152
Binary files /dev/null and b/fonts/nk57/nk57-monospace-cd-bk.ttf differ
diff --git a/fonts/nk57/nk57-monospace-cd-eb-it.ttf b/fonts/nk57/nk57-monospace-cd-eb-it.ttf
new file mode 100644
index 0000000..77b568f
Binary files /dev/null and b/fonts/nk57/nk57-monospace-cd-eb-it.ttf differ
diff --git a/fonts/nk57/nk57-monospace-cd-eb.ttf b/fonts/nk57/nk57-monospace-cd-eb.ttf
new file mode 100644
index 0000000..b1fa79a
Binary files /dev/null and b/fonts/nk57/nk57-monospace-cd-eb.ttf differ
diff --git a/fonts/nk57/nk57-monospace-cd-lt-it.ttf b/fonts/nk57/nk57-monospace-cd-lt-it.ttf
new file mode 100644
index 0000000..cacae88
Binary files /dev/null and b/fonts/nk57/nk57-monospace-cd-lt-it.ttf differ
diff --git a/fonts/nk57/nk57-monospace-cd-lt.ttf b/fonts/nk57/nk57-monospace-cd-lt.ttf
new file mode 100644
index 0000000..9055dda
Binary files /dev/null and b/fonts/nk57/nk57-monospace-cd-lt.ttf differ
diff --git a/fonts/nk57/nk57-monospace-cd-rg-it.ttf b/fonts/nk57/nk57-monospace-cd-rg-it.ttf
new file mode 100644
index 0000000..c80f8e1
Binary files /dev/null and b/fonts/nk57/nk57-monospace-cd-rg-it.ttf differ
diff --git a/fonts/nk57/nk57-monospace-cd-rg.ttf b/fonts/nk57/nk57-monospace-cd-rg.ttf
new file mode 100644
index 0000000..9165e1b
Binary files /dev/null and b/fonts/nk57/nk57-monospace-cd-rg.ttf differ
diff --git a/fonts/nk57/nk57-monospace-cd-sb-it.ttf b/fonts/nk57/nk57-monospace-cd-sb-it.ttf
new file mode 100644
index 0000000..358e73a
Binary files /dev/null and b/fonts/nk57/nk57-monospace-cd-sb-it.ttf differ
diff --git a/fonts/nk57/nk57-monospace-cd-sb.ttf b/fonts/nk57/nk57-monospace-cd-sb.ttf
new file mode 100644
index 0000000..d2ad17b
Binary files /dev/null and b/fonts/nk57/nk57-monospace-cd-sb.ttf differ
diff --git a/fonts/nk57/nk57-monospace-ex-bd-it.ttf b/fonts/nk57/nk57-monospace-ex-bd-it.ttf
new file mode 100644
index 0000000..d1522f4
Binary files /dev/null and b/fonts/nk57/nk57-monospace-ex-bd-it.ttf differ
diff --git a/fonts/nk57/nk57-monospace-ex-bd.ttf b/fonts/nk57/nk57-monospace-ex-bd.ttf
new file mode 100644
index 0000000..66fd2a1
Binary files /dev/null and b/fonts/nk57/nk57-monospace-ex-bd.ttf differ
diff --git a/fonts/nk57/nk57-monospace-ex-bk-it.ttf b/fonts/nk57/nk57-monospace-ex-bk-it.ttf
new file mode 100644
index 0000000..1cd7153
Binary files /dev/null and b/fonts/nk57/nk57-monospace-ex-bk-it.ttf differ
diff --git a/fonts/nk57/nk57-monospace-ex-bk.ttf b/fonts/nk57/nk57-monospace-ex-bk.ttf
new file mode 100644
index 0000000..c9f15e6
Binary files /dev/null and b/fonts/nk57/nk57-monospace-ex-bk.ttf differ
diff --git a/fonts/nk57/nk57-monospace-ex-eb-it.ttf b/fonts/nk57/nk57-monospace-ex-eb-it.ttf
new file mode 100644
index 0000000..350e3e8
Binary files /dev/null and b/fonts/nk57/nk57-monospace-ex-eb-it.ttf differ
diff --git a/fonts/nk57/nk57-monospace-ex-eb.ttf b/fonts/nk57/nk57-monospace-ex-eb.ttf
new file mode 100644
index 0000000..c947735
Binary files /dev/null and b/fonts/nk57/nk57-monospace-ex-eb.ttf differ
diff --git a/fonts/nk57/nk57-monospace-ex-lt-it.ttf b/fonts/nk57/nk57-monospace-ex-lt-it.ttf
new file mode 100644
index 0000000..580a3e9
Binary files /dev/null and b/fonts/nk57/nk57-monospace-ex-lt-it.ttf differ
diff --git a/fonts/nk57/nk57-monospace-ex-lt.ttf b/fonts/nk57/nk57-monospace-ex-lt.ttf
new file mode 100644
index 0000000..ee9f59c
Binary files /dev/null and b/fonts/nk57/nk57-monospace-ex-lt.ttf differ
diff --git a/fonts/nk57/nk57-monospace-ex-rg-it.ttf b/fonts/nk57/nk57-monospace-ex-rg-it.ttf
new file mode 100644
index 0000000..cf5c7b7
Binary files /dev/null and b/fonts/nk57/nk57-monospace-ex-rg-it.ttf differ
diff --git a/fonts/nk57/nk57-monospace-ex-rg.ttf b/fonts/nk57/nk57-monospace-ex-rg.ttf
new file mode 100644
index 0000000..aac1d4b
Binary files /dev/null and b/fonts/nk57/nk57-monospace-ex-rg.ttf differ
diff --git a/fonts/nk57/nk57-monospace-ex-sb-it.ttf b/fonts/nk57/nk57-monospace-ex-sb-it.ttf
new file mode 100644
index 0000000..2e71140
Binary files /dev/null and b/fonts/nk57/nk57-monospace-ex-sb-it.ttf differ
diff --git a/fonts/nk57/nk57-monospace-ex-sb.ttf b/fonts/nk57/nk57-monospace-ex-sb.ttf
new file mode 100644
index 0000000..15460f1
Binary files /dev/null and b/fonts/nk57/nk57-monospace-ex-sb.ttf differ
diff --git a/fonts/nk57/nk57-monospace-no-bd-it.ttf b/fonts/nk57/nk57-monospace-no-bd-it.ttf
new file mode 100644
index 0000000..1745bc7
Binary files /dev/null and b/fonts/nk57/nk57-monospace-no-bd-it.ttf differ
diff --git a/fonts/nk57/nk57-monospace-no-bd.ttf b/fonts/nk57/nk57-monospace-no-bd.ttf
new file mode 100644
index 0000000..a25f3af
Binary files /dev/null and b/fonts/nk57/nk57-monospace-no-bd.ttf differ
diff --git a/fonts/nk57/nk57-monospace-no-bk-it.ttf b/fonts/nk57/nk57-monospace-no-bk-it.ttf
new file mode 100644
index 0000000..cda6c46
Binary files /dev/null and b/fonts/nk57/nk57-monospace-no-bk-it.ttf differ
diff --git a/fonts/nk57/nk57-monospace-no-bk.ttf b/fonts/nk57/nk57-monospace-no-bk.ttf
new file mode 100644
index 0000000..575b5ba
Binary files /dev/null and b/fonts/nk57/nk57-monospace-no-bk.ttf differ
diff --git a/fonts/nk57/nk57-monospace-no-eb-it.ttf b/fonts/nk57/nk57-monospace-no-eb-it.ttf
new file mode 100644
index 0000000..98fe756
Binary files /dev/null and b/fonts/nk57/nk57-monospace-no-eb-it.ttf differ
diff --git a/fonts/nk57/nk57-monospace-no-eb.ttf b/fonts/nk57/nk57-monospace-no-eb.ttf
new file mode 100644
index 0000000..4272dee
Binary files /dev/null and b/fonts/nk57/nk57-monospace-no-eb.ttf differ
diff --git a/fonts/nk57/nk57-monospace-no-lt-it.ttf b/fonts/nk57/nk57-monospace-no-lt-it.ttf
new file mode 100644
index 0000000..308aa2d
Binary files /dev/null and b/fonts/nk57/nk57-monospace-no-lt-it.ttf differ
diff --git a/fonts/nk57/nk57-monospace-no-lt.ttf b/fonts/nk57/nk57-monospace-no-lt.ttf
new file mode 100644
index 0000000..b91d76f
Binary files /dev/null and b/fonts/nk57/nk57-monospace-no-lt.ttf differ
diff --git a/fonts/nk57/nk57-monospace-no-rg-it.ttf b/fonts/nk57/nk57-monospace-no-rg-it.ttf
new file mode 100644
index 0000000..98a95e9
Binary files /dev/null and b/fonts/nk57/nk57-monospace-no-rg-it.ttf differ
diff --git a/fonts/nk57/nk57-monospace-no-rg.ttf b/fonts/nk57/nk57-monospace-no-rg.ttf
new file mode 100644
index 0000000..38b3c2c
Binary files /dev/null and b/fonts/nk57/nk57-monospace-no-rg.ttf differ
diff --git a/fonts/nk57/nk57-monospace-no-sb-it.ttf b/fonts/nk57/nk57-monospace-no-sb-it.ttf
new file mode 100644
index 0000000..f179f58
Binary files /dev/null and b/fonts/nk57/nk57-monospace-no-sb-it.ttf differ
diff --git a/fonts/nk57/nk57-monospace-no-sb.ttf b/fonts/nk57/nk57-monospace-no-sb.ttf
new file mode 100644
index 0000000..078da9a
Binary files /dev/null and b/fonts/nk57/nk57-monospace-no-sb.ttf differ
diff --git a/fonts/nk57/nk57-monospace-sc-bd-it.ttf b/fonts/nk57/nk57-monospace-sc-bd-it.ttf
new file mode 100644
index 0000000..151f75f
Binary files /dev/null and b/fonts/nk57/nk57-monospace-sc-bd-it.ttf differ
diff --git a/fonts/nk57/nk57-monospace-sc-bd.ttf b/fonts/nk57/nk57-monospace-sc-bd.ttf
new file mode 100644
index 0000000..46eba87
Binary files /dev/null and b/fonts/nk57/nk57-monospace-sc-bd.ttf differ
diff --git a/fonts/nk57/nk57-monospace-sc-bk-it.ttf b/fonts/nk57/nk57-monospace-sc-bk-it.ttf
new file mode 100644
index 0000000..8521117
Binary files /dev/null and b/fonts/nk57/nk57-monospace-sc-bk-it.ttf differ
diff --git a/fonts/nk57/nk57-monospace-sc-bk.ttf b/fonts/nk57/nk57-monospace-sc-bk.ttf
new file mode 100644
index 0000000..b6897bf
Binary files /dev/null and b/fonts/nk57/nk57-monospace-sc-bk.ttf differ
diff --git a/fonts/nk57/nk57-monospace-sc-eb-it.ttf b/fonts/nk57/nk57-monospace-sc-eb-it.ttf
new file mode 100644
index 0000000..c6b0ab2
Binary files /dev/null and b/fonts/nk57/nk57-monospace-sc-eb-it.ttf differ
diff --git a/fonts/nk57/nk57-monospace-sc-eb.ttf b/fonts/nk57/nk57-monospace-sc-eb.ttf
new file mode 100644
index 0000000..a2d1c02
Binary files /dev/null and b/fonts/nk57/nk57-monospace-sc-eb.ttf differ
diff --git a/fonts/nk57/nk57-monospace-sc-lt-it.ttf b/fonts/nk57/nk57-monospace-sc-lt-it.ttf
new file mode 100644
index 0000000..0a23247
Binary files /dev/null and b/fonts/nk57/nk57-monospace-sc-lt-it.ttf differ
diff --git a/fonts/nk57/nk57-monospace-sc-lt.ttf b/fonts/nk57/nk57-monospace-sc-lt.ttf
new file mode 100644
index 0000000..532a27a
Binary files /dev/null and b/fonts/nk57/nk57-monospace-sc-lt.ttf differ
diff --git a/fonts/nk57/nk57-monospace-sc-rg-it.ttf b/fonts/nk57/nk57-monospace-sc-rg-it.ttf
new file mode 100644
index 0000000..ed3367a
Binary files /dev/null and b/fonts/nk57/nk57-monospace-sc-rg-it.ttf differ
diff --git a/fonts/nk57/nk57-monospace-sc-rg.ttf b/fonts/nk57/nk57-monospace-sc-rg.ttf
new file mode 100644
index 0000000..3ca6c40
Binary files /dev/null and b/fonts/nk57/nk57-monospace-sc-rg.ttf differ
diff --git a/fonts/nk57/nk57-monospace-sc-sb-it.ttf b/fonts/nk57/nk57-monospace-sc-sb-it.ttf
new file mode 100644
index 0000000..11c1efb
Binary files /dev/null and b/fonts/nk57/nk57-monospace-sc-sb-it.ttf differ
diff --git a/fonts/nk57/nk57-monospace-sc-sb.ttf b/fonts/nk57/nk57-monospace-sc-sb.ttf
new file mode 100644
index 0000000..d74bda9
Binary files /dev/null and b/fonts/nk57/nk57-monospace-sc-sb.ttf differ
diff --git a/fonts/nk57/nk57-monospace-se-bd-it.ttf b/fonts/nk57/nk57-monospace-se-bd-it.ttf
new file mode 100644
index 0000000..2cd631e
Binary files /dev/null and b/fonts/nk57/nk57-monospace-se-bd-it.ttf differ
diff --git a/fonts/nk57/nk57-monospace-se-bd.ttf b/fonts/nk57/nk57-monospace-se-bd.ttf
new file mode 100644
index 0000000..f8f3885
Binary files /dev/null and b/fonts/nk57/nk57-monospace-se-bd.ttf differ
diff --git a/fonts/nk57/nk57-monospace-se-bk-it.ttf b/fonts/nk57/nk57-monospace-se-bk-it.ttf
new file mode 100644
index 0000000..84f08ea
Binary files /dev/null and b/fonts/nk57/nk57-monospace-se-bk-it.ttf differ
diff --git a/fonts/nk57/nk57-monospace-se-bk.ttf b/fonts/nk57/nk57-monospace-se-bk.ttf
new file mode 100644
index 0000000..0292d2f
Binary files /dev/null and b/fonts/nk57/nk57-monospace-se-bk.ttf differ
diff --git a/fonts/nk57/nk57-monospace-se-eb-it.ttf b/fonts/nk57/nk57-monospace-se-eb-it.ttf
new file mode 100644
index 0000000..1923869
Binary files /dev/null and b/fonts/nk57/nk57-monospace-se-eb-it.ttf differ
diff --git a/fonts/nk57/nk57-monospace-se-eb.ttf b/fonts/nk57/nk57-monospace-se-eb.ttf
new file mode 100644
index 0000000..386470f
Binary files /dev/null and b/fonts/nk57/nk57-monospace-se-eb.ttf differ
diff --git a/fonts/nk57/nk57-monospace-se-lt-it.ttf b/fonts/nk57/nk57-monospace-se-lt-it.ttf
new file mode 100644
index 0000000..af575fe
Binary files /dev/null and b/fonts/nk57/nk57-monospace-se-lt-it.ttf differ
diff --git a/fonts/nk57/nk57-monospace-se-lt.ttf b/fonts/nk57/nk57-monospace-se-lt.ttf
new file mode 100644
index 0000000..6ffa07e
Binary files /dev/null and b/fonts/nk57/nk57-monospace-se-lt.ttf differ
diff --git a/fonts/nk57/nk57-monospace-se-rg-it.ttf b/fonts/nk57/nk57-monospace-se-rg-it.ttf
new file mode 100644
index 0000000..2aadd3f
Binary files /dev/null and b/fonts/nk57/nk57-monospace-se-rg-it.ttf differ
diff --git a/fonts/nk57/nk57-monospace-se-rg.ttf b/fonts/nk57/nk57-monospace-se-rg.ttf
new file mode 100644
index 0000000..68a92d2
Binary files /dev/null and b/fonts/nk57/nk57-monospace-se-rg.ttf differ
diff --git a/fonts/nk57/nk57-monospace-se-sb-it.ttf b/fonts/nk57/nk57-monospace-se-sb-it.ttf
new file mode 100644
index 0000000..4d57c5b
Binary files /dev/null and b/fonts/nk57/nk57-monospace-se-sb-it.ttf differ
diff --git a/fonts/nk57/nk57-monospace-se-sb.ttf b/fonts/nk57/nk57-monospace-se-sb.ttf
new file mode 100644
index 0000000..bcea494
Binary files /dev/null and b/fonts/nk57/nk57-monospace-se-sb.ttf differ
diff --git a/helpart.png b/helpart.png
new file mode 100755
index 0000000..bec98c8
Binary files /dev/null and b/helpart.png differ
diff --git a/icons/arrow/back.png b/icons/arrow/back.png
old mode 100644
new mode 100755
index 02898fa..3c5913a
Binary files a/icons/arrow/back.png and b/icons/arrow/back.png differ
diff --git a/icons/arrow/fback.png b/icons/arrow/fback.png
old mode 100644
new mode 100755
index 9248c2f..5b644a2
Binary files a/icons/arrow/fback.png and b/icons/arrow/fback.png differ
diff --git a/icons/arrow/fnext.png b/icons/arrow/fnext.png
old mode 100644
new mode 100755
index cd4439b..5206276
Binary files a/icons/arrow/fnext.png and b/icons/arrow/fnext.png differ
diff --git a/icons/editor/usertag.png b/icons/editor/usertag.png
old mode 100644
new mode 100755
index 6dfd425..c85c6ba
Binary files a/icons/editor/usertag.png and b/icons/editor/usertag.png differ
diff --git a/icons/nav/rules.png b/icons/nav/rules.png
old mode 100644
new mode 100755
index fc66770..ee377fe
Binary files a/icons/nav/rules.png and b/icons/nav/rules.png differ
diff --git a/icons/plan-icons/basic.png b/icons/plan-icons/basic.png
new file mode 100755
index 0000000..bb371cc
Binary files /dev/null and b/icons/plan-icons/basic.png differ
diff --git a/icons/plan-icons/bronze.png b/icons/plan-icons/bronze.png
new file mode 100755
index 0000000..c1eb10c
Binary files /dev/null and b/icons/plan-icons/bronze.png differ
diff --git a/icons/plan-icons/gold.png b/icons/plan-icons/gold.png
new file mode 100755
index 0000000..d084f3b
Binary files /dev/null and b/icons/plan-icons/gold.png differ
diff --git a/icons/plan-icons/silver.png b/icons/plan-icons/silver.png
new file mode 100755
index 0000000..5506c39
Binary files /dev/null and b/icons/plan-icons/silver.png differ
diff --git a/logos/full/v-chat.png b/logos/full/v-chat.png
new file mode 100644
index 0000000..48bf6c6
Binary files /dev/null and b/logos/full/v-chat.png differ
diff --git a/logos/icon/bertisevil.png b/logos/icon/bertisevil.png
new file mode 100644
index 0000000..c9ab8ea
Binary files /dev/null and b/logos/icon/bertisevil.png differ
diff --git a/logos/icon/matrix.svg b/logos/icon/matrix.svg
new file mode 100644
index 0000000..186bf64
--- /dev/null
+++ b/logos/icon/matrix.svg
@@ -0,0 +1,93 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 13.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 14576)  -->
+
+<svg
+   version="1.1"
+   id="Layer_1"
+   x="0px"
+   y="0px"
+   width="340.80899"
+   height="340.80899"
+   viewBox="0 0 340.80898 340.809"
+   enable-background="new 0 0 793.322 340.809"
+   xml:space="preserve"
+   sodipodi:docname="matrix logo.svg"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14, custom)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"><defs
+   id="defs53" /><sodipodi:namedview
+   id="namedview51"
+   pagecolor="#ffffff"
+   bordercolor="#666666"
+   borderopacity="1.0"
+   inkscape:showpageshadow="2"
+   inkscape:pageopacity="0.0"
+   inkscape:pagecheckerboard="0"
+   inkscape:deskcolor="#d1d1d1"
+   showgrid="false"
+   inkscape:zoom="1.6147289"
+   inkscape:cx="396.35136"
+   inkscape:cy="183.62215"
+   inkscape:window-width="1910"
+   inkscape:window-height="1003"
+   inkscape:window-x="0"
+   inkscape:window-y="0"
+   inkscape:window-maximized="1"
+   inkscape:current-layer="Layer_1" />
+<path
+   opacity="0.5"
+   fill="#ffffff"
+   d="M 34.004,340.809 H 2 c -1.104,0 -2,-0.896 -2,-2 V 2 C 0,0.896 0.896,0 2,0 h 32.004 c 1.104,0 2,0.896 2,2 v 7.71 c 0,1.104 -0.896,2 -2,2 h -21.13 v 317.386 h 21.13 c 1.104,0 2,0.896 2,2.001 v 7.712 c 0,1.104 -0.896,2 -2,2 z"
+   id="path2" />
+<path
+   opacity="0.5"
+   fill="#ffffff"
+   d="m 10.875,9.711 v 321.386 h 23.13 v 7.711 H 1.999 V 2.001 h 32.006 v 7.71 z"
+   id="path4" />
+<path
+   opacity="0.5"
+   fill="#ffffff"
+   d="m 252.402,233.711 h -32.993 c -1.104,0 -2,-0.896 -2,-2 v -68.073 c 0,-3.949 -0.154,-7.722 -0.457,-11.213 -0.289,-3.282 -1.074,-6.153 -2.332,-8.53 -1.204,-2.276 -3.017,-4.119 -5.384,-5.476 -2.393,-1.362 -5.775,-2.056 -10.042,-2.056 -4.238,0 -7.674,0.798 -10.213,2.371 -2.565,1.596 -4.604,3.701 -6.053,6.258 -1.498,2.643 -2.51,5.694 -3.013,9.067 -0.526,3.513 -0.793,7.125 -0.793,10.741 v 66.91 c 0,1.104 -0.896,2 -2,2 h -32.991 c -1.104,0 -2,-0.896 -2,-2 v -67.373 c 0,-3.435 -0.078,-6.964 -0.228,-10.485 -0.148,-3.251 -0.767,-6.278 -1.841,-8.995 -1.018,-2.571 -2.667,-4.584 -5.047,-6.153 -2.372,-1.552 -6.029,-2.341 -10.865,-2.341 -1.372,0 -3.265,0.328 -5.629,0.976 -2.28,0.624 -4.536,1.826 -6.705,3.577 -2.152,1.732 -4.036,4.306 -5.605,7.655 -1.569,3.356 -2.367,7.877 -2.367,13.438 v 69.701 c 0,1.104 -0.895,2 -2,2 H 68.857 c -1.104,0 -2,-0.896 -2,-2 V 111.594 c 0,-1.104 0.896,-1.999 2,-1.999 h 31.13 c 1.104,0 2,0.896 2,1.999 v 11.007 c 3.834,-4.499 8.248,-8.152 13.173,-10.896 6.396,-3.559 13.799,-5.362 22.002,-5.362 7.846,0 15.127,1.548 21.642,4.604 5.794,2.722 10.424,7.26 13.791,13.52 3.449,-4.362 7.833,-8.306 13.071,-11.752 6.422,-4.228 14.102,-6.371 22.824,-6.371 6.499,0 12.625,0.807 18.209,2.399 5.686,1.628 10.635,4.271 14.712,7.857 4.088,3.605 7.318,8.357 9.601,14.123 2.25,5.719 3.391,12.649 3.391,20.604 v 80.384 c -0.001,1.104 -0.896,2 -2.001,2 z"
+   id="path6" />
+<path
+   opacity="0.5"
+   fill="#ffffff"
+   d="m 99.988,111.595 v 16.264 h 0.463 c 4.338,-6.191 9.563,-10.998 15.684,-14.406 6.117,-3.402 13.129,-5.11 21.027,-5.11 7.588,0 14.521,1.475 20.793,4.415 6.274,2.945 11.038,8.131 14.291,15.567 3.56,-5.265 8.4,-9.913 14.521,-13.94 6.117,-4.025 13.358,-6.042 21.724,-6.042 6.351,0 12.234,0.776 17.66,2.325 5.418,1.549 10.065,4.027 13.938,7.434 3.869,3.41 6.889,7.863 9.062,13.357 2.167,5.504 3.253,12.122 3.253,19.869 v 80.385 H 219.41 v -68.074 c 0,-4.025 -0.154,-7.82 -0.465,-11.385 -0.313,-3.56 -1.161,-6.656 -2.555,-9.293 -1.395,-2.631 -3.45,-4.724 -6.157,-6.274 -2.711,-1.543 -6.391,-2.322 -11.037,-2.322 -4.646,0 -8.403,0.896 -11.269,2.671 -2.868,1.784 -5.112,4.109 -6.737,6.971 -1.626,2.869 -2.711,6.12 -3.252,9.762 -0.545,3.638 -0.814,7.318 -0.814,11.035 v 66.91 h -32.991 v -67.375 c 0,-3.562 -0.081,-7.087 -0.23,-10.57 -0.158,-3.487 -0.814,-6.7 -1.978,-9.645 -1.162,-2.94 -3.099,-5.304 -5.809,-7.088 -2.711,-1.775 -6.699,-2.671 -11.965,-2.671 -1.551,0 -3.603,0.349 -6.156,1.048 -2.556,0.697 -5.036,2.016 -7.435,3.949 -2.404,1.938 -4.454,4.726 -6.158,8.363 -1.705,3.642 -2.556,8.402 -2.556,14.287 v 69.701 H 68.856 V 111.595 Z"
+   id="path8" />
+
+
+
+
+
+
+
+
+
+
+<path
+   opacity="0.5"
+   fill="#ffffff"
+   d="m 338.809,340.809 h -32.008 c -1.105,0 -2,-0.896 -2,-2 v -7.712 c 0,-1.105 0.896,-2.001 2,-2.001 h 21.13 V 11.71 h -21.13 c -1.105,0 -2,-0.896 -2,-2 V 2 c 0,-1.104 0.896,-2 2,-2 h 32.008 c 1.104,0 2,0.896 2,2 v 336.809 c 0,1.104 -0.896,2 -2,2 z"
+   id="path30" />
+<path
+   opacity="0.5"
+   fill="#ffffff"
+   d="M 329.93,331.097 V 9.711 H 306.8 v -7.71 h 32.008 V 338.808 H 306.8 v -7.711 z"
+   id="path32" />
+<path
+   d="m 10.875,9.711 v 321.386 h 23.13 v 7.711 H 1.999 V 2.001 h 32.006 v 7.71 z"
+   id="path34" />
+<path
+   d="m 99.988,111.595 v 16.264 h 0.463 c 4.338,-6.191 9.563,-10.998 15.684,-14.406 6.117,-3.402 13.129,-5.11 21.027,-5.11 7.588,0 14.521,1.475 20.793,4.415 6.274,2.945 11.038,8.131 14.291,15.567 3.56,-5.265 8.4,-9.913 14.521,-13.94 6.117,-4.025 13.358,-6.042 21.724,-6.042 6.351,0 12.234,0.776 17.66,2.325 5.418,1.549 10.065,4.027 13.938,7.434 3.869,3.41 6.889,7.863 9.062,13.357 2.167,5.504 3.253,12.122 3.253,19.869 v 80.385 H 219.41 v -68.074 c 0,-4.025 -0.154,-7.82 -0.465,-11.385 -0.313,-3.56 -1.161,-6.656 -2.555,-9.293 -1.395,-2.631 -3.45,-4.724 -6.157,-6.274 -2.711,-1.543 -6.391,-2.322 -11.037,-2.322 -4.646,0 -8.403,0.896 -11.269,2.671 -2.868,1.784 -5.112,4.109 -6.737,6.971 -1.626,2.869 -2.711,6.12 -3.252,9.762 -0.545,3.638 -0.814,7.318 -0.814,11.035 v 66.91 h -32.991 v -67.375 c 0,-3.562 -0.081,-7.087 -0.23,-10.57 -0.158,-3.487 -0.814,-6.7 -1.978,-9.645 -1.162,-2.94 -3.099,-5.304 -5.809,-7.088 -2.711,-1.775 -6.699,-2.671 -11.965,-2.671 -1.551,0 -3.603,0.349 -6.156,1.048 -2.556,0.697 -5.036,2.016 -7.435,3.949 -2.404,1.938 -4.454,4.726 -6.158,8.363 -1.705,3.642 -2.556,8.402 -2.556,14.287 v 69.701 H 68.856 V 111.595 Z"
+   id="path36" />
+
+
+
+
+
+<path
+   d="M 329.93,331.097 V 9.711 H 306.8 v -7.71 h 32.008 V 338.808 H 306.8 v -7.711 z"
+   id="path48" />
+</svg>
diff --git a/main-button.svg b/main-button.svg
index ff93f99..b1155c5 100644
--- a/main-button.svg
+++ b/main-button.svg
@@ -3,15 +3,12 @@
 
 <svg
    preserveAspectRatio="none"
-   viewBox="0 0 8.4666662 8.4666662"
+   viewBox="0 0 9.6757517 9.6757517"
    version="1.1"
    id="svg5"
    inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
    sodipodi:docname="main-button.svg"
    shape-rendering="crispEdges"
-   width="8.4666662"
-   height="8.4666662"
-   enable-background="new 0 0 798 600"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns="http://www.w3.org/2000/svg"
@@ -23,15 +20,15 @@
      borderopacity="1.0"
      inkscape:pageshadow="2"
      inkscape:pageopacity="0.0"
-     inkscape:pagecheckerboard="true"
+     inkscape:pagecheckerboard="false"
      inkscape:document-units="px"
      showgrid="false"
      width="64px"
      units="mm"
      borderlayer="false"
-     inkscape:zoom="32"
-     inkscape:cx="4.453125"
-     inkscape:cy="1.40625"
+     inkscape:zoom="45.254834"
+     inkscape:cx="7.6566406"
+     inkscape:cy="6.0325047"
      inkscape:window-width="1914"
      inkscape:window-height="1005"
      inkscape:window-x="0"
@@ -41,15 +38,14 @@
      viewbox-width="8.46667"
      inkscape:showpageshadow="true"
      inkscape:deskcolor="#d1d1d1"
-     showborder="true"
-     shape-rendering="crispEdges" />
+     showborder="true" />
   <defs
      id="defs2" />
   <g
      inkscape:label="Layer 1"
      inkscape:groupmode="layer"
      id="layer1"
-     transform="translate(-1.681,-1.681)">
+     transform="translate(-1.152,-1.152)">
     <g
        id="g24532"
        transform="translate(1.681,1.681)">
@@ -73,8 +69,7 @@
     </g>
     <g
        id="g32358"
-       transform="translate(1.681,1.681)"
-       vector-effect="non-scaling-stroke">
+       transform="translate(1.681,1.681)">
       <path
          style="fill:none;stroke:#d4d4d4;stroke-width:0.264583;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
          d="M 7.9375,0.39687483 H 8.2020832"
@@ -95,8 +90,7 @@
     </g>
     <g
        id="g32364"
-       transform="translate(1.681,1.681)"
-       vector-effect="non-scaling-stroke">
+       transform="translate(1.681,1.681)">
       <path
          style="fill:none;stroke:#c9c9c9;stroke-width:0.264583;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
          d="M 7.9375,8.0697915 H 8.2020833"
@@ -115,10 +109,34 @@
          d="M 7.9375,8.334375 H 8.2020834"
          id="path970-3-6-7" />
     </g>
+    <path
+       style="fill:#d4d4d4;fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="M 2.2101667,2.2101667 H 9.6185001 V 9.6185001 H 2.2101667 Z"
+       id="path22779"
+       sodipodi:nodetypes="ccccc" />
+    <path
+       style="fill:#8c8c8c;fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="M 1.681,2.2101667 H 2.2101666 V 9.6185 H 1.681 Z"
+       id="path22779-6"
+       sodipodi:nodetypes="ccccc" />
+    <path
+       style="fill:#bfbfbf;fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 9.6185,2.2101667 h 0.529166 v 7.408333 H 9.6185 Z"
+       id="path22779-6-1"
+       sodipodi:nodetypes="ccccc" />
+    <path
+       style="fill:#d1d1d1;fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 2.2101667,9.6185 h 7.4083335 v 0.529166 H 2.2101667 Z"
+       id="path22779-6-6"
+       sodipodi:nodetypes="ccccc" />
+    <path
+       style="fill:#ececec;fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="M 2.2101667,1.681 H 9.6185002 V 2.210166 H 2.2101667 Z"
+       id="path22779-6-6-8"
+       sodipodi:nodetypes="ccccc" />
     <g
        id="g29320"
-       transform="translate(1.681,1.681)"
-       vector-effect="non-scaling-stroke">
+       transform="translate(1.681,1.681)">
       <path
          style="fill:none;stroke:#b3b3b3;stroke-width:0.264583;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
          d="M 0,8.3343748 H 0.2645833"
@@ -138,38 +156,5 @@
          id="path22779-6-0-2"
          sodipodi:nodetypes="ccccc" />
     </g>
-    <path
-       style="fill:#d4d4d4;fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       d="M 2.21,2.2101667 H 9.618 V 9.6185001 H 2.21 Z"
-       id="path22779"
-       sodipodi:nodetypes="ccccc" />
-    <path
-       style="fill:#8c8c8c;fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       d="M 1.681,2.2101667 H 2.2101666 V 9.6185 H 1.681 Z"
-       id="path22779-6"
-       sodipodi:nodetypes="ccccc"
-       vector-effect="non-scaling-stroke" />
-    <path
-       style="fill:#bfbfbf;fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       d="m 9.6185,2.2101667 h 0.529166 v 7.408333 H 9.6185 Z"
-       id="path22779-6-1"
-       sodipodi:nodetypes="ccccc"
-       vector-effect="non-scaling-stroke" />
-    <path
-       style="fill:#d1d1d1;fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       d="m 2.2101667,9.6185 h 7.4083335 v 0.529166 H 2.2101667 Z"
-       id="path22779-6-6"
-       sodipodi:nodetypes="ccccc"
-       vector-effect="non-scaling-stroke" />
-    <path
-       style="fill:#ececec;fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       d="M 2.2101667,1.681 H 9.6185002 V 2.210166 H 2.2101667 Z"
-       id="path22779-6-6-8"
-       sodipodi:nodetypes="ccccc"
-       vector-effect="non-scaling-stroke" />
   </g>
-  <g
-     id="webslicer-layer"
-     inkscape:label="Web Slicer"
-     inkscape:groupmode="layer" />
 </svg>
diff --git a/radio/banner.png b/radio/banner.png
new file mode 100644
index 0000000..a6d8da8
Binary files /dev/null and b/radio/banner.png differ
diff --git a/radio/heart.png b/radio/heart.png
new file mode 100644
index 0000000..ad1d536
Binary files /dev/null and b/radio/heart.png differ
diff --git a/radio/play.png b/radio/play.png
new file mode 100644
index 0000000..ee71f0e
Binary files /dev/null and b/radio/play.png differ
diff --git a/radio/stop.png b/radio/stop.png
new file mode 100644
index 0000000..848cf6d
Binary files /dev/null and b/radio/stop.png differ
diff --git a/radio/vis.png b/radio/vis.png
new file mode 100644
index 0000000..043f760
Binary files /dev/null and b/radio/vis.png differ
diff --git a/radio/vol.png b/radio/vol.png
new file mode 100644
index 0000000..92edd89
Binary files /dev/null and b/radio/vol.png differ
diff --git a/style.css b/style.css
index d359642..909f4bd 100644
--- a/style.css
+++ b/style.css
@@ -1,12 +1,12 @@
 /*
- * |      |               |              
- * |      |               |  {}          
- * |      |   ___   .__   |       ___         __     ___    .    .
- * |  /\  |  /   \  |  \  |  ||  /   \       /  \   /   \   |\  /|
- * | /  \ | ||   || |     |  || ||   ||     ||     ||   ||  | \/ |
- * |/    \|  \___/  |     |  ||  \___/   ()  \__/   \___/   |    |
- *                     GLOBAL SITE STYLESHEET
- *                           07/20/2022
+ * |	  |			   |
+ * |	  |			   |  {}
+ * |	  |   ___   .__   |	   ___		 __	 ___	.	.
+ * |  /\  |  /   \  |  \  |  ||  /   \	   /  \   /   \   |\  /|
+ * | /  \ | ||   || |	 |  || ||   ||	 ||	 ||   ||  | \/ |
+ * |/	\|  \___/  |	 |  ||  \___/   ()  \__/   \___/   |	|
+ *					 GLOBAL SITE STYLESHEET
+ *						   07/20/2022
  */
 @import url('//assets.worlio.com/style/css/theme.css');
 
@@ -18,8 +18,8 @@
 }
 
 .no-scroll, nav, nav.top {
-    scrollbar-width: none;
-    -ms-overflow-style: none;
+	scrollbar-width: none;
+	-ms-overflow-style: none;
 }
 
 .no-scroll::-webkit-scrollbar,
@@ -31,114 +31,162 @@ nav.top::-webkit-scrollbar {
 body.home .home-container {}
 body.home .home-container img.logo { max-height: 256px; max-width: 100%; }
 body.home .home-container .slogan {
-    font-family: var(--spfont1);
-    font-weight: bold;
-    font-size: 24px;
-    text-align: center;
+	font-family: var(--spfont1);
+	font-weight: bold;
+	font-size: 24px;
+	text-align: center;
 }
 body.home .home-container .link-contents {
-    display: flex;
+	display: flex;
 }
 body.home .home-container .link-contents .link-item {
-    margin: 8px;
+	margin: 8px;
 }
 body.home .home-container .link-contents .link-item img {
-    margin: 2px;
-    vertical-align: middle;
+	margin: 2px;
+	vertical-align: middle;
 }
 div.grower { flex-grow: 1; }
 
 body.home .home-container .footer {
-    max-width: 512px;
-    margin: auto;
-    text-align: right;
+	max-width: 512px;
+	margin: auto;
+	text-align: right;
 }
 body.home .home-container .blog-contents {
-    max-width: 512px;
-    margin: auto;
-    border-bottom: 1px solid black;
+	max-width: 512px;
+	margin: auto;
+	border-bottom: 1px solid black;
 }
 body.home .home-container .blog-contents .title {
-    border-bottom: 1px solid black;
-    font-family: var(--spfont1);
-    font-weight: bold;
-    font-size: 16px;
-    padding: 2px;
+	border-bottom: 1px solid black;
+	font-family: var(--spfont1);
+	font-weight: bold;
+	font-size: 16px;
+	padding: 2px;
 }
 body.home .home-container .blog-contents .blog-item {
-    background: var(--menu-bg);
-    border: var(--menu-border);
-    margin: 2px;
-    padding: 4px;
+	background: var(--menu-bg);
+	border: var(--menu-border);
+	margin: 2px;
+	padding: 4px;
 }
 body.home .home-container .blog-contents .blog-item i { text-align: right; }
 
 nav.top { 
-    background-image: var(--navbar-top, url('//assets.worlio.com/style/navbar-top'));
-    background-position: 0px 100%;
-    background-color: var(--acc-nav, #f3dca9);
-    background-repeat: repeat-x;
-    background-size: auto 64px;
-    position: fixed;
-    height: 36px;
-    padding: 0px;
-    z-index: 10;
-    white-space: nowrap;
+	background-image: var(--navbar-top, url('//assets.worlio.com/style/navbar-top'));
+	background-position: 0px 100%;
+	background-color: var(--acc-nav, #f3dca9);
+	background-repeat: repeat-x;
+	background-size: auto 64px;
+	position: fixed;
+	height: 36px;
+	padding: 0px;
+	z-index: 10;
+	white-space: nowrap;
 }
 
-    
+	
 nav.top div.left {
-    position: relative;
-    width: 132px;
-    height: 32px;
-    z-index: 3;
-    float: left;
-    margin: 2px 4px;
+	position: relative;
+	width: 132px;
+	height: 32px;
+	z-index: 3;
+	float: left;
+	margin: 2px 4px;
 }
 
 nav.top div.left .dropdown {
-    font-family: var(--spfont1, Pixio);
-    background-image: var(--navbar-bg, url('//assets.worlio.com/style/navbar-bg')), var(--navbar-gradient);
-    background-position: 0 0, 0px 100%;
-    background-color: var(--acc-nav, #f3dca9);
-    background-repeat: repeat, repeat-x;
-    background-size: auto auto, auto 64px;
-    border-right: var(--acc-nav-separator, 2px solid #000000);
-    overflow: hidden;
-    width: 132px;
-    height: 34px;
-    position: relative;
-    z-index: 2;
-    margin: -2px -4px;
-    padding: 1px 4px;
-    white-space: nowrap;
-    transition-duration: 0.05s;
+	font-family: var(--spfont1, Pixio);
+	background-image: var(--navbar-bg, url('//assets.worlio.com/style/navbar-bg')), var(--navbar-gradient);
+	background-position: 0 0, 0px 100%;
+	background-color: var(--acc-nav, #f3dca9);
+	background-repeat: repeat, repeat-x;
+	background-size: auto auto, auto 64px;
+	border-right: var(--acc-nav-separator, 2px solid #000000);
+	overflow: hidden;
+	width: 132px;
+	height: 34px;
+	position: relative;
+	z-index: 2;
+	margin: -2px -4px;
+	padding: 1px 4px;
+	white-space: nowrap;
+	transition-duration: 0.05s;
 }
 
 nav.top div.left:hover .dropdown {
-    width: 264px;
+	width: 264px;
+	height: 412px;
 }
 
-nav.top div.left .dropdown .flag {
-    float: right;
-    height: 16px;
-    margin: -2px -4px;
+nav.top.guest div.left:hover .dropdown {
+	height: 112px;
+}
+
+nav.top div.left .dropdown .right {
+	pointer-events: none;
+	display: none;
+	opacity: 0;
+	float: right;
+	transition-duration: 1s;
+}
+
+nav.top div.left:hover .dropdown .right {
+	pointer-events: unset;
+	display: block;
+	opacity: 1;
+}
+
+nav.top div.left .dropdown .alerts {
+	border: 2px inset var(--acc-nav);
+	background: #2221;
+	margin: 2px;
+	height: 300px;
+	overflow-y: auto;
+	overflow-x: hidden;
+	width: 256px;
+	white-space: break-spaces;
+	white-space: pre-wrap;
+}
+
+nav.top div.left .dropdown .alerts .alert {
+	margin: 4px;
+	font-family: var(--spfont1);
+	background-color: var(--menu-bg);
+	border: var(--menu-border);
+	padding: 4px;
+}
+
+nav.top div.left .dropdown .alerts .alert.unread {
+	background-color: #d0dadf;
+	outline: 1px solid #0088ff;
+}
+		
+nav.top div.left .dropdown .alerts .alert a {
+	text-decoration: underline;
+}
+	
+nav.top div.left .dropdown .alerts .alert .info {
+	display: flex;
+	color: var(--subtitle);
+	font-size: 12px;
 }
 
 nav.top div.left .dropdown .flag img {
-    float: right;
-    width: 16px;
+	float: right;
+	width: 16px;
 }
 
 nav.top div.left .dropdown .flag a {
-    opacity: 0;
-    transition-duration: 0.1s;
-    height: 16px;
+	opacity: 0;
+	transition-duration: 0.1s;
+	height: 16px;
 }
 
 nav.top div.left:hover .dropdown .flag a {
-    opacity: 1;
-    display: inline;
+	opacity: 1;
+	display: inline;
 }
 
 nav.top div.left .dropdown .flag[role="0"] a { color: var(--rankflag0); }
@@ -151,64 +199,66 @@ nav.top div.left .dropdown .flag[role="50"] a { color: var(--rankflag6); }
 nav.top div.left .dropdown .flag[role="100"] a { color: var(--rankflag7); }
 
 nav.top div.left .username {
-    height: 38px;
-    margin: -1px;
+	display: block;
+	width: 132px;
+	height: 38px;
+	margin: -1px;
 }
 
 nav.top div.left .dropdown .username .counters {
-    display: flex;
+	display: flex;
 }
 
 nav.top div.left .dropdown .username .counter {
-    flex-grow: 1;
-    height: 16px;
+	flex-grow: 1;
+	height: 16px;
 }
 
 nav.top div.left .dropdown .username .counter a {
-    color: var(--inactive, #6e6e6e);
-    vertical-align: top;
-    font-size: 14px;
+	color: var(--inactive, #6e6e6e);
+	vertical-align: top;
+	font-size: 14px;
 }
 
 nav.top div.left .dropdown .username .counter img {
-    height: 100%;
-    margin: 0px 1px;
-    padding: 0px 2px;
+	height: 100%;
+	margin: 0px 1px;
+	padding: 0px 2px;
 }
 
 nav.top div.left .dropdown .username .counter.alert a {
-    color: var(--alert, #ce0000);
+	color: var(--alert, #ce0000);
 }
 
 nav.top div.left .dropdown .username .counter.currency a {
-    color: var(--currency, #89541A);
+	color: var(--currency, #89541A);
 }
 
 nav.top div.left .dropdown .username .userlink {
-    margin: 0px;
+	margin: 0px;
 }
 
 nav.top div.left .username .arrow {
-    position: relative;
-    opacity: 0.3;
-    float: right;
-    margin: 2px auto !important;
-    width: 16px !important;
-    height: 16px !important;
+	position: relative;
+	opacity: 0.3;
+	float: right;
+	margin: 2px auto !important;
+	width: 16px !important;
+	height: 16px !important;
 }
 
 nav.top div.left .username .user-icon {
-    vertical-align: top;
+	vertical-align: top;
 }
 
 nav.acc > div:nth-of-type(2) {
-    display: block;
-    overflow-y: visible;
-    overflow-x: auto;
-    height: 100%;
-    scrollbar-width: none;
-    -ms-overflow-style: none;
-    margin: 0px 4px;
+	display: block;
+	overflow-y: visible;
+	overflow-x: auto;
+	height: 100%;
+	scrollbar-width: none;
+	-ms-overflow-style: none;
+	margin: 0px 4px;
 }
 
 nav.acc .dropdown:hover .currency a[type="short"] { display: none; }
@@ -221,333 +271,339 @@ nav.top p {
 }
 
 nav.top.alert {
-    background-color: var(--dialog-bg, #fbebcc);
-    height: unset;
-    min-height: 28px;
-    max-height: 64px;
-    padding: 2px;
-    overflow: auto;
-    z-index: 5;
+	background-color: var(--dialog-bg, #fbebcc);
+	height: unset;
+	min-height: 28px;
+	max-height: 64px;
+	padding: 2px;
+	overflow: auto;
+	z-index: 5;
 }
 
 nav.top.alert .close {
-    background-image: url('//style.worlio.com/icons/close');
-    background-size: 100%;
-    width: 16px;
-    height: 16px;
-    padding: 4px;
-    cursor: pointer;
-    margin-right: 8px;
-    float: left;
+	background-image: url('//style.worlio.com/icons/close');
+	background-size: 100%;
+	width: 16px;
+	height: 16px;
+	padding: 4px;
+	cursor: pointer;
+	margin-right: 8px;
+	float: left;
 }
 
 nav.top.alert p {
-    text-align: unset;
-    white-space: pre-line;
+	text-align: unset;
+	white-space: pre-line;
 }
 
 nav {
-    background-color: var(--main-nav, dodgerblue);
+	background-color: var(--main-nav, dodgerblue);
 	position: fixed;
 	top: 0px;
 	left: 0px;
 	z-index: 10;
-    font-size: 14px;
+	font-size: 14px;
 }
 
 body > div.navgap {
-    height: 34px;
+	height: 34px;
 }
 
 nav .logo {
-    width: 48px;
-    height: 48px;
-    padding: 0px;
+	width: 48px;
+	height: 48px;
+	padding: 0px;
 	margin: 2px;
 }
 
 .button, nav {
-    font-family: var(--spfont1, Pixio);
+	font-family: var(--spfont1, Pixio);
 }
 
 .button { 
-    background-size: auto 300% !important;
-    background-image: var(--button-large, url('//assets.worlio.com/style/button-large'));
-    border: none;
-    width: 48px;
-    height: 48px;
-    font-size: 14px;
-    flex-shrink: 0;
+	background-size: auto 300% !important;
+	background-image: var(--button-large, url('//assets.worlio.com/style/button-large'));
+	border: none;
+	width: 48px;
+	height: 48px;
+	font-size: 14px;
+	flex-shrink: 0;
 }
 
 .button:hover > a > img:nth-of-type(1) {
-    filter: contrast(50%);
+	filter: contrast(50%);
 }
 
 .button:active > a > img:nth-of-type(1) {
-    filter: brightness(50%) saturate(0%);
+	filter: brightness(50%) saturate(0%);
 }
 
 .button a {
-    display: block;
-    width: 144px;
-    height: 48px;
+	display: block;
+	width: 144px;
+	height: 48px;
 }
 
 .button > a > img:nth-of-type(1) {
-    display: inline;
-    width: 48px;
-    height: 48px;
-    flex-shrink: 0;
+	display: inline;
+	width: 48px;
+	height: 48px;
+	flex-shrink: 0;
 }
 
 .popbutton {
-    background-image: var(--button-large, url('//assets.worlio.com/style/button-large'));
-    width: 48px;
-    text-overflow: clip;
-    overflow: hidden;
+	background-image: var(--button-large, url('//assets.worlio.com/style/button-large'));
+	width: 48px;
+	text-overflow: clip;
+	overflow: hidden;
 }
 
 .longbutton, .smallbutton {
-    display: inline-block !important;
-    padding: 2px;
+	display: inline-block !important;
+	padding: 2px;
 	height: 24px;
 }
 
 .longbutton {
-    background-image: var(--button-long, url('//assets.worlio.com/style/button-long'));
-    width: 120px;
-    margin: 2px 4px !important;
+	background-image: var(--button-long, url('//assets.worlio.com/style/button-long'));
+	width: 120px;
+	margin: 2px 4px !important;
 }
 
 .smallbutton {
-    background-image: var(--button-small, url('//assets.worlio.com/style/button-small'));
-    width: 24px;
-    margin: 2px !important;
+	background-image: var(--button-small, url('//assets.worlio.com/style/button-small'));
+	width: 24px;
+	margin: 2px !important;
 }
 
 .longbutton a, .smallbutton a {
-    display: flex;
-    align-items: center;
-    height: 100% !important;
-    width: 100% !important;
+	display: flex;
+	align-items: center;
+	height: 100% !important;
+	width: 100% !important;
 }
 
 .longbutton.txt a {
-    display: inline-block !important;
-    width: 100%; height: 100%;
-    font-family: var(--spfont1, Pixio);
-    text-decoration: none;
-    text-align: center;
-    color: var(--main-text, #000000);
-    vertical-align: middle;
+	display: inline-block !important;
+	width: 100%; height: 100%;
+	font-family: var(--spfont1, Pixio);
+	text-decoration: none;
+	text-align: center;
+	color: var(--main-text, #000000);
+	vertical-align: middle;
 }
 
 .longbutton > a > img, .smallbutton > a > img {
-    width: 24px !important;
-    height: 24px !important;
+	width: 24px !important;
+	height: 24px !important;
 }
 
 .longbutton > a, .smallbutton > a {
-    color: var(--main-text, #000000);
-    text-decoration: none;
-    display: flex !important;
-    align-items: center;
-    height: 24px;
-    width: 120px;
+	color: var(--main-text, #000000);
+	text-decoration: none;
+	display: flex !important;
+	align-items: center;
+	height: 24px;
+	width: 120px;
 }
-    
+	
 .longbutton > a img, .smallbutton > a img {
-    margin-right: 4px;
+	margin-right: 4px;
 }
 
 .oddbutton {
-    position: absolute;
+	position: absolute;
 }
 
 .fakebutton {
-    display: inline-block !important;
-    cursor: pointer;
+	display: inline-block !important;
+	cursor: pointer;
 }
 
 body {
-    margin: 8px;
-    position: absolute;
-    right: 0px;
-    bottom: 0px;
+	margin: 8px;
+	position: absolute;
+	right: 0px;
+	bottom: 0px;
 }
 
 body > .header-title {
-    border: var(--menu-border, 1px solid #bdbdbd);
-    border-top: none;
-    display: inline-block;
-    background-color: var(--menu-bg, #d0d0d0);
-    position: relative;
-    padding: 8px;
-    font-family: var(--spfont1, Pixio);
+	border: var(--menu-border, 1px solid #bdbdbd);
+	border-top: none;
+	display: inline-block;
+	background-color: var(--menu-bg, #d0d0d0);
+	position: relative;
+	padding: 8px;
+	font-family: var(--spfont1, Pixio);
 }
 
 @media only screen and (orientation: landscape) {
-    :target::before {
-        content: "";
-        display: block;
-        height: 64px;
-        margin: -64px 0 0;
-    }
+	:target::before {
+		content: "";
+		display: block;
+		height: 64px;
+		margin: -64px 0 0;
+	}
 
-    body {
-        top: 0px;
-        left: 64px;
-    }
+	body {
+		top: 0px;
+		left: 64px;
+	}
 
-    .heading {
-        width: calc(100% + 8px);
-        padding: 2px 4px;
-        left: 64px;
-    }
+	.heading {
+		width: calc(100% + 8px);
+		padding: 2px 4px;
+		left: 64px;
+	}
 
-    .heading.main,
-    .heading.sub {
-        top: 0px;
-    }
+	.heading.main,
+	.heading.sub {
+		top: 0px;
+	}
 
-    .heading.main { margin: -8px; margin-bottom: 8px; }
-    .heading.sub { margin: -8px; margin-bottom: 8px; }
-    .heading.section { margin: 4px -8px; }
-    
-    nav {
-        width: 60px;
+	.heading.main { margin: -8px; margin-bottom: 8px; }
+	.heading.sub { margin: -8px; margin-bottom: 8px; }
+	.heading.section { margin: 4px -8px; }
+	
+	nav {
+		width: 60px;
 		padding: 0px 2px;
 		background-image: var(--navbar-left, url('//assets.worlio.com/style/navbar-left'));
 		background-repeat: repeat-y;
 		background-size: 100%;
 		height: 100%;
-    }
-    
-    nav hr {
+	}
+	
+	nav hr {
 		width: 100%;
 		border: 1px solid black;
 	}
-    
-    nav .logo {
-        display: block;
-    }
-    
-    nav.top {
-        width: calc(100% - 64px);
-        top: 0px;
-        left: 64px;
+	
+	nav .logo {
+		display: block;
+	}
+	
+	nav.top {
+		width: calc(100% - 64px);
+		top: 0px;
+		left: 64px;
 	}
 	
 	nav.top > .navRight .dropdown h3 {
-        width: 128px;
-    }
-    
-    nav.top > .navRight .dropdown:hover h3 {
-        text-decoration: underline;
-    }
-    
-    nav.top.alert {
-        top: 36px;
-    }
+		width: 128px;
+	}
+	
+	nav.top > .navRight .dropdown:hover h3 {
+		text-decoration: underline;
+	}
+	
+	nav.top.alert {
+		top: 36px;
+	}
 	
 	.button {
-        display: block;
-        margin: 4px;
-    }
-    
-    .button a {
-        display: block;
-        width: 48px;
-        height: 48px;
-    }
-    
-    .popbutton {
-        font-size: 1.5em;
-    }
+		display: block;
+		margin: 4px;
+	}
+	
+	.button a {
+		display: block;
+		width: 48px;
+		height: 48px;
+	}
+	
+	.popbutton {
+		font-size: 16px;
+	}
 	
 	.popbutton:hover {
-        width: 144px;
-    }
-    
-    .popbutton > a {
-        color: var(--main-text, #000000);
-        text-decoration: none;
-        display: flex;
-        align-items: center;
-        height: 48px;
-        width: 144px;
-    }
-    
-    .popbutton > a img {
-        margin-right: 4px;
-    }
-    
-    .oddbutton {
-        top: 8px;
-        left: calc(64px + 8px);
-    }
-    
-    body > .header-title {
-        top: -8px;
-        margin-bottom: -8px;
-    }
-    
-    .forum .thread .post, .forum .thread .reply, .forum .errors {
-        margin: 8px 32px;
-    }
+		width: 144px;
+	}
+	
+	.popbutton > a {
+		color: var(--main-text, #000000);
+		text-decoration: none;
+		display: flex;
+		align-items: center;
+		height: 48px;
+		width: 144px;
+	}
+	
+	.popbutton > a img {
+		margin-right: 4px;
+	}
+	
+	.oddbutton {
+		top: 8px;
+		left: calc(64px + 8px);
+	}
+	
+	body > .header-title {
+		top: -8px;
+		margin-bottom: -8px;
+	}
+	
+	.forum .thread .reply, .forum .errors {
+		margin: 8px 32px;
+	}
+
+	.forum .thread .post {
+		display: flex;
+	}
 }
 
+.forum .thread .post { margin: 8px; }
+
 @media only screen and (orientation: portrait) {
-    :target::before {
-        content: "";
-        display: block;
-        height: 128px;
-        margin: -128px 0 0;
-    }
+	:target::before {
+		content: "";
+		display: block;
+		height: 128px;
+		margin: -128px 0 0;
+	}
 
-    body {
-        top: 68px;
-        left: 0px;
-    }
+	body {
+		top: 68px;
+		left: 0px;
+	}
 
-    .heading {
-        margin: -8px;
-        margin-top: -16px;
-        margin-bottom: 8px;
-        padding: 2px 0px;
-        width: 100%;
-        left: 0px;
-    }
+	.heading {
+		margin: -8px;
+		margin-top: -16px;
+		margin-bottom: 8px;
+		padding: 2px 0px;
+		width: 100%;
+		left: 0px;
+	}
 
-    .heading.main {
-        top: 64px;
-    }
+	.heading.main {
+		top: 64px;
+	}
 
-    .heading.sub {
-        top: 128px;
-    }
-    
-    nav {
-        background-image: var(--navbar-top, url('//assets.worlio.com/style/navbar-top'));
-        background-repeat: repeat-x;
-        background-size: 64px;
-        width: 100%;
-        height: 60px;
-        padding: 2px 0px;
-        overflow-y: hidden;
-        overflow-x: auto;
-        scrollbar-width: none;
-        -ms-overflow-style: none;
-        white-space: nowrap;
-    }
-    
-    nav.top {
-        overflow-y: unset;
-        overflow-x: unset;
-    }
-    
-    nav hr {
+	.heading.sub {
+		top: 128px;
+	}
+	
+	nav {
+		background-image: var(--navbar-top, url('//assets.worlio.com/style/navbar-top'));
+		background-repeat: repeat-x;
+		background-size: 64px;
+		width: 100%;
+		height: 60px;
+		padding: 2px 0px;
+		overflow-y: hidden;
+		overflow-x: auto;
+		scrollbar-width: none;
+		-ms-overflow-style: none;
+		white-space: nowrap;
+	}
+	
+	nav.top {
+		overflow-y: unset;
+		overflow-x: unset;
+	}
+	
+	nav hr {
 		margin: 0px 2px;
 		border: none;
 		border: 1px solid black;
@@ -555,87 +611,87 @@ body > .header-title {
 		display: inline-block;
 		height: 48px;
 	}
-    
-    nav .logo {
-        display: inline-block;
-    }
-    
-    nav > a {
-        transform: rotate(-90deg);
-        display: inline-block;
-        vertical-align: top;
-        height: 100%;
-    }
-    
-    nav.top {
+	
+	nav .logo {
+		display: inline-block;
+	}
+	
+	nav > a {
+		transform: rotate(-90deg);
+		display: inline-block;
+		vertical-align: top;
+		height: 100%;
+	}
+	
+	nav.top {
 		width: 100%;
-        top: 64px;
-        left: 0px;
+		top: 64px;
+		left: 0px;
 	}
 	
 	nav.top > .dropdown h3 {
-        width: 36px;
-    }
-    
-    nav.top.alert {
-        top: 100px;
-    }
+		width: 36px;
+	}
+	
+	nav.top.alert {
+		top: 100px;
+	}
 	
 	.button {
-        display: inline-block;
-        margin: 2px 4px;
-    }
+		display: inline-block;
+		margin: 2px 4px;
+	}
 	
 	.popbutton:hover {
-        width: 48px;
-    }
-    
-    .popbutton a:nth-of-type(2) {
-        display: none;
-    }
-    
-    .oddbutton {
-        top: calc(64px + 8px);
-        left: 8px;
-    }
-    
-    .longbutton.collapse {
-        background-image: var(--button-small, url('//assets.worlio.com/style/button-small'));
-        width: 24px;
-        margin: 2px !important;
-        font-size: 0px;
-    }
-    
-    body > .header-title {
-        top: -16px;
-        margin-bottom: -16px;
-    }
-    
-    .forum .thread .post, .forum .thread .reply, .errors {
-        margin: 8px;
-    }
-    
-    .forum .thread .threadsub {
-        flex-direction: column;
-    }
-    
-    .forum .thread .threadsub .buttons {
-        text-align: right;
-    }
-    
-    .forum .thread .post .bottombar {
-        flex-direction: column;
-    }
-    
-    .forum .thread .post .bottombar .buttons {
-        flex-direction: row;
-    }
+		width: 48px;
+	}
+	
+	.popbutton a:nth-of-type(2) {
+		display: none;
+	}
+	
+	.oddbutton {
+		top: calc(64px + 8px);
+		left: 8px;
+	}
+	
+	.longbutton.collapse {
+		background-image: var(--button-small, url('//assets.worlio.com/style/button-small'));
+		width: 24px;
+		margin: 2px !important;
+		font-size: 0px;
+	}
+	
+	body > .header-title {
+		top: -16px;
+		margin-bottom: -16px;
+	}
+	
+	.forum .thread .post, .forum .thread .reply, .errors {
+		margin: 8px;
+	}
+	
+	.forum .thread .threadsub {
+		flex-direction: column;
+	}
+	
+	.forum .thread .threadsub .buttons {
+		text-align: right;
+	}
+	
+	.forum .thread .post .bottombar {
+		flex-direction: column;
+	}
+	
+	.forum .thread .post .bottombar .buttons {
+		flex-direction: row;
+	}
 }
 
 body {
 	background-color: var(--main-background, #d3d3d3);
 	background-image: var(--background-image, url('//assets.worlio.com/style/background'));
-    color: var(--main-text, #000000);
+	color: var(--main-text, #000000);
 }
 
 nav,
@@ -643,13 +699,13 @@ nav.top,
 .button,
 .centerdiv,
 .heading {
-    scrollbar-width: none;
-    -ms-overflow-style: none;
+	scrollbar-width: none;
+	-ms-overflow-style: none;
 }
 
 p img,
 body > img {
-    max-width: 100%;
+	max-width: 100%;
 }
 
 .logo {
@@ -665,36 +721,36 @@ h2 img {
 }
 
 table {
-    border-collapse: collapse;
+	border-collapse: collapse;
 	width: 100%;
-    margin-right: 8px;
+	margin-right: 8px;
 }
 
 .heading {
-    z-index: 10;
-    display: block;
+	z-index: 10;
+	display: block;
 	background-repeat: repeat-x;
 	overflow-y: hidden;
 	overflow-x: auto;
 	white-space: nowrap;
-    border: none;
-    font-family: var(--spfont1, Pixio);
+	border: none;
+	font-family: var(--spfont1, Pixio);
 }
 
 .heading.main {
-    position: sticky;
+	position: sticky;
 	background-size: 64px;
 	height: 60px;
 }
 
 .heading {
-    background-color: var(--header-bg, #ffffff);;
+	background-color: var(--header-bg, #ffffff);;
 	background-image: var(--navbar-top, url('//assets.worlio.com/style/navbar-top'));
 }
 
 .heading.sub,
 .heading.section {
-    height: 28px;
+	height: 28px;
 }
 
 .heading.sub {
@@ -718,7 +774,7 @@ table {
 }
 
 .heading > a {
-    margin: 0px 0px 0px 4px;
+	margin: 0px 0px 0px 4px;
 	display: inline-block;
 	font-weight: bold;
 	height: 100%;
@@ -734,7 +790,7 @@ table {
 }
 
 .heading > img {
-    filter: drop-shadow(0px 0px 2px black);
+	filter: drop-shadow(0px 0px 2px black);
 }
 
 .heading.main i {
@@ -753,12 +809,12 @@ table {
 }
 
 hr.arrow {
-    border: none; border-left: none;
-    background-image: url('//style.worlio.com/icons/arrow/arrows');
-    background-size: 200% 200%;
-    height: 24px;
-    width: 24px;
-    margin: 22px 2px 2px 2px;
+	border: none; border-left: none;
+	background-image: url('//style.worlio.com/icons/arrow/arrows');
+	background-size: 200% 200%;
+	height: 24px;
+	width: 24px;
+	margin: 22px 2px 2px 2px;
 }
 
 hr.arrow.left { background-position: 0 0; }
@@ -768,13 +824,13 @@ hr.arrow.down { background-position: 100% 100%; }
 
 c, code, .codeblock:not(.title) {
 	background-color: var(--code-bg, #ffffff63);
-    color: var(--code-text, #000000);
-    display: inline-block;
-    max-width: calc(100% - 4px);
-    /*white-space: pre-wrap;*/
-    word-wrap: anywhere;
+	color: var(--code-text, #000000);
+	display: inline-block;
+	max-width: calc(100% - 4px);
+	/*white-space: pre-wrap;*/
+	word-wrap: anywhere;
 	font-family: Courier New;
-    padding: 2px;
+	padding: 2px;
 }
 
 code p {
@@ -782,31 +838,31 @@ code p {
 }
 
 .centerdiv {
-    padding: 8px;
-    text-align: center;
-    margin: auto;
-    max-width: 50%;
-    width: 50%;
+	padding: 8px;
+	text-align: center;
+	margin: auto;
+	max-width: 50%;
+	width: 50%;
 }
 
 .centerdiv img {
-    width: 100%;
+	width: 100%;
 }
 
 .lib {
-    background-color: transparent;
-    border: none;
+	background-color: transparent;
+	border: none;
 }
 
 .lib.large {
-    max-width: 256px;
-    text-align: center;
+	max-width: 256px;
+	text-align: center;
 }
 
 .lib a {
 	margin: 4px 8px;
 	display: inline-block;
-    
+	
 }
 			
 .lib a:hover {
@@ -814,9 +870,9 @@ code p {
 }
 
 .lib a > img {
-    margin: auto;
-    filter: brightness(90%);
-    transition-duration: 0.1s;
+	margin: auto;
+	filter: brightness(90%);
+	transition-duration: 0.1s;
 }
 			
 .lib a:hover > img {
@@ -824,14 +880,14 @@ code p {
 }
 			
 .lib.main a img {
-    max-height: 64px;
-    min-width: 64px;
-    max-width: 192px;
+	max-height: 64px;
+	min-width: 64px;
+	max-width: 192px;
 }
 
 .lib.small,
 .lib.tiny {
-    display: block;
+	display: block;
 }
 
 .lib.small > a,
@@ -841,46 +897,46 @@ code p {
 
 .lib.small > a img,
 .lib.tiny > a img {
-    max-height: 16px;
-    min-width: 16px;
-    max-width: 48px;
+	max-height: 16px;
+	min-width: 16px;
+	max-width: 48px;
 }
 
 .lib.small > a {
-    width: 368px;
+	width: 368px;
 }
 
 .lib.tiny > a {
-    min-width: 64px;
+	min-width: 64px;
 }
 
 .comments {
 	max-width: 100%;
 	overflow: auto;
 	margin: unset;
-    border-collapse: unset;
-    border: none;
+	border-collapse: unset;
+	border: none;
 }
 
 .love {
-    display: inline-block;
-    transform: none;
-    height: unset;
-    color: #FF0000;
-    opacity: 0.1;
-    text-decoration: none;
-    z-index: 15;
-    width: 48px;
+	display: inline-block;
+	transform: none;
+	height: unset;
+	color: #FF0000;
+	opacity: 0.1;
+	text-decoration: none;
+	z-index: 15;
+	width: 48px;
 }
 
 .link {
-    text-decoration: underline;
-    color: blue;
-    cursor: pointer;
+	text-decoration: underline;
+	color: blue;
+	cursor: pointer;
 }
 
 .link:hover {
-    color: blueviolet;
+	color: blueviolet;
 }
 
 input[type="button"], 
@@ -904,21 +960,21 @@ input[type="time"],
 input[type="url"], 
 input[type="week"], 
 textarea {
-    background-color: var(--input-bg, #ffffff);
-    color: var(--input-text, #000);
+	background-color: var(--input-bg, #ffffff);
+	color: var(--input-text, #000);
 }
 
 input[type="file"] {
-    color: var(--input-text, #000);
+	color: var(--input-text, #000);
 }
 
 .styled-table > tbody > tr {
-    border-bottom: 1px dashed var(--border-line, #000000);
+	border-bottom: 1px dashed var(--border-line, #000000);
 }
 
 .styled-table > tbody > tr th {
-    background-color: rgba(255,255,255,0.4);
-    border-bottom: 1px solid var(--border-header, #ffffff);
+	background-color: rgba(255,255,255,0.4);
+	border-bottom: 1px solid var(--border-header, #ffffff);
 }
 
 .styled-table > tbody > tr td { border: 1px dotted var(--border-line, #000000); }
@@ -927,173 +983,173 @@ input[type="file"] {
 .status.error, .output .error {color: var(--status-error, #ff0000);}
 
 heading .button {
-    display: inline-block !important;
+	display: inline-block !important;
 }
 
 .file-table {
-    width: calc(100% - 8px);
-    border: 1px dotted var(--border-line, #000000);
+	width: calc(100% - 8px);
+	border: 1px dotted var(--border-line, #000000);
 }
 
 .file-table tr {
-    border-bottom: 1px dotted var(--border-line, #000000);
+	border-bottom: 1px dotted var(--border-line, #000000);
 }
 
 .userlink {
-    display: inline-block;
-    margin: 4px 0px;
+	display: inline-block;
+	margin: 4px 0px;
 }
 
 .userlink a {
-    color: var(--main-text, #000000);
-    text-decoration: none;
+	color: var(--main-text, #000000);
+	text-decoration: none;
 }
 
 .userlink img {
-    vertical-align: bottom;
-    margin-right: 4px;
+	vertical-align: bottom;
+	margin-right: 4px;
 }
 
 .message-container {
-    background-color: var(--main-background, #d3d3d3);
-    border: var(--menu-border, 1px solid #bdbdbd);
-    display: block;
-    padding: 4px;
-    margin-right: 8px;
+	background-color: var(--main-background, #d3d3d3);
+	border: var(--menu-border, 1px solid #bdbdbd);
+	display: block;
+	padding: 4px;
+	margin-right: 8px;
 }
 
 .message-container > div {
-    display: block;
+	display: block;
 }
 
 .message-container .subject a {
-    font-size: 18px;
-    font-weight: bold;
-    vertical-align: top;
+	font-size: 18px;
+	font-weight: bold;
+	vertical-align: top;
 }
 
 .message-container .body {
-    background-color: var(--menu-bg, #d0d0d0);
-    border: var(--menu-border, 1px solid #bdbdbd);
-    padding: 8px;
-    margin: 4px;
+	background-color: var(--menu-bg, #d0d0d0);
+	border: var(--menu-border, 1px solid #bdbdbd);
+	padding: 8px;
+	margin: 4px;
 }
 
 .message-container .date {
-    text-align: right;
+	text-align: right;
 }
 
 .live-preview {
-    vertical-align: top;
-    overflow: auto;
+	vertical-align: top;
+	overflow: auto;
 }
 
 .wrapper {
-    display: block;
-    padding: 8px;
+	display: block;
+	padding: 8px;
 }
 
 .formbutton button {
-    background: none;
-    color: var(--main-text, #000000);
-    text-decoration: none;
-    display: flex;
-    align-items: center;
-    width: 100%;
-    height: 100%;
-    font-family: var(--spfont1, Pixio);
-    border: none;
-    box-sizing: content-box;
-    padding: 0px;
-    cursor: pointer;
+	background: none;
+	color: var(--main-text, #000000);
+	text-decoration: none;
+	display: flex;
+	align-items: center;
+	width: 100%;
+	height: 100%;
+	font-family: var(--spfont1, Pixio);
+	border: none;
+	box-sizing: content-box;
+	padding: 0px;
+	cursor: pointer;
 }
 
 textarea {
-    resize: vertical;
-    width: calc(100% - 8px);
+	resize: vertical;
+	width: calc(100% - 8px);
 }
 
 .wrapper table input {
-    width: calc(100% - 20px);
+	width: calc(100% - 20px);
 }
 
 .account-name {
-    vertical-align: top;
+	vertical-align: top;
 }
 
 .account-name img {
-    vertical-align: middle !important;
-    width: 32px;
-    display: inline-block;
+	vertical-align: middle !important;
+	width: 32px;
+	display: inline-block;
 }
 
 .dropdown:hover .menu, .dropdown:active .menu {
-    display: block;
+	display: block;
 }
-            
+	
 .button.dropdown > a {
-    cursor: pointer;
+	cursor: pointer;
 }
 
 .dropdown .menu {
-    background-image: var(--background-image, url('//assets.worlio.com/style/background'));
-    display: none;
-    position: relative;
-    background-color: var(--menu-bg, #d0d0d0);
-    border: var(--menu-border, 1px solid #bdbdbd);
-    padding: 4px;
-    right: 152px;
-    width: 140px;
-    top: -28px;
+	background-image: var(--background-image, url('//assets.worlio.com/style/background'));
+	display: none;
+	position: relative;
+	background-color: var(--menu-bg, #d0d0d0);
+	border: var(--menu-border, 1px solid #bdbdbd);
+	padding: 4px;
+	right: 152px;
+	width: 140px;
+	top: -28px;
 }
-            
+	
 .dropdown:hover {
-    background-position-y: 100%;
+	background-position-y: 100%;
 }
 
 .dropdown .menu.below {
-    right: 124px;
-    top: 2px;
+	right: 124px;
+	top: 2px;
 }
 
 .upload-table {
-    width: 512px;
-    max-width: calc(100% - 32px);
-    margin: 0px auto;
+	width: 512px;
+	max-width: calc(100% - 32px);
+	margin: 0px auto;
 }
 
 .message-table {
-    width: 768px;
-    max-width: calc(100% - 32px);
-    margin: 0px auto;
+	width: 768px;
+	max-width: calc(100% - 32px);
+	margin: 0px auto;
 }
 
 .message-table input, .message-table textarea {
-    width: 100%;
+	width: 100%;
 }
 
 .double-column-table tr td:nth-of-type(1),
 .double-column-table tr th:nth-of-type(1) {
-    text-align: right;
-    vertical-align: top;
+	text-align: right;
+	vertical-align: top;
 }
 
 table {
-    max-width: calc(100% - 8px);
+	max-width: calc(100% - 8px);
 }
 
 .mail-count {
-    color: var(--alert); 
-    position: relative;
-    top: -6px;
-    right: 28px;
+	color: var(--alert);
+	position: relative;
+	top: -6px;
+	right: 28px;
 }
 
 .form-container {
-    background-color: var(--menu-bg, #d0d0d0);
-    border: var(--menu-border, 1px solid #bdbdbd);
-    padding: 8px;
-    margin: 4px;
+	background-color: var(--menu-bg, #d0d0d0);
+	border: var(--menu-border, 1px solid #bdbdbd);
+	padding: 8px;
+	margin: 4px;
 }
 
 .tabbed-container {
@@ -1101,254 +1157,302 @@ table {
 
 .tabbed-container .tablist .tab,
 .tabbed-container .tablist .faketab {
-    cursor: pointer;
+	cursor: pointer;
 }
 
 .mailbox a,
 .mailbox a:link, .mailbox a:visited,
 .tablist a,
 .tablist a:link, .tablist a:visited {
-    color: var(--main-text, #000000);
-    text-decoration: none;
+	color: var(--main-text, #000000);
+	text-decoration: none;
 }
 
 .tabbed-container {
-    display: flex;
-    flex-direction: column;
+	display: flex;
+	flex-direction: column;
 }
 
 .tabbed-container .tablist {
-    position: relative;
-    bottom: -1px;
-    display: flex;
-    flex-direction: row;
-    flex-shrink: 0;
-    overflow-x: auto;
-    overflow-y: hidden;
+	position: relative;
+	bottom: -1px;
+	display: flex;
+	flex-direction: row;
+	flex-shrink: 0;
+	overflow-x: auto;
+	overflow-y: hidden;
 }
 
 .tabbed-container .tablist .tab,
 .tabbed-container .tablist .faketab {
-    background-color: var(--tab-inactive, #bdbdbd);
-    border: var(--menu-border, 1px solid #bdbdbd);
-    display: inline-block;
-    padding: 8px;
-    position: relative;
-    margin: 0px 2px;
-    bottom: -1px;
-    text-align: center;
-    font-family: var(--spfont1, Pixio);
+	background-color: var(--tab-inactive, #bdbdbd);
+	border: var(--menu-border, 1px solid #bdbdbd);
+	display: inline-block;
+	padding: 8px;
+	position: relative;
+	margin: 0px 2px;
+	bottom: -1px;
+	text-align: center;
+	font-family: var(--spfont1, Pixio);
 }
 
-.tabbed-container .tablist .tab img,
+.tabbed-container .tablist .tab *:not(.userlink) img,
 .tabbed-container .tablist .faketab img {
-    vertical-align: middle;
+	vertical-align: middle;
 }
 
 .tabbed-container .tablist .tab.selected, 
 .tabbed-container .tablist .faketab.selected {
-    background: var(--tab-selected, #d3d3d3);
-    background: -moz-linear-gradient(0deg, var(--tab-selected, #d3d3d3) 50%, var(--tab-gradient, #dedede) 100%);
-    background: -webkit-linear-gradient(0deg, var(--tab-selected, #d3d3d3) 50%, var(--tab-gradient, #dedede) 100%);
-    background: linear-gradient(0deg, var(--tab-selected, #d3d3d3) 50%, var(--tab-gradient, #dedede) 100%);
-    bottom: -2px;
-    /*border-bottom: none;*/
+	background: var(--tab-selected, #d3d3d3);
+	background: -moz-linear-gradient(0deg, var(--tab-selected, #d3d3d3) 50%, var(--tab-gradient, #dedede) 100%);
+	background: -webkit-linear-gradient(0deg, var(--tab-selected, #d3d3d3) 50%, var(--tab-gradient, #dedede) 100%);
+	background: linear-gradient(0deg, var(--tab-selected, #d3d3d3) 50%, var(--tab-gradient, #dedede) 100%);
+	bottom: -2px;
+	/*border-bottom: none;*/
 }
 
 .tabbed-container .box,
 .tabbed-container .dropdown {
-    background-color: var(--tab-selected, #d3d3d3);
-    border: var(--menu-border, 1px solid #bdbdbd);
-    padding: 4px;
-    display: block;
-    flex: auto;
+	background-color: var(--tab-selected, #d3d3d3);
+	border: var(--menu-border, 1px solid #bdbdbd);
+	padding: 4px;
+	display: block;
+	flex: auto;
 }
 
 /* JS should handle positions and shit */
 .tabbed-container .dropdown {
-    position: absolute;
-    border-top: none;
+	position: absolute;
+	border-top: none;
 }
 
 .mailbox .message,
 .userbox .member {
-    background-color: var(--menu-bg, #d0d0d0);
-    border: var(--menu-border, 1px solid #bdbdbd);
-    margin: 4px;
-    padding: 8px;
+	background-color: var(--menu-bg, #d0d0d0);
+	border: var(--menu-border, 1px solid #bdbdbd);
+	margin: 4px;
+	padding: 8px;
 }
 
 .emote {
-    image-rendering: crisp-edges;
+	image-rendering: crisp-edges;
 	image-rendering: -moz-crisp-edges;
 	image-rendering: -webkit-optimize-contrast;
 	image-rendering: pixelated;
 }
 
 .overlay {
-    position: fixed;
-    top: 0px; bottom: 0px; left: 0px; right: 0px;
-    z-index: 20;
-    background-color: #000a;
-    width: 100%;
-    height: 100%;
-    display: flex;
-    align-items: center;
+	position: fixed;
+	top: 0px; bottom: 0px; left: 0px; right: 0px;
+	z-index: 20;
+	background-color: #000a;
+	width: 100%;
+	height: 100%;
+	display: flex;
+	align-items: center;
 }
 
+.overlay .box,
+.overlay .attachment {
+	background: var(--main-background, #d3d3d3);
+	border: 2px inset gray;
+	padding: 8px;
+	
+	margin-left: auto; margin-right: auto;
+}
 .overlay .box {
-    position: fixed;
-    background: var(--main-background, #d3d3d3);
-    border: 2px inset gray;
-    padding: 8px;
-    left: 0; right: 0;
-    margin-left: auto; margin-right: auto;
+	position: fixed;
+	left: 0; right: 0;
 }
 
 .overlay .popup {
-    min-width: 128px;
-    /*height: 80px;*/
-    overflow: auto;
+	min-width: 128px;
+	/*height: 80px;*/
+	overflow: auto;
+}
+
+.overlay .popup.box .embedder .embed-item {
+	display: inline-block;
+	padding: 4px;
+	cursor: pointer;
+	border: 1px solid transparent;
+	height: 30px;
+	font-family: var(--spfont1);
+}
+
+.overlay .popup.box .embedder .embed-item img {
+	padding: 2px;
+	margin: 2px;
+	vertical-align: middle;
+}
+
+.overlay .popup.box .embedder .embed-item:hover {
+	border: var(--menu-border, 1px solid #bdbdbd);
+	background: var(--menu-bg, #d0d0d0);
+}
+
+.overlay .popup.box .embedder .embed-item.selected {
+	border: 1px outset #65aad2;
+	background: #b6dfe6;
 }
 
 .dragbox {
-    position: absolute;
-    z-index: 10;
-    background: var(--main-background, #d3d3d3);
-    border: var(--menu-border);
-    padding: 8px;
-    box-shadow: #0005 5px 5px 4px;
-    max-width: 100%;
+	position: absolute;
+	z-index: 10;
+	background: var(--main-background, #d3d3d3);
+	border: var(--menu-border);
+	padding: 8px;
+	box-shadow: #0005 5px 5px 4px;
+	max-width: 100%;
 }
 
 .dragbox textarea {
-    resize: both;
+	resize: both;
 }
 
 .overlay .popup .titlebar,
+.overlay .attachment .titlebar,
 .dragbox .titlebar {
-    display: flex;
-    position: sticky;
-    top: -8px;
-    margin: -8px;
-    margin-bottom: 8px;
-    padding: 4px;
-    background: var(--popup-title-bg);
-    border-bottom: var(--popup-title-border);
-    font-family: var(--spfont1, Pixio);
+	display: flex;
+	position: sticky;
+	top: -8px;
+	margin: -8px;
+	margin-bottom: 8px;
+	padding: 4px;
+	background: var(--popup-title-bg);
+	border-bottom: var(--popup-title-border);
+	font-family: var(--spfont1, Pixio);
 }
 
 .overlay .popup .titlebar .title,
+.overlay .attachment .titlebar .title,
 .dragbox .titlebar .title {
-    flex-grow: 1;
+	flex-grow: 1;
 }
 
 .overlay .popup .titlebar .closebtn,
+.overlay .attachment .titlebar .closebtn,
 .dragbox .titlebar .closebtn {
-    cursor: pointer;
+	cursor: pointer;
 }
 
 .dragbox .button-row {
-    display: flex;
-    border-top: var(--menu-border);
-    margin: -8px; margin-top: 0px;
-    padding: 4px;
+	display: flex;
+	border-top: var(--menu-border);
+	margin: -8px; margin-top: 0px;
+	padding: 4px;
 }
 
 .dragbox .content {display: flex;}
 .dragbox#rename .content,
 .dragbox#new-folder .content {
-    flex-direction: column;
+	flex-direction: column;
 }
 
 @media only screen and (orientation: portrait) {
-    .overlay .box {
-        left: 4px;
-        right: 4px;
-    }
-    
-    .overlay .box {
-        max-width: 100%;
-    }
-    
-    .overlay .popup {
-        max-height: 90%;
-    }
-    
-    .forum .thread .threadsub {
-        top: 72px;
-    }
+	.overlay .box {
+		left: 4px;
+		right: 4px;
+	}
+	
+	.overlay .box, .overlay .attachment {
+		max-width: 100%;
+	}
+	
+	.overlay .popup, .overlay .attachment {
+		max-height: 90%;
+	}
+	
+	.forum .thread .threadsub {
+		top: 100px;
+	}
+
+	.forum .thread .post .authorbar .user-stat {flex-direction: row;}
+	.forum .thread .post .authorbar .user-stat b {flex-grow: 1;}
+	.forum .thread .post .authorbar .avatar { width: 64px; height: 64px;}
+	.forum .thread .post-anchor { top: -10px; }
 }
 
 @media only screen and (orientation: landscape) {
-    .overlay .popup {
-        max-width: 512px;
-        max-height:90%;
-    }
-    
-    .tabbed-container.vertical {
-        flex-direction: row;
-    }
+	.overlay .popup {
+		max-width: 512px;
+		max-height:90%;
+	}
+	
+	.tabbed-container.vertical {
+		flex-direction: row;
+	}
 
-    .tabbed-container.vertical > .tablist {
-        position: relative;
-        right: -1px;
-        bottom: 0px;
-        display: flex;
-        flex-direction: column;
-        overflow-x: hidden;
-        overflow-y: auto;
-        flex-shrink: 0;
-    }
+	.tabbed-container.vertical > .tablist {
+		position: relative;
+		right: -1px;
+		bottom: 0px;
+		display: flex;
+		flex-direction: column;
+		overflow-x: hidden;
+		overflow-y: auto;
+		flex-shrink: 0;
+	}
 
-    .tabbed-container.vertical > .tablist .tab,
-    .tabbed-container.vertical > .tablist .faketab {
-        margin: 2px 0px;
-        right: -1px;
-        bottom: 0px;
-    }
+	.tabbed-container.vertical > .tablist .tab,
+	.tabbed-container.vertical > .tablist .faketab {
+		margin: 2px 0px;
+		right: -1px;
+		bottom: 0px;
+	}
 
-    .tabbed-container.vertical > .tablist .tab.selected,
-    .tabbed-container.vertical > .tablist .faketab.selected {
-        background: var(--tab-selected, #d3d3d3);
-        background: -moz-linear-gradient(-90deg, var(--tab-selected, #d3d3d3) 25%, var(--tab-gradient, #dedede) 100%);
-        background: -webkit-linear-gradient(-90deg, var(--tab-selected, #d3d3d3) 25%, var(--tab-gradient, #dedede) 100%);
-        background: linear-gradient(-90deg, var(--tab-selected, #d3d3d3) 25%, var(--tab-gradient, #dedede) 100%);
-        border: var(--menu-border, 1px solid #bdbdbd);
-    }
-    
-    .forum .thread .threadsub {
-        top: 34px;
-    }
+	.tabbed-container.vertical > .tablist .tab.selected,
+	.tabbed-container.vertical > .tablist .faketab.selected {
+		background: var(--tab-selected, #d3d3d3);
+		background: -moz-linear-gradient(-90deg, var(--tab-selected, #d3d3d3) 25%, var(--tab-gradient, #dedede) 100%);
+		background: -webkit-linear-gradient(-90deg, var(--tab-selected, #d3d3d3) 25%, var(--tab-gradient, #dedede) 100%);
+		background: linear-gradient(-90deg, var(--tab-selected, #d3d3d3) 25%, var(--tab-gradient, #dedede) 100%);
+		border: var(--menu-border, 1px solid #bdbdbd);
+	}
+	
+	.forum .thread .threadsub {
+		top: 35px;
+	}
+
+	.forum .thread .post .authorbar {
+		width: 150px;
+		flex-shrink: 0;
+		text-align: center;
+		flex-direction: column;
+	}
+
+	.forum .thread .post .authorbar .user-stat {flex-direction: column;}
+	.forum .thread .post .authorbar .avatar { width: 128px; height: 128px;}
+	.forum .thread .post-anchor { top: -74px; }
 }
 
 .close {
-    position: absolute;
-    background-image: url('//assets.worlio.com/style/icons/close');
-    background-size: 100%;
-    width: 32px;
-    height: 32px;
-    cursor: pointer;
-    top: 8px;
-    right: 8px;
+	position: absolute;
+	background-image: url('//assets.worlio.com/style/icons/deny');
+	background-size: 100%;
+	width: 48px;
+	height: 48px;
+	cursor: pointer;
+	top: 8px;
+	right: 8px;
 }
 
 .verinfo {
-    display: inline;
-    position: fixed;
-    bottom: 4px;
-    right: 4px;
-    opacity: 0.3;
-    pointer-events: none;
+	display: inline;
+	position: fixed;
+	bottom: 4px;
+	right: 4px;
+	opacity: 0.3;
+	pointer-events: none;
 }
 
 /* FORUM */
 table.board { font-family: var(--spfont1, Pixio); }
 
 table.board th { 
-    text-align: left; 
-    padding: 4px;
-    background-color: var(--forum-header, #f3dca9);
+	text-align: left;
+	padding: 4px;
+	background-color: var(--forum-header, #f3dca9);
 }
 
 body.forum_board table.board tr:nth-child(0) { border: var(--forum-header-border, 1px solid #a89b7f); }
@@ -1360,15 +1464,15 @@ body.forum table.board td:nth-child(3) * { vertical-align: middle; }
 
 body.forum table.board th {
 	cursor: pointer;
-    user-select: none;
-    border: var(--forum-header-border, 1px solid #a89b7f);
+	user-select: none;
+	border: var(--forum-header-border, 1px solid #a89b7f);
 }
 
 table.board tr { 
-    text-align: left; 
-    padding: 4px;
-    background-color: var(--forum-content, #d9d4c9);
-    border: var(--forum-content-border, 1px solid #a29c8d);
+	text-align: left;
+	padding: 4px;
+	background-color: var(--forum-content, #d9d4c9);
+	border: var(--forum-content-border, 1px solid #a29c8d);
 }
 
 body.forum_board table.board th {
@@ -1379,9 +1483,11 @@ body.forum table.board.collapsed td { display: none; }
 
 @media only screen and (max-width: 1024px) {
 	body.forum table.board td:nth-child(4),
-    body.forum table.board col:nth-child(4) { display: none; }
-    body.forum_board table.board td:nth-child(4),
-	body.forum_board table.board col:nth-child(4) { display: none; }
+	body.forum table.board col:nth-child(4) { display: none; }
+	body.forum_board table.board td:nth-child(4),
+	body.forum_board table.board col:nth-child(4),
+	body.forum_watched table.board td:nth-child(4),
+	body.forum_watched table.board col:nth-child(4) { display: none; }
 	table.board td:nth-child(3) { border-right: var(--forum-content-border, 1px solid #a29c8d); }
 }
 
@@ -1393,343 +1499,399 @@ table.board .status {
 }
 
 .forum .category {
-    font-family: var(--spfont1, Pixio);
+	font-family: var(--spfont1, Pixio);
 }
 
 .forum > .category,
 .forum > .board,
 .forum > .thread {
-    margin-top: 8px;
+	margin-top: 8px;
 }
 
 .forum .category.collapsed .board {
-    display: none;
+	display: none;
 }
 
 .forum .category.collapsed name {
-    opacity: 0.5;
+	opacity: 0.5;
 }
 
 .forum .board name,
 .forum .category name,
 .forum .thread name {
-    display: flex;
-    background-color: var(--forum-header, #f3dca9);
-    border: var(--forum-header-border, 1px solid #a89b7f);
-    font-family: var(--spfont1, Pixio);
-    padding: 4px;
+	display: flex;
+	background-color: var(--forum-header, #f3dca9);
+	border: var(--forum-header-border, 1px solid #a89b7f);
+	font-family: var(--spfont1, Pixio);
+	padding: 4px;
 }
 
 .forum .category name {
-    cursor: pointer;
-    user-select: none;
-    margin-bottom: -1px;
+	cursor: pointer;
+	user-select: none;
+	margin-bottom: -1px;
 }
 
 .forum .board name .info,
 .forum .category name .info,
 .forum .thread name .info {
-    flex-grow: 1;
+	flex-grow: 1;
 }
 
 .forum .board name .info i,
 .forum .category name .info i,
 .forum .thread name .info i {
-    font-size: 12px;
-    color: var(--subtitle, #525252);
+	font-size: 12px;
+	color: var(--subtitle, #525252);
 }
 
 .forum .board name .buttons,
 .forum .category name .buttons,
 .forum .thread name .buttons {
-    flex-grow: 0;
-    padding: 2px;
+	flex-grow: 0;
+	padding: 2px;
+}
+
+.forum .thread name .infobox {
+	flex-grow:1;
+}
+
+.forum .thread name .infobox .author {
+	color: var(--subtitle);
 }
 
 .forum .category .board.sub {
-    margin-left: 16px;
+	margin-left: 16px;
 }
 
 .forum .category .board {
-    display: flex;
-    background-color: var(--forum-content, #d9d4c9);
-    border: var(--forum-content-border, 1px solid #a29c8d);
-    padding: 8px;
-    margin-left: 8px;
-    margin-bottom: -1px;
+	display: flex;
+	background-color: var(--forum-content, #d9d4c9);
+	border: var(--forum-content-border, 1px solid #a29c8d);
+	padding: 8px;
+	margin-left: 8px;
+	margin-bottom: -1px;
 }
 
 .forum .category .board .details1 {
-    flex-grow: 1;
+	flex-grow: 1;
 }
 
 .forum .category .board .details2 {
-    flex-grow: 0;
-    text-align: center;
-    padding: 0px 4px;
+	flex-grow: 0;
+	text-align: center;
+	padding: 0px 4px;
 }
 
 .forum .category .board .desc {
-    font-size: 12px;
+	font-size: 12px;
 }
 
 .forum .board .thread {
-    display: flex;
-    background-color: var(--forum-content, #d9d4c9);
-    border: var(--forum-content-border, 1px solid #a29c8d);
-    border-top: none;
-    margin-left: 8px;
-    margin-right: 8px;
-    padding: 8px;
-    font-family: var(--spfont1, Pixio);
+	display: flex;
+	background-color: var(--forum-content, #d9d4c9);
+	border: var(--forum-content-border, 1px solid #a29c8d);
+	border-top: none;
+	margin-left: 8px;
+	margin-right: 8px;
+	padding: 8px;
+	font-family: var(--spfont1, Pixio);
 }
 
 .forum .board .thread .userlink {
-    margin: unset;
+	margin: unset;
 }
 
 .forum .board .thread .details1 {
-    flex-grow: 1;
+	flex-grow: 1;
 }
 
 .forum .board .thread .details1 .post-count {
-    color: var(--subtitle, #525252);
+	color: var(--subtitle, #525252);
 }
 
 .forum .board .thread .details2 {
-    flex-grow: 0;
-    text-align: right;
+	flex-grow: 0;
+	text-align: right;
 }
 
 .forum .board .thread .author {
-    display: inline-block;
-    height: 16px;
-    padding-top: 4px;
+	display: inline-block;
+	height: 16px;
+	padding-top: 4px;
 }
 
 .forum .board .thread .time {
-    color: var(--subtitle, #525252);
+	color: var(--subtitle, #525252);
 }
 
-.forum .thread .post,
+.forum .thread .post .post-content,
 .forum .thread .reply,
 .forum .errors {
-    background-color: var(--post, #d9d9d9);
-    border: var(--post-border, 1px solid #bfb9a9);
-    padding: 4px;
+	background-color: var(--post, #d9d9d9);
+	border: var(--post-border, 1px solid #bfb9a9);
+	padding: 4px;
+}
+
+.forum .thread .post .post-sig {
+	margin: 0px -4px;
+	margin-top: 8px;
+	padding: 4px;
+	max-height: 128px;
+	overflow-y: hidden;
 }
 
 .forum .thread .reply .submit {
-    display: flex;
+	display: flex;
 }
 
-.forum .thread .post .topbar,
 .forum .thread .reply .title,
 .forum .errors .title {
-    display: flex;
-    font-family: var(--spfont1, Pixio);
-    padding: 4px;
-    margin: -8px;
-    margin-bottom: 8px;
+	display: flex;
+	font-family: var(--spfont1, Pixio);
+	padding: 4px;
+	margin: -8px;
+	margin-bottom: 8px;
 }
 
 .forum .thread .reply .title {
-    display: flex;
+	display: flex;
 }
 
 .forum .thread .reply .title input {
-    flex-grow: 1;
+	flex-grow: 1;
 }
 
-.forum .thread .post .topbar {
-    background-color: var(--post-author, #b4b6b7);
-    border: var(--post-author-border, 1px solid #84775a);
-    display: flex;
+.forum .thread .post .authorbar {
+	background-color: var(--post-author, #b4b6b7);
+	border: var(--post-author-border, 1px solid #84775a);
+	display: flex;
+	min-height: 64px;
+	padding: 2px;
 }
 
-.forum .thread .post .topbar .userlink {
-    flex-grow: 1;
+.forum .thread .post .authorbar .author {
+	display: flex;
+	flex-grow:1;
+	flex-direction: column;
 }
 
-.forum .thread .post .topbar .idtag {
-    color: var(--subtitle, #525252);
+/*.forum .thread .post .authorbar .userlink { text-align: center: }*/
+
+.forum .thread .post .authorbar .user-stat {
+	font-family: var(--spfont1);
+	color: var(--subtitle);
+	display: flex;
+}
+
+.forum .thread .post .authorbar img.avatar {
+	margin: 10px;
+	border: var(--menu-border);
 }
 
 .forum .thread .reply .title,
 .forum .errors .title {
-    background-color: var(--forum-sub, #d7ccb6);
-    border: var(--forum-sub-border, 1px solid #99907b)
+	background-color: var(--forum-sub, #d7ccb6);
+	border: var(--forum-sub-border, 1px solid #99907b);
 }
 
 .forum .thread .threadsub {
-    background-color: var(--forum-sub, #d7ccb6);
-    position: sticky;
-    border: var(--forum-sub-border, 1px solid #99907b);
-    border-top: none;
-    display: flex;
-    padding: 2px;
-    margin: 0px 16px;
-    font-family: var(--spfont1, Pixio);
+	background-color: var(--forum-sub, #d7ccb6);
+	position: sticky;
+	border: var(--forum-sub-border, 1px solid #99907b);
+	border-top: none;
+	display: flex;
+	padding: 2px;
+	margin: 0px 16px;
+	font-family: var(--spfont1, Pixio);
+	z-index: 5;
 }
 
 .forum .thread .threadsub .author {
-    flex-grow: 1;
+	flex-grow: 1;
 }
 
 .forum .thread .post img,
 .forum .thread .post video,
 .forum .thread .post audio,
 .forum .thread .post iframe {
-    max-width: 100%;
+	max-width: 100%;
 }
 
-.forum .thread .post .bottombar {
-    border-top: var(--post-border, 1px solid #bfb9a9);
-    background-color: var(--post-bottombar, #d2d2d2);
-    padding: 4px;
-    display: flex;
-    margin: 8px -4px -4px -4px;
-    font-family: var(--spfont1, Pixio);
+.forum .thread .post .topbar {
+	/*border: var(--post-border, 1px solid #bfb9a9);*/
+	border-bottom: none;
+	background-color: var(--post-bottombar, #d2d2d2);
+	padding: 4px;
+	display: flex;
+	font-family: var(--spfont1, Pixio);
+	margin: -4px; margin-bottom: 4px;
 }
 
-.forum .thread .post .bottombar .timestamp {
-    color: var(--subtitle, #525252);
-    flex-grow: 1;
+.forum .thread .post .topbar .timestamp {
+	color: var(--subtitle, #525252);
+	flex-grow: 1;
 }
 
-.forum .thread .post .bottombar .buttons {
-    display: flex;
+.forum .thread .post .topbar .idtag {
+	color: var(--subtitle, #525252);
 }
 
-.forum .thread .post .bottombar .buttons a {
-    padding: 2px 4px;
+.forum .thread .post .post-content {
+	display: flex;
+	flex-direction: column;
+	flex-grow: 1;
+}
+
+.forum .thread .post-anchor {
+	pointer-events: none;
+	position: relatve;
+}
+
+.forum .thread .post .post-content .post-body { flex-grow: 1; }
+
+.forum .thread .post .buttonbar {
+	background-color: var(--post-bottombar, #d2d2d2);
+	display: flex;
+	margin: -4px; margin-top: 8px;
+	font-family: var(--spfont1, Pixio);
+}
+
+.forum .thread .post .buttonbar a {
+	padding: 2px 4px;
 }
 
 .forum .thread .options .option .name {
-    font-family: var(--spfont1, Pixio);
+	font-family: var(--spfont1, Pixio);
 }
 
 .forum .thread name .thricon {
-    margin: 0px 4px;
+	margin: 0px 4px;
 }
 
 .thricon {
-    height: 16px;
+	height: 16px;
 }
 
 div.page-buttons {
-    display: inline-flex;
-    flex-grow: 0;
-    flex-shrink: 0;
+	display: inline-flex;
+	flex-grow: 0;
+	flex-shrink: 0;
 }
 
 div.page-buttons .button#first-page, 
 div.page-buttons .button#page-selector, 
 div.page-buttons .button#last-page {
-    cursor: pointer;
+	cursor: pointer;
 }
 
 div.page-buttons .button#first-page div, 
 div.page-buttons .button#page-selector div, 
 div.page-buttons .button#last-page div {
-    display: inline-block;
-    width: 100%;
-    margin: 4px 0px;
+	display: inline-block;
+	width: 100%;
+	margin: 4px 0px;
 }
 div.page-buttons .button#first-page div a, 
 div.page-buttons .button#page-selector div a, 
 div.page-buttons .button#last-page div a {
-    color: var(--alert); 
-    display: inline-block !important; 
-    text-align: center;
+	color: var(--alert);
+	display: inline-block !important;
+	text-align: center;
 }
 
 .errors .error {
-    color: var(--error);
-    display: block;
+	color: var(--error);
+	display: block;
 }
 
 .userlink { font-family: var(--spfont1, Pixio); }
 
 .posteditor .editor-buttons .button a > input,
 .posteditor .editor-buttons .button a > select {
-    background: none;
-    border: none;
-    height: 100%;
-    width: 100%;
-    font-family: var(--spfont1, Pixio);
+	background: none;
+	border: none;
+	height: 100%;
+	width: 100%;
+	font-family: var(--spfont1, Pixio);
 }
 
+.posteditor .editbox {
+	display: flex;
+}
+
+.posteditor .editbox textarea#editor { flex-grow: 1; }
+
 canvas#snow {
-    position: fixed;
-    top: 0px;
-    bottom: 0px;
-    left: 0px;
-    right: 0px;
-    pointer-events: none;
-    z-index: 100;
+	position: fixed;
+	top: 0px;
+	bottom: 0px;
+	left: 0px;
+	right: 0px;
+	pointer-events: none;
+	z-index: 100;
 }
 
 div.emotebox {
-    width: 100%;
-    margin: auto;
+	width: 256px;
+	overflow-y: auto;
 }
 
 div.emotebox .emote-container {
-    padding: 2px;
-    cursor: pointer;
-    border: 1px solid transparent;
+	padding: 2px;
+	cursor: pointer;
+	border: 1px solid transparent;
 }
 
 div.emotebox .emote-container:hover {
-    border: var(--menu-border, 1px solid #bdbdbd);
-    background: var(--menu-bg, #d0d0d0);
+	border: var(--menu-border, 1px solid #bdbdbd);
+	background: var(--menu-bg, #d0d0d0);
 }
 
 .mailcontainer {
 }
 
 .mailcontainer .subject {
-    font-family: var(--spfont1, Pixio);
-    margin: 2px 2px 0px 2px;
-    background: var(--mail-subject-bg, #b7b7b7);
-    border: var(--mail-subject-border, 1px solid #8a8a8a);
-    padding: 2px;
+	font-family: var(--spfont1, Pixio);
+	margin: 2px 2px 0px 2px;
+	background: var(--mail-subject-bg, #b7b7b7);
+	border: var(--mail-subject-border, 1px solid #8a8a8a);
+	padding: 2px;
 }
 
 .mailcontainer .subject img,
-.mailcontainer .sub img {
-    vertical-align: middle;
+.mailcontainer .trade-icon {
+	vertical-align: middle;
 }
 
 .mailcontainer .sub {
-    margin: 0px 8px;
-    background: var(--mail-sub-bg, #cecece);
-    border: var(--mail-sub-border, 1px solid #a8a8a8);
-    border-top: none;
-    padding: 2px 8px;
+	margin: 0px 8px;
+	background: var(--mail-sub-bg, #cecece);
+	border: var(--mail-sub-border, 1px solid #a8a8a8);
+	border-top: none;
+	padding: 2px 8px;
 }
 
 .mailcontainer .content {
-    background: var(--mail-content-bg, #dbdbdb);
-    border: var(--mail-content-border, 1px solid #959595);
-    border-top: none;
-    margin: 0px 16px;
-    padding: 8px 4px 4px 4px;
+	background: var(--mail-content-bg, #dbdbdb);
+	border: var(--mail-content-border, 1px solid #959595);
+	border-top: none;
+	margin: 0px 16px;
+	padding: 8px 4px 4px 4px;
 }
 
 .mailcontainer .buttonbar {
-    display: flex;
-    border-top: var(--mail-content-border, 1px solid #959595);
-    background: var(--mail-buttonbar, #cacaca);
-    margin: 4px -4px -4px -4px;
+	display: flex;
+	border-top: var(--mail-content-border, 1px solid #959595);
+	background: var(--mail-buttonbar, #cacaca);
+	margin: 4px -4px -4px -4px;
 }
 
 .mailcontainer .buttonbar .date {
-    flex-grow: 1;
-    font-family: var(--spfont1, Pixio);
-    padding: 4px;
-    color: var(--subtitle, #525252);
+	flex-grow: 1;
+	font-family: var(--spfont1, Pixio);
+	padding: 4px;
+	color: var(--subtitle, #525252);
 }
 
 .rating .star-container .stars {
@@ -1739,10 +1901,10 @@ div.emotebox .emote-container:hover {
   max-width: 100%;
 }
 .rating .star-container {
-    background-image: url('//assets.worlio.com/style/icons/ratings/unstar');
-    background-size: 20% 100%;
-    height: 100%;
-    cursor: pointer;
+	background-image: url('//assets.worlio.com/style/icons/ratings/unstar');
+	background-size: 20% 100%;
+	height: 100%;
+	cursor: pointer;
 }
 
 .rating.large {
@@ -1750,7 +1912,7 @@ div.emotebox .emote-container:hover {
   display: inline-block;
 }
 .rating.large .star-container {
-    width: 240px;
+	width: 240px;
 }
 
 .rating.medium {
@@ -1758,7 +1920,7 @@ div.emotebox .emote-container:hover {
   display: inline-block;
 }
 .rating.medium .star-container {
-    width: 120px;
+	width: 120px;
 }
 
 .rating.small {
@@ -1766,56 +1928,56 @@ div.emotebox .emote-container:hover {
   display: inline-block;
 }
 .rating.small .star-container {
-    width: 60px;
+	width: 60px;
 }
 
 .tabbed-container > .tablist > .tab > .tab-close {
-    display: inline-block;
-    width: 16px; height: 16px;
-    margin-left: 4px;
-    background-image: url('//assets.worlio.com/style/icons/close');
-    background-size: 100%;
-    cursor: pointer;
+	display: inline-block;
+	width: 16px; height: 16px;
+	margin-left: 4px;
+	background-image: url('//assets.worlio.com/style/icons/close');
+	background-size: 100%;
+	cursor: pointer;
 }
 
 body.forum .main { display: flex; margin: 4px; gap: 4px; }
 @media only screen and (orientation: portrait) {
-    body.forum .main { flex-direction: column; }
+	body.forum .main { flex-direction: column; }
 }
 @media only screen and (orientation: landscape) {
-    body.forum .sidebar {
-        width: 512px;
-    }
+	body.forum .sidebar {
+		width: 512px;
+	}
 }
 
 body.forum .main .forum { 
-    flex-grow: 1;
+	flex-grow: 1;
 }
 body.forum .sidebar { 
-    display: flex;
-    flex-direction: column;
-    margin: 4px; 
-    gap: 4px;
-    margin-top: 8px;
+	display: flex;
+	flex-direction: column;
+	margin: 4px;
+	gap: 4px;
+	margin-top: 8px;
 }
 body.forum .sidebar .box {
-    display: flex;
-    flex-direction: column;
+	display: flex;
+	flex-direction: column;
 }
 body.forum .sidebar .box .content {
-    background: var(--menu-bg);
-    border: var(--menu-border);
-    padding: 4px;
-    border-top: 0;
+	background: var(--menu-bg);
+	border: var(--menu-border);
+	padding: 4px;
+	border-top: 0;
 }
 
 body.forum .sidebar .box .content .subject {font-family: var(--spfont1);}
 body.forum .sidebar .box name {
-    background: var(--post-author);
-    border: var(--post-author-border);
-    font-family: var(--spfont1);
-    font-weight: bold;
-    padding: 4px;
+	background: var(--post-author);
+	border: var(--post-author-border);
+	font-family: var(--spfont1);
+	font-weight: bold;
+	padding: 4px;
 }
 body.forum .sidebar .box .thread .info {font-family: var(--spfont1);}
 body.forum .sidebar .box .thread .info .loc {font-size: 12px;}
@@ -1823,31 +1985,31 @@ body.forum .sidebar .box .thread .info .timestamp {color: var(--subtitle);}
 
 
 .button {
-    background-position: 0 0;
+	background-position: 0 0;
 }
 
 .button:hover, .button.selected {
-    background-position: 0 100%;
+	background-position: 0 100%;
 }
 
 .button:active {
-    background-position: 0 200%;
+	background-position: 0 200%;
 }
 
 .button.disabled, .longbutton.disabled, .smallbutton.disabled {
-    background: #808080;
+	background: #808080;
 }
 
 .popbutton {
-    background-position: 0 0;
+	background-position: 0 0;
 }
 
 .longbutton {
-    background-position: 0 0;
+	background-position: 0 0;
 }
 
 .smallbutton {
-    background-position: 0 0;
+	background-position: 0 0;
 }
 
 .longbutton:hover, .smallbutton:hover {
@@ -1859,29 +2021,257 @@ body.forum .sidebar .box .thread .info .timestamp {color: var(--subtitle);}
 }
 
 .dark-switch:hover {
-    background-position: 0 100%;
+	background-position: 0 100%;
 }
 
 .dark-switch:actice {
-    background-position: 0 200%;
+	background-position: 0 200%;
 }
 
 @media (orientation: landscape) {
 	.popbutton:hover {
-        background: var(--button-wide) 0 100%;
-    }
-    
-    .popbutton:active, .popbutton.disabled {
-        background: var(--button-wide) 0 200%;
-    }
+		background: var(--button-wide) 0 100%;
+	}
+	
+	.popbutton:active, .popbutton.disabled {
+		background: var(--button-wide) 0 200%;
+	}
 }
 
 @media (orientation: portrait) {
 	.popbutton:hover {
-        background-position: 0 100%;
-    }
-    
-    .popbutton:active, .popbutton.disabled {
-        background-position: 0 200%;
-    }
+		background-position: 0 100%;
+	}
+	
+	.popbutton:active, .popbutton.disabled {
+		background-position: 0 200%;
+	}
+}
+
+/* DASHBOARD / HOME */
+@media (orientation: portrait) {
+	body.dashboard .dash-container {
+		flex-direction: column-reverse;
+	}
+}
+
+@media (orientation: landscape) {
+	body.dashboard .dash-container {
+		flex-direction: row;
+	}
+
+	body.dashboard .sidebar {
+		width: 400px;
+		flex-shrink: 0;
+	}
+}
+
+body.dashboard .dash-container {
+	display: flex;
+	gap: 8px;
+	max-width: 1000px;
+	margin: auto;
+}
+
+body.dashboard .dash-container .mainbox {
+	background: var(--menu-bg);
+	border: var(--menu-border);
+	padding: 2px;
+}
+
+body.dashboard .profile-tag {
+	font-family: var(--spfont1);
+	display: flex;
+}
+
+body.dashboard .profile-tag img {
+  	padding: 4px;
+}
+
+body.dashboard .sidebar {
+  	display: flex;
+  	flex-direction: column;
+  	gap: 8px;
+}
+
+body.dashboard .primary {
+  	flex-grow: 1;
+}
+
+body.dashboard .dash-title {
+	border: var(--menu-border);
+	border-bottom: none;
+	background: var(--menu-bg);
+	display: inline-block;
+	padding: 8px;
+	font-weight: bold;
+	font-family: var(--spfont1);
+	margin-bottom: -1px;
+}
+
+body.dashboard .dash-title.currency-mark { position: relative; float: right; top: 24px; }
+
+body.dashboard .dash-title.rlink { float: right; }
+
+body.dashboard .profile-text {
+	display: flex;
+	flex-direction: column;
+	gap: 2px;
+}
+
+body.dashboard .profile-role {
+  	font-size: 0.8em;
+}
+
+body.dashboard .dash-container .sidebar .userlink.online a {
+	color: green;
+}
+
+body.dashboard .dash-container .sidebar .userlink.invisible {
+	opacity: 0.3;
+}
+
+body.dashboard .stats {
+	font-family: var(--spfont1);
+	font-size: 20px;
+}
+
+body.dashboard .stats .currency { color: var(--currency); }
+body.dashboard .stats .unread { color: var(--alert); }
+
+.userlink img.plan-icon {
+	position: relative;
+	margin: 0px 0px 0px -4px;
+	top: -2px;
+}
+
+.dash-container .primary .mainbox .alert {
+	padding: 4px;
+	margin: 4px;
+	background: var(--quote-bg);
+	border: var(--quote-border);
+}
+
+.dash-container .primary .mainbox .alert.unread .content {
+	font-weight: bold;
+}
+
+.dash-container .primary .mainbox .alert .info {
+	text-align: right;
+	color: var(--subtitle);
+	font-family: var(--spfont1);
+}
+
+.dash-container .blogpost {
+	padding: 4px;
+}
+
+.dash-container .blogpost .info {
+	color: var(--subtitle);
+	font-family: var(--spfont1);
+}
+
+.dash-container .sidebar .container div.filespace meter { flex-grow: 1; margin: 0px 4px;}
+.dash-container .sidebar .container div.filespace b { margin-right: 4px;}
+.dash-container .sidebar .container div.filespace { display: flex; }
+.dash-container .sidebar .container div.filespace a { font-family: var(--spfont1); margin: 0px 2px; }
+
+/* USER PROFILE PAGE */
+body.user-profile .user-infobox {
+	width: 180px;
+	background: var(--menu-bg);
+	margin: 2px;
+	border: var(--menu-border);
+}
+
+body.user-profile iframe.box {
+	padding: 0px;
+	margin: -42px -8px auto -9px;
+	height: calc(100% - 36px);
+	flex-grow: 1;
+}
+
+body.user-profile .tabbed-container .tablist {
+	margin: -7px -4px auto -8px;
+	white-space: nowrap;
+}
+
+@media (orientation: portrait) {
+	body.user-profile iframe.box { margin-top: -46px; }
+	body.user-profile .tabbed-container .tablist { margin: -12px -4px auto -8px; }
+}
+
+body.user-profile .tabbed-container .tablist .tab {padding:4px;bottom: 0px;}
+body.user-profile .tabbed-container .tablist .tab.selected {bottom: -1px;}
+
+body.user-profile .tabbed-container .tablist .tab.selected[name="profile"] {
+	--tab-selected-mid: #d3d3d3AA;
+	background: linear-gradient(0deg, #0000 0%, var(--tab-selected-mid) 10%,var(--tab-selected) 50%, var(--tab-gradient, #dedede) 100%);
+}
+
+body.user-profile .tabbed-container {
+	height: calc(100% - 26px);
+}
+
+body.user-profile .tabbed-container .tablist {white-space: nowrap;}
+
+body.user-profile .tabbed-container .box[name='stats'] .stat.role-stat,
+body.user-profile .tabbed-container .box[name='stats'] .stat.plan-stat { font-family: var(--spfont1); }
+body.user-profile .tabbed-container .stat b {
+	font-family: var(--spfont1);
+	font-size: 12px;
+}
+
+/* TAB */
+.tabbed-container .tablist .tab.special {
+	--menu-border: 1px outset #ffe301;
+}
+
+a.thumbnail-box {
+	display: inline-block;
+	background-color: #0005;
+	background-size: cover;
+	background-repeat: no-repeat;
+	width: 150px;
+	height: 150px;
+	color: var(--main-text);
+	font-family: var(--spfont1);
+	text-decoration: none;
+	margin: 2px;
+}
+
+a.thumbnail-box::after {
+	display: block;
+	content: "View Image";
+	height: 20px;
+	margin: 130px 0px 0px 0px;
+	text-align: center;
+	border: var(--menu-border);
+	background-color: var(--menu-bg);
+}
+
+button.user-input {
+	background: var(--menu-bg);
+	border: var(--menu-border);
+	width: 180px;
+	height: 24px;
+	text-align: left;
+	font-family: var(--spfont1);
+	font-size: 14px;
+	vertical-align: middle;
+	cursor: pointer;
+}
+
+div.user-input-box {
+	background: var(--menu-bg);
+	border: var(--menu-border);
+	display: flex;
+	flex-direction: column;
+	position: absolute;
+	max-height: 300px;
+	overflow-y: auto;
+}
+
+div.user-input-box .userlink > * {
+	pointer-events: none;
 }
\ No newline at end of file