release nouri 0.6.0 polish backup and pwa

nouri/static/css/styles.css

@@ -103,6 +103,17 @@ button,
     transition: transform 160ms ease, background 160ms ease, border-color 160ms ease;
 }
 
+button:focus-visible,
+.button:focus-visible,
+a:focus-visible,
+input:focus-visible,
+select:focus-visible,
+textarea:focus-visible,
+summary:focus-visible {
+    outline: 2px solid color-mix(in srgb, var(--accent-strong) 78%, white 22%);
+    outline-offset: 3px;
+}
+
 button:hover,
 .button:hover {
     transform: translateY(-1px);
@@ -327,6 +338,12 @@ h3,
         linear-gradient(180deg, color-mix(in srgb, var(--surface) 86%, #fff 14%), color-mix(in srgb, var(--surface) 80%, #ffe5d2 20%));
 }
 
+.hero h1,
+.page-intro h1,
+.panel h2 {
+    text-wrap: balance;
+}
+
 .eyebrow {
     margin: 0 0 0.45rem;
     text-transform: uppercase;
@@ -369,6 +386,10 @@ h3 {
     line-height: 1.6;
 }
 
+.empty-panel {
+    text-align: left;
+}
+
 .intro-pills,
 .chip-row {
     display: flex;
@@ -598,6 +619,21 @@ h3 {
     width: min(560px, 100%);
 }
 
+.setup-intro-grid {
+    display: grid;
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+    gap: 0.8rem;
+    margin: 1.1rem 0 1.25rem;
+}
+
+.setup-tip,
+.restore-warning {
+    padding: 1rem;
+    border-radius: 18px;
+    border: 1px solid var(--line);
+    background: color-mix(in srgb, var(--surface-strong) 84%, #fff 16%);
+}
+
 .stack-form,
 .stack-sections,
 .planner-day-stack,
@@ -714,6 +750,7 @@ legend {
     width: min(220px, 100%);
     border-radius: 18px;
     border: 1px solid var(--line);
+    box-shadow: 0 16px 30px rgba(94, 68, 49, 0.12);
 }
 
 .compact-form-panel {
@@ -947,6 +984,12 @@ legend {
     background: color-mix(in srgb, var(--surface-strong) 84%, #fff 16%);
 }
 
+.restore-warning strong,
+.setup-tip strong {
+    display: block;
+    margin-bottom: 0.3rem;
+}
+
 .card-link-grid {
     grid-template-columns: repeat(2, minmax(0, 1fr));
     gap: 0.75rem;
@@ -1259,18 +1302,14 @@ legend {
     }
 
     body.has-mobile-nav {
-        padding-top: 5.3rem;
+        padding-top: 0;
     }
 
     .site-header {
-        position: fixed;
-        top: calc(env(safe-area-inset-top, 0px) + 0.5rem);
-        left: 0.5rem;
-        right: 0.5rem;
+        position: static;
         grid-template-columns: 1fr auto;
-        z-index: 30;
-        width: auto;
-        margin: 0;
+        width: 100%;
+        margin: 0 0 1.15rem;
     }
 
     .stats-grid,
@@ -1303,9 +1342,8 @@ legend {
         grid-template-columns: 1fr auto;
         gap: 0.6rem;
         padding: 0.75rem 0.9rem;
-        margin-bottom: 0;
+        margin-bottom: 1rem;
         border-radius: 22px;
-        z-index: 30;
     }
 
     .desktop-nav,
@@ -1369,6 +1407,10 @@ legend {
         grid-template-columns: 1fr;
     }
 
+    .setup-intro-grid {
+        grid-template-columns: 1fr;
+    }
+
     .item-card {
         grid-template-columns: 1fr;
     }