:root{
  --kagit:#F5E7C8;--kehribar:#E0A867;--sis:#8A93A8;--cizgi:rgba(159,194,232,.16);
  --disp:'Cormorant Garamond',Georgia,serif;--govde:'Spectral',Georgia,serif;
  --mono:'IBM Plex Mono',ui-monospace,monospace;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%;overflow:hidden;background:#02040A}
body{font-family:var(--govde);font-weight:300;color:var(--kagit);
  -webkit-font-smoothing:antialiased;overscroll-behavior:none;touch-action:none}
canvas{position:fixed;inset:0;display:block}
#bulutsu{z-index:0}
#uzay{z-index:1;cursor:grab}
#uzay.suru{cursor:grabbing}
#vinyet{position:fixed;inset:0;z-index:2;pointer-events:none;
  background:radial-gradient(ellipse 80% 70% at 50% 46%,transparent 44%,rgba(2,4,10,.5) 78%,rgba(2,4,10,.9) 100%)}

/* ---------------- açılış ---------------- */
#perde{position:fixed;inset:0;z-index:90;background:
  radial-gradient(ellipse 52% 42% at 50% 48%,rgba(74,48,116,.28),transparent 70%),
  radial-gradient(ellipse 28% 34% at 22% 22%,rgba(20,86,122,.20),transparent 72%),
  radial-gradient(ellipse 32% 26% at 78% 72%,rgba(153,94,43,.16),transparent 72%),#02040A;display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:2.4rem;text-align:center;padding:2rem;
  transition:opacity 1.8s ease,visibility 1.8s;overflow:hidden}
#perde:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.75;background-image:
  radial-gradient(circle at 12% 18%,#FFF 0 1px,transparent 1.5px),radial-gradient(circle at 73% 23%,#E0A867 0 1px,transparent 1.6px),
  radial-gradient(circle at 86% 66%,#BFD6F5 0 1px,transparent 1.6px),radial-gradient(circle at 28% 78%,#FFF 0 1px,transparent 1.4px);
  background-size:143px 119px,191px 163px,127px 187px,211px 149px;animation:perdeYildiz 9s ease-in-out infinite alternate}
#perde:after{content:"✦  ·  ✧  ·  ✦";position:absolute;top:16%;font-family:var(--mono);letter-spacing:1.2em;color:rgba(224,168,103,.45);font-size:.7rem;text-shadow:0 0 24px rgba(224,168,103,.75)}
#perde h1,#perde .alt,#perde #ac{position:relative;z-index:1}
#perde.git{opacity:0;visibility:hidden}
#perde h1{font-family:var(--disp);font-weight:300;font-style:italic;
  font-size:clamp(2rem,5.6vw,4rem);line-height:1.22;max-width:15ch;
  opacity:0;animation:bel 2.4s .6s forwards;text-shadow:0 0 60px rgba(224,168,103,.35)}
#perde .alt{font-family:var(--mono);font-size:.62rem;letter-spacing:.38em;text-transform:uppercase;
  color:#AEBBD0;opacity:0;animation:bel 1.8s 2.1s forwards;text-shadow:0 0 18px rgba(163,184,218,.25)}
#ac{font-family:var(--mono);font-size:.68rem;letter-spacing:.28em;text-transform:uppercase;
  background:rgba(8,14,28,.55);border:1px solid rgba(224,168,103,.42);color:#F1C981;padding:1rem 2.6rem;
  border-radius:999px;cursor:pointer;opacity:0;animation:bel 1.8s 2.8s forwards;
  transition:border-color .6s,background .6s,letter-spacing .6s,box-shadow .6s}
#ac:hover,#ac:focus-visible{border-color:var(--kehribar);background:rgba(224,168,103,.08);
  letter-spacing:.34em;box-shadow:0 0 40px rgba(224,168,103,.18)}
@keyframes bel{to{opacity:1}}
@keyframes perdeYildiz{to{transform:scale(1.04);opacity:1}}

/* ---------------- arayüz ---------------- */
.ui{position:fixed;z-index:20}
header{top:0;left:0;right:0;display:flex;justify-content:flex-end;align-items:flex-start;
  gap:1rem;padding:1.5rem clamp(1rem,3vw,2.6rem);pointer-events:none}
.sayac{font-family:var(--mono);font-size:.6rem;letter-spacing:.18em;color:var(--sis);text-align:right;line-height:2}
.sayac b{color:var(--kehribar);font-weight:400}
#kozmik-saat{min-width:220px;padding:.65rem .8rem .7rem;border:1px solid rgba(159,194,232,.2);border-radius:12px;background:linear-gradient(135deg,rgba(9,17,35,.72),rgba(20,10,42,.58));box-shadow:0 0 30px rgba(81,74,179,.14),inset 0 0 22px rgba(159,194,232,.04);backdrop-filter:blur(10px);font-family:var(--mono);text-align:right;color:var(--sis);letter-spacing:.1em}
.kozmik-baslik{font-size:.5rem;color:var(--kehribar);letter-spacing:.23em}.kozmik-baslik:first-letter{font-size:.72rem}.kozmik-baslik,.kozmik-birlikte,.kozmik-dogumgunleri{line-height:1.55}.kozmik-birlikte{font-size:.55rem;margin-top:.12rem}.kozmik-birlikte b{color:#f6d99f;font-weight:400}.kozmik-dogumgunleri{display:flex;flex-direction:column;gap:.08rem;margin-top:.38rem;padding-top:.38rem;border-top:1px solid rgba(159,194,232,.14);font-size:.43rem;color:rgba(202,215,235,.72);letter-spacing:.08em}#kozmik-zaman{display:block;font-size:1.04rem;line-height:1.25;color:#e4edf9;letter-spacing:.17em;text-shadow:0 0 15px rgba(157,183,255,.38)}
#geri{left:clamp(1rem,3vw,2.6rem);top:5rem;font-family:var(--mono);font-size:.6rem;
  letter-spacing:.22em;text-transform:uppercase;background:rgba(6,12,24,.6);backdrop-filter:blur(8px);
  border:1px solid var(--cizgi);color:var(--kagit);padding:.65rem 1.3rem;border-radius:999px;
  cursor:pointer;opacity:0;visibility:hidden;transition:opacity .5s,visibility .5s,border-color .4s}
#geri.acik{opacity:1;visibility:visible}
#geri:hover{border-color:var(--kehribar)}
#dogum-mektubu-dugme{position:fixed;z-index:5;top:1.35rem;left:clamp(1rem,3vw,2.6rem);display:flex;align-items:center;gap:.5rem;font-family:var(--mono);font-size:.56rem;letter-spacing:.14em;text-transform:uppercase;color:#f6d99f;background:rgba(8,12,28,.64);backdrop-filter:blur(10px);border:1px solid rgba(197,166,247,.4);border-radius:999px;padding:.62rem .95rem;cursor:pointer;box-shadow:0 0 24px rgba(110,72,190,.2);transition:transform .3s,border-color .3s,background .3s}#dogum-mektubu-dugme span{color:#f1c76d;font-size:.85rem;animation:dogum-isilti 2.5s ease-in-out infinite}#dogum-mektubu-dugme:hover{transform:translateY(-2px);border-color:#f3d99e;background:rgba(47,25,82,.7)}@keyframes dogum-isilti{50%{text-shadow:0 0 12px #ffe3a4;opacity:.65}}
#ipucu{bottom:1.6rem;left:50%;transform:translateX(-50%);font-family:var(--mono);font-size:.56rem;
  letter-spacing:.24em;text-transform:uppercase;color:var(--sis);pointer-events:none;
  transition:opacity .8s;text-align:center;text-shadow:0 0 20px #02040A;padding:0 1rem}
#kosenot{bottom:1.5rem;left:clamp(1rem,3vw,2.6rem);font-family:var(--disp);font-style:italic;
  font-size:.95rem;color:var(--sis);pointer-events:none;opacity:.75}
#ses-dugme{bottom:1.4rem;right:clamp(1rem,3vw,2.6rem);width:38px;height:38px;border-radius:50%;
  background:rgba(6,12,24,.6);backdrop-filter:blur(8px);border:1px solid var(--cizgi);
  color:var(--sis);cursor:pointer;font-size:.9rem;transition:color .4s,border-color .4s}
#ses-dugme.calar{color:var(--kehribar);border-color:rgba(224,168,103,.5)}

/* ---------------- anı defteri ---------------- */
#defter{position:fixed;top:0;right:0;bottom:0;z-index:60;width:min(470px,100%);
  background:linear-gradient(180deg,rgba(10,18,34,.94),rgba(4,8,18,.97));backdrop-filter:blur(22px);
  border-left:1px solid var(--cizgi);transform:translateX(101%);
  transition:transform .8s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;
  box-shadow:-40px 0 90px rgba(0,0,0,.5)}
#defter.acik{transform:none}
.def-ust{padding:2.5rem clamp(1.4rem,4vw,2.5rem) 1.2rem;border-bottom:1px solid var(--cizgi);position:relative}
.kunye{font-family:var(--mono);font-size:.56rem;letter-spacing:.22em;text-transform:uppercase;
  color:var(--sis);display:flex;flex-wrap:wrap;gap:.4rem 1.1rem;margin-bottom:1.1rem;min-height:.8rem}
.kunye .ol{color:var(--kehribar)}
#def-baslik{font-family:var(--disp);font-weight:300;font-size:clamp(1.55rem,4.4vw,2.2rem);line-height:1.16}
#kapat{position:absolute;top:1.2rem;right:1.2rem;width:34px;height:34px;border-radius:50%;
  background:none;border:1px solid var(--cizgi);color:var(--sis);cursor:pointer;
  font-family:var(--mono);font-size:.85rem;transition:color .35s,border-color .35s}
#kapat:hover{color:var(--kagit);border-color:var(--kagit)}
#ani-sil{position:absolute;top:1.35rem;left:clamp(1.4rem,4vw,2.5rem);border:0;background:none;color:rgba(202,211,228,.52);font-family:var(--mono);font-size:.48rem;letter-spacing:.13em;text-transform:uppercase;cursor:pointer;opacity:0;visibility:hidden;transition:opacity .25s,color .25s}#ani-sil.acik{opacity:1;visibility:visible}#ani-sil:hover{color:#e9b7b0}#ani-sil:disabled{opacity:.35;cursor:default}
.def-govde{padding:1.4rem clamp(1.4rem,4vw,2.5rem) 2.6rem;overflow-y:auto;flex:1;
  font-size:.95rem;line-height:1.86;color:#E4DAC4}
.def-govde p{margin-bottom:1rem}
.def-govde p:last-child{margin-bottom:0}

/* ---------------- müzik çalar ---------------- */
.muzik{display:flex;align-items:center;gap:.85rem;margin-bottom:1.4rem;
  border:1px solid var(--cizgi);border-radius:999px;padding:.5rem .55rem .5rem .5rem;
  background:rgba(159,194,232,.04)}
.muzik button{flex:0 0 auto;width:34px;height:34px;border-radius:50%;cursor:pointer;
  background:rgba(224,168,103,.12);border:1px solid rgba(224,168,103,.35);
  color:var(--kehribar);font-size:.7rem;line-height:1;display:flex;align-items:center;
  justify-content:center;transition:background .3s}
.muzik button:hover{background:rgba(224,168,103,.24)}
.muzik .bilgi{min-width:0;flex:1}
.muzik .ad{font-family:var(--govde);font-size:.85rem;white-space:nowrap;
  overflow:hidden;text-overflow:ellipsis;color:var(--kagit)}
.muzik .cubuk{height:2px;background:rgba(159,194,232,.18);margin-top:.35rem;border-radius:2px;overflow:hidden}
.muzik .cubuk i{display:block;height:100%;width:0;background:var(--kehribar);transition:width .2s linear}
.spotify-poster{position:relative;display:flex;align-items:stretch;gap:1rem;min-height:126px;margin:0 0 1.45rem;overflow:hidden;text-decoration:none;color:#fff4d7;border:1px solid rgba(201,163,100,.42);border-radius:8px;background:linear-gradient(125deg,rgba(4,8,18,.98),rgba(30,17,44,.92));box-shadow:inset 0 0 45px rgba(76,43,124,.32),0 14px 32px rgba(0,0,0,.25);transition:transform .35s,border-color .35s,box-shadow .35s}.spotify-poster:before{content:"";position:absolute;inset:-50%;pointer-events:none;background:radial-gradient(circle at 28% 55%,rgba(245,194,96,.25) 0 1px,transparent 2px),radial-gradient(circle at 70% 30%,rgba(161,120,255,.26) 0 1px,transparent 2px);background-size:31px 31px,47px 47px;opacity:.8;animation:poster-yildiz 10s linear infinite}.spotify-poster:hover{transform:translateY(-3px);border-color:#f1cf83;box-shadow:inset 0 0 55px rgba(109,58,150,.36),0 20px 38px rgba(0,0,0,.36)}.spotify-poster-kapak{position:relative;z-index:1;flex:0 0 126px;overflow:hidden;background:radial-gradient(circle at 50% 48%,#6a6b77 0 2%,#252a38 16%,#101321 44%,#05070f 72%)}.spotify-poster-kapak:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(15,8,35,.12),rgba(90,42,96,.38)),radial-gradient(circle at 65% 82%,rgba(224,170,83,.35),transparent 28%);mix-blend-mode:screen}.spotify-poster-kapak img{width:100%;height:100%;object-fit:cover;filter:contrast(1.05) saturate(.82) brightness(.78);transition:transform .6s,filter .6s}.spotify-poster:hover img{transform:scale(1.08);filter:contrast(1.08) saturate(1) brightness(.91)}.spotify-poster-parilti{position:absolute;z-index:2;inset:-40%;background:conic-gradient(from 30deg,transparent,rgba(244,214,137,.27),transparent 24%);animation:poster-isik 7s linear infinite}.spotify-poster-bilgi{position:relative;z-index:1;display:flex;flex:1;min-width:0;flex-direction:column;justify-content:center;padding:1.1rem 1rem .95rem 0}.spotify-poster-etiket,.spotify-poster-ac{font-family:var(--mono);font-size:.56rem;letter-spacing:.16em;color:#c7bddc}.spotify-poster-bilgi strong{margin:.45rem 0 .75rem;font-family:var(--disp);font-size:clamp(1.25rem,3vw,1.75rem);font-weight:400;line-height:1.02}.spotify-poster-ac{color:#f2cc7a}.spotify-poster:hover .spotify-poster-ac{color:#fff4d7}@keyframes poster-yildiz{to{transform:rotate(360deg)}}@keyframes poster-isik{to{transform:rotate(360deg)}}

/* ---------------- fotoğraf galerisi ---------------- */
.galeri{display:grid;gap:.5rem;margin-bottom:1.5rem;
  grid-template-columns:repeat(auto-fill,minmax(92px,1fr))}
.galeri.tek{grid-template-columns:1fr}
.galeri figure{margin:0;position:relative;overflow:hidden;border-radius:4px;
  border:1px solid var(--cizgi);cursor:zoom-in;background:rgba(255,255,255,.03)}
.galeri.tek figure{aspect-ratio:auto}
.galeri:not(.tek) figure{aspect-ratio:1/1}
.galeri img{width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .6s cubic-bezier(.16,1,.3,1),opacity .4s;opacity:0}
.galeri.tek img{height:auto;max-height:340px;object-fit:contain}
.galeri img.yuklendi{opacity:1}
.galeri figure:hover img{transform:scale(1.06)}
.galeri figure.galeri-video{cursor:default;background:#02040a;aspect-ratio:9/16}.galeri figure.galeri-video.yatay{aspect-ratio:16/9}.galeri video{width:100%;height:100%;display:block;object-fit:contain;background:#02040a}.galeri.tek figure.galeri-video{aspect-ratio:9/16;max-height:min(68vh,620px)}.galeri.tek figure.galeri-video.yatay{aspect-ratio:16/9}.galeri.tek video{max-height:min(68vh,620px)}.galeri video:fullscreen,.galeri video:-webkit-full-screen{width:100vw;height:100vh;max-width:100vw;max-height:100vh;object-fit:contain;background:#02040a}

/* ---------------- büyüteç (lightbox) ---------------- */
#buyutec{position:fixed;inset:0;z-index:120;background:rgba(2,4,10,.94);
  backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;
  flex-direction:column;gap:1rem;padding:3rem 1.5rem;
  opacity:0;visibility:hidden;transition:opacity .45s,visibility .45s}
#buyutec.acik{opacity:1;visibility:visible}
#buyutec img{max-width:100%;max-height:78vh;object-fit:contain;border-radius:4px;
  box-shadow:0 30px 90px rgba(0,0,0,.7)}
#buyutec-yazi{font-family:var(--mono);font-size:.6rem;letter-spacing:.18em;color:var(--sis);text-align:center}
#buyutec-kapat{position:absolute;top:1.4rem;right:1.4rem;width:40px;height:40px;border-radius:50%;
  background:none;border:1px solid var(--cizgi);color:var(--kagit);cursor:pointer;font-size:1rem}
#buyutec-kapat:hover{border-color:var(--kehribar)}

@media (max-width:760px){
  #defter{width:100%}
  header{padding:1.1rem 1rem}
  .sayac{font-size:.52rem}
  #kozmik-saat{min-width:186px;padding:.55rem .62rem}.kozmik-baslik{font-size:.46rem}.kozmik-birlikte{font-size:.5rem}.kozmik-dogumgunleri{font-size:.39rem}#kozmik-zaman{font-size:.9rem}
  #geri{top:4.2rem;left:1rem}
  #kosenot{display:none}
}

/* ---------------- cevaplar ---------------- */
.cevaplar{margin-top:1.9rem;padding-top:1.4rem;border-top:1px solid var(--cizgi)}
.cevaplar h3{font-family:var(--mono);font-size:.54rem;letter-spacing:.2em;text-transform:uppercase;
  color:var(--sis);font-weight:400;margin-bottom:1rem}
.cevap-baloncuk{background:rgba(159,194,232,.055);border:1px solid var(--cizgi);
  border-radius:3px 12px 12px 12px;padding:.75rem .95rem;margin-bottom:.7rem}
.cevap-baloncuk .kim{font-family:var(--mono);font-size:.53rem;letter-spacing:.18em;
  text-transform:uppercase;color:var(--kehribar);margin-bottom:.35rem}
.cevap-baloncuk .ne{font-size:.9rem;line-height:1.75;white-space:pre-wrap}
.cevap-yaz textarea{width:100%;min-height:74px;resize:vertical;background:rgba(159,194,232,.04);
  border:1px solid var(--cizgi);color:var(--kagit);font-family:var(--govde);font-size:.9rem;
  font-weight:300;padding:.8rem .9rem;line-height:1.7;border-radius:3px}
.cevap-yaz textarea:focus{outline:none;border-color:rgba(224,168,103,.5)}
.satir{display:flex;align-items:center;gap:.5rem;margin-top:.7rem;flex-wrap:wrap}
.kimsec{display:flex;gap:.3rem}
.kimsec button{font-family:var(--mono);font-size:.53rem;letter-spacing:.14em;text-transform:uppercase;
  background:none;border:1px solid var(--cizgi);color:var(--sis);padding:.4rem .75rem;
  border-radius:999px;cursor:pointer;transition:color .3s,border-color .3s,background .3s}
.kimsec button.sec{color:var(--kehribar);border-color:rgba(224,168,103,.5);background:rgba(224,168,103,.08)}
.gonder{margin-left:auto;font-family:var(--mono);font-size:.55rem;letter-spacing:.2em;
  text-transform:uppercase;background:rgba(224,168,103,.12);border:1px solid rgba(224,168,103,.4);
  color:var(--kehribar);padding:.5rem 1.2rem;border-radius:999px;cursor:pointer;
  transition:background .3s}
.gonder:hover:not(:disabled){background:rgba(224,168,103,.24)}
.gonder:disabled{opacity:.45;cursor:default}
.durum{font-family:var(--mono);font-size:.55rem;letter-spacing:.12em;color:var(--sis);width:100%}
.durum.hata{color:var(--kil)}
.okuma-sayaci{font-family:var(--mono);font-size:.53rem;letter-spacing:.18em;
  text-transform:uppercase;color:var(--sis);opacity:.7}

/* ---------------- dilekler ---------------- */
#dilek-dugme{bottom:1.4rem;right:calc(clamp(1rem,3vw,2.6rem) + 52px);
  font-family:var(--mono);font-size:.58rem;letter-spacing:.2em;text-transform:uppercase;
  background:rgba(6,12,24,.6);backdrop-filter:blur(8px);border:1px solid rgba(224,168,103,.35);
  color:var(--kehribar);padding:.6rem 1.2rem;border-radius:999px;cursor:pointer;
  opacity:0;visibility:hidden;transition:opacity .5s,visibility .5s,border-color .4s,background .4s}
#dilek-dugme.acik{opacity:1;visibility:visible}
#dilek-dugme:hover{background:rgba(224,168,103,.14)}
#ani-ekle-dugme{bottom:1.4rem;right:calc(clamp(1rem,3vw,2.6rem) + 52px);font-family:var(--mono);font-size:.58rem;letter-spacing:.17em;text-transform:uppercase;background:rgba(21,14,44,.72);backdrop-filter:blur(8px);border:1px solid rgba(159,194,232,.42);color:#d7e5fb;padding:.6rem 1.05rem;border-radius:999px;cursor:pointer;opacity:0;visibility:hidden;transition:opacity .5s,visibility .5s,border-color .4s,background .4s}#ani-ekle-dugme.acik{opacity:1;visibility:visible}#ani-ekle-dugme:hover{background:rgba(89,66,160,.28);border-color:#b9d2f5}
#ani-ekle{position:fixed;top:0;right:0;bottom:0;z-index:66;width:min(440px,100%);background:linear-gradient(180deg,rgba(12,19,39,.97),rgba(5,8,19,.98));backdrop-filter:blur(22px);border-left:1px solid rgba(159,194,232,.26);transform:translateX(101%);transition:transform .8s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;box-shadow:-40px 0 90px rgba(0,0,0,.55)}#ani-ekle.acik{transform:none}#ani-ekle h2{font-family:var(--disp);font-weight:300;font-size:clamp(1.4rem,4vw,1.95rem);line-height:1.16}#ani-ekle-kapat{position:absolute;top:1.2rem;right:1.2rem;width:34px;height:34px;border-radius:50%;background:none;border:1px solid var(--cizgi);color:var(--sis);cursor:pointer;font-family:var(--mono);font-size:.85rem}.ani-ekle-not{font-size:.88rem;color:var(--sis);line-height:1.75;margin-bottom:1.55rem;font-style:italic}.ani-dosya-notu{margin:-.5rem 0 1.25rem;font-family:var(--mono);font-size:.52rem;letter-spacing:.08em;line-height:1.7;color:#aebbd0}.alan input[type=file]{padding:.65rem;font-family:var(--mono);font-size:.62rem;color:var(--sis);line-height:1.4}.alan input[type=file]::file-selector-button{margin-right:.75rem;border:1px solid rgba(159,194,232,.35);border-radius:999px;padding:.45rem .7rem;background:rgba(159,194,232,.08);color:#d7e5fb;font-family:var(--mono);font-size:.52rem;letter-spacing:.08em;cursor:pointer}
#dilekler{position:fixed;top:0;right:0;bottom:0;z-index:65;width:min(430px,100%);
  background:linear-gradient(180deg,rgba(26,16,8,.95),rgba(8,6,14,.97));backdrop-filter:blur(22px);
  border-left:1px solid rgba(224,168,103,.22);transform:translateX(101%);
  transition:transform .8s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;
  box-shadow:-40px 0 90px rgba(0,0,0,.55)}
#dilekler.acik{transform:none}
#dilekler h2{font-family:var(--disp);font-weight:300;font-size:clamp(1.4rem,4vw,1.95rem);line-height:1.16}
#dilek-kapat{position:absolute;top:1.2rem;right:1.2rem;width:34px;height:34px;border-radius:50%;
  background:none;border:1px solid var(--cizgi);color:var(--sis);cursor:pointer;
  font-family:var(--mono);font-size:.85rem}
#dilek-kapat:hover{color:var(--kagit);border-color:var(--kagit)}
.dilek-not{font-size:.85rem;color:var(--sis);line-height:1.75;margin-bottom:1.8rem;font-style:italic}
.alan{display:block;margin-bottom:1.3rem}
.alan>span{display:block;font-family:var(--mono);font-size:.54rem;letter-spacing:.2em;
  text-transform:uppercase;color:var(--sis);margin-bottom:.55rem}
.alan>span i{font-style:normal;opacity:.6;letter-spacing:.12em}
.alan input,.alan textarea{width:100%;background:rgba(224,168,103,.05);
  border:1px solid rgba(224,168,103,.22);color:var(--kagit);font-family:var(--govde);
  font-size:.93rem;font-weight:300;padding:.75rem .9rem;line-height:1.7;border-radius:3px}
.alan textarea{min-height:120px;resize:vertical}
.alan input:focus,.alan textarea:focus{outline:none;border-color:rgba(224,168,103,.55)}
.alan input::placeholder,.alan textarea::placeholder{color:rgba(138,147,168,.55)}

/* anı defterinde dilek görünümü */
.dilek-rozet{display:inline-flex;align-items:center;gap:.45rem;
  font-family:var(--mono);font-size:.53rem;letter-spacing:.2em;text-transform:uppercase;
  border:1px solid rgba(224,168,103,.35);border-radius:999px;padding:.32rem .85rem;
  color:var(--kehribar);margin-bottom:1.3rem;background:rgba(224,168,103,.07)}
.dilek-rozet.oldu{border-color:rgba(159,194,232,.3);color:var(--sis);background:none}
.nezaman{font-family:var(--disp);font-style:italic;font-size:1.05rem;color:var(--kehribar);
  margin-bottom:1.1rem;opacity:.9}
.dilek-islem{margin-top:1.8rem;padding-top:1.4rem;border-top:1px solid var(--cizgi);
  display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}
.dilek-islem .oldu-dugme{font-family:var(--mono);font-size:.55rem;letter-spacing:.2em;
  text-transform:uppercase;background:rgba(224,168,103,.12);border:1px solid rgba(224,168,103,.4);
  color:var(--kehribar);padding:.55rem 1.3rem;border-radius:999px;cursor:pointer;transition:background .3s}
.dilek-islem .oldu-dugme:hover{background:rgba(224,168,103,.24)}
.dilek-islem .oldu-dugme.geri{background:none;border-color:var(--cizgi);color:var(--sis)}
.dilek-islem .sil-dugme{font-family:var(--mono);font-size:.55rem;letter-spacing:.18em;
  text-transform:uppercase;background:none;border:0;color:var(--sis);cursor:pointer;
  margin-left:auto;opacity:.6;transition:opacity .3s,color .3s}
.dilek-islem .sil-dugme:hover{opacity:1;color:var(--kil)}

@media (max-width:760px){
  #dilekler,#ani-ekle{width:100%}
  #dilek-dugme,#ani-ekle-dugme{right:auto;left:1rem;bottom:1.4rem}
}

/* ---------------- mektup mühürü (anı defterinde) ---------------- */
.mektup-alan{margin:1.6rem 0}
.mektup-mihur{
  display:flex;align-items:center;gap:.85rem;width:100%;text-align:left;
  background:linear-gradient(135deg,rgba(224,168,103,.10),rgba(224,168,103,.03));
  border:1px solid rgba(224,168,103,.32);border-radius:8px;
  padding:.85rem 1.05rem;cursor:pointer;color:var(--kagit);
  transition:border-color .35s,background .35s,transform .35s;
  font-family:var(--govde);
}
.mektup-mihur:hover{border-color:rgba(224,168,103,.6);background:rgba(224,168,103,.15);transform:translateY(-1px)}
.mektup-mihur+.mektup-mihur{margin-top:.6rem}
.mektup-simge{
  flex:0 0 auto;width:34px;height:34px;border-radius:50%;
  background:radial-gradient(circle at 32% 30%,#F6D9A0,#E0A867 60%,#B9803D);
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 0 14px rgba(224,168,103,.45);font-size:.85rem;color:#3A2408;
}
.mektup-metin{min-width:0;flex:1}
.mektup-metin .baslik{font-family:var(--disp);font-style:italic;font-size:1rem;color:var(--kagit)}
.mektup-metin .alt{font-family:var(--mono);font-size:.55rem;letter-spacing:.16em;
  text-transform:uppercase;color:var(--sis);margin-top:.25rem}

/* ---------------- mektup okuma perdesi ---------------- */
#mektup-oku{
  position:fixed;inset:0;z-index:130;
  background:radial-gradient(ellipse 90% 80% at 50% 40%,rgba(20,14,8,.72),rgba(2,4,10,.95));
  backdrop-filter:blur(14px);
  display:flex;align-items:center;justify-content:center;padding:2.4rem 1.4rem;
  opacity:0;visibility:hidden;transition:opacity .55s,visibility .55s;
}
#mektup-oku.acik{opacity:1;visibility:visible}
#mektup-kagit{
  position:relative;max-width:560px;width:100%;max-height:82vh;overflow-y:auto;
  background:
    radial-gradient(ellipse 140% 100% at 20% -10%,rgba(224,168,103,.10),transparent 55%),
    linear-gradient(180deg,#151016,#0C0910);
  border:1px solid rgba(224,168,103,.28);
  border-radius:4px;
  padding:2.6rem clamp(1.6rem,5vw,3rem) 2.8rem;
  box-shadow:0 40px 120px rgba(0,0,0,.6),0 0 60px rgba(224,168,103,.06);
  transform:translateY(14px) scale(.98);
  transition:transform .55s cubic-bezier(.16,1,.3,1);
}
#mektup-oku.acik #mektup-kagit{transform:none}
#mektup-oku.dogum-mektubu #mektup-kagit{width:min(70vw,920px);max-width:none;background:radial-gradient(ellipse 120% 90% at 50% -15%,rgba(103,66,164,.25),transparent 53%),radial-gradient(circle at 88% 85%,rgba(217,158,78,.14),transparent 28%),linear-gradient(145deg,#15172b,#090b18 72%);border-color:rgba(224,193,122,.46);box-shadow:0 45px 140px rgba(0,0,0,.72),0 0 90px rgba(109,71,180,.2)}#mektup-oku.dogum-mektubu #mektup-govde{max-width:760px;font-size:clamp(1rem,1.55vw,1.16rem);line-height:2.03}#mektup-oku.dogum-mektubu #mektup-govde p:first-child::first-letter{font-family:var(--disp);font-size:3.5em;float:left;line-height:.72;padding:.12em .12em 0 0;color:#f2ca75}
#dogum-sorulari{position:fixed;inset:0;z-index:145;display:flex;align-items:center;justify-content:center;padding:1.4rem;background:radial-gradient(circle at 50% 45%,rgba(53,39,113,.32),rgba(2,4,10,.94) 68%);backdrop-filter:blur(13px);opacity:0;visibility:hidden;transition:opacity .4s,visibility .4s}#dogum-sorulari.acik{opacity:1;visibility:visible}.dogum-soru-kart{position:relative;width:min(92vw,530px);overflow:hidden;padding:2.8rem clamp(1.3rem,5vw,2.8rem) 2.25rem;border:1px solid rgba(191,169,239,.44);border-radius:12px;background:linear-gradient(145deg,rgba(23,20,50,.98),rgba(7,10,24,.98));box-shadow:0 30px 100px rgba(0,0,0,.55),inset 0 0 55px rgba(91,60,169,.18);transform:translateY(12px) scale(.98);transition:transform .4s cubic-bezier(.16,1,.3,1)}#dogum-sorulari.acik .dogum-soru-kart{transform:none}.dogum-soru-isik{position:absolute;inset:-50%;pointer-events:none;background:radial-gradient(circle at 30% 30%,rgba(255,222,142,.35) 0 1px,transparent 2px),radial-gradient(circle at 70% 55%,rgba(180,142,255,.34) 0 1px,transparent 2px);background-size:33px 33px,51px 51px;opacity:.52;animation:dogum-yildizlar 18s linear infinite}@keyframes dogum-yildizlar{to{transform:rotate(360deg)}}.dogum-soru-kart>*:not(.dogum-soru-isik){position:relative;z-index:1}.dogum-soru-kart .kunye{margin-bottom:.6rem}.dogum-adim{font-family:var(--mono);font-size:.55rem;letter-spacing:.2em;color:#d9c8ff;margin-bottom:1.3rem}.dogum-soru-kart h2{font-family:var(--disp);font-weight:300;font-style:italic;font-size:clamp(1.75rem,5vw,2.5rem);line-height:1.1;margin:0 2rem 1rem 0;color:#fff0cb}.dogum-soru-kart p{color:var(--sis);font-style:italic;line-height:1.65;margin:0 0 1.55rem}.dogum-soru-kart input{box-sizing:border-box;width:100%;min-height:49px;border:1px solid rgba(192,166,238,.4);border-radius:5px;background:rgba(2,5,15,.52);color:#fff4dc;font:400 1rem var(--govde);padding:.7rem .9rem}.dogum-soru-kart input:focus{outline:none;border-color:#f2cd7f;box-shadow:0 0 0 3px rgba(242,205,127,.1)}#dogum-devam{float:right;margin-top:1rem;min-height:43px;border:1px solid rgba(242,205,127,.54);border-radius:999px;background:rgba(224,168,103,.08);color:#f7d88d;font:400 .6rem var(--mono);letter-spacing:.16em;text-transform:uppercase;padding:.65rem 1rem;cursor:pointer}#dogum-devam:hover{background:rgba(224,168,103,.2)}#dogum-devam span{font-size:1rem;margin-left:.25rem}#dogum-soru-durum{min-height:1.2rem;padding-top:1.75rem;color:#f2cd7f;font-family:var(--mono);font-size:.58rem;letter-spacing:.08em}#dogum-soru-kapat{position:absolute;z-index:2;right:1rem;top:1rem;width:38px;height:38px;border-radius:50%;background:rgba(4,6,18,.45);border:1px solid rgba(191,169,239,.36);color:#fff0cb;font-size:1rem;cursor:pointer}
#mektup-ust{
  font-family:var(--mono);font-size:.56rem;letter-spacing:.24em;text-transform:uppercase;
  color:var(--kehribar);margin-bottom:1.1rem;opacity:.85;
}
#mektup-baslik{
  font-family:var(--disp);font-weight:300;font-style:italic;
  font-size:clamp(1.5rem,4.4vw,2rem);line-height:1.24;color:var(--kagit);
  margin-bottom:1.6rem;padding-bottom:1.3rem;border-bottom:1px solid rgba(224,168,103,.2);
}
#mektup-govde{font-size:1rem;line-height:2;color:#E9DFC9}
#mektup-govde p{margin-bottom:1.15rem}
#mektup-kapat{
  position:absolute;top:1.1rem;right:1.1rem;width:32px;height:32px;border-radius:50%;
  background:none;border:1px solid rgba(224,168,103,.3);color:var(--sis);cursor:pointer;
  font-family:var(--mono);font-size:.8rem;transition:color .3s,border-color .3s;
}
#mektup-kapat:hover{color:var(--kagit);border-color:var(--kehribar)}

/* ---------------- dilek sonucu (gerçekleşen dilek defteri) ---------------- */
.sonuc-bolum{margin-top:1.7rem;padding-top:1.4rem;border-top:1px solid var(--cizgi)}
.sonuc-bolum h3{font-family:var(--mono);font-size:.54rem;letter-spacing:.2em;
  text-transform:uppercase;color:var(--sis);font-weight:400;margin-bottom:.9rem}
.sonuc-bolum p.bos-not{color:var(--sis);font-style:italic;font-size:.86rem}
.sonuc-bolum textarea{width:100%;min-height:82px;resize:vertical;background:rgba(159,194,232,.04);
  border:1px solid var(--cizgi);color:var(--kagit);font-family:var(--govde);font-size:.9rem;
  font-weight:300;padding:.8rem .9rem;line-height:1.7;border-radius:3px;margin-top:.6rem}
.sonuc-bolum textarea:focus{outline:none;border-color:rgba(224,168,103,.5)}

/* ---------------- Sinematik gezegen ---------------- */
.alan select{width:100%;min-height:44px;box-sizing:border-box;border:1px solid var(--cizgi);border-radius:3px;background:rgba(159,194,232,.04);color:var(--kagit);font:400 .9rem var(--govde);padding:.65rem .75rem}.sinematik-puanlar{gap:.75rem}.sinematik-puanlar .alan{flex:1;min-width:0}.izleme-rozeti{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;margin:0 0 1.15rem}.izleme-tur,.izleme-puan{font-family:var(--mono);font-size:.54rem;letter-spacing:.11em;text-transform:uppercase;padding:.38rem .55rem;border-radius:999px}.izleme-tur{color:#ffe7ac;border:1px solid rgba(255,201,88,.48);background:rgba(255,171,38,.11)}.izleme-puan{color:#c9dcff;border:1px solid rgba(159,194,232,.33);background:rgba(159,194,232,.07)}

@media (max-width:760px){
  #mektup-kagit{padding:2.1rem 1.3rem 2.3rem}
}

/* ---------------- Dünya, Türkiye ve sürpriz anı ---------------- */
#rastgele-ani{bottom:1.4rem;right:calc(clamp(1rem,3vw,2.6rem) + 195px);font-family:var(--mono);font-size:.55rem;
  letter-spacing:.16em;text-transform:uppercase;background:rgba(7,13,26,.72);border:1px solid rgba(191,214,245,.34);
  color:#DCE8FF;padding:.62rem 1rem;border-radius:999px;cursor:pointer;transition:transform .35s,border-color .35s,background .35s}
#rastgele-ani:hover{transform:translateY(-2px);border-color:#E0A867;background:rgba(224,168,103,.12)}
#rastgele-ani.gizli{opacity:0;visibility:hidden;pointer-events:none}
#evren-mesaj{position:fixed;z-index:100;left:50%;top:20%;transform:translate(-50%,-14px);opacity:0;visibility:hidden;
  font-family:var(--disp);font-style:italic;font-size:clamp(1.25rem,3vw,2rem);text-align:center;color:#FFF4D7;
  padding:1rem 1.7rem;border:1px solid rgba(255,207,123,.35);border-radius:999px;background:rgba(12,8,3,.82);
  box-shadow:0 0 55px rgba(255,180,56,.18);transition:opacity .45s,transform .45s,visibility .45s}
#evren-mesaj.goster{opacity:1;visibility:visible;transform:translate(-50%,0)}
#turkiye-haritasi{position:fixed;inset:0;z-index:80;background:rgba(2,5,12,.96);backdrop-filter:blur(16px);overflow-y:auto;
  opacity:0;visibility:hidden;transition:opacity .45s,visibility .45s;padding:clamp(1.2rem,5vw,4rem)}
#turkiye-haritasi.acik{opacity:1;visibility:visible}.turkiye-ust,.turkiye-govde{max-width:920px;margin:0 auto}.turkiye-ust{position:relative;padding-right:3rem}.turkiye-ust h2{font-family:var(--disp);font-weight:300;font-size:clamp(2rem,5vw,3.3rem);margin:.5rem 0}.turkiye-ust p{color:var(--sis);font-style:italic}.turkiye-govde{padding:2rem 0 4rem}
#turkiye-kapat{position:absolute;right:0;top:0;width:38px;height:38px;border-radius:50%;background:none;border:1px solid var(--cizgi);color:var(--kagit);font-size:1rem;cursor:pointer}
.sehir-secimi{display:flex;flex-wrap:wrap;gap:.45rem}.sehir-secimi button{font-family:var(--mono);font-size:.55rem;letter-spacing:.06em;background:rgba(159,194,232,.05);border:1px solid var(--cizgi);color:var(--sis);padding:.48rem .65rem;border-radius:999px;cursor:pointer}.sehir-secimi button:hover,.sehir-secimi button.anili{color:#C7F4F1;border-color:rgba(104,211,207,.56);background:rgba(47,158,166,.13)}.sehir-formu{max-width:620px;margin:2rem auto 0;padding:1.5rem;border:1px solid rgba(104,211,207,.27);background:rgba(10,44,55,.25);border-radius:8px}.sehir-secili{font-family:var(--mono);font-size:.6rem;letter-spacing:.2em;color:#7ED5DB;margin-bottom:1.2rem;text-transform:uppercase}
.sehir-kayitlar{margin:1.2rem 0 .2rem}.sehir-kayitlar h3{font-family:var(--mono);font-size:.55rem;letter-spacing:.16em;text-transform:uppercase;color:#b7ebea;font-weight:400;margin:0 0 .7rem}.sehir-kayit{padding:.85rem .95rem;margin:.55rem 0;border:1px solid rgba(126,213,219,.22);border-radius:7px;background:rgba(26,83,96,.2)}.sehir-kayit strong{display:block;color:#f2e4c4;font-size:1rem;font-weight:400;line-height:1.35}.sehir-kayit time{display:block;margin:.26rem 0 .45rem;font-family:var(--mono);font-size:.52rem;letter-spacing:.1em;color:#7ed5db}.sehir-kayit p{white-space:pre-wrap;font-size:.88rem;line-height:1.62;color:#cbd8e5;margin:0}
@media(max-width:760px){#rastgele-ani{right:auto;left:1rem;bottom:4.6rem}#evren-mesaj{width:calc(100% - 2rem);border-radius:12px}}

/* Gerçek uydu haritası: şehirler yalnızca harita üzerinden seçilir. */
#turkiye-map{height:min(62vh,620px);min-height:410px;border:1px solid rgba(126,213,219,.45);border-radius:10px;overflow:hidden;box-shadow:0 25px 80px rgba(0,0,0,.55);background:radial-gradient(ellipse at 50% 45%,#123c57,#050a16 72%)}
#turkiye-kapat{width:auto;height:auto;border-radius:999px;background:rgba(2,4,10,.55);font-family:var(--mono);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;padding:.65rem .9rem}
#turkiye-map .leaflet-container{background:transparent;font-family:var(--mono)}.leaflet-tooltip.il-etiketi{border:1px solid rgba(255,240,195,.5);border-radius:999px;background:rgba(4,12,24,.94);color:#fff0c3;font-family:var(--mono);font-size:.6rem;letter-spacing:.08em;padding:.35rem .55rem;box-shadow:0 4px 15px rgba(0,0,0,.35)}.leaflet-tooltip.il-etiketi:before{display:none}.sehir-secimi{display:none!important}
.sehir-oneri{margin:-.2rem 0 1.3rem;padding:.75rem .9rem;border-left:2px solid #7ED5DB;background:rgba(126,213,219,.07);color:#C5E6E6;font-style:italic;font-size:.9rem;line-height:1.65}

/* Açılış: canlı, derin ve gezegensiz kozmik görünüm. */
#perde{background:radial-gradient(circle at 50% 50%,rgba(0,0,0,.96) 0 13%,rgba(12,4,22,.86) 19%,transparent 37%),radial-gradient(ellipse 50% 70% at 18% 44%,rgba(10,60,106,.52),transparent 64%),radial-gradient(ellipse 42% 54% at 84% 16%,rgba(113,26,104,.38),transparent 66%),radial-gradient(ellipse 36% 44% at 78% 86%,rgba(180,73,26,.24),transparent 67%),#01030A}
#perde{background:linear-gradient(rgba(1,3,10,.55),rgba(1,3,10,.7)),url('../images/kozmos-hd.jpg') center/cover no-repeat,#01030A}
#perde:before{background:linear-gradient(90deg,rgba(0,0,0,.16),transparent 35%,transparent 65%,rgba(0,0,0,.16));opacity:1;animation:kozmosNefes 16s ease-in-out infinite alternate}
#perde:after{display:none}
@keyframes kozmosNefes{to{transform:scale(1.035);filter:saturate(1.12)}}
#perde:before{background:linear-gradient(90deg,rgba(0,0,0,.3),transparent 28%,transparent 72%,rgba(0,0,0,.3)),radial-gradient(ellipse at 50% 50%,rgba(93,71,210,.18),transparent 47%);background-size:100% 100%;opacity:1;animation:kozmosNefes 16s ease-in-out infinite alternate}
#perde:after{display:none}
#perde h1{max-width:18ch;text-shadow:0 0 36px rgba(231,200,255,.22),0 0 90px rgba(95,64,190,.18)}
@media(max-width:760px){
  #turkiye-haritasi{padding:1rem .9rem 2rem}.turkiye-ust{padding:2.75rem .15rem 0}.turkiye-ust h2{font-size:2.1rem;line-height:1.05}.turkiye-ust p{font-size:.94rem;line-height:1.6}.turkiye-govde{padding:1.35rem 0 2.4rem}
  #turkiye-kapat{top:0;right:0}.turkiye-govde #turkiye-map{height:46vh;min-height:285px;border-radius:8px}.sehir-formu{margin-top:1rem;padding:1rem .9rem}.sehir-oneri{font-size:.84rem;margin-bottom:1rem}.alan input,.alan textarea{font-size:16px}.satir{gap:.75rem;align-items:flex-start}.satir .gonder{width:100%}
  #perde{background-position:55% center}#perde h1{font-size:clamp(2.45rem,12vw,3.45rem);line-height:1.04}.perde-icerik{padding:1.2rem}.perde-icerik p{font-size:.95rem;line-height:1.6}
  .spotify-poster{min-height:104px;gap:.8rem}.spotify-poster-kapak{flex-basis:104px}.spotify-poster-bilgi{padding:.8rem .75rem .75rem 0}.spotify-poster-bilgi strong{font-size:1.25rem}.spotify-poster-etiket,.spotify-poster-ac{font-size:.5rem}
}

/* Mobil: tek elle rahat kullanım, güvenli kenar boşlukları ve okunaklı paneller. */
@media(max-width:760px){
  html,body{height:100dvh}body{touch-action:pan-y;overflow:hidden}
  /* Yakınlaştırma yalnızca bir gezegen odaktayken, uzay tuvalinde çalışır. */
  #uzay.pinch-aktif{touch-action:none}
  #perde{padding:max(1.2rem,env(safe-area-inset-top)) 1.25rem max(1.6rem,env(safe-area-inset-bottom))}
  #perde h1{max-width:13ch;font-size:clamp(2.35rem,11vw,3.4rem);line-height:1.08;text-align:center}
  #perde .alt{font-size:.56rem;letter-spacing:.27em}#perde #ac{min-height:46px;padding:.8rem 1.45rem}
  header{padding:calc(.85rem + env(safe-area-inset-top)) .85rem 1rem}.sayac{font-size:.51rem;line-height:1.8;letter-spacing:.12em}#kozmik-saat{min-width:178px;padding:.5rem .58rem;border-radius:10px}.kozmik-baslik{font-size:.43rem}.kozmik-birlikte{font-size:.47rem}.kozmik-dogumgunleri{font-size:.36rem}#kozmik-zaman{font-size:.82rem}
  #geri{top:calc(4.15rem + env(safe-area-inset-top));left:.85rem;min-height:42px;padding:.65rem 1rem;font-size:.55rem}
  #ipucu{bottom:calc(1rem + env(safe-area-inset-bottom));width:min(92vw,360px);font-size:.5rem;line-height:1.65;letter-spacing:.16em}
  #rastgele-ani{left:.85rem;bottom:calc(4.25rem + env(safe-area-inset-bottom));min-height:42px;padding:.65rem .85rem;font-size:.5rem;letter-spacing:.11em}
  #dilek-dugme,#ani-ekle-dugme{left:.85rem;bottom:calc(1rem + env(safe-area-inset-bottom));min-height:42px;padding:.65rem .9rem;font-size:.5rem;letter-spacing:.11em}
  #ses-dugme{right:.85rem;bottom:calc(1rem + env(safe-area-inset-bottom));width:44px;height:44px}
  #defter{width:100%;max-width:none}.def-ust{padding:calc(1.1rem + env(safe-area-inset-top)) 1.2rem 1rem}.def-ust h2{font-size:2rem;line-height:1.04}.def-govde{padding:1.25rem 1.2rem calc(2rem + env(safe-area-inset-bottom))}.def-govde p{font-size:.98rem;line-height:1.75}
  #kapat,#dilek-kapat,#ani-ekle-kapat,#buyutec-kapat{width:44px;height:44px}#ani-sil{left:1.2rem;top:calc(1.15rem + env(safe-area-inset-top));min-height:38px;padding:.2rem 0;font-size:.47rem}.alan input,.alan textarea{font-size:16px}.satir{flex-wrap:wrap}.gonder{min-height:44px}#ani-ekle .def-govde{padding:1.25rem 1.2rem calc(2rem + env(safe-area-inset-bottom))}.ani-dosya-notu{font-size:.5rem}
  .galeri{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.galeri figure.galeri-video{grid-column:1/-1;width:min(100%,330px);justify-self:center;max-height:60dvh}.galeri.tek figure.galeri-video{width:100%;max-height:60dvh}.galeri video{max-height:60dvh}
  #mektup-kagit{max-height:88dvh;margin:0 .7rem;padding:2rem 1.15rem calc(2rem + env(safe-area-inset-bottom))}.mektup-govde{font-size:1rem;line-height:1.8}
  #evren-mesaj{top:calc(1rem + env(safe-area-inset-top));font-size:1.1rem;padding:.9rem 1rem}
  #dogum-mektubu-dugme{top:calc(.8rem + env(safe-area-inset-top));left:.85rem;font-size:.49rem;padding:.57rem .72rem;letter-spacing:.1em}#mektup-oku.dogum-mektubu{padding:.7rem}#mektup-oku.dogum-mektubu #mektup-kagit{width:100%;max-height:90dvh;padding:2.8rem 1.2rem calc(1.8rem + env(safe-area-inset-bottom))}#mektup-oku.dogum-mektubu #mektup-govde{font-size:1rem;line-height:1.82}.dogum-soru-kart{padding:2.7rem 1.15rem 1.7rem}.dogum-soru-kart h2{font-size:2rem}.dogum-soru-kart input{font-size:16px}
}