update

dist/styles.css

@@ -105,6 +105,10 @@ header {
   accent-color: var(--primary);
 }
 
+a {
+  color: var(--link);
+}
+
 /* text */
 
 .success {
@@ -605,6 +609,7 @@ select + .icon,
 article,
 main,
 select + .icon,
+.height-100,
 .modal > div,
 .modal main {
   height: 100%;
@@ -683,6 +688,7 @@ code {
 }
 
 .secondary,
+.secondary *,
 .helper-text,
 .error-text,
 label {
@@ -749,7 +755,8 @@ input[type="radio"]:checked::before {
 LAYOUT
 */
 /* basic */
-body {
+body,
+html {
   display: flex;
   flex-direction: column-reverse;
 
@@ -758,12 +765,17 @@ body {
   height: 100%;
 }
 
-body {
+body,
+.modal {
   padding-left: var(--safe-area-left);
   padding-right: var(--safe-area-right);
   padding-top: var(--safe-area-top);
 }
 
+.modal {
+  padding-bottom: var(--safe-area-bottom);
+}
+
 menu {
   width: 100%;
   height: var(--menu-height-mobile);