:root{
  /* alt sayfalar (araçlar) için eski palet */
  --bg:#f6f4ef; --card:#ffffff; --ink:#23272b; --muted:#70757c; --line:#e0dcd2;
  --acc:#1f6f5c; --acc-soft:rgba(31,111,92,.1); --vurgu:#c8743c; --shadow:rgba(35,39,43,.08);

  /* afiş paleti — gündüz varsayılan */
  --gok:#F09A36; --alan:#C8502C; --dag:#221A14; --siluet:#1C1510;
  --gunes:#D7261D; --gunes-op:1; --ay-op:0; --yildiz-op:0; --kus-op:1;
  --lamba-op:0; --ampul:#3A2E22;
  --kagit:#F2E6CE; --kagit-ink:#221C16; --kagit-soluk:#6E6353;
  --kirmizi:#C2331F;
  --baslik-ink:#1C1510; --alan-ink:#F7E9D2;
  --kedi:#5C2F17; --cay:#6B3318; --cay-buhar:#C49A6A;
  --bitki2:#A82D17; --sakso2:#3E2414;
  --sehir:#4F3A26; --pencere:#E8472E; --pencere-op:0;
}
body.t-sabah{
  --gok:#F4AC4C; --alan:#C8502C; --gunes:#D7261D;
}
body.t-aksam{
  --gok:#DE6E2E; --alan:#9E3A20; --gunes:#C61E16;
  --yildiz-op:.35; --lamba-op:.9; --ampul:#FFC76B;
  --sehir:#3A2A1A; --pencere:#E04A2C; --pencere-op:.6;
}
body.t-gece{
  --gok:#15110D; --alan:#1D1713; --dag:#231B13; --siluet:#2B2117;
  --gunes-op:0; --ay-op:1; --yildiz-op:1; --kus-op:0;
  --lamba-op:1; --ampul:#FFC76B;
  --baslik-ink:#F2E6CE; --alan-ink:#CDC1A8;
  --kedi:#6E3F20; --cay:#7E3E1D; --cay-buhar:#8A6B4A;
  --bitki2:#742A18; --sakso2:#332015;
  --sehir:#261D13; --pencere:#FF4A2C; --pencere-op:.95;
}
body.lamba-acik{--lamba-op:.95;--ampul:#FFC76B}
body.lamba-kapali{--lamba-op:0;--ampul:#3A2E22}

*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);color:var(--ink);font-family:Georgia,'Times New Roman',serif;min-height:100vh;font-size:17px}
.wrap{max-width:880px;margin:0 auto;padding:28px 20px 70px}

/* ================= vitrin (afiş sayfası) ================= */
body.vitrin{background:var(--alan);color:var(--kagit-ink);font-family:'Libre Baskerville',Georgia,serif;transition:background 1s}
body.vitrin, body.vitrin *{-webkit-tap-highlight-color:transparent}
.kposz:focus:not(:focus-visible),.kapi:focus:not(:focus-visible){outline:none}

.afis{position:relative}
.poster{display:block;width:100%;height:clamp(330px,46vw,540px)}
.gunes-k{opacity:var(--gunes-op);transition:transform 1.2s ease,opacity .8s}
body.t-sabah .gunes-k{transform:translate(-340px,318px)}
body.t-gunduz .gunes-k{transform:translate(0,215px)}
body.t-aksam .gunes-k{transform:translate(185px,402px)}
body.t-gece .gunes-k{transform:translate(0,215px)}
.ay{opacity:var(--ay-op)}
.yildizlar{opacity:var(--yildiz-op)}
.kuslar{opacity:var(--kus-op)}
.ay,.yildizlar,.kuslar,.lamba-par{transition:opacity .8s}
.poster rect,.poster path,.poster circle,.poster ellipse{transition:fill 1s}
.kirp{animation:kirp 3.4s ease-in-out infinite}
@keyframes kirp{0%,100%{opacity:1}50%{opacity:.25}}
.buhar{animation:buhar 4s ease-in-out infinite}
@keyframes buhar{0%,100%{opacity:.8}50%{opacity:.2}}
.kposz{cursor:pointer;outline:none}
.kposz:focus-visible{outline:2px dashed #F2E6CE;outline-offset:4px}
#balon text{font-family:'Libre Baskerville',Georgia,serif;font-style:italic}
.kayan{opacity:0}
body.t-gece .kayan{animation:kayan 31s linear infinite}
@keyframes kayan{0%,84%{opacity:0;transform:translate(0,0)}87%{opacity:1}93%{opacity:0;transform:translate(-310px,150px)}100%{opacity:0}}
.kapi{cursor:pointer;outline:none;transform-box:fill-box;transform-origin:left center;transition:transform .8s cubic-bezier(.34,1.25,.45,1)}
.kapi.acik{transform:rotate(-3deg) scaleX(.16)}
.kapi:focus-visible{outline:2px dashed #F2E6CE;outline-offset:4px}
.pervane{opacity:0}
body.t-gece .pervane{opacity:1;animation:pervane 5.5s ease-in-out infinite}
body.t-gece.lamba-kapali .pervane{opacity:0;animation:none}
@keyframes pervane{0%{transform:translate(-13px,5px)}25%{transform:translate(7px,-9px)}50%{transform:translate(15px,7px)}75%{transform:translate(-5px,-13px)}100%{transform:translate(-13px,5px)}}
@media(prefers-reduced-motion:reduce){.kirp,.buhar,.kayan,.pervane,.kus-ucan{animation:none}.gunes-k,.kapi{transition:none}}

.afis-yazi{position:absolute;top:0;left:0;width:100%;padding:clamp(22px,4.5vw,52px) clamp(20px,5vw,56px);pointer-events:none}
.afis-yazi a{color:var(--baslik-ink);text-decoration:none;pointer-events:auto;transition:color 1s}
.afis-yazi h1{font-family:'Playfair Display',Georgia,serif;font-weight:700;font-size:clamp(38px,6.4vw,72px);line-height:1.02;letter-spacing:-.5px}
.afis-yazi .alt{color:var(--baslik-ink);opacity:.82;font-style:italic;font-size:clamp(13px,1.6vw,17px);margin-top:10px;transition:color 1s}

/* günün kelimesi — yapıştırılmış kâğıt şerit */
body.vitrin .gunun{display:flex;gap:14px;align-items:flex-start;margin-top:26px;background:var(--kagit);border-radius:4px;padding:16px 20px;box-shadow:5px 6px 0 rgba(15,8,4,.25);transform:rotate(-.4deg)}
body.vitrin .gunun .nokta{flex:none;width:18px;height:18px;border-radius:50%;background:var(--gunes);margin-top:4px}
body.vitrin .gunun .selam{color:var(--kagit-soluk);font-size:13.5px;font-style:italic}
body.vitrin .gunun .gk{margin-top:5px;font-size:16.5px;line-height:1.55}
body.vitrin .gunun .gk b{font-family:'Playfair Display',Georgia,serif;color:var(--kirmizi);font-size:19px;font-weight:600}
body.vitrin .gunun .gk .anlam{color:var(--kagit-soluk)}
body.vitrin .gunun .gk a{color:var(--kirmizi);text-decoration:none;white-space:nowrap;font-size:14.5px;border-bottom:1px solid currentColor}

/* kartlar — kâğıt kesikleri */
body.vitrin main{margin-top:30px}
body.vitrin .wrap{max-width:1100px}
body.vitrin .gunun{max-width:720px}
body.vitrin .grup{margin-top:44px}
body.vitrin .grup-one{margin-top:30px}
body.vitrin .grup-bas{font-family:'Playfair Display',Georgia,serif;font-size:15px;font-weight:600;color:var(--alan-ink);letter-spacing:.04em;margin:0 0 16px 2px;display:flex;align-items:center;gap:10px}
body.vitrin .grup-bas::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--gunes);flex:none}
body.vitrin .kartlar{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
@media(max-width:900px){body.vitrin .kartlar{grid-template-columns:1fr 1fr}}
@media(max-width:600px){body.vitrin .kartlar{grid-template-columns:1fr}}
body.vitrin .kart{background:var(--kagit);border:none;border-radius:4px;padding:22px;box-shadow:5px 6px 0 rgba(15,8,4,.25);text-decoration:none;color:var(--kagit-ink);display:block;transition:transform .22s,box-shadow .22s}
body.vitrin .kart:nth-child(1){transform:rotate(-1.1deg)}
body.vitrin .kart:nth-child(2){transform:rotate(.9deg)}
body.vitrin .kart:nth-child(3){transform:rotate(.7deg)}
body.vitrin .kart:nth-child(4){transform:rotate(-.8deg)}
body.vitrin .kart:nth-child(5){transform:rotate(-.5deg)}
body.vitrin .kart:nth-child(6){transform:rotate(.8deg)}
body.vitrin .kart:nth-child(7){transform:rotate(-.6deg)}
body.vitrin .kart:nth-child(8){transform:rotate(.9deg)}
body.vitrin .kart:nth-child(9){transform:rotate(-.7deg)}
body.vitrin .kart-genis{grid-column:1/-1;transform:none}
body.vitrin .kart:hover,body.vitrin .kart:focus-visible{transform:rotate(0) translateY(-4px);box-shadow:7px 9px 0 rgba(15,8,4,.3)}
body.vitrin .kart:focus-visible{outline:3px solid var(--kagit);outline-offset:3px}
body.vitrin .kart .ikon{width:46px;height:46px;border-radius:50%;background:var(--gunes);color:var(--kagit);display:flex;align-items:center;justify-content:center;margin-bottom:14px}
body.vitrin .kart .ikon svg{width:24px;height:24px}
body.vitrin .kart h2{font-family:'Playfair Display',Georgia,serif;font-size:21px;font-weight:600;color:var(--kagit-ink)}
body.vitrin .kart p{font-size:14.5px;color:var(--kagit-soluk);margin-top:7px;line-height:1.55}
body.vitrin .kart .yakinda{font-family:'Libre Baskerville',Georgia,serif;font-size:11px;color:var(--kirmizi);border:1px solid var(--kirmizi);border-radius:12px;padding:1px 9px;margin-left:8px;vertical-align:middle;font-weight:400}

/* kara kaplı: kilitli defter kartı */
body.vitrin .kart-kilitli{background:#221C16;position:relative;overflow:hidden}
body.vitrin .kart-kilitli::after{content:"";position:absolute;top:0;bottom:0;right:20px;width:9px;background:#C2331F}
body.vitrin .kart-kilitli h2{color:#F2E6CE}
body.vitrin .kart-kilitli p{color:#B5A485}
body.vitrin .kart-kilitli .ikon{background:#C2331F;color:#F2E6CE}
body.vitrin .kart-kilitli .kilit-rozet{color:#F2E6CE;border-color:#C2331F;background:#C2331F}

body.vitrin footer{margin-top:64px;border:none;color:var(--alan-ink);font-size:12.5px;text-align:center;line-height:1.7;transition:color 1s}
body.vitrin footer .kilim{width:200px;height:13px;color:var(--alan-ink);opacity:.8;margin-bottom:10px}

/* ================= araçlara “verandaya dön” tuşu ================= */
.eve-don{display:inline-flex;align-items:center;gap:7px;margin:14px 0 0 14px;background:#D7261D;color:#F2E6CE;text-decoration:none;font-size:14px;padding:7px 15px 7px 12px;border-radius:20px;box-shadow:2px 3px 0 rgba(15,8,4,.25);font-family:Georgia,serif}
.eve-don:hover{transform:translateY(-1px);box-shadow:2px 4px 0 rgba(15,8,4,.3)}
.eve-don::before{content:"";width:11px;height:11px;border-radius:50%;background:#F2E6CE;flex:none}

/* ================= alt sayfalar (araçlar) ================= */
header.site a{color:var(--ink);text-decoration:none}
header.site h1{font-family:'Playfair Display',Georgia,serif;font-size:30px;font-weight:600}
header.site h1 b{color:var(--acc);font-weight:normal}
header.site .alt{color:var(--muted);font-size:14.5px;font-style:italic;margin-top:4px}
nav.araclar{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
nav.araclar a{font-size:14px;color:var(--acc);border:1px solid var(--line);border-radius:18px;padding:4px 13px;text-decoration:none;background:var(--card)}
nav.araclar a:hover,nav.araclar a.burada{border-color:var(--acc);background:var(--acc-soft)}
main{margin-top:26px}
.kartlar{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:640px){.kartlar{grid-template-columns:1fr}}
.kart{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:0 3px 12px var(--shadow);text-decoration:none;color:var(--ink);display:block}
.kart:hover{border-color:var(--acc)}
.kart h2{font-size:20px;font-weight:normal;color:var(--acc)}
.kart p{font-size:14.5px;color:var(--muted);margin-top:6px;line-height:1.5}
.kart .yakinda{font-size:11.5px;color:var(--vurgu);border:1px solid var(--vurgu);border-radius:12px;padding:1px 9px;margin-left:8px;vertical-align:middle}
footer{margin-top:60px;color:var(--muted);font-size:12.5px;border-top:1px solid var(--line);padding-top:14px;text-align:center;line-height:1.7}
button{font:inherit;cursor:pointer}
input{font:inherit}