Simplify beginner mode to essential dough inputs

index.html

@@ -296,7 +296,7 @@ footer b{color:var(--txt)}
   <div class="ctl">
     <div class="ctl-top"><span class="ctl-l">Ansicht</span></div>
     <div class="chips" id="uxModes" role="group" aria-label="Ansicht"></div>
-    <p class="note">Einfach zeigt nur die wichtigsten Schritte. Profi blendet alle Stellschrauben ein.</p>
+    <p class="note">Einfach fragt nur: Wann soll die Pizza fertig sein, welcher Stil, wie viele Ballen und wie schwer pro Ballen. Profi blendet alle Stellschrauben ein.</p>
   </div>
   <label class="ctl">
     <div class="ctl-top"><span class="ctl-l">Pizza fertig am</span></div>
@@ -320,7 +320,7 @@ footer b{color:var(--txt)}
     </div>
   </div>
 
-  <div class="ctl">
+  <div class="ctl advanced-only">
     <div class="ctl-top"><span class="ctl-l">Größe bestimmen über</span></div>
     <div class="chips" id="modes" role="group" aria-label="Berechnungsart"></div>
   </div>
@@ -332,14 +332,14 @@ footer b{color:var(--txt)}
     </label>
   </div>
 
-  <div id="modeD" hidden>
+  <div id="modeD" class="advanced-only" hidden>
     <label class="ctl">
       <div class="ctl-top"><span class="ctl-l">Durchmesser</span><span class="ctl-v" id="v-dia"></span></div>
       <input type="range" id="dia" min="16" max="45" step="1">
     </label>
   </div>
 
-  <div id="modeP" hidden>
+  <div id="modeP" class="advanced-only" hidden>
     <div class="row">
       <label class="ctl">
         <div class="ctl-top"><span class="ctl-l">Blech Länge</span><span class="ctl-v" id="v-panL"></span></div>
@@ -354,7 +354,7 @@ footer b{color:var(--txt)}
 </section>
 
 <!-- MEHL -->
-<section class="panel noprint">
+<section class="panel noprint advanced-only">
   <p class="ph"><b>02 // Mehl</b><span id="flourW">—</span></p>
   <select id="flour" aria-label="Mehl auswählen"></select>
   <div class="meta" id="flourMeta"></div>
@@ -830,10 +830,13 @@ function applyPlan(){
 
 function initUI(){
   buildFlourSelect();
-  chips($("uxModes"), UX_MODES, "uxMode");
+  chips($("uxModes"), UX_MODES, "uxMode", k=>{
+    if (k==="simple") S.mode="w";
+  });
   chips($("styles"), STYLES, "style", k=>{
     const st=STYLES[k];
     S.ball=st.ball; S.hyd=st.hyd; S.salt=st.salt; S.oil=st.oil; S.sugar=st.sugar; S.mode=st.mode;
+    if (S.uxMode==="simple") S.mode="w";
   });
   chips($("modes"), MODES, "mode");
   chips($("yeastTypes"), YEASTS, "yeast");
@@ -881,6 +884,7 @@ function initUI(){
 
 function syncInputs(){
   document.body.dataset.ux = S.uxMode;
+  if (S.uxMode==="simple" && S.mode!=="w") S.mode="w";
   RANGES.forEach(id=>{ $(id).value=S[id]; });
   $("ballsOut").textContent=S.balls;
   $("flour").value=S.flour;
@@ -1030,12 +1034,14 @@ function renderTimeline(r){
 function renderQuickSummary(r){
   const tl = lastTl || timeline(S,r);
   const start = tl.start;
-  $("quickSummary").innerHTML = [
+  const items = [
+    `<span><b>${STYLES[S.style].n}</b></span>`,
     `<span><b>${S.balls} × ${Math.round(r.ballW)} g</b> Teiglinge</span>`,
-    `<span><b>${Math.round(r.flour)} g</b> Mehl</span>`,
+    `<span>Backen <b>${fmtT(new Date(S.bake))} ${fmtDay(new Date(S.bake))}</b></span>`,
-    `<span>Start <b>${fmtT(start)} ${fmtDay(start)}</b></span>`,
+    `<span>Start <b>${fmtT(start)} ${fmtDay(start)}</b></span>`
-    `<span>Backen <b>${fmtT(new Date(S.bake))} ${fmtDay(new Date(S.bake))}</b></span>`
+  ];
-  ].join("");
+  if (S.uxMode!=="simple") items.splice(2,0,`<span><b>${Math.round(r.flour)} g</b> Mehl</span>`);
+  $("quickSummary").innerHTML = items.join("");
 }
 
 /* ============================================================