diff --git a/workspace/assets/css/aufgaben.css b/workspace/assets/css/aufgaben.css
index 414d12c7..268a6c29 100644
--- a/workspace/assets/css/aufgaben.css
+++ b/workspace/assets/css/aufgaben.css
@@ -246,7 +246,21 @@
   width: min(580px, calc(100vw - 32px));
   padding: 0;
   border: 1px solid rgba(150, 186, 220, .16);
-  border-radius: 4px 20px 20px 4px;
+  /* DIE FASE STATT RUNDER ECKEN (08.09.2026).
+
+     Filipe: "alles was sie sehen soll dan auch nach der neuen struktur
+     aufgebaut sein" -- und ein Dialog ist das, was man am genauesten
+     ansieht, weil er alles andere verdeckt.
+
+     Er kann NICHT in die Modulliste von module.css: Die belegt
+     `::before` und `::after` fuer die Eckwinkel, und beide sind hier
+     schon vergeben -- an die Leuchtschiene links und den Lichtsaum.
+     Beides gegen zwei Winkel zu tauschen waere ein Rueckschritt.
+     Deshalb hier nur der Zuschnitt, von Hand, mit derselben Groesse
+     `--fase` wie ueberall. Wer die Fase spaeter aendert, aendert sie
+     hier mit. */
+  clip-path: polygon(var(--fase, 18px) 0, 100% 0, 100% 100%, 0 100%, 0 var(--fase, 18px));
+  border-radius: 0;
   background:
     linear-gradient(90deg,
       color-mix(in srgb, var(--akzent) 16%, transparent) 0%,
diff --git a/workspace/assets/css/kalender.css b/workspace/assets/css/kalender.css
index a21cd12f..9137f4a0 100644
--- a/workspace/assets/css/kalender.css
+++ b/workspace/assets/css/kalender.css
@@ -1148,3 +1148,60 @@
   background: linear-gradient(180deg, rgba(12, 16, 25, .7), rgba(6, 9, 15, .7));
   box-shadow: none;
 }
+
+/* ===================================================================
+   DER WECKER-DIALOG WAR GAR NICHT GESTALTET (08.09.2026)
+
+   Filipe: "alles was sie sehen soll dan auch nach der neuen struktur
+   aufgebaut sein."
+
+   Gefunden beim Nachsehen, welche Dialoge NICHT `.dialog` heissen:
+   Dieser hier traegt `.tagdialog`, und diese Klasse steht in keiner
+   einzigen Stilvorlage. Gemessen kam heraus, was ein `<dialog>` ohne
+   Gestaltung vom Browser bekommt:
+
+     Hintergrund rgb(18, 18, 18)   flaches Systemschwarz
+     Rand        3 px              der Systemrahmen
+     Fase        keine
+     Raster      keins
+
+   Er sah damit aus wie ein Fenster des Betriebssystems mitten im
+   Workspace -- und das auf JEDER Rolle, denn den Wecker haben alle.
+   Aufgefallen ist es nie, weil er nur aufgeht, wenn man auf die
+   Glocke an einem Termin drueckt.
+
+   Er bekommt jetzt dieselbe Sprache wie alle anderen Dialoge: die
+   gefraeste Fase, die Leuchtschiene links, denselben Verlauf und
+   denselben Schatten. Bewusst hier und nicht ueber die Modulliste --
+   die belegt beide Pseudo-Elemente fuer Eckwinkel, und die Schiene
+   ist an einem Dialog die wichtigere Aussage.
+   =================================================================== */
+.tagdialog {
+  position: relative;
+  width: min(580px, calc(100vw - 32px));
+  padding: 22px 24px 24px;
+  border: 1px solid rgba(150, 186, 220, .16);
+  clip-path: polygon(var(--fase, 18px) 0, 100% 0, 100% 100%, 0 100%, 0 var(--fase, 18px));
+  border-radius: 0;
+  background:
+    linear-gradient(90deg,
+      color-mix(in srgb, var(--akzent) 16%, transparent) 0%,
+      color-mix(in srgb, var(--akzent) 5%, transparent) 14%,
+      transparent 40%),
+    linear-gradient(163deg, #141c29 0%, #0a0e17 58%, #070a11 100%);
+  color: var(--text);
+  box-shadow:
+    inset 0 1px 0 rgba(255, 255, 255, .10),
+    inset 0 -1px 0 rgba(0, 0, 0, .55),
+    inset 2px 0 0 -1px color-mix(in srgb, var(--akzent) 34%, transparent),
+    0 30px 70px -24px rgba(0, 0, 0, .92);
+}
+.tagdialog::backdrop { background: rgba(3, 6, 11, .72); backdrop-filter: blur(3px); }
+/* Kopf und Schliessknopf nebeneinander -- vorher stand das X unter der
+   Ueberschrift, weil nichts sie in eine Zeile gebracht hat. */
+.tagdialog__kopf {
+  display: flex; align-items: flex-start; justify-content: space-between;
+  gap: 16px; margin-bottom: 6px;
+}
+.tagdialog__kopf .titel { margin: 0; font-size: 1.24rem; }
+.wecker-hinweis { margin: 0 0 14px; }