add telegram auth and reminders foundation

web/static/styles.css

@@ -1158,6 +1158,47 @@ select {
   display: none;
 }
 
+.auth-overlay,
+.scan-modal {
+  position: fixed;
+  inset: 0;
+  z-index: 50;
+  display: grid;
+  place-items: center;
+  padding: 18px;
+  background: rgba(18, 24, 21, 0.46);
+  backdrop-filter: blur(8px);
+}
+
+.auth-overlay.hidden,
+.scan-modal.hidden {
+  display: none;
+}
+
+.auth-panel,
+.scan-panel {
+  width: min(420px, 100%);
+  padding: 20px;
+  border: 1px solid var(--line);
+  border-radius: 8px;
+  background: #fff;
+  box-shadow: 0 22px 60px rgba(18, 24, 21, 0.24);
+}
+
+.auth-panel p:not(.eyebrow) {
+  margin: 12px 0 18px;
+  color: var(--muted);
+}
+
+.telegram-login-slot {
+  min-height: 46px;
+}
+
+.scan-form {
+  display: grid;
+  gap: 10px;
+}
+
 @keyframes toastIn {
   from {
     opacity: 0;