/* ===========================================================
   Urealm — التوقيع: إطارُ الدخول.

   لمسةٌ واحدة في التطبيق كلّه: أربع زوايا تُرسم عند أوّل ظهورٍ لمشهد
   ثم تنسحب. **لا تتكرّر ولا تدور** — الأثر الذي يُرى مرّة يُذكر،
   والذي يُرى دائمًا يصير ضجيجًا.
   =========================================================== */

.frame { position: relative; }

.frame--corners::before,
.frame--corners::after {
  content: "";
  position: absolute;
  inline-size: 14px;
  block-size: 14px;
  border: 1px solid var(--line-strong);
  pointer-events: none;
}

.frame--corners::before {
  inset-block-start: -1px;
  inset-inline-start: -1px;
  border-inline-end: 0;
  border-block-end: 0;
}

.frame--corners::after {
  inset-block-end: -1px;
  inset-inline-end: -1px;
  border-inline-start: 0;
  border-block-start: 0;
}

.frame--enter { animation: frameIn var(--dur-4) var(--ease-out) both; }

@keyframes frameIn {
  from { opacity: 0; transform: translateY(6px); }
  to { opacity: 1; transform: none; }
}