*{-webkit-tap-highlight-color:transparent}button{touch-action:manipulation}html{background:#0b0f0d}body{color:#eef3ef;background:radial-gradient(circle at 20% 10%,#12301f,#0b0f0d 60%) no-repeat;min-height:100dvh;margin:0;font-family:system-ui,sans-serif;overflow-x:clip}main{text-align:center;max-width:1000px;margin:0 auto;padding:60px 20px}h1{letter-spacing:.15em;margin:0;font-size:2rem;font-weight:300}.alt{color:#8a9a90;margin:8px 0 90px}.kartlar{flex-wrap:wrap;justify-content:center;gap:28px;display:flex}.kart{-webkit-perspective:1000px;perspective:1000px;cursor:pointer;touch-action:pan-y pinch-zoom;width:250px;height:500px;margin-top:55px;position:relative}.ic{width:100%;height:100%;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transition:transform .7s cubic-bezier(.4,.2,.2,1);position:relative}.kart.cevrildi .ic{transform:rotateY(180deg)}.on,.arka{box-sizing:border-box;background:#16201b;border:1px solid #ffffff1f;border-radius:24px;position:absolute;inset:0;-webkit-backface-visibility:hidden!important;backface-visibility:hidden!important}.kart.cevrildi .on{opacity:0;pointer-events:none;visibility:hidden;transition:opacity .2s,visibility 0s .2s}.kart:not(.cevrildi) .on{opacity:1;transition:opacity .2s}.kart:not(.cevrildi) .arka{visibility:hidden;transition:visibility 0s .35s}.on{padding:80px 20px 28px}.kart.kilitli .on{border-color:var(--renk)}.arka{text-align:left;touch-action:pan-y pinch-zoom;border:1px solid var(--renk);scrollbar-width:thin;scrollbar-color:var(--renk) transparent;background:#16201b;border-radius:24px;padding:20px;overflow-y:auto;transform:rotateY(180deg)}.arka::-webkit-scrollbar{width:6px}.arka::-webkit-scrollbar-track{background:0 0}.arka::-webkit-scrollbar-thumb{background:var(--renk);border-radius:6px}.tabaklar-uclulari{z-index:5;justify-content:center;align-items:center;gap:6px;width:100%;display:flex;position:absolute;top:-45px;left:50%;transform:translate(-50%)}.tabak-halka{border:2px solid var(--renk);width:52px;height:52px;box-shadow:0 0 15px color-mix(in srgb, var(--renk) 30%, transparent);background:#1a2420;border-radius:50%;justify-content:center;align-items:center;font-size:1.6rem;transition:transform .2s,box-shadow .2s;display:flex}.tabak-halka.halka-ana{z-index:2;width:68px;height:68px;font-size:2.1rem}.arti-isareti{color:var(--renk);opacity:.8;font-size:1.2rem;font-weight:300}.emoji,.ek-e,.tatli-e{line-height:1;display:block}.kart.doniyor .tabak-halka{box-shadow:0 0 25px var(--renk)}.kart.doniyor .emoji,.kart.doniyor .ek-e,.kart.doniyor .tatli-e{filter:blur(1.5px)}.kart.doniyor h2{opacity:.5}.tabak-halka.tik .emoji,.tabak-halka.tik .ek-e,.tabak-halka.tik .tatli-e{animation:90ms linear kayar}@keyframes kayar{0%{opacity:.4;transform:translateY(-60%)}to{opacity:1;transform:translateY(0)}}.kart.titre{animation:.4s titre}@keyframes titre{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.ogun{color:var(--renk);letter-spacing:.2em;font-size:.75rem;display:block}.mutfak{color:#c9d6ce;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff26;border-radius:999px;outline:none;margin:8px 0 4px;padding:4px 10px;font-size:.75rem}.mutfak:disabled{opacity:.5;cursor:not-allowed}.mutfak option{color:#eef3ef;background:#16201b}h2{margin:8px 0 6px;font-weight:400;transition:opacity .2s}.bilgi{color:#8a9a90;min-height:1.2em;margin:0}.secenekler{flex-wrap:wrap;justify-content:center;gap:6px;margin:10px auto 0;display:flex}.sec-btn{color:#8a9a90;cursor:pointer;background:0 0;border:1px dashed #ffffff47;border-radius:999px;padding:5px 12px;font-size:.78rem;transition:border-color .15s,background .15s,color .15s}.sec-btn.acik{border:1px solid var(--renk);background:color-mix(in srgb, var(--renk) 18%, transparent);color:#eef3ef}.chip-satir{box-sizing:border-box;background:#ffffff0d;border:1px solid #ffffff26;border-radius:999px;align-items:center;gap:8px;width:fit-content;max-width:100%;margin:10px auto 0;padding:5px 6px 5px 14px;font-size:.82rem;display:flex}.chip-satir span{text-overflow:ellipsis;white-space:nowrap;max-width:130px;overflow:hidden}.chip-satir.pop{animation:.35s pop}@keyframes pop{0%{transform:scale(.9)}60%{transform:scale(1.07)}to{transform:scale(1)}}.mini{width:26px;height:26px;color:inherit;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff26;border-radius:50%;flex-shrink:0;padding:0;font-size:.8rem;transition:transform .15s,border-color .15s}.araclar{justify-content:center;gap:12px;display:flex;position:absolute;bottom:22px;left:0;right:0}.btn{width:44px;height:44px;color:inherit;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff26;border-radius:50%;font-size:1.2rem;transition:transform .15s,border-color .15s,box-shadow .15s}.uyum{color:#c9d6ce;letter-spacing:.12em;min-height:1.2em;margin:40px 0 0;font-size:.9rem}.butonlar{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:18px;display:flex}.hepsi{color:#eef3ef;letter-spacing:.08em;cursor:pointer;background:#ffffff0f;border:1px solid #fff3;border-radius:999px;margin-top:18px;padding:14px 32px;font-size:1rem;transition:background .2s,transform .15s}.butonlar .hepsi{margin-top:0}.dolap-link{justify-content:center;align-items:center;gap:8px;text-decoration:none;display:inline-flex}.dolap-ikon{color:#fb923c;flex:none;width:1.25em;height:1.25em}.not{color:#fb923c;min-height:1.2em;margin:14px 0 0;font-size:.9rem}.arka h3{color:var(--renk);margin:0 0 12px;font-size:1.05rem;font-weight:500}.arka h4{letter-spacing:.15em;text-transform:uppercase;color:#8a9a90;margin:14px 0 6px;font-size:.7rem}.arka h5{color:var(--renk);border-top:1px solid #ffffff1a;margin:20px 0 8px;padding-top:14px;font-size:.9rem;font-weight:500}.arka ul,.arka ol{margin:0;padding-left:18px;font-size:.85rem;line-height:1.5}.arka li{margin-bottom:4px}.geri{text-align:center;color:#8a9a90;margin:16px 0 0;font-size:.75rem}.liste-perde{opacity:0;pointer-events:none;z-index:40;background:#0009;transition:opacity .3s;position:fixed;inset:0}.liste-perde.acik{opacity:1;pointer-events:auto}.liste-panel{box-sizing:border-box;text-align:left;visibility:hidden;z-index:50;width:min(100%,560px);max-height:85dvh;padding-bottom:env(safe-area-inset-bottom);background:#16201b;border:1px solid #ffffff24;border-bottom:0;border-radius:24px 24px 0 0;flex-direction:column;transition:transform .35s cubic-bezier(.2,.8,.2,1),visibility 0s linear .35s;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%,105%)}.liste-panel.acik{visibility:visible;transition:transform .35s cubic-bezier(.2,.8,.2,1),visibility;transform:translate(-50%)}.liste-ust{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:flex-start;gap:12px;padding:20px 20px 10px;display:flex}.liste-ust h3{margin:0;font-size:1.15rem;font-weight:500}.liste-sayac{color:#8a9a90;margin:4px 0 0;font-size:.85rem}.liste-kapat{width:40px;height:40px;color:inherit;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff26;border-radius:50%;flex-shrink:0;font-size:1rem}.liste-icerik{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffffff4d transparent;flex:1;min-height:0;padding:4px 20px 12px;overflow-y:auto}.l-ogun{letter-spacing:.2em;margin:18px 0 2px;font-size:.75rem}.l-yemek{margin:12px 0 2px;font-size:.98rem;font-weight:500}.l-satir{cursor:pointer;align-items:center;gap:12px;padding:8px 2px;font-size:.95rem;line-height:1.35;display:flex}.l-satir input{accent-color:#4ade80;cursor:pointer;flex-shrink:0;width:22px;height:22px;margin:0}.l-satir.alindi span{opacity:.45;text-decoration:line-through}.liste-alt{border-top:1px solid #ffffff14;flex-wrap:wrap;gap:10px;padding:12px 20px 18px;display:flex}.l-btn{color:#eef3ef;cursor:pointer;white-space:nowrap;background:#ffffff14;border:1px solid #fff3;border-radius:999px;flex:auto;padding:12px 16px;font-size:.95rem}.l-btn.l-soluk{color:#8a9a90;background:0 0;border-color:#ffffff1a;flex-basis:100%;padding:9px 16px;font-size:.85rem}@media (prefers-reduced-motion:reduce){.liste-panel,.liste-panel.acik,.liste-perde{transition:none}}@media (hover:hover){.sec-btn:hover{border-color:var(--renk);color:#eef3ef}.mutfak:hover:not(:disabled){border-color:var(--renk)}.mini:hover{border-color:var(--renk);transform:rotate(90deg)scale(1.1)}.btn:hover{border-color:var(--renk);transform:scale(1.1)}.hepsi:hover{background:#ffffff1f;transform:translateY(-2px)}.l-btn:hover{background:#ffffff24}.liste-kapat:hover{border-color:#4ade80}}@media (width<=640px){main{padding:36px 16px 48px}h1{letter-spacing:.1em;font-size:1.5rem}.alt{margin:8px 0 0;font-size:.95rem}.kartlar{gap:12px 0}.kart{width:100%;max-width:340px;height:530px;margin-top:90px}.on{padding-top:88px}.tabak-halka{width:48px;height:48px;font-size:1.5rem}.tabak-halka.halka-ana{width:62px;height:62px;font-size:1.9rem}.mini{width:34px;height:34px;font-size:.95rem}.btn{width:52px;height:52px;font-size:1.35rem}.araclar{gap:18px;bottom:20px}.chip-satir{margin-top:8px;padding:4px 5px 4px 16px;font-size:.9rem}.chip-satir span{max-width:160px}.sec-btn{padding:8px 13px;font-size:.88rem}.secenekler{margin-top:12px}.mutfak{margin:10px 0 4px;padding:7px 14px;font-size:16px}h2{font-size:1.35rem}.arka ul,.arka ol{font-size:.95rem;line-height:1.55}.arka li{margin-bottom:6px}.uyum{margin-top:32px}.butonlar{flex-direction:column;align-items:center}.hepsi{width:100%;max-width:340px;padding:16px 24px}.liste-panel{width:100%;max-height:90dvh}.l-satir{padding:10px 2px;font-size:1rem}}@media (width>=900px){main{box-sizing:border-box;flex-direction:column;align-items:center;width:100%;max-width:none;height:100dvh;min-height:680px;padding:clamp(14px,2.6vh,36px) clamp(16px,3vw,56px) clamp(12px,2.2vh,30px);display:flex}h1{font-size:clamp(1.3rem,3.4vh,2.3rem)}.alt{margin:4px 0 0;font-size:clamp(.8rem,1.9vh,1rem)}.kartlar{box-sizing:border-box;flex-wrap:nowrap;flex:1;justify-content:center;align-items:center;gap:clamp(16px,2.6vw,44px);width:100%;max-width:1500px;min-height:0;padding-top:50px}.kart{flex:0 min(30vw,460px);width:auto;min-width:0;height:100%;max-height:700px;margin-top:0}.on{padding:60px 22px 24px}.ogun{font-size:clamp(.7rem,1.7vh,.9rem)}.mutfak{margin:clamp(4px,1vh,10px) 0 clamp(2px,.5vh,5px);padding:5px 14px;font-size:clamp(.75rem,1.8vh,.95rem)}h2{margin:clamp(3px,.8vh,8px) 0 clamp(2px,.6vh,6px);font-size:clamp(1.05rem,min(2.6vh,1.8vw),1.8rem);line-height:1.2}.bilgi{font-size:clamp(.8rem,1.8vh,1rem)}.secenekler{gap:clamp(4px,.8vh,8px);margin-top:clamp(6px,1.2vh,12px)}.sec-btn{padding:clamp(4px,.8vh,7px) clamp(10px,1.1vw,16px);font-size:clamp(.75rem,1.7vh,.95rem)}.chip-satir{margin-top:clamp(5px,1.1vh,11px);padding:4px 5px 4px 16px;font-size:clamp(.8rem,1.8vh,1rem)}.chip-satir span{max-width:240px}.mini{width:clamp(26px,4vh,36px);height:clamp(26px,4vh,36px)}.araclar{gap:16px;bottom:clamp(10px,2.4vh,26px)}.btn{width:clamp(40px,6.4vh,58px);height:clamp(40px,6.4vh,58px);font-size:clamp(1.1rem,2.6vh,1.5rem)}.arka{padding:clamp(16px,2.6vh,28px)}.arka h3{font-size:clamp(1rem,2.4vh,1.3rem)}.arka h4{font-size:clamp(.68rem,1.5vh,.82rem)}.arka h5{font-size:clamp(.9rem,2vh,1.1rem)}.arka ul,.arka ol{font-size:clamp(.85rem,1.9vh,1.05rem);line-height:1.5}.uyum{min-height:0;margin:clamp(8px,1.6vh,18px) 0 0;font-size:clamp(.8rem,1.8vh,.95rem)}.butonlar{gap:14px;margin-top:clamp(6px,1.2vh,12px)}.hepsi{padding:clamp(8px,1.6vh,14px) 28px;font-size:clamp(.9rem,2vh,1.05rem)}.not{min-height:1em;margin:4px 0 0;font-size:.85rem}}