:root{color-scheme:light;--navy:#102a43;--navy2:#243b53;--blue:#2563eb;--green:#0f766e;--teal:#14b8a6;--ink:#102a43;--muted:#4d617a;--line:#dce7ef;--bg:#f6f9fc;--card:#fff;--red:#b42318;--amber:#b54708;--shadow:0 18px 50px rgba(16,42,67,.10)}
*{box-sizing:border-box}
html,body{max-width:100%;overflow-x:hidden}
body{font-size:16px;background:radial-gradient(circle at 80% 0,#e6fffb 0,transparent 28%),var(--bg);color:var(--ink)}
.wrap{width:min(1120px,100%);padding-inline:24px}
.site-header{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.94);color:var(--ink);padding:0;border-bottom:1px solid rgba(220,231,239,.9);backdrop-filter:blur(16px)}
.site-header .brand{min-height:76px}
.brand-lockup{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}
.brand-mark{width:44px;height:44px;filter:drop-shadow(0 8px 16px rgba(15,118,110,.18))}
.brand b{font-size:20px;letter-spacing:-.02em}.brand small{color:var(--muted);font-size:12px}
.header-nav{margin-left:auto;display:flex;align-items:center;gap:22px}.header-nav a{color:var(--navy2);text-decoration:none;font-size:14px;font-weight:700}.header-nav .nav-cta{background:var(--green);color:#fff;padding:10px 16px;border-radius:12px}
.privacy{margin-left:0;color:#0f766e;background:#f0fdfa;border-color:#99f6e4;font-weight:700}
.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center;padding:64px 0 46px}.hero>*{min-width:0}
.eyebrow{font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:900;color:var(--green);margin-bottom:14px}
.hero h1{font-size:clamp(38px,5vw,64px);line-height:1.02;letter-spacing:-.045em;max-width:760px;margin:0 0 20px;color:var(--navy)}
.hero-copy{font-size:18px;line-height:1.65;color:var(--navy2);max-width:650px;margin-bottom:26px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-actions .btn{min-height:52px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.hero-actions .btn.go{box-shadow:0 12px 30px rgba(15,118,110,.22)}
.hero-proof{display:flex;gap:18px;flex-wrap:wrap;margin-top:24px;color:#486581;font-size:13px;font-weight:700}.hero-proof span{display:flex;align-items:center;gap:6px}
.preview-card{width:100%;min-width:0;background:#fff;border:1px solid var(--line);border-radius:24px;padding:22px;box-shadow:var(--shadow);transform:rotate(1deg)}
.preview-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.preview-top b{font-size:14px}.preview-pill{font-size:11px;color:#0f766e;background:#ccfbf1;padding:5px 9px;border-radius:999px;font-weight:800}
.preview-insight{border-left:4px solid var(--teal);background:#f0fdfa;border-radius:12px;padding:14px 15px;font-size:14px;line-height:1.55;margin-bottom:12px}
.preview-actions{display:grid;gap:8px}.preview-actions span{font-size:13px;padding:9px 11px;border-radius:10px;background:#f8fafc;color:#334e68}
.app-zone{padding:8px 0 72px;scroll-margin-top:88px}.app-intro{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.app-intro h2{font-size:30px;letter-spacing:-.03em;margin:0 0 4px}.app-intro p{color:var(--muted);margin:0}
.stepper{position:sticky;top:76px;z-index:30;background:rgba(246,249,252,.95);backdrop-filter:blur(10px);padding:12px 0;margin:0 0 18px;scrollbar-width:none;scroll-snap-type:x proximity}
.stp{min-height:52px;min-width:150px;border-radius:14px;font-size:13px;background:#fff;scroll-snap-align:center}.stp.on{box-shadow:0 8px 24px rgba(15,118,110,.12);background:#f0fdfa}.stp .n{width:26px;height:26px;flex-basis:26px}
.panel{border-radius:22px;padding:32px;border-color:#d8e4ec;box-shadow:0 8px 28px rgba(16,42,67,.05)}
.panel h2{font-size:25px;letter-spacing:-.025em;margin-bottom:7px}.panel .hint{font-size:15px;line-height:1.65;max-width:800px;margin-bottom:26px}
.trust{border-radius:18px;padding:18px 20px;border-left-width:5px}.trust .tlead{font-size:16px}.trust .tbadges span{font-size:13px;padding:7px 12px}
.grp{margin-bottom:26px}.grp h3{font-size:12px;letter-spacing:.09em;margin-bottom:12px}
.row>*{min-width:0}label.f{font-size:14px}input,select{min-height:48px;font-size:16px;border-radius:12px;padding:11px 12px;border-color:#cbd9e3}input:focus,select:focus{box-shadow:0 0 0 4px rgba(20,184,166,.12)}
.chip,.seg button{min-height:42px;font-size:14px;padding:8px 14px}.chip{display:inline-flex;align-items:center}.chip.on,.seg button.on{background:var(--green);border-color:var(--green)}
.btn{min-height:46px;border-radius:12px}.btn.go{background:linear-gradient(135deg,#0f766e,#0d9488)}
.demo-callout{background:linear-gradient(135deg,#ecfdf5,#eff6ff);border:1px solid #a7f3d0;border-radius:16px;padding:14px 16px;margin-bottom:24px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;color:#0f5d58}.demo-callout p{margin:0;font-size:14px}.demo-callout .btn{background:#fff;color:#0f766e;border:1px solid #5eead4}
.storage-choice{display:flex;gap:12px;align-items:flex-start;background:#f8fafc;border:1px solid var(--line);padding:14px 16px;border-radius:14px;margin:16px 0}.storage-choice input{width:20px;height:20px;min-height:0;margin-top:2px}.storage-choice b{display:block;font-size:14px}.storage-choice small{display:block;color:var(--muted);line-height:1.5;margin-top:2px}
.sech{font-size:18px;margin-top:30px}.alarm{font-size:15px;line-height:1.6}.nc{padding:22px}.nc h3{font-size:18px}.islev,.why,.tip,.food,.symprow .b{font-size:14px;line-height:1.6}
.result-overview{background:linear-gradient(135deg,#f0fdfa,#eff6ff);border:1px solid #99f6e4;border-radius:20px;padding:24px;margin:4px 0 18px}.result-overview .result-kicker{font-size:12px;font-weight:900;color:#0f766e;text-transform:uppercase;letter-spacing:.09em}.result-overview h3{font-size:26px;line-height:1.25;letter-spacing:-.03em;margin:8px 0 10px}.result-overview p{color:#486581;line-height:1.65;margin:0}.priority-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.priority-mini{background:#fff;border:1px solid #ccfbf1;border-radius:13px;padding:12px}.priority-mini small{display:block;color:var(--muted);margin-bottom:4px}.priority-mini b{font-size:15px}.analysis-details{margin-top:18px;border:1px solid var(--line);border-radius:16px;background:#fff;padding:0}.analysis-details>summary{cursor:pointer;list-style:none;padding:16px 18px;font-weight:800;color:var(--green)}.analysis-details>summary::-webkit-details-marker{display:none}.analysis-details>summary:after{content:'+';float:right}.analysis-details[open]>summary:after{content:'−'}.analysis-detail-body{border-top:1px solid var(--line);padding:4px 18px 22px}
.menu-safety-stop{padding:20px;border-radius:16px;background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;line-height:1.65}
/* P2 — Hızlı mod kısa özet kartı (1 ekran: 3 öncelik + 3 aksiyon + detay butonu) */
.quick-summary{background:linear-gradient(135deg,#f0fdfa,#eff6ff);border:1px solid #99f6e4;border-radius:20px;padding:22px}
.quick-summary .qsum-tag{display:inline-block;font-size:11.5px;font-weight:900;color:#0e7490;background:#ecfeff;border:1px solid #a5f3fc;border-radius:999px;padding:3px 11px;margin-bottom:10px;letter-spacing:.02em}
.quick-summary h3{font-size:22px;line-height:1.28;letter-spacing:-.02em;margin:2px 0 4px;color:#0f172a}
.quick-summary .qsum-sec-lbl{font-size:12px;font-weight:900;color:#0f766e;text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}
.quick-summary .qsum-pris{display:grid;gap:8px}
.quick-summary .qsum-pri{display:flex;align-items:center;gap:11px;background:#fff;border:1px solid #ccfbf1;border-radius:13px;padding:11px 13px}
.quick-summary .qsum-n{flex:0 0 30px;width:30px;height:30px;border-radius:50%;background:var(--teal);color:#fff;display:grid;place-items:center;font-weight:900;font-size:14px}
.quick-summary .qsum-pri b{font-size:15.5px;color:#0f172a}
.quick-summary .qsum-acts{margin:0;padding:0 0 0 19px;display:grid;gap:7px;font-size:14px;line-height:1.5;color:#334155}
.quick-summary .qsum-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.quick-summary .qsum-actions .btn{flex:1 1 auto;justify-content:center}
@media(max-width:560px){.quick-summary{padding:16px 14px}.quick-summary h3{font-size:19px}.quick-summary .qsum-actions .btn{width:100%;flex:1 1 100%}}
.target-match{border-radius:14px!important;font-size:14px!important}.day{border-radius:18px;padding:18px}.day .dh{font-size:17px}.meal{border-radius:14px}.meal .mh{padding:14px}.meal .mh .nm{font-size:15px;line-height:1.35}.meal .mh .kc{font-size:12px;margin-top:4px}.portion-note{display:inline-block;margin-top:5px;padding:3px 7px;border-radius:999px;background:#e0f2fe;color:#075985;font-size:11px;font-weight:800}
.modal{width:min(520px,calc(100vw - 24px));border-radius:22px;padding:28px}.ov.is-hidden{display:none}
/* P3 — Kişi sayısı: büyük dokunulabilir −/+ stepper (≥44px, klavye yerine dokun) */
.servings-stepper{display:flex;align-items:center;gap:0;flex-wrap:wrap}
.servings-stepper .srv-btn{width:48px;height:48px;min-width:48px;flex:0 0 48px;border:1.6px solid var(--line);background:#fff;color:var(--teal);font-size:26px;font-weight:800;line-height:1;cursor:pointer;display:grid;place-items:center;-webkit-tap-highlight-color:transparent;user-select:none}
.servings-stepper .srv-btn:first-child{border-radius:12px 0 0 12px}
.servings-stepper .srv-btn#srvPlus{border-radius:0 12px 12px 0;border-left:none}
.servings-stepper .srv-btn:active{background:#e0f2fe}
.servings-stepper .srv-btn:disabled{opacity:.4;cursor:default}
.servings-stepper #servings{width:64px;height:48px;min-height:48px;border:1.6px solid var(--line);border-left:none;border-right:none;border-radius:0;text-align:center;font-size:19px;font-weight:800;color:#0f172a;padding:0;background:#fff;-moz-appearance:textfield}
.servings-stepper #servings::-webkit-outer-spin-button,.servings-stepper #servings::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.servings-stepper .srv-lbl{margin-left:14px;font-size:14px;font-weight:700;color:#475569}
.legal-note{font-size:13px;color:#4d617a;line-height:1.6;margin-top:16px}.legal-note a{color:#0f766e}
footer{font-size:13px}
@media(max-width:820px){.header-nav a:not(.nav-cta),.privacy{display:none}.hero{grid-template-columns:1fr;gap:28px;padding:40px 0 32px}.preview-card{transform:none}.app-intro{align-items:flex-start;flex-direction:column}.priority-strip{grid-template-columns:1fr}.panel{padding:24px}.stepper{top:76px}.stp{min-width:132px}.row{grid-template-columns:1fr 1fr}.mix-panel-grid{overflow-x:auto}}
@media(max-width:560px){.wrap{width:100%!important;max-width:100%!important;padding-inline:16px}.site-header .brand{min-height:68px;width:100%;justify-content:space-between}.header-nav{display:none}.brand-lockup{min-width:0}.hero{width:100%;min-width:0;padding-top:30px}.hero h1{font-size:40px;overflow-wrap:anywhere}.hero-copy{font-size:16px;overflow-wrap:anywhere}.hero-actions{display:grid}.hero-actions .btn{width:100%}.hero-proof{display:grid;gap:8px}.preview-card{width:100%;max-width:100%;overflow:hidden}.preview-top,.preview-insight,.preview-actions{min-width:0}.preview-insight,.preview-actions span{overflow-wrap:anywhere}.app-intro h2{font-size:26px}
/* B3: mobilde ince yapışkan adım şeridi — header'ın hemen altında, alt tab-bar'dan bağımsız (stepper=akış adımı 1-5, tab-bar=app bölümleri). Dokununca atlama renderStepper'daki goto ile çalışır. */
.stepper{top:60px;margin-inline:-16px;padding:8px 16px;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);box-shadow:0 4px 12px rgba(16,42,67,.06)}
.stp{min-width:104px;min-height:42px;font-size:12px;padding:6px 10px}.stp .n{width:22px;height:22px;flex-basis:22px;font-size:12px}
.stp:not(.on):not(.done){opacity:.72}.panel{padding:20px 16px;border-radius:18px}.panel h2{font-size:22px}.row,.row2{grid-template-columns:1fr}.navb{position:sticky;bottom:0;background:rgba(255,255,255,.96);margin:22px -16px -20px;padding:12px 16px;border-top:1px solid var(--line);z-index:12}.navb .btn.go{flex:1}.tbadges{gap:6px}.trust .tbadges span{font-size:12px}.ncards{grid-template-columns:1fr}.daterow.show{display:grid}.exp button{flex:1 1 45%}.meals{grid-template-columns:1fr}.modal{padding:22px 18px;max-height:calc(100vh - 24px)}.priority-mini{padding:11px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{.hero,.app-intro,.site-header{display:none!important}}

/* ===== ERİŞİLEBİLİRLİK: okunabilirlik tabanı (56+ persona) — gövde metni en az ~15px ===== */
.hint,label.f,.menu-safety-stop,.modal p,.modal ul,.demo-callout p,.storage-choice b{font-size:15px}
.navnote,.cite,.why,.tip,.unit,.legal-note,.storage-choice small,.brand small,footer,.trust .tcount,.priority-mini small{font-size:13px;line-height:1.55}
/* a11y kontrast: açık-zemin küçük yardımcı metinleri AA (≥4.5:1) — #94a3b8 (2.56:1) yerine slate-600 */
.unit,.cite{color:#475569}.cite a{color:#475569}
.symprow .b,.islev,.food,.alarm,.qa,.preview-actions span,.preview-insight{font-size:14.5px}
.chip,.seg button,.hbopt,.hbq{font-size:14.5px}

/* ===== "YAZIYI BÜYÜT" KONTROLÜ — içerik ölçeği (%100/115/130), localStorage'da =====
   zoom: px-tabanlı metni de orantılı büyütür, layout'u bozmadan. Sabit (fixed) kontrol body düzeyinde, ölçek dışı. */
html[data-fs="1.15"] main,html[data-fs="1.15"] .site-header,html[data-fs="1.15"] footer,html[data-fs="1.15"] .modal,html[data-fs="1.15"] .besinai-tabbar .tb-lbl{zoom:1.15}
html[data-fs="1.3"] main,html[data-fs="1.3"] .site-header,html[data-fs="1.3"] footer,html[data-fs="1.3"] .modal,html[data-fs="1.3"] .besinai-tabbar .tb-lbl{zoom:1.3}
.fs-control{position:fixed;right:14px;bottom:14px;z-index:60;display:flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:5px 7px;box-shadow:0 8px 24px rgba(16,42,67,.16)}
.fs-control .fs-lbl{font-size:13px;font-weight:800;color:var(--green);padding:0 4px}
.fs-control button{min-width:44px;min-height:44px;border:1px solid var(--line);background:#fff;border-radius:50%;color:var(--navy2);font-weight:800;cursor:pointer;line-height:1;display:grid;place-items:center;padding:0}
.fs-control button:hover{border-color:var(--teal)}
.fs-control button[aria-pressed="true"]{background:var(--green);border-color:var(--green);color:#fff}
.fs-control button.fs-a{font-size:13px}.fs-control button.fs-aa{font-size:16px}.fs-control button.fs-aaa{font-size:19px}
@media print{.fs-control{display:none!important}}
@media(max-width:560px){.fs-control{right:10px;bottom:calc(env(safe-area-inset-bottom,0px) + 76px);padding:4px 6px;gap:4px}.fs-control .fs-lbl{display:none}.fs-control button{min-width:44px;min-height:44px}}

/* ===== BELİRTİ ADIMI: sezgisel açılır gruplar + öne çıkmış arama + seçilenler rozeti (az-teknoloji kullanıcı) ===== */
.symp-lead{font-size:14.5px;color:#475569;margin-bottom:10px}
.symp-search{padding:11px 13px;border:1.6px solid var(--teal);border-radius:11px;font-size:15px;font-family:inherit;background:#fff;box-shadow:0 2px 8px rgba(14,165,164,.08)}
.symp-search:focus{outline:none;box-shadow:0 0 0 3px rgba(14,165,164,.16)}
.symp-selected{display:none}
.symp-selected.on{display:flex;flex-wrap:wrap;align-items:center;gap:7px;background:#f0fdfa;border:1px solid #99f6e4;border-radius:12px;padding:10px 12px;margin-bottom:12px}
.symp-selected-lbl{font-size:12.5px;font-weight:800;color:#0f766e;margin-right:2px}
.symp-pill{display:inline-flex;align-items:center;gap:6px;background:var(--teal);color:#fff;border-radius:999px;padding:5px 7px 5px 12px;font-size:13px;font-weight:600}
.symp-pill b{cursor:pointer;width:18px;height:18px;border-radius:50%;background:rgba(255,255,255,.22);display:grid;place-items:center;font-size:11px;line-height:1;font-weight:700}
.symp-pill b:hover{background:rgba(255,255,255,.4)}
.sympgrp{border:1px solid var(--line);border-radius:12px;margin-bottom:8px;background:#fff;overflow:hidden}
.sympgrp>summary.t{display:flex;align-items:center;gap:8px;padding:13px 14px;cursor:pointer;list-style:none;font-size:14.5px;font-weight:700;color:#334155;margin-bottom:0;user-select:none}
.sympgrp>summary::-webkit-details-marker{display:none}
.sympgrp>summary:hover{background:#f8fafc}
.sympgrp .symp-cnt{margin-left:2px;font-weight:400}
.sympgrp .symp-arrow{margin-left:auto;color:#94a3b8;font-size:13px;transition:transform .15s}
.sympgrp[open]>summary .symp-arrow{transform:rotate(90deg);color:var(--teal)}
.sympgrp[open]>summary{background:#f0fdfa;color:var(--navy)}
.sympgrp .symp-badge{background:var(--teal);color:#fff;border-radius:999px;min-width:20px;height:20px;padding:0 6px;display:inline-grid;place-items:center;font-size:11.5px;font-weight:800}
.sympgrp .chips{padding:0 14px 14px}
@media(max-width:560px){.sympgrp>summary{padding:14px 13px}.symp-pill{padding:7px 8px 7px 13px;font-size:13.5px}}

/* B1 reveal butonu — temel stil + varsayılan GİZLİ. Masaüstünde hiç görünmez (app-zone zaten açık).
   Mobil (≤768px) media bloğu bunu display:block yapar (source-order ile media sonra geldiği için kazanır). */
#detailReveal{display:none;width:100%;margin:14px 0 4px;padding:15px 18px;background:#fff;border:1.6px solid var(--line);border-radius:14px;font-family:inherit;font-size:15px;font-weight:800;color:var(--navy);cursor:pointer;text-align:center;-webkit-tap-highlight-color:transparent}
#detailReveal:active{background:#f0fdfa;border-color:var(--teal)}

/* ===== MOBİL APP-SHELL: mobilde tanıtımı gizle — kullanıcı doğrudan Profil & Hedef ile karşılaşsın (ana odak göz hizasında) ===== */
@media(max-width:768px){
  /* uzun pazarlama metnini gizle; "Hemen başla" gereksiz (uygulama zaten hemen altta) → yalnız demo kalsın */
  .hero .eyebrow,.hero h1,.hero-copy{display:none!important}
  .hero{padding:8px 0 2px!important;gap:0!important}
  .hero-actions{margin:0 0 2px!important}
  .hero-actions .btn.go{display:none!important}
  .hero-actions .btn.ghost{min-height:42px;font-size:13.5px;padding:9px 12px}
  /* uygulama bölümü en üstte hissi: app-intro üst boşluğunu azalt */
  .app-zone{padding-top:0!important}
  /* üst app-bar inceltme (native hissi) */
  .site-header .brand{min-height:60px}
}
/* ===== Inline bildirim (toast) — native alert() yerine app-gibi snackbar ===== */
#besinaiToastHost{position:fixed;left:0;right:0;bottom:max(16px,env(safe-area-inset-bottom));z-index:9999;display:flex;flex-direction:column;align-items:center;gap:8px;padding:0 14px;pointer-events:none}
.bz-toast{pointer-events:auto;display:flex;align-items:center;gap:10px;max-width:440px;width:100%;box-sizing:border-box;background:#102a43;color:#fff;border-radius:13px;padding:12px 14px;font-size:14px;line-height:1.45;box-shadow:0 12px 34px rgba(16,42,67,.28);opacity:0;transform:translateY(14px);transition:opacity .2s ease,transform .2s ease}
.bz-toast.bz-in{opacity:1;transform:translateY(0)}
.bz-toast.bz-out{opacity:0;transform:translateY(14px)}
.bz-toast.bz-ok{background:#0f766e}
.bz-toast.bz-warn{background:#92400e}
.bz-toast .bz-ic{flex:0 0 auto;font-size:15px}
.bz-toast .bz-msg{flex:1 1 auto;min-width:0}
.bz-toast .bz-x{flex:0 0 auto;background:none;border:none;color:rgba(255,255,255,.85);font-size:15px;cursor:pointer;padding:2px 4px;line-height:1;border-radius:6px}
.bz-toast .bz-x:hover{color:#fff;background:rgba(255,255,255,.14)}
.bz-toast .bz-acts{flex:0 0 auto;display:flex;gap:7px}
.bz-toast .bz-acts button{border:none;border-radius:8px;font-size:12.5px;font-weight:700;cursor:pointer;padding:6px 12px}
.bz-toast .bz-no{background:rgba(255,255,255,.16);color:#fff}
.bz-toast .bz-yes{background:#fff;color:#92400e}
@media (max-width:520px){.bz-confirm{flex-wrap:wrap}.bz-confirm .bz-acts{width:100%;justify-content:flex-end;margin-top:2px}}
/* ===== Menü ayar duvarı → tek katlanır "⚙️ Menüyü özelleştir" (Opp4: gir→menü hazır, istersen ayarla) ===== */
.menu-customize{border:1.4px solid var(--line);border-radius:14px;background:#f8fafc;margin-bottom:8px;overflow:hidden}
.menu-customize>summary{cursor:pointer;list-style:none;padding:13px 16px;font-weight:800;font-size:14.5px;color:var(--navy);display:flex;align-items:center;gap:8px}
.menu-customize>summary::-webkit-details-marker{display:none}
.menu-customize>summary::after{content:"▾";margin-left:auto;color:var(--teal);font-size:13px;transition:transform .2s}
.menu-customize[open]>summary::after{transform:rotate(180deg)}
.menu-customize>summary:hover{background:#eef2f7}
.menu-customize .menu-customize-body{padding:4px 16px 16px;border-top:1px solid var(--line)}
.menu-customize .grp{margin-top:14px}
/* özelleştir kontrol etiketleri: yazı yerine ikon (kompakt); gerçek anlam .sr-only + role/aria-label ile erişilebilir */
.cz-lbl{font-size:20px;line-height:1;margin:0 0 8px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* ===== Opp5: "yedim"/streak sade mikro-kutlama — zarif kısa pulse (abartı yok) ===== */
@keyframes bzPop{0%{transform:scale(1)}35%{transform:scale(1.13)}100%{transform:scale(1)}}
.bz-pop{animation:bzPop .34s ease}
@media (prefers-reduced-motion:reduce){.bz-pop{animation:none}.bz-toast{transition:opacity .2s ease}}
/* Görünür otomatik resume banner — sayfa en üstü, dönen kullanıcıya net "kaldığın yerden devam" */
.resume-top.is-hidden{display:none}
.resume-top{background:linear-gradient(135deg,#ecfeff,#eff6ff);border:1px solid #a5f3fc;border-radius:16px;padding:14px 16px;margin:0 0 16px;box-shadow:0 6px 18px rgba(14,165,164,.14);animation:bzPop .34s ease}
.resume-top .rt-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.resume-top .rt-msg{font-size:14.5px;font-weight:700;color:#0B2A4A;line-height:1.5}
.resume-top .rt-sub{display:block;font-size:12.5px;font-weight:500;color:#0e7490;margin-top:2px}
.resume-top .rt-acts{display:flex;gap:8px;flex-wrap:wrap}
.resume-top .rt-go{border:none;border-radius:12px;padding:11px 18px;font-size:14.5px;font-weight:800;cursor:pointer;color:#fff;background:linear-gradient(135deg,#16A34A,#0EA5A4);box-shadow:0 6px 16px rgba(14,165,164,.3)}
.resume-top .rt-ghost{border:1px solid #a5f3fc;background:#fff;border-radius:12px;padding:11px 14px;font-size:13px;font-weight:600;color:#0e7490;cursor:pointer}
.resume-top .rt-dismiss{border:none;background:transparent;color:#64748b;font-size:13px;cursor:pointer;padding:6px 8px}
@media (max-width:560px){.resume-top .rt-acts{width:100%}.resume-top .rt-go{flex:1}}

/* ===== ⚙️ AYARLAR & TAKİBİM çekmecesi (sağ-üst) — Takibim/pano/gizlilik gibi ekstralar ana akıştan çıkıp buraya alındı ===== */
.gear-btn{margin-left:10px;display:inline-flex;align-items:center;gap:7px;background:#f0fdfa;border:1px solid #99f6e4;color:#0f766e;font-weight:800;font-size:14px;padding:9px 14px;border-radius:12px;cursor:pointer;font-family:inherit;white-space:nowrap}
.gear-btn:hover{background:#ccfbf1}
.settings-overlay{position:fixed;inset:0;background:rgba(8,20,38,.46);z-index:70;opacity:0;visibility:hidden;transition:opacity .2s ease}
.settings-overlay.open{opacity:1;visibility:visible}
.settings-drawer{position:fixed;top:0;right:0;height:100%;width:min(420px,100%);background:#fff;z-index:71;box-shadow:-12px 0 44px rgba(16,42,67,.20);transform:translateX(100%);transition:transform .24s ease;display:flex;flex-direction:column}
.settings-drawer.open{transform:none}
.settings-drawer .sd-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#fff;z-index:1}
.settings-drawer .sd-head b{font-size:16px;color:var(--navy)}
.settings-drawer .sd-close{border:none;background:#f1f5f9;width:40px;height:40px;min-width:40px;border-radius:11px;font-size:17px;cursor:pointer;color:#475569;line-height:1}
.settings-drawer .sd-close:hover{background:#e2e8f0}
.settings-drawer .sd-body{padding:16px 18px;overflow-y:auto;-webkit-overflow-scrolling:touch;flex:1}
.settings-drawer .sd-sec{margin-bottom:16px}
.settings-drawer .storage-choice{margin:8px 0}
@media(max-width:820px){.gear-btn{margin-left:auto}}
@media print{.gear-btn,.settings-overlay,.settings-drawer{display:none!important}}

/* analiz özet kartında: ana odak = öncelik manşeti; gerisi (güven/öncelik sıralaması/küçük adım) tıkla-aç */
.overview-more{margin-top:6px}
.overview-more>summary{cursor:pointer;list-style:none;color:#0f766e;font-weight:800;font-size:13px;padding:8px 0;user-select:none}
.overview-more>summary::-webkit-details-marker{display:none}
.overview-more>summary::after{content:" ▾";color:#0f766e}
.overview-more[open]>summary::after{content:" ▴"}
/* menüde görünür mutfak mikseri bölümü (göz hizasında ana odak) */
.menu-mixer{border:1px solid var(--line);border-radius:14px;background:#fff;padding:14px 16px;margin:0 0 14px}
.menu-mixer>.mm-h{font-weight:800;font-size:14.5px;color:var(--navy);margin-bottom:10px;display:flex;align-items:center;gap:8px}

/* ===== MASAÜSTÜ "TEK EKRAN" SADELEŞTİRME: teklif motoru gibi odaklı tek kolon — wizard ortalanıp daraltılır, hero inceltilir ===== */
@media(min-width:821px){
  /* hero kompakt → ana odak (Profil & Hedef) ilk ekranda göz hizasına çıksın */
  .hero{padding:24px 0 16px;gap:0}
  .hero h1{font-size:33px;line-height:1.05;margin-bottom:10px;max-width:760px}
  .hero-copy{font-size:15px;line-height:1.5;margin-bottom:14px;max-width:680px}
  .app-zone{max-width:920px;margin-inline:auto;padding-top:0}
  .app-intro{margin-bottom:12px}
  .app-intro h2{font-size:23px}
}