/* ===== Yazı tipleri (yerel, alt kümeli; harici CDN yok) ===== */
@font-face{font-family:"Inter";src:url(fonts/inter.woff2) format("woff2");font-weight:400 700;font-display:swap}
@font-face{font-family:"Noto Serif";src:url(fonts/notoserif-Light.woff2) format("woff2");font-weight:300;font-display:swap}
@font-face{font-family:"Noto Serif";src:url(fonts/notoserif-Medium.woff2) format("woff2");font-weight:500;font-display:swap}

/* ===== Token'lar ===== */
:root{
  /* renk */
  --kirec:#F6F1E7; --kagit:#FFFCF6; --kum:#ECE4D3; --cizgi:#E1D8C4; --cizgi-koyu:#BDB29B;
  --murekkep:#1E2B26; --sessiz:#5A645D;
  --deniz:#1D5B68; --deniz-koyu:#0F3E48; --deniz-sis:#D9E9E7; --deniz-hafif:#EAF2EF;
  --zeytin:#4B5628; --zeytin-sis:#E7EAD2;
  --bal:#8A5A0F; --bal-sis:#F4E6C6; --gunes:#E8A33D;
  /* tip ölçeği */
  --f-goster:72px; --f-b1:32px; --f-b2:22px; --f-baslik:17px; --f-metin:16px; --f-kucuk:14px; --f-not:12.5px;
  --serif:"Noto Serif",Georgia,"Times New Roman",serif;
  --sans:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  /* boşluk (4 pt) */
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px; --s6:32px; --s7:48px;
  /* köşe */
  --r-s:12px; --r-m:20px; --r-b:28px; --r-hap:999px;
  /* gölge */
  --g1:0 1px 0 rgba(30,43,38,.05),0 8px 24px -12px rgba(30,43,38,.16);
  --g2:0 12px 28px -10px rgba(15,62,72,.55);
  /* hareket */
  --hz:240ms cubic-bezier(.2,.8,.2,1);
  /* kabuk */
  --sb:0px; --alt:0px; --sekme-h:calc(68px + var(--alt));
}
body.kare,body.png{--sb:44px;--alt:14px}

*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
html,body{height:100%}
body{background:var(--kirec);color:var(--murekkep);font:400 var(--f-metin)/24px var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow:hidden}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
svg{display:block;flex:0 0 auto}
:focus-visible{outline:3px solid var(--deniz);outline-offset:2px;border-radius:8px}
.gizli{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* ===== Kabuk ===== */
.tel{position:relative;width:100%;height:100vh;height:100dvh;overflow:hidden;background:var(--kirec)}
body.kare{display:flex;align-items:center;justify-content:center;background:#D6CEBB}
body.kare .tel{width:390px;height:844px;border-radius:46px;box-shadow:0 0 0 10px #1E2B26,0 40px 80px -30px rgba(0,0,0,.45)}
body.png .tel{width:390px;height:844px}
.durum{display:none;position:absolute;z-index:30;top:0;left:0;right:0;height:44px;padding:14px 28px 0;justify-content:space-between;font:600 14px/16px var(--sans);pointer-events:none}
body.kare .durum,body.png .durum{display:flex}
.durum .sag{display:flex;gap:6px;align-items:center}
.ev-cubuk{display:none;position:absolute;z-index:30;bottom:6px;left:50%;width:132px;height:5px;margin-left:-66px;border-radius:3px;background:var(--murekkep);opacity:.85;pointer-events:none}
body.kare .ev-cubuk,body.png .ev-cubuk{display:block}

/* ===== Ekranlar ===== */
.ekran{position:absolute;inset:0;display:flex;flex-direction:column;background:var(--kirec);opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity var(--hz),transform var(--hz),visibility 0s linear var(--hz)}
.ekran.on{opacity:1;visibility:visible;transform:none;transition:opacity var(--hz),transform var(--hz),visibility 0s}
.kaydir{flex:1;overflow-y:auto;overflow-x:hidden;padding:calc(var(--sb) + 16px) var(--s5) 200px;scrollbar-width:none;overscroll-behavior:contain}
.kaydir::-webkit-scrollbar{display:none}
.kaydir.sekmeli{padding-bottom:calc(var(--sekme-h) + 110px)}
.kaydir.sekmeli.kisa{padding-bottom:calc(var(--sekme-h) + 32px)}

/* ===== Tip rolleri ===== */
.t-goster{font:300 var(--f-goster)/72px var(--serif);letter-spacing:-1.5px;font-variant-numeric:lining-nums tabular-nums}
.t-b1{font:500 var(--f-b1)/38px var(--serif);letter-spacing:-.3px}
.t-b2{font:500 var(--f-b2)/28px var(--serif)}
.t-baslik{font:600 var(--f-baslik)/24px var(--sans)}
.t-kucuk{font:400 var(--f-kucuk)/20px var(--sans);color:var(--sessiz)}
.t-not{font:500 var(--f-not)/16px var(--sans);color:var(--sessiz);letter-spacing:.1px}
.tab{font-variant-numeric:tabular-nums}

/* ===== Üst başlık ===== */
.ust{display:flex;justify-content:space-between;align-items:center;min-height:48px}
.ust-ikon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;color:var(--murekkep);margin:0 -12px}
.ust-ikon:active{background:var(--kum)}

/* ===== Düğmeler ===== */
.dugme{width:100%;height:60px;border-radius:var(--r-m);background:var(--deniz);color:#fff;font:600 17px/24px var(--sans);display:flex;align-items:center;justify-content:center;gap:var(--s3);box-shadow:var(--g2);transition:transform 120ms,background var(--hz)}
.dugme:active{transform:scale(.98);background:var(--deniz-koyu)}
.dugme.hafif{background:var(--kagit);color:var(--deniz-koyu);box-shadow:inset 0 0 0 1.5px var(--cizgi)}
.dugme.yok{background:var(--kum);color:var(--sessiz);box-shadow:none}
.dugme .ince{font-weight:400;opacity:.85}
.dugme.iki{flex-direction:column;gap:0;height:64px}
.dugme.iki small{font:400 13px/18px var(--sans);opacity:.88}
.metin-dugme{min-height:48px;padding:0 var(--s3);display:inline-flex;align-items:center;gap:6px;color:var(--deniz);font:600 15px/20px var(--sans);border-radius:var(--r-s)}
.cta{position:absolute;left:0;right:0;z-index:10;padding:28px var(--s5) var(--s3);background:linear-gradient(to bottom,rgba(246,241,231,0),var(--kirec) 44%)}
.cta.sekme-ustu{bottom:var(--sekme-h)}
.cta.dipte{bottom:var(--alt);padding-bottom:calc(var(--s4) + env(safe-area-inset-bottom))}
.cta .alt-not{text-align:center;margin-top:var(--s2)}

/* ===== Alt sekme ===== */
.sekme{position:absolute;z-index:20;left:0;right:0;bottom:0;height:var(--sekme-h);padding:0 var(--s2) var(--alt);background:var(--kagit);border-top:1px solid var(--cizgi);display:none;grid-template-columns:repeat(4,1fr)}
.sekme.on{display:grid}
.sekme button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--sessiz);font:500 12.5px/16px var(--sans);min-height:56px}
.sekme button::before{content:"";position:absolute;top:-1px;left:50%;width:28px;height:3px;margin-left:-14px;border-radius:0 0 3px 3px;background:var(--deniz);transform:scaleX(0);transition:transform var(--hz)}
.sekme button[aria-current="page"]{color:var(--deniz-koyu);font-weight:600}
.sekme button[aria-current="page"]::before{transform:scaleX(1)}

/* ===== Bugün: kahraman ===== */
.hero{position:relative;margin:var(--s4) calc(var(--s5) * -1) 0;padding:var(--s2) var(--s5) 0}
.hero::before{content:"";position:absolute;z-index:-1;inset:-120px 0 auto auto;width:360px;height:360px;background:radial-gradient(circle at 60% 40%,rgba(232,163,61,.26),rgba(232,163,61,0) 62%);pointer-events:none}
.hero-etiket{display:flex;align-items:center;justify-content:space-between}
.kalan{white-space:nowrap;display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 14px;border-radius:var(--r-hap);background:var(--deniz-sis);color:var(--deniz-koyu);font:600 14px/20px var(--sans)}
.hero .t-goster{margin-top:var(--s2);font-size:64px;line-height:68px}
.hero-ad{margin-top:var(--s1)}
.hero-deger{margin-top:var(--s2);color:var(--sessiz)}
.hero-deger b{color:var(--murekkep);font-weight:600}
.yay{margin:var(--s2) 0 0;width:342px;height:66px}
.hero-ipucu{margin-top:var(--s3);color:var(--sessiz)}

/* ===== Hatırlatma çipleri ===== */
.hat{display:flex;gap:var(--s3);margin-top:var(--s3)}
.hat-cip{flex:1;min-height:50px;display:flex;align-items:center;gap:10px;padding:0 8px 0 10px;border-radius:var(--r-m);background:var(--kagit);box-shadow:var(--g1);text-align:left}
a.hat-cip{color:inherit;text-decoration:none}
.hat-cip .disk{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--deniz-sis);color:var(--deniz)}
.hat-cip.ilac .disk{background:var(--bal-sis);color:var(--bal)}
.hat-cip .m{flex:1;line-height:18px;white-space:nowrap}
#su-cip{flex:1.25}
.hat-cip .m small{display:block;font-size:12.5px;color:var(--sessiz)}
.hat-cip .m b{font-size:16px;font-weight:600}
.arti{width:38px;height:38px;border-radius:50%;background:var(--deniz);color:#fff;display:grid;place-items:center;transition:transform 160ms}
.arti.pop{animation:pop 380ms cubic-bezier(.3,1.6,.5,1)}
@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.3)}100%{transform:scale(1)}}

/* ===== Seçenekler ===== */
.bolum{display:flex;align-items:baseline;justify-content:space-between;margin:var(--s4) 0 var(--s3)}
.konum-bagi{display:inline-flex;align-items:center;gap:6px;min-height:32px;color:var(--deniz);font:600 14px/20px var(--sans)}
.secenekler{display:flex;flex-direction:column;gap:var(--s2)}
.sec{position:relative;display:flex;align-items:center;gap:10px;min-height:72px;padding:var(--s2) var(--s4) var(--s2) var(--s2);border-radius:var(--r-m);background:var(--kagit);box-shadow:var(--g1),inset 0 0 0 1.5px transparent;text-align:left;width:100%;transition:box-shadow var(--hz),background var(--hz)}
.ust.kisa-ust{min-height:40px}
.sec[aria-checked="true"]{background:var(--deniz-hafif);box-shadow:inset 0 0 0 2px var(--deniz)}
.sec .tabak-kutu{width:52px;height:52px;border-radius:16px;background:var(--kirec);display:grid;place-items:center;flex:0 0 auto}
.sec .or{flex:1;min-width:0}
.sec .etk{position:absolute;top:-9px;left:70px;height:20px;padding:0 9px;border-radius:var(--r-hap);background:var(--zeytin-sis);color:var(--zeytin);font:600 12px/20px var(--sans);letter-spacing:.2px;box-shadow:0 0 0 2px var(--kirec)}
.sec .ad{display:block;font:600 15.5px/22px var(--sans);letter-spacing:-.1px}
.sec .meta{display:flex;align-items:center;gap:6px;font-size:14px;line-height:20px;color:var(--sessiz)}
.sec .kc{text-align:right;line-height:20px;min-width:44px}
.sec .kc b{display:block;font:500 22px/24px var(--serif);font-variant-numeric:lining-nums}
.sec .kc small{font-size:12.5px;color:var(--sessiz)}
.sec .onay-rozet{position:absolute;top:-8px;right:-4px;width:24px;height:24px;border-radius:50%;background:var(--deniz);color:#fff;display:grid;place-items:center;transform:scale(0);transition:transform 260ms cubic-bezier(.3,1.6,.5,1);box-shadow:0 0 0 3px var(--kirec)}
.sec[aria-checked="true"] .onay-rozet{transform:scale(1)}

/* ===== Toast ===== */
.toast{position:absolute;z-index:40;left:var(--s5);right:var(--s5);bottom:calc(var(--sekme-h) + 92px);padding:12px 16px;border-radius:var(--r-s);background:var(--murekkep);color:#fff;font:500 14px/20px var(--sans);opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity var(--hz),transform var(--hz)}
.toast.on{opacity:1;transform:none}
.toast.alt{bottom:calc(var(--alt) + 100px)}

/* ===== Detay ===== */
.tabak-sahne{position:relative;margin:0 calc(var(--s5) * -1);height:172px;background:linear-gradient(180deg,#F1E7D2,#F6F1E7);display:grid;place-items:center;overflow:hidden}
.tabak-sahne::before{content:"";position:absolute;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(232,163,61,.28),rgba(232,163,61,0) 65%);right:-90px;top:-110px}
.tabak-sahne .tabak{position:relative;filter:drop-shadow(0 14px 14px rgba(30,43,38,.18))}
.geri{position:absolute;z-index:5;top:calc(var(--sb) + 8px);left:var(--s3);width:48px;height:48px;border-radius:50%;background:rgba(255,252,246,.9);display:grid;place-items:center;box-shadow:var(--g1)}
.d-baslik{margin-top:var(--s4)}
.d-ust{display:flex;align-items:center;gap:var(--s2);color:var(--sessiz);font-size:14px}
.d-ust .tag{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:var(--r-hap);background:var(--zeytin-sis);color:var(--zeytin);font:600 12.5px/16px var(--sans)}
.d-baslik h1{margin-top:var(--s2)}
.d-ozet{margin-top:var(--s2);color:var(--sessiz)}
.deger-blok{margin-top:var(--s4);padding:var(--s4) var(--s4) var(--s3);border-radius:var(--r-m);background:var(--kagit);box-shadow:var(--g1)}
.deger-ust{display:flex;align-items:baseline;gap:var(--s2)}
.deger-ust .buyuk{font:500 34px/38px var(--serif);letter-spacing:-.5px}
.makro-cubuk{display:flex;height:10px;border-radius:5px;overflow:hidden;gap:2px;margin-top:var(--s3)}
.makro-cubuk i{display:block;height:100%}
.m-p{background:var(--deniz)} .m-k{background:#8FB0AA} .m-y{background:#E1B65F}
.makro-liste{display:flex;justify-content:space-between;margin-top:var(--s3);gap:var(--s2)}
.makro-liste div{font-size:13.5px;line-height:20px;color:var(--sessiz);white-space:nowrap}
.makro-liste b{display:block;color:var(--murekkep);font:600 16px/22px var(--sans)}
.makro-liste span.n{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px}
.tum-deger{margin-top:var(--s2);border-top:1px solid var(--cizgi)}
.tum-deger>button{width:100%;min-height:48px;display:flex;align-items:center;justify-content:space-between;color:var(--deniz);font:600 14px/20px var(--sans)}
.tum-deger .ac{display:none;padding-bottom:var(--s2)}
.tum-deger.acik .ac{display:block}
.tum-deger.acik svg.ok{transform:rotate(180deg)}
.satir{display:flex;justify-content:space-between;align-items:center;min-height:40px;font-size:15px;line-height:20px}
.satir span:first-child{color:var(--sessiz)}
.siparis{margin-top:var(--s3);padding:var(--s1) var(--s4);border-radius:var(--r-m);background:var(--kagit);box-shadow:var(--g1)}
.siparis .satir{min-height:46px;border-bottom:1px solid var(--cizgi)}
.siparis .satir:last-child{border-bottom:0}
.siparis .satir b{font-weight:600;text-align:right}
.siparis .toplam{font:500 22px/28px var(--serif)}
.siparis .degistir{color:var(--deniz);font:600 14px/20px var(--sans)}

/* ===== Onay anı ===== */
.onay{align-items:center;text-align:center}
.onay .ic{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--sb) var(--s5) 0;width:100%}
.halka{position:relative;width:132px;height:132px;display:grid;place-items:center;margin-bottom:var(--s5)}
.halka::before,.halka::after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--deniz-sis)}
.halka::after{background:var(--deniz);inset:18px}
.ekran.on .halka::before{animation:dalga 1.4s ease-out .15s both}
@keyframes dalga{0%{transform:scale(.6);opacity:.9}100%{transform:scale(1.5);opacity:0}}
.halka svg{position:relative;z-index:2;color:#fff}
.halka path{stroke-dasharray:30;stroke-dashoffset:30}
.ekran.on .halka path{animation:ciz 520ms ease-out .35s forwards}
@keyframes ciz{to{stroke-dashoffset:0}}
.ekran.on .halka::after{animation:belir 420ms cubic-bezier(.3,1.5,.5,1) both}
@keyframes belir{0%{transform:scale(.4);opacity:0}100%{transform:scale(1);opacity:1}}
.onay h1{margin-bottom:var(--s2)}
.onay .alt-metin{color:var(--sessiz);max-width:300px}
.adimlar{margin:var(--s6) 0 0;width:100%;text-align:left;padding:var(--s4) var(--s5);border-radius:var(--r-m);background:var(--kagit);box-shadow:var(--g1)}
.adim{display:flex;gap:var(--s3);align-items:center;min-height:44px;color:var(--sessiz);font-size:15px}
.adim .nk{width:24px;height:24px;border-radius:50%;border:2px solid var(--cizgi-koyu);display:grid;place-items:center;flex:0 0 auto}
.adim.bitti{color:var(--murekkep);font-weight:600}
.adim.bitti .nk{background:var(--deniz);border-color:var(--deniz);color:#fff}
.adim .z{margin-left:auto;font-variant-numeric:tabular-nums}
.onay .not{margin-top:var(--s4);max-width:320px}
.onay .alt-bolge{width:100%;padding:0 var(--s5) calc(var(--s5) + var(--alt));display:flex;flex-direction:column;gap:var(--s2)}

/* ===== Plan ===== */
.gun-seridi{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin:var(--s5) -4px 0}
.gun-seridi button{position:relative;min-height:68px;border-radius:var(--r-m);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--sessiz);font:500 12.5px/16px var(--sans)}
.gun-seridi button b{font:500 20px/24px var(--serif);color:var(--murekkep);font-variant-numeric:lining-nums}
.gun-seridi button[aria-pressed="true"]{background:var(--deniz);color:#e6f0ef;box-shadow:var(--g2)}
.gun-seridi button[aria-pressed="true"] b{color:#fff}
.gun-seridi button.bugun::after{content:"";position:absolute;bottom:7px;width:5px;height:5px;border-radius:50%;background:var(--gunes)}
.gun-seridi button.bugun[aria-pressed="true"]::after{background:#fff}
.duzen-satiri{display:flex;align-items:center;justify-content:space-between;margin-top:var(--s4);min-height:48px;padding:0 var(--s2) 0 var(--s4);border-radius:var(--r-hap);background:var(--kum)}
.duzen-satiri .u{display:flex;align-items:center;gap:var(--s2);font-size:14px;line-height:20px}
.duzen-satiri .u svg{color:var(--bal)}
.zaman{position:relative;margin-top:var(--s5)}
.ogun{position:relative;padding-left:84px}
.ogun::before{content:"";position:absolute;left:66px;top:0;bottom:0;width:1.5px;background:var(--cizgi)}
.ogun:first-child::before{top:30px}
.ogun:last-child::before{bottom:calc(100% - 30px)}
.ogun .nokta{position:absolute;left:61px;top:25px;width:11px;height:11px;border-radius:50%;background:var(--kirec);box-shadow:inset 0 0 0 2px var(--cizgi-koyu)}
.ogun.siradaki .nokta{background:var(--deniz);box-shadow:0 0 0 4px var(--deniz-sis)}
.ogun .saat{position:absolute;left:0;top:15px;width:56px;font:500 19px/28px var(--serif);font-variant-numeric:lining-nums tabular-nums}
.ogun>button{width:100%;text-align:left;padding:var(--s3) var(--s2) var(--s3) var(--s3);min-height:64px;border-radius:var(--r-m);display:block}
.ogun>button:active{background:var(--kum)}
.ogun .ad{display:block;font:600 16px/22px var(--sans);padding-right:28px}
.ogun .kc{display:block;color:var(--sessiz);font-size:14px;line-height:20px;margin-top:2px}
.ogun .sira-tag{display:inline-block;margin-left:6px;padding:0 8px;border-radius:var(--r-hap);background:var(--deniz-sis);color:var(--deniz-koyu);font:600 12px/18px var(--sans);vertical-align:1px}
.ogun .ok{position:absolute;right:var(--s3);top:22px;color:var(--sessiz);transition:transform var(--hz)}
.ogun.acik .ok{transform:rotate(180deg)}
.ogun .detay{display:none;padding:0 var(--s3) var(--s3)}
.ogun.acik .detay{display:block}
.toplam-blok{margin-top:var(--s5);padding:var(--s4);border-radius:var(--r-m);background:var(--kagit);box-shadow:var(--g1)}
.toplam-blok .ust-s{display:flex;justify-content:space-between;align-items:baseline}
.dip-not{margin-top:var(--s5);text-align:center}

/* ===== Günlük ===== */
.gl-bolum{margin:var(--s5) 0 var(--s3);display:flex;justify-content:space-between;align-items:baseline}
.bos-kart{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s2);padding:var(--s5);border-radius:var(--r-b);background:transparent;box-shadow:inset 0 0 0 1.5px var(--cizgi-koyu);background-image:none;border:0}
.bos-kart{border:1.5px dashed var(--cizgi-koyu);box-shadow:none}
.bos-kart .tabak-bos{opacity:.9}
.gl-giris{display:flex;gap:var(--s3);padding:var(--s3);border-radius:var(--r-m);background:var(--kagit);box-shadow:var(--g1);margin-bottom:var(--s3)}
.gl-giris .foto{position:relative;width:84px;height:84px;border-radius:16px;background:var(--kirec);display:grid;place-items:center;flex:0 0 auto;overflow:visible}
.gl-giris .tahmin{position:absolute;left:50%;bottom:-8px;transform:translateX(-50%);padding:0 8px;height:20px;border-radius:var(--r-hap);background:var(--bal-sis);color:var(--bal);font:600 11.5px/20px var(--sans);white-space:nowrap}
.gl-giris .g{flex:1;min-width:0}
.gl-giris .g .z{font-size:12.5px;color:var(--sessiz);line-height:16px}
.gl-giris .g .a{font:600 16px/22px var(--sans)}
.gl-giris .g .k{font-size:14px;color:var(--sessiz);line-height:20px}
.gl-giris .g .n{margin-top:6px;font-size:14px;line-height:20px;color:var(--murekkep)}
.gl-giris.atlandi{background:transparent;box-shadow:none;border:1.5px dashed var(--cizgi-koyu);align-items:center;min-height:72px}
.gl-giris.atlandi .g .a{font-weight:500;color:var(--sessiz)}
.yeni{animation:vurgu 1.6s ease-out}
@keyframes vurgu{0%{background:var(--deniz-sis);transform:translateY(-6px)}100%{background:var(--kagit);transform:none}}
.cipler{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.cip{display:inline-flex;align-items:center;height:28px;padding:0 10px;border-radius:var(--r-hap);background:var(--kum);font:500 13px/18px var(--sans)}

/* ===== Çekim tabakası ===== */
.perde{position:absolute;z-index:50;inset:0;background:rgba(15,28,24,.5);opacity:0;visibility:hidden;transition:opacity var(--hz),visibility 0s linear var(--hz)}
.perde.on{opacity:1;visibility:visible;transition:opacity var(--hz)}
.tabaka{position:absolute;z-index:55;left:0;right:0;bottom:0;max-height:92%;padding:var(--s2) var(--s5) calc(var(--s5) + var(--alt));border-radius:var(--r-b) var(--r-b) 0 0;background:var(--kirec);transform:translateY(105%);visibility:hidden;transition:transform 320ms cubic-bezier(.2,.8,.2,1),visibility 0s linear 320ms}
.tabaka.on{transform:none;visibility:visible;transition:transform 320ms cubic-bezier(.2,.8,.2,1)}
.tutac{width:40px;height:5px;border-radius:3px;background:var(--cizgi-koyu);margin:var(--s2) auto var(--s4)}
.vizor{position:relative;height:300px;border-radius:var(--r-b);background:#16312F;display:grid;place-items:center;overflow:hidden}
.vizor .kose{position:absolute;width:28px;height:28px;border:3px solid rgba(255,255,255,.85)}
.k1{top:20px;left:20px;border-right:0!important;border-bottom:0!important;border-radius:10px 0 0 0}
.k2{top:20px;right:20px;border-left:0!important;border-bottom:0!important;border-radius:0 10px 0 0}
.k3{bottom:20px;left:20px;border-right:0!important;border-top:0!important;border-radius:0 0 0 10px}
.k4{bottom:20px;right:20px;border-left:0!important;border-top:0!important;border-radius:0 0 10px 0}
.vizor .ipucu{position:absolute;bottom:20px;left:0;right:0;text-align:center;color:rgba(255,255,255,.85);font-size:13px;line-height:18px;padding:0 56px}
.vizor .flas{position:absolute;inset:0;background:#fff;opacity:0}
.vizor.flas-ver .flas{animation:flas 380ms ease-out}
@keyframes flas{0%{opacity:.9}100%{opacity:0}}
.deklansor-sira{display:flex;align-items:center;justify-content:center;gap:var(--s6);margin-top:var(--s5)}
.deklansor{width:76px;height:76px;border-radius:50%;background:var(--kagit);box-shadow:inset 0 0 0 4px var(--deniz),0 0 0 6px var(--kirec),0 0 0 8px var(--cizgi-koyu);display:grid;place-items:center}
.deklansor i{width:56px;height:56px;border-radius:50%;background:var(--deniz);transition:transform 120ms}
.deklansor:active i{transform:scale(.9)}
.analiz{display:none;text-align:center;padding:var(--s7) 0 var(--s5)}
.nokta3{display:flex;gap:8px;justify-content:center;margin-bottom:var(--s4)}
.nokta3 i{width:10px;height:10px;border-radius:50%;background:var(--deniz);animation:nabiz 1s infinite ease-in-out}
.nokta3 i:nth-child(2){animation-delay:.15s}.nokta3 i:nth-child(3){animation-delay:.3s}
@keyframes nabiz{0%,80%,100%{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}
.sonuc{display:none}
.sonuc .oge{display:flex;align-items:center;justify-content:space-between;min-height:56px;border-bottom:1px solid var(--cizgi)}
.sonuc .oge b{font-weight:600}
.sonuc .oge small{display:block;color:var(--sessiz);font-size:13px;line-height:16px}
.sonuc .ikili{display:flex;gap:var(--s3);margin-top:var(--s5)}
.sonuc .ikili .dugme{flex:1}
.tabaka[data-durum="analiz"] .cekim{display:none}
.tabaka[data-durum="analiz"] .analiz{display:block}
.tabaka[data-durum="sonuc"] .cekim{display:none}
.tabaka[data-durum="sonuc"] .sonuc{display:block}

/* ===== Kurulum ===== */
.ilerleme{display:flex;gap:6px;margin:0 var(--s2) 0 var(--s2);flex:1}
.ilerleme i{flex:1;height:4px;border-radius:2px;background:var(--cizgi)}
.ilerleme i.d{background:var(--deniz)}
.k-ust{display:flex;align-items:center;gap:var(--s3);margin-left:-12px}
.k-ust .adim-no{font-size:13px;color:var(--sessiz);white-space:nowrap}
.segment{display:grid;grid-template-columns:1fr 1fr;padding:4px;border-radius:var(--r-hap);background:var(--kum);margin-top:var(--s4)}
.segment button{height:44px;border-radius:var(--r-hap);font:600 15px/20px var(--sans);color:var(--sessiz);transition:background var(--hz),color var(--hz)}
.segment button[aria-pressed="true"]{background:var(--kagit);color:var(--deniz-koyu);box-shadow:var(--g1)}
.iki-kol{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3);margin-top:var(--s3)}
.saat-secici{display:flex;flex-direction:column;align-items:center;padding:var(--s3) var(--s3) var(--s3);border-radius:var(--r-m);background:var(--kagit);box-shadow:var(--g1)}
.saat-secici .e{display:flex;align-items:center;gap:var(--s2);color:var(--sessiz);font-size:14px;line-height:20px}
.saat-secici .e svg{color:var(--bal)}
.saat-secici .d{font:300 44px/52px var(--serif);letter-spacing:-1px;font-variant-numeric:lining-nums tabular-nums;color:var(--murekkep);margin:2px 0 var(--s2)}
.adimlayici{display:flex;gap:var(--s2)}
.adimlayici button{width:52px;height:48px;border-radius:var(--r-hap);display:grid;place-items:center;background:var(--kum);color:var(--deniz-koyu)}
.adimlayici button:active{background:var(--deniz-sis)}
.onizleme{margin-top:var(--s3);padding:var(--s4) var(--s4) var(--s3);border-radius:var(--r-b);background:var(--deniz-koyu);color:#fff;position:relative;overflow:hidden}
.onizleme .t-not{color:rgba(255,255,255,.72)}
.onizleme .yay{width:100%;margin:var(--s3) 0 0}
.onizleme .liste{display:flex;gap:var(--s2);margin-top:var(--s5)}
.onizleme .liste div{flex:1;text-align:center;padding:10px 0;border-radius:var(--r-s);background:rgba(255,255,255,.1)}
.onizleme .liste b{display:block;font:500 20px/24px var(--serif);font-variant-numeric:lining-nums}
.onizleme .liste small{font-size:12.5px;color:rgba(255,255,255,.75)}
.kural{margin-top:var(--s3);text-align:center}


/* ===== Uygulama eklemeleri (v3 · çalışan PWA) ===== */
@media (min-width:481px){body{background:#D6CEBB}.tel{max-width:430px;margin:0 auto;box-shadow:0 0 40px -10px rgba(30,43,38,.3)}}
.kaydir{padding-top:calc(16px + env(safe-area-inset-top))}
.sekme{padding-bottom:env(safe-area-inset-bottom);height:calc(68px + env(safe-area-inset-bottom))}
.ekran.on{z-index:1}
.bos-not{padding:var(--s4);border-radius:var(--r-m);background:var(--kagit);box-shadow:var(--g1);color:var(--sessiz);font-size:15px;line-height:22px}
.sec .etk.plan{background:var(--deniz-sis);color:var(--deniz-koyu)}
.eylemler{display:flex;flex-direction:column;gap:var(--s2);margin-top:var(--s4)}
a.dugme{text-decoration:none}
.dugme.hafif svg{color:var(--deniz)}
.durum-rozet{display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 10px;border-radius:var(--r-hap);background:var(--deniz-sis);color:var(--deniz-koyu);font:600 12.5px/16px var(--sans)}
.durum-rozet.atla{background:var(--kum);color:var(--sessiz)}
.gl-giris .foto img{width:84px;height:84px;object-fit:cover;border-radius:16px}
.gl-giris .sag{display:flex;align-items:center}
.sil-dugme{min-height:44px;min-width:44px;color:var(--sessiz);font:500 13px/18px var(--sans)}
/* form */
.alan{display:flex;flex-direction:column;gap:6px;margin-top:var(--s4)}
.alan>span{font:600 14px/20px var(--sans);color:var(--sessiz)}
.alan input,.alan select{height:52px;padding:0 var(--s4);border-radius:var(--r-s);border:1.5px solid var(--cizgi);background:var(--kagit);font:400 16px/24px var(--sans);color:var(--murekkep);width:100%;appearance:none;-webkit-appearance:none}
.alan input:focus,.alan select:focus{outline:none;border-color:var(--deniz)}
.alan input[type=time]{font-variant-numeric:tabular-nums}
.iki-alan{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3)}
.iki-alan .alan{margin-top:var(--s4)}
.tabaka .kaydir-ic{max-height:calc(92vh - 60px);overflow-y:auto;padding-bottom:var(--s3)}
.tabaka h2{margin-bottom:var(--s2)}
.secim-liste{display:flex;flex-direction:column;gap:var(--s2);margin-top:var(--s3)}
.secim-liste .dugme{justify-content:flex-start;padding:0 var(--s4)}
.foto-sec{display:flex;align-items:center;gap:var(--s3);margin-top:var(--s4)}
.foto-sec img{width:64px;height:64px;border-radius:12px;object-fit:cover}
/* ilaç */
.ilac-kart{display:flex;align-items:center;gap:var(--s3);padding:var(--s3) var(--s3) var(--s3) var(--s4);border-radius:var(--r-m);background:var(--kagit);box-shadow:var(--g1);margin-bottom:var(--s2)}
.ilac-kart .disk{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--bal-sis);color:var(--bal);flex:0 0 auto}
.ilac-kart .g{flex:1;min-width:0}
.ilac-kart .g b{display:block;font:600 16px/22px var(--sans);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ilac-kart .g small{color:var(--sessiz);font-size:14px;line-height:20px}
.ilac-kart .saat{font:500 20px/24px var(--serif);font-variant-numeric:lining-nums tabular-nums;margin-right:var(--s2)}
.aldim{min-height:44px;padding:0 14px;border-radius:var(--r-hap);background:var(--deniz);color:#fff;font:600 14px/20px var(--sans)}
.aldim.oldu{background:var(--deniz-sis);color:var(--deniz-koyu)}
.ilac-kart.bugun-degil{opacity:.7}
/* profil */
.ayar{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);min-height:56px;padding:0 var(--s4);border-bottom:1px solid var(--cizgi);width:100%;text-align:left}
.ayar:last-child{border-bottom:0}
.ayar small{display:block;color:var(--sessiz);font-size:13.5px;line-height:18px}
.ayar-grup{margin-top:var(--s3);border-radius:var(--r-m);background:var(--kagit);box-shadow:var(--g1);overflow:hidden}
.ayar .deger{color:var(--deniz-koyu);font-weight:600;white-space:nowrap}
.ayar.tehlike{color:var(--bal)}
.anahtar{width:52px;height:32px;border-radius:16px;background:var(--cizgi);position:relative;flex:0 0 auto;transition:background var(--hz)}
.anahtar::after{content:"";position:absolute;top:3px;left:3px;width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:transform var(--hz)}
.anahtar[aria-checked="true"]{background:var(--deniz)}
.anahtar[aria-checked="true"]::after{transform:translateX(20px)}
/* hoş geldin */
.hosgeldin{justify-content:flex-end}
.hosgeldin .ic{padding:calc(48px + env(safe-area-inset-top)) var(--s5) 0;flex:1;display:flex;flex-direction:column;justify-content:center}
.hosgeldin .madde{display:flex;gap:var(--s3);align-items:flex-start;margin-top:var(--s4)}
.hosgeldin .madde .disk{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--deniz-sis);color:var(--deniz);flex:0 0 auto}
.hosgeldin .alt-bolge{padding:var(--s5) var(--s5) calc(var(--s5) + env(safe-area-inset-bottom))}
.su-hedef{display:flex;align-items:center;justify-content:space-between;margin-top:var(--s3);padding:var(--s3) var(--s4);border-radius:var(--r-m);background:var(--kagit);box-shadow:var(--g1)}
.tel{overflow:clip}
.ayar{padding:10px var(--s4)}
.su-eksi{width:32px;height:44px;margin:0 -4px 0 -6px;display:grid;place-items:center;color:var(--sessiz);border-radius:var(--r-s)}