diff --git a/core/style.css b/core/style.css
index c685e93..71412f0 100644
--- a/core/style.css
+++ b/core/style.css
@@ -1530,24 +1530,63 @@ body.shop.item .page-container .usercard .userlink .mycon {
 	}
 }
 
-/* == USER PAGE */
-body.userpage iframe#profile {
-	display: block;
-	position: absolute;
-	border: none;
-	margin: 0px;
-	top: 28px; right: 0px; bottom: 0px; left: -8px;
-	width: calc(100% + 16px);
-	height: calc(100% - 20px);
+/* == USER PROFILE */
+body.profile .profile-box {
+	display: flex;
+	gap: 4px;
+}
+
+body.profile .profile-box .mainbar {
+	flex-grow: 1;
+}
+
+body.profile .profile-box .mainbar,
+body.profile .profile-box .sidebar {
+	margin: 0px 2px;
 }
 
 @media only screen and (orientation: landscape) {
+	body.profile .profile-box {
+		flex-direction: row;
+	}
 }
 
 @media only screen and (orientation: portrait) {
+	body.profile .profile-box {
+		flex-direction: column;
+	}
 }
 
+/* == USER SETTINGS */
+body.settings.profile .page-container .usercard {
+	background-image: var(--usercard-image, none);
+	background-color: var(--usercard-color, var(--secondary-container-background));
+	border: 1px solid #7e7e7e;
+}
+body.settings.profile .page-container div.usercard { width: 400px; }
+body.settings.profile .page-container .usercard .userlink {
+	font-size: 20px;
+	font-weight: bold;
+}
 
+body.settings.profile .page-container .usercard .userlink .mycon {
+	height: 32px;
+}
+
+body.settings.profile table.optlist {
+	width: 418px;
+}
+
+body.settings.profile .page-container label { font-weight: bold; }
+body.settings.profile .wdropdown#card button.usercard, .wdropdown#frame button { width: 300px; }
+body.settings.profile .wdropdown#card .select { overflow-x: hidden; }
+body.settings.profile .wdropdown#frame > button { padding: 2px; }
+body.settings.profile .wdropdown#frame > div.select .avatar {
+	float: left;
+	margin-right: 2px;
+}
+
+/* == MISC */
 
 heading .button {
 	display: inline-block !important;