fix fonts and give 4 options

popup.css

@@ -1,3 +1,9 @@
+@font-face {
+  font-family: "Glagolify Shafarik Round";
+  src: url("fonts/Shafarik-Regular.ttf") format("truetype");
+  size-adjust: 115%;
+}
+
 @font-face {
   font-family: "Glagolify Noto Sans Glagolitic";
   src: url("fonts/NotoSansGlagolitic-Regular.ttf") format("truetype");
@@ -6,9 +12,17 @@
 @font-face {
   font-family: "Glagolify Shafarik Angular";
   src: url("fonts/Shafarik-Regular.ttf") format("truetype");
+  size-adjust: 115%;
   font-feature-settings: "ss03";
 }
 
+@font-face {
+  font-family: "Glagolify Shafarik Missal Angular";
+  src: url("fonts/Shafarik-Regular.ttf") format("truetype");
+  size-adjust: 115%;
+  font-feature-settings: "ss04";
+}
+
 :root {
   color-scheme: light dark;
   font: 14px/1.45 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
@@ -19,7 +33,7 @@
 }
 
 body {
-  width: 292px;
+  width: 320px;
   margin: 0;
   color: #22202b;
   background: #fbfaff;
@@ -75,12 +89,13 @@ header p {
 
 .style-options {
   display: grid;
-  grid-template-columns: 1fr 1fr;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
   gap: 8px;
 }
 
 .style-option {
   position: relative;
+  min-width: 0;
 }
 
 .style-option input {
@@ -90,10 +105,11 @@ header p {
 }
 
 .style-option > span {
-  display: flex;
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) auto;
   align-items: center;
-  justify-content: space-between;
-  min-height: 38px;
+  gap: 8px;
+  min-height: 56px;
   border: 1px solid #d9d2e5;
   border-radius: 9px;
   padding: 7px 9px;
@@ -103,6 +119,11 @@ header p {
   transition: border-color 120ms ease, background 120ms ease, color 120ms ease;
 }
 
+.style-option > span > span:first-child {
+  min-width: 0;
+  line-height: 1.25;
+}
+
 .style-option input:checked + span {
   border-color: #6842b8;
   background: #eee7fb;
@@ -122,9 +143,14 @@ header p {
 .glyph {
   font-size: 18px;
   line-height: 1;
+  white-space: nowrap;
 }
 
 .round-glyph {
+  font-family: "Glagolify Shafarik Round";
+}
+
+.angular-sans-glyph {
   font-family: "Glagolify Noto Sans Glagolitic";
 }
 
@@ -132,6 +158,10 @@ header p {
   font-family: "Glagolify Shafarik Angular";
 }
 
+.missal-angular-glyph {
+  font-family: "Glagolify Shafarik Missal Angular";
+}
+
 .status {
   min-height: 20px;
   margin-bottom: 10px;