diff --git a/assets/css/app.css b/assets/css/app.css
index f1c93d3..6bff246 100644
--- a/assets/css/app.css
+++ b/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 {
diff --git a/templates/pages/dashboard.php b/templates/pages/dashboard.php
index dbbc79c..e4c00f0 100644
--- a/templates/pages/dashboard.php
+++ b/templates/pages/dashboard.php
@@ -227,7 +227,6 @@ $formatBalanceValue = static function (?array $entry) use ($settings): string {