diff --git a/src/pages/EncryptionPage.module.css b/src/pages/EncryptionPage.module.css
index 3a7c3b0..7bf6ce2 100644
--- a/src/pages/EncryptionPage.module.css
+++ b/src/pages/EncryptionPage.module.css
@@ -31,9 +31,9 @@
 
 .callout {
   margin: 18px 0 26px;
-  border: 1px solid light-dark(var(--mantine-color-blue-2), var(--mantine-color-blue-9));
-  border-left: 3px solid var(--mantine-color-blue-6);
-  background: light-dark(var(--mantine-color-blue-0), rgba(25, 113, 194, 0.12));
+  border: 1px solid light-dark(var(--mantine-color-red-3), var(--mantine-color-red-9));
+  border-left: 3px solid var(--mantine-color-red-6);
+  background: light-dark(var(--mantine-color-red-0), rgba(250, 82, 82, 0.1));
 }
 
 .vectorGroup {
@@ -58,17 +58,21 @@
 }
 
 .marker {
-  padding: 1px 3px;
-  background: light-dark(var(--mantine-color-blue-1), rgba(25, 113, 194, 0.24));
-  color: inherit;
+  padding: 0 0.14em;
+  border-radius: 2px;
+  background: light-dark(rgba(250, 82, 82, 0.13), rgba(250, 82, 82, 0.2));
+  color: light-dark(var(--mantine-color-red-9), var(--mantine-color-red-2));
+  font-weight: inherit;
+  box-decoration-break: clone;
+  -webkit-box-decoration-break: clone;
 }
 
 .result {
   margin: 18px 0;
   padding: 12px 14px;
-  border-left: 3px solid var(--mantine-color-blue-6);
-  background: light-dark(var(--mantine-color-gray-0), var(--mantine-color-dark-7));
-  color: light-dark(var(--mantine-color-blue-9), var(--mantine-color-blue-2));
+  border-left: 3px solid var(--mantine-color-red-6);
+  background: light-dark(var(--mantine-color-red-0), rgba(250, 82, 82, 0.1));
+  color: light-dark(var(--mantine-color-red-9), var(--mantine-color-red-2));
   font-size: var(--mantine-font-size-sm);
-  font-weight: 650;
+  font-weight: 400;
 }
diff --git a/src/pages/EncryptionPage.tsx b/src/pages/EncryptionPage.tsx
index ddb2b6a..96bc46c 100644
--- a/src/pages/EncryptionPage.tsx
+++ b/src/pages/EncryptionPage.tsx
@@ -185,10 +185,11 @@ keyEnvelope = Base64(iv || AES-CBC(wrappingKey, messageSecret) || ephemeral.publ
                     </Box>
                     <LegalText>
                         The result contains 13 encrypted content bytes followed by the 16-byte
-                        Poly1305 authentication tag.{' '}
+                        Poly1305 authentication tag. Any change to either part causes{' '}
                         <Text component="span" className={classes.marker}>
-                            Any change to either part causes authenticated decryption to fail.
+                            authenticated decryption to fail
                         </Text>
+                        .
                     </LegalText>
 
                     <Title order={3} className={classes.subheading}>
diff --git a/src/pages/ProtoPage.module.css b/src/pages/ProtoPage.module.css
index 9a65412..e058e45 100644
--- a/src/pages/ProtoPage.module.css
+++ b/src/pages/ProtoPage.module.css
@@ -29,8 +29,8 @@
 .important {
   padding: 0 0.14em;
   border-radius: 2px;
-  background: light-dark(rgba(253, 126, 20, 0.13), rgba(253, 126, 20, 0.18));
-  color: light-dark(var(--mantine-color-orange-9), var(--mantine-color-orange-2));
+  background: light-dark(rgba(250, 82, 82, 0.13), rgba(250, 82, 82, 0.2));
+  color: light-dark(var(--mantine-color-red-9), var(--mantine-color-red-2));
   font-weight: inherit;
   box-decoration-break: clone;
   -webkit-box-decoration-break: clone;
diff --git a/src/pages/RccPage.module.css b/src/pages/RccPage.module.css
index 3570f6e..32323c8 100644
--- a/src/pages/RccPage.module.css
+++ b/src/pages/RccPage.module.css
@@ -80,8 +80,8 @@
 .important {
   padding: 0 0.14em;
   border-radius: 2px;
-  background: light-dark(rgba(253, 126, 20, 0.13), rgba(253, 126, 20, 0.18));
-  color: light-dark(var(--mantine-color-orange-9), var(--mantine-color-orange-2));
+  background: light-dark(rgba(250, 82, 82, 0.13), rgba(250, 82, 82, 0.2));
+  color: light-dark(var(--mantine-color-red-9), var(--mantine-color-red-2));
   font-weight: inherit;
   box-decoration-break: clone;
   -webkit-box-decoration-break: clone;
@@ -89,9 +89,9 @@
 
 .note {
   margin: 18px 0;
-  border: 1px solid light-dark(var(--mantine-color-orange-3), var(--mantine-color-orange-9));
-  border-left: 3px solid var(--mantine-color-orange-6);
-  background: light-dark(var(--mantine-color-orange-0), rgba(253, 126, 20, 0.1));
+  border: 1px solid light-dark(var(--mantine-color-red-3), var(--mantine-color-red-9));
+  border-left: 3px solid var(--mantine-color-red-6);
+  background: light-dark(var(--mantine-color-red-0), rgba(250, 82, 82, 0.1));
   color: light-dark(var(--mantine-color-gray-8), var(--mantine-color-dark-0));
 }
 
diff --git a/src/pages/RccPage.tsx b/src/pages/RccPage.tsx
index 76d1f32..18db5c8 100644
--- a/src/pages/RccPage.tsx
+++ b/src/pages/RccPage.tsx
@@ -98,6 +98,11 @@ export function RccPage() {
                     <TechnicalCode>{`# .npmrc
 registry=https://git.rosetta.im/api/packages/Rosetta/npm/
 
+# configure read-only registry authentication
+npm config set -- \\
+  '//git.rosetta.im/api/packages/Rosetta/npm/:_authToken' \\
+  'b5e64acbf1fdbe2d6d2bc1fac95333ef6f905fff'
+
 # install the compiler
 npm install rcc