Subdue trash button and sleep target label

assets/css/app.css

@@ -1032,30 +1032,6 @@ body.page-dashboard .content {
     vector-effect: non-scaling-stroke;
 }
 
-.sleep-phase-bar__target {
-    position: absolute;
-    left: min(var(--sleep-optimal-left, 100%), calc(100% - 2px));
-    top: -0.48rem;
-    bottom: -0.48rem;
-    width: 0;
-    border-left: 2px solid rgba(255, 255, 255, 0.92);
-    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.45));
-    pointer-events: none;
-    z-index: 3;
-}
-
-.sleep-phase-bar__target span {
-    position: absolute;
-    top: -1.1rem;
-    left: 0.28rem;
-    padding: 0.08rem 0.34rem;
-    border-radius: 999px;
-    background: rgba(6, 16, 28, 0.72);
-    color: rgba(255, 255, 255, 0.95);
-    font-size: 0.68rem;
-    white-space: nowrap;
-}
-
 .sleep-phase-summary {
     display: flex;
     justify-content: space-between;
@@ -4958,18 +4934,20 @@ input[type="range"] {
         min-width: 2.85rem;
         min-height: 2.85rem;
         border-radius: 999px;
-        border-color: rgba(255, 255, 255, 0.48);
-        background: #ff3b30;
-        color: #fff;
+        border-color: rgba(255, 69, 58, 0.28);
+        background: rgba(255, 69, 58, 0.14);
+        color: #ff453a;
         font-size: 1.05rem;
         font-weight: 560;
-        box-shadow: 0 10px 26px rgba(255, 59, 48, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.28);
+        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18);
+        backdrop-filter: blur(18px) saturate(1.3);
+        -webkit-backdrop-filter: blur(18px) saturate(1.3);
     }
 
     .timeline-card__delete .trash-button img {
         width: 1.2rem;
         height: 1.2rem;
-        filter: brightness(0) invert(1);
+        opacity: 0.95;
     }
 
     .timeline-card--with-image .timeline-card__time-chip {

templates/pages/dashboard.php

@@ -227,7 +227,6 @@ $formatBalanceValue = static function (?array $entry) use ($settings): string {
                                             <rect class="sleep-phase-bar__fill" x="0" y="2" width="<?= e((string) $sleepActualPercent) ?>" height="6" rx="3"></rect>
                                             <line class="sleep-phase-bar__target-line" x1="<?= e((string) $sleepOptimalPercent) ?>" y1="0" x2="<?= e((string) $sleepOptimalPercent) ?>" y2="10"></line>
                                         </svg>
-                                        <span class="sleep-phase-bar__target"><span><?= e(format_duration_hours($optimalSleepHours)) ?></span></span>
                                     </div>
                                     <div class="sleep-phase-summary"><span><?= e(format_duration_hours($sleepActualTotal)) ?></span><span>Ziel <?= e(format_duration_hours($optimalSleepHours)) ?></span></div>
                                     <?php if ($sleepPhaseTotal > 0): ?>