optical changes

client/css/components.css

@@ -441,78 +441,6 @@
     max-width: 52rem;
   }
 
-  /* Forms */
-  .field {
-    display: grid;
-    gap: 0.45rem;
-  }
-
-  .field__label {
-    font-size: 0.92rem;
-    font-weight: 500;
-    color: var(--muted);
-  }
-
-  .field__input {
-    width: 100%;
-    min-height: 3.1rem;
-    padding: 0.8rem 1rem;
-    border: 1px solid var(--line-strong);
-    border-radius: 0.8rem;
-    background: var(--surface);
-    font-size: max(16px, 1rem);
-    transition: border-color 0.2s, box-shadow 0.2s;
-
-    &:hover {
-      border-color: rgb(243 238 248 / 0.32);
-    }
-
-    &:focus {
-      outline: none;
-      border-color: var(--pink-text);
-      box-shadow: 0 0 0 4px rgb(255 118 164 / 0.16);
-    }
-  }
-
-  .field__input--area {
-    min-height: 11rem;
-    resize: vertical;
-  }
-
-  .field--invalid .field__input {
-    border-color: var(--error);
-  }
-
-  .field__error {
-    font-size: 0.875rem;
-    color: var(--error);
-  }
-
-  .field--trap {
-    position: absolute;
-    left: -10000px;
-    width: 1px;
-    height: 1px;
-    overflow: hidden;
-  }
-
-  .form-status {
-    padding: 1rem 1.25rem;
-    border: 1px solid var(--line);
-    border-radius: 0.8rem;
-    background: var(--surface);
-  }
-
-  .form-status--ok {
-    border-color: rgb(143 152 255 / 0.5);
-    background: rgb(47 60 190 / 0.18);
-  }
-
-  .form-status--error {
-    border-color: rgb(255 154 169 / 0.5);
-    background: rgb(255 107 129 / 0.1);
-  }
-
   /* Video */
   .video {
     position: relative;