:root{
  --bg:#EEF5FF; --surface:#FFFFFF; --side:#FFFFFF; --ink:#24224A; --muted:#6B6796; --line:#D7DCF2;
  --hover:#F3F5FD; --active:#FFF1E6; --active-ink:#B54C00;
  --brand:#FF7A1A; --brand-d:#D35C02;
  --ok:#22B36B; --ok-d:#168A50; --bad-bg:#FFE1E6; --bad-ink:#9C1C33;
  --grape:#8A63FF; --sky:#4C8DFF; --teal:#14B8A6; --sun:#F5A524;
  --apple-bg:#000; --apple-ink:#fff;
  --side-w:272px; --side-mini:84px;
  color-scheme: light;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --bg:#15142A; --surface:#222041; --side:#1B1A35; --ink:#F2F0FF; --muted:#A9A5D2; --line:#3A3765;
    --hover:#2A2850; --active:#3A2A22; --active-ink:#FFB27A;
    --bad-bg:#46202C; --bad-ink:#FF9EB0; --apple-bg:#fff; --apple-ink:#000;
    color-scheme: dark;
  }
}
:root[data-theme="dark"]{
  --bg:#15142A; --surface:#222041; --side:#1B1A35; --ink:#F2F0FF; --muted:#A9A5D2; --line:#3A3765;
  --hover:#2A2850; --active:#3A2A22; --active-ink:#FFB27A;
  --bad-bg:#46202C; --bad-ink:#FF9EB0; --apple-bg:#fff; --apple-ink:#000;
  color-scheme: dark;
}
*,*::before,*::after{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:var(--bg);color:var(--ink);
  font-family:"Nunito","Segoe UI",system-ui,-apple-system,sans-serif;font-weight:700;
  -webkit-tap-highlight-color:transparent}
button{font:inherit;color:inherit;cursor:pointer;background:none;border:0;padding:0}
button:focus-visible,a:focus-visible{outline:3px solid var(--grape);outline-offset:3px}
h1,.display{font-family:"Baloo 2","Nunito",system-ui,sans-serif}
[hidden]{display:none!important}

/* ---------- Giriş / kayıt ---------- */
.auth{min-height:100%;display:grid;place-items:center;padding:24px 16px;
  padding-top:max(24px,env(safe-area-inset-top));padding-bottom:max(24px,env(safe-area-inset-bottom))}
.card{width:100%;max-width:420px;background:var(--surface);border:2px solid var(--line);border-bottom-width:6px;
  border-radius:28px;padding:28px 24px 24px;text-align:center}
.card .fox{display:block;height:96px;width:auto;margin:0 auto 4px}
.card .big{font-size:4.5rem;line-height:1.1}
.card h1{font-size:2rem;margin:4px 0 2px;line-height:1.1}
.card .motto{color:var(--brand);font-weight:900;margin:0 0 18px}
.card .sub{color:var(--muted);margin:8px 0 20px;line-height:1.45}
.tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;background:var(--hover);border-radius:16px;padding:4px;margin-bottom:18px}
.tab{border-radius:12px;padding:10px 8px;font-weight:900;color:var(--muted)}
.tab[aria-selected="true"]{background:var(--surface);color:var(--ink);box-shadow:0 1px 0 var(--line),0 0 0 2px var(--line)}
.sso{display:grid;gap:12px}
.sso-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;
  border:2px solid var(--line);border-bottom-width:5px;border-radius:16px;padding:13px 18px;
  background:var(--surface);font-weight:900;font-size:1.05rem;transition:transform .08s}
.sso-btn:active{transform:translateY(3px)}
.sso-btn svg{width:22px;height:22px;flex:none}
.sso-btn.apple{background:var(--apple-bg);color:var(--apple-ink);border-color:var(--apple-bg)}
.btn{display:block;width:100%;border-radius:16px;padding:13px 18px;background:var(--brand);color:#fff;
  border-bottom:5px solid var(--brand-d);font-weight:900;font-size:1.05rem}
.btn:active{transform:translateY(3px)}
.fine{color:var(--muted);font-size:.9rem;margin:16px 0 0;line-height:1.45}
.who{display:inline-block;background:var(--hover);border-radius:999px;padding:6px 14px;margin:0 0 18px;font-size:.95rem;word-break:break-all}
.link{color:var(--muted);text-decoration:underline;text-underline-offset:3px;margin-top:14px;font-weight:800}
.err{background:var(--bad-bg);color:var(--bad-ink);border-radius:14px;padding:10px 12px;margin:0 0 16px;font-size:.95rem}

/* ---------- Kabuk ---------- */
.shell{display:flex;height:100%}
.side{width:var(--side-w);flex:none;display:flex;flex-direction:column;gap:6px;background:var(--side);
  border-right:2px solid var(--line);padding:16px 12px;
  padding-top:max(16px,env(safe-area-inset-top));padding-bottom:max(12px,env(safe-area-inset-bottom));
  transition:width .18s ease}
.brand{display:flex;align-items:center;gap:10px;padding:4px 6px 14px}
.brand img{height:44px;width:auto;flex:none}
.brand b{display:block;font-family:"Baloo 2",sans-serif;font-size:1.35rem;line-height:1}
.brand span{display:block;color:var(--muted);font-size:.8rem;margin-top:3px}
.brand .text{flex:1;min-width:0}
.collapse{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;color:var(--muted);flex:none}
.collapse:hover{background:var(--hover)}
.collapse svg{width:18px;height:18px;transition:transform .18s}
.nav-h{color:var(--muted);font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;padding:6px 10px 2px}
nav{display:grid;gap:4px}
.item{display:flex;align-items:center;gap:12px;width:100%;text-align:left;border-radius:16px;padding:8px 10px}
.item:hover{background:var(--hover)}
.item[aria-current="page"]{background:var(--active);color:var(--active-ink)}
.ico{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font-size:1.45rem;flex:none;color:#fff;
  box-shadow:inset 0 -4px 0 rgba(0,0,0,.18)}
.item .t{min-width:0}
.item .n{display:block;font-weight:900;font-size:1.02rem}
.item .d{display:block;color:var(--muted);font-size:.8rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.item[aria-current="page"] .d{color:inherit;opacity:.8}
.soon{display:flex;align-items:center;gap:12px;border:2px dashed var(--line);border-radius:16px;padding:8px 10px;color:var(--muted);margin-top:4px}
.soon .ico{background:transparent;color:var(--muted);box-shadow:none;border:2px dashed var(--line);font-size:1.2rem}
.grow{flex:1}
.me{display:flex;align-items:center;gap:10px;border-top:2px solid var(--line);padding:12px 6px 0}
.av{width:40px;height:40px;border-radius:50%;flex:none;background:var(--brand);color:#fff;display:grid;place-items:center;font-weight:900;overflow:hidden}
.av img{width:100%;height:100%;object-fit:cover}
.me .t{flex:1;min-width:0}
.me .n{display:block;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.me .e{display:block;color:var(--muted);font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.out{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;color:var(--muted);flex:none}
.out:hover{background:var(--hover);color:var(--ink)}
.out svg{width:20px;height:20px}

/* daraltılmış menü: yalnızca simgeler */
.mini .side{width:var(--side-mini)}
.mini .side .text,.mini .side .t,.mini .side .nav-h,.mini .side .soon span{display:none}
.mini .brand{flex-direction:column;padding-bottom:10px}
.mini .collapse svg{transform:rotate(180deg)}
.mini .item,.mini .soon{justify-content:center;padding:6px}
.mini .me{flex-direction:column}

main{flex:1;min-width:0;display:flex;flex-direction:column}
.mbar{display:none}
.frames{flex:1;position:relative}
.frames iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:var(--bg)}
.preview-tag{position:fixed;right:12px;bottom:12px;z-index:50;background:var(--grape);color:#fff;border-radius:999px;padding:6px 12px;font-size:.8rem}

/* ---------- Telefon / dar ekran: menü çekmece olur ---------- */
@media (max-width:860px){
  .shell{flex-direction:column}
  .side,.mini .side{position:fixed;z-index:30;inset:0 auto 0 0;width:min(86vw,var(--side-w));transform:translateX(-105%);
    transition:transform .2s ease;box-shadow:0 0 40px rgba(0,0,0,.25)}
  .mini .side .text,.mini .side .t,.mini .side .nav-h,.mini .side .soon span{display:revert}
  .mini .brand,.mini .me{flex-direction:row}.mini .item,.mini .soon{justify-content:flex-start;padding:8px 10px}
  .collapse{display:none}
  .open .side{transform:none}
  .scrim{position:fixed;inset:0;z-index:20;background:rgba(10,10,30,.45);opacity:0;pointer-events:none;transition:opacity .2s}
  .open .scrim{opacity:1;pointer-events:auto}
  .mbar{display:flex;align-items:center;gap:10px;padding:8px 12px;padding-top:max(8px,env(safe-area-inset-top));
    background:var(--side);border-bottom:2px solid var(--line)}
  .mbar .burger{width:40px;height:40px;border-radius:12px;display:grid;place-items:center}
  .mbar .burger:hover{background:var(--hover)}
  .mbar .burger svg{width:24px;height:24px}
  .mbar .ico{width:32px;height:32px;border-radius:10px;font-size:1.05rem}
  .mbar b{font-size:1.05rem}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}

/* ---------- Ebeveyn paneli, CRM ve ortak sayfa öğeleri ---------- */
:root{--warn:#E8890C;--warn-bg:#FFF1DC;--ok-bg:#DCF7E8;--ok-ink:#11663C}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--warn-bg:#3D2C14;--ok-bg:#15392A;--ok-ink:#7BE3AE}}
:root[data-theme="dark"]{--warn-bg:#3D2C14;--ok-bg:#15392A;--ok-ink:#7BE3AE}

.side{overflow-y:auto}
.kid{display:flex;align-items:center;gap:8px;margin:0 4px 8px;padding:6px 8px;border:2px solid var(--line);border-radius:14px}
.kid .ka{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--sky);color:#fff;font-weight:900;flex:none}
.kid select{flex:1;min-width:0;border:0;background:transparent;font:inherit;font-weight:900;color:var(--ink);cursor:pointer}
.kid select:focus-visible{outline:3px solid var(--grape);outline-offset:3px;border-radius:6px}
.kid.add{justify-content:center;color:var(--muted);border-style:dashed}
.item .lock{margin-left:auto;font-size:.95rem;flex:none}
.item .days{margin-left:auto;flex:none;font-size:.72rem;font-weight:900;border-radius:999px;padding:2px 8px;background:var(--ok-bg);color:var(--ok-ink)}
.item .days.low{background:var(--warn-bg);color:var(--warn)}
.item.sub .ico{width:36px;height:36px;border-radius:12px;font-size:1.1rem;background:var(--hover);color:var(--ink);box-shadow:none}
.mini .side .item .lock,.mini .side .item .days,.mini .side .kid select{display:none}
.mini .kid{justify-content:center}

.page{flex:1;overflow-y:auto;background:var(--bg)}
.page-in{max-width:960px;margin:0 auto;padding:20px 16px 64px}
.page h1{font-size:1.8rem;margin:0 0 4px;line-height:1.15}
.page h2{font-family:"Baloo 2",sans-serif;font-size:1.25rem;margin:26px 0 10px}
.page .lead{color:var(--muted);margin:0 0 18px}
.panel{background:var(--surface);border:2px solid var(--line);border-radius:20px;padding:16px}
.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:12px}
.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px}.grid3>*{min-width:0}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:10px}
.stat{background:var(--surface);border:2px solid var(--line);border-radius:16px;padding:12px}
.stat b{display:block;font-family:"Baloo 2",sans-serif;font-size:1.6rem;line-height:1.1}
.stat span{color:var(--muted);font-size:.85rem}
.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.row.between{justify-content:space-between}
.muted{color:var(--muted)}
.small{font-size:.85rem}
.flash{border-radius:14px;padding:10px 14px;margin:0 0 16px;background:var(--ok-bg);color:var(--ok-ink)}
.flash.warn{background:var(--warn-bg);color:var(--warn)}
.flash.bad{background:var(--bad-bg);color:var(--bad-ink)}
.badge{display:inline-block;border-radius:999px;padding:2px 10px;font-size:.78rem;font-weight:900;background:var(--hover);color:var(--muted);white-space:nowrap}
.badge.ok{background:var(--ok-bg);color:var(--ok-ink)}
.badge.warn{background:var(--warn-bg);color:var(--warn)}
.badge.bad{background:var(--bad-bg);color:var(--bad-ink)}
.btn.sm{display:inline-block;width:auto;padding:8px 14px;font-size:.92rem;border-bottom-width:4px}
.btn.line{background:var(--surface);color:var(--ink);border:2px solid var(--line);border-bottom-width:4px}
.btn.danger{background:var(--bad-bg);color:var(--bad-ink);border-bottom-color:transparent}
.btn:disabled{opacity:.5;cursor:not-allowed}
.btn.inline{display:inline-block;width:auto}
label.f{display:grid;gap:6px;font-weight:800;margin-bottom:12px}
.in{font:inherit;font-weight:700;color:var(--ink);background:var(--surface);border:2px solid var(--line);border-radius:12px;padding:10px 12px;width:100%}
.in:focus-visible{outline:3px solid var(--grape);outline-offset:1px}
textarea.in{min-height:110px;resize:vertical}
.tbl-wrap{overflow-x:auto;border:2px solid var(--line);border-radius:16px;background:var(--surface)}
table.tbl{width:100%;border-collapse:collapse;font-size:.92rem}
.tbl th{text-align:left;color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;padding:10px 12px;border-bottom:2px solid var(--line);white-space:nowrap}
.tbl td{padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}
.tbl tr:last-child td{border-bottom:0}
.tbl tr.click{cursor:pointer}
.tbl tr.click:hover td{background:var(--hover)}
.num{text-align:right;white-space:nowrap}
.child-card{display:flex;align-items:center;gap:14px}
.child-card .ka{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--sky);color:#fff;font-weight:900;font-size:1.4rem;flex:none}
.tabs2{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 14px}
.tabs2 button{border:2px solid var(--line);border-radius:999px;padding:7px 14px;font-weight:900;background:var(--surface)}
.tabs2 button[aria-pressed="true"]{background:var(--active);color:var(--active-ink);border-color:var(--brand)}
.bars{display:grid;gap:8px}
.bar{display:grid;grid-template-columns:110px 1fr 46px;gap:10px;align-items:center;font-size:.9rem}
.bar .tr{height:12px;border-radius:6px;background:var(--hover);overflow:hidden}
.bar .tr i{display:block;height:100%;border-radius:6px;background:var(--ok)}
.bar .tr i.mid{background:var(--warn)}.bar .tr i.low{background:var(--bad-ink)}
.feed{display:grid;gap:8px}
.feed .ev{display:flex;gap:10px;align-items:flex-start;background:var(--surface);border:2px solid var(--line);border-radius:14px;padding:10px 12px}
.feed .ev .ico{width:34px;height:34px;border-radius:10px;font-size:1rem}
.feed .ev .t{flex:1;min-width:0}
.pkg{display:flex;flex-direction:column;gap:6px}
.pkg.sel{border-color:var(--brand);box-shadow:0 0 0 2px var(--brand) inset}
.pkg .price{font-family:"Baloo 2",sans-serif;font-size:1.7rem;line-height:1}
.pkg .per{color:var(--muted);font-size:.85rem}
.pick{display:flex;align-items:center;gap:10px;border:2px solid var(--line);border-radius:14px;padding:10px 12px;cursor:pointer;background:var(--surface)}
.pick input{width:20px;height:20px;accent-color:var(--brand)}
.pick.dis{opacity:.5;cursor:not-allowed}
.storebtns{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-top:14px}
.storebtn{display:flex;align-items:center;justify-content:center;gap:10px;border-radius:14px;padding:12px 16px;font-weight:900;font-size:1rem}
.storebtn svg{width:22px;height:22px}
.storebtn.apple{background:#000;color:#fff}
.storebtn.google{background:#fff;color:#202124;border:2px solid #DADCE0}
.thread{display:grid;gap:10px;margin:12px 0}
.msg{max-width:80%;border-radius:16px;padding:10px 14px;background:var(--surface);border:2px solid var(--line)}
.msg.me{justify-self:end;background:var(--active);border-color:transparent}
.msg .who{font-size:.75rem;color:var(--muted);margin-bottom:4px;font-weight:900}
.msg p{margin:0;white-space:pre-wrap}
.paywall{text-align:center;max-width:520px;margin:6vh auto 0}
.paywall .big{font-size:4rem;line-height:1}

/* Mağaza simülasyonu (alttan açılan ekran) */
.sheet-bg{position:fixed;inset:0;z-index:60;background:rgba(0,0,0,.45);display:flex;align-items:flex-end;justify-content:center}
.sheet{width:100%;max-width:440px;border-radius:22px 22px 0 0;padding:18px 20px calc(20px + env(safe-area-inset-bottom));font-family:-apple-system,system-ui,sans-serif;font-weight:500}
.sheet.apple{background:#F2F2F7;color:#000}
.sheet.google{background:#fff;color:#202124;font-family:Roboto,system-ui,sans-serif}
.sheet .sh-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;font-weight:700}
.sheet .sh-x{width:30px;height:30px;border-radius:50%;background:rgba(0,0,0,.08);color:#000}
.sheet .sh-app{display:flex;gap:12px;align-items:center;background:#fff;border-radius:14px;padding:12px}
.sheet.google .sh-app{border:1px solid #DADCE0}
.sheet .sh-app img{width:56px;height:56px;border-radius:13px;background:#FFF1E6;object-fit:contain}
.sheet .sh-rows{margin:12px 0;font-size:.92rem}
.sheet .sh-rows div{display:flex;justify-content:space-between;padding:6px 2px;border-bottom:1px solid rgba(0,0,0,.08)}
.sheet .sh-go{width:100%;border-radius:12px;padding:14px;font-weight:700;font-size:1.05rem;color:#fff;background:#0A84FF}
.sheet.google .sh-go{background:#01875F;border-radius:24px}
.sheet .sh-sim{text-align:center;font-size:.78rem;color:#8E8E93;margin-top:10px}
.modal-bg{position:fixed;inset:0;z-index:70;background:rgba(10,10,30,.5);display:grid;place-items:center;padding:16px}
.modal{background:var(--surface);border-radius:20px;padding:20px;max-width:400px;width:100%}
.modal p{margin:0 0 16px}
@media (max-width:860px){.page-in{padding:16px 16px 64px}.bar{grid-template-columns:90px 1fr 40px}.msg{max-width:92%}}
a.item,a.kid{text-decoration:none;color:inherit}
a.item:focus-visible,a.kid:focus-visible{outline:3px solid var(--grape);outline-offset:2px}
#side .item .t{flex:1;min-width:0}

/* ---------- Profil seçimi ve ebeveyn kodu ---------- */
.card.wide{max-width:560px}
.who-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin:18px 0 6px}
.who-tile{display:flex;flex-direction:column;align-items:center;gap:6px;width:140px;padding:16px 10px;border:2px solid var(--line);border-bottom-width:5px;border-radius:22px;background:var(--surface);transition:transform .1s}
.who-tile:hover{transform:translateY(-2px);border-color:var(--brand)}
.who-tile .wa{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:2rem;font-weight:900;font-family:"Baloo 2",sans-serif}
.who-tile.parent .wa{background:var(--hover);color:var(--ink);font-size:1.8rem}
.who-tile b{font-size:1.1rem}
.pin-dots{display:flex;justify-content:center;gap:16px;margin:8px 0 4px}
.pin-dots i{width:18px;height:18px;border-radius:50%;border:3px solid var(--line)}
.pin-dots i.on{background:var(--brand);border-color:var(--brand)}
.pin-dots.shake{animation:shake .35s}
@keyframes shake{20%,60%{transform:translateX(-8px)}40%,80%{transform:translateX(8px)}}
.pin-err{min-height:1.4em;color:var(--bad-ink);font-size:.92rem;margin:4px 0 10px}
.pad{display:grid;grid-template-columns:repeat(3,72px);gap:12px;justify-content:center;margin:0 auto 10px}
.pad button{height:64px;border-radius:18px;border:2px solid var(--line);border-bottom-width:4px;background:var(--surface);font-family:"Baloo 2",sans-serif;font-size:1.6rem;font-weight:800}
.pad button:active{transform:translateY(2px)}
.pad .pad-alt{font-family:"Nunito",sans-serif;font-size:.9rem;color:var(--muted);border-color:transparent;background:transparent}
.parent-tag{margin:-6px 6px 8px;font-size:.78rem;font-weight:900;color:var(--ok-ink);background:var(--ok-bg);border-radius:999px;padding:3px 10px;align-self:flex-start}
.mini .parent-tag{display:none}
button.item{font:inherit;color:inherit;background:none;border:0;cursor:pointer}

/* ---------- Kilitli modül ---------- */
.paywall .hero{width:96px;height:96px;border-radius:28px;display:grid;place-items:center;font-size:3rem;margin:0 auto 12px;box-shadow:inset 0 -6px 0 rgba(0,0,0,.18)}
.paywall.wide{max-width:560px}
.feat{list-style:none;padding:0;margin:0 auto 18px;text-align:left;display:grid;gap:8px;max-width:440px}
.feat li{padding-left:30px;position:relative}
.feat li::before{content:"✓";position:absolute;left:0;top:0;width:22px;height:22px;border-radius:50%;background:var(--ok-bg);color:var(--ok-ink);display:grid;place-items:center;font-size:.8rem;font-weight:900}
.price-box{text-align:left}
.price-box .price{font-family:"Baloo 2",sans-serif;font-size:2rem}
.deal{display:block;margin-top:12px;padding:12px 14px;border-radius:16px;background:var(--active);color:var(--active-ink);text-decoration:none;text-align:left}
.deal span{float:right;font-weight:900}

/* ---------- Performans sekmeleri ve grafik ---------- */
.mtabs{display:flex;gap:6px;border-bottom:2px solid var(--line);margin:4px 0 0;overflow-x:auto}
.mtabs button{display:flex;align-items:center;gap:8px;padding:10px 14px;border:0;border-bottom:3px solid transparent;margin-bottom:-2px;background:none;font-weight:900;color:var(--muted);white-space:nowrap}
.mtabs button[aria-selected="true"]{color:var(--ink);border-bottom-color:var(--brand)}
.mtabs .ico{width:28px;height:28px;border-radius:9px;font-size:.95rem;display:grid;place-items:center;color:#fff}
.mtabs .cnt{font-size:.72rem;background:var(--hover);border-radius:999px;padding:1px 8px}
.mpanel{padding-top:14px}
.chart{display:flex;align-items:flex-end;gap:6px;height:150px;padding-top:18px}
.chart .col{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;min-width:0}
.chart .col span{font-size:.7rem;color:var(--muted)}
.chart .col i{display:block;width:100%;max-width:34px;border-radius:8px 8px 3px 3px;background:var(--ok)}
.chart .col i.mid{background:var(--warn)}.chart .col i.low{background:var(--bad-ink)}

/* ---------- Abonelik ---------- */
.plan .ico{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font-size:1.4rem;color:#fff;flex:none}
.days-bar{height:10px;border-radius:5px;background:var(--hover);overflow:hidden;margin:14px 0 8px}
.days-bar i{display:block;height:100%;background:var(--ok);border-radius:5px}
.days-bar i.low{background:var(--warn)}
.bad-ink{color:var(--bad-ink)}
.pkg{text-align:left;align-items:stretch}
.pkg:disabled{opacity:.55;cursor:not-allowed}
.pkg .save{color:var(--ok-ink)}
.pick.on{border-color:var(--brand);background:var(--active)}
.checkout .rrow,.receipt .rrow{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--line)}
.checkout .rrow.total{border-bottom:0;font-size:1.1rem;padding-top:12px}
.trust{margin:12px 0 0;padding-left:18px;display:grid;gap:4px}
.hist{margin-top:26px}
.hist summary{cursor:pointer;padding:6px 0}
.receipt{max-width:520px;margin:4vh auto 0;text-align:center}
.receipt .panel{text-align:left}
.tick-big{width:84px;height:84px;border-radius:50%;margin:0 auto 10px;display:grid;place-items:center;background:var(--ok);color:#fff;font-size:2.6rem;font-weight:900;animation:pop .4s ease}
@keyframes pop{0%{transform:scale(.4);opacity:0}100%{transform:scale(1);opacity:1}}

/* Mağaza ekranı adımları */
.sheet .sh-confirm,.sheet .sh-state{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:22px 6px}
.sheet .sh-confirm span,.sheet .sh-state span{font-size:.85rem;opacity:.65}
.sheet .sh-face{width:64px;height:64px;border-radius:18px;border:3px solid #0A84FF;color:#0A84FF;display:grid;place-items:center;font-size:2rem;margin-bottom:6px}
.sheet .spin{width:36px;height:36px;border-radius:50%;border:4px solid rgba(0,0,0,.12);border-top-color:#0A84FF;animation:spin .8s linear infinite;margin-bottom:6px}
.sheet.google .spin{border-top-color:#01875F}
@keyframes spin{to{transform:rotate(360deg)}}
.sheet .tick{width:56px;height:56px;border-radius:50%;background:#34C759;color:#fff;display:grid;place-items:center;font-size:1.8rem;animation:pop .35s ease}
.sheet.google .tick{background:#01875F}
.sheet .sh-state.bad b{color:#D70015}
@media (prefers-reduced-motion:reduce){.pin-dots.shake,.tick-big,.sheet .tick,.sheet .spin{animation:none}}
#side nav{grid-template-columns:minmax(0,1fr)}
a.btn{text-decoration:none;text-align:center}
@media (min-width:861px){.bar{grid-template-columns:160px 1fr 64px}}
.admin-tag{margin:-6px 6px 8px;font-size:.78rem;font-weight:900;color:var(--grape);background:var(--hover);border-radius:999px;padding:3px 10px;align-self:flex-start}
.mini .admin-tag{display:none}
.access{margin-top:12px;padding-top:12px;border-top:1px solid var(--line);display:grid;gap:8px}
.invite{margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.ptabs{display:inline-flex;flex-wrap:wrap;gap:4px;background:var(--hover);border-radius:16px;padding:4px}
.ptabs button{display:flex;flex-direction:column;align-items:center;gap:2px;border:0;border-radius:12px;padding:8px 18px;background:none;font-weight:900;color:var(--muted);min-width:96px}
.ptabs button[aria-checked="true"]{background:var(--surface);color:var(--ink);box-shadow:0 0 0 2px var(--brand)}
.ptabs .off{font-size:.72rem;color:var(--ok-ink);background:var(--ok-bg);border-radius:999px;padding:1px 8px}
.price-box .ptabs{display:flex;justify-content:center}
.msel{position:relative;border:2px solid var(--line);border-radius:12px;background:var(--surface)}
.msel summary{cursor:pointer;padding:10px 12px;list-style:none;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.msel summary::after{content:"▾";float:right;color:var(--muted)}
.msel[open] summary{border-bottom:1px solid var(--line)}
.msel-list{display:grid;gap:2px;padding:6px}
.msel-list label{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:8px;cursor:pointer;font-weight:700}
.msel-list label:hover{background:var(--hover)}
.msel-list input{width:18px;height:18px;accent-color:var(--brand)}
.pkg .chips-m{display:flex;flex-wrap:wrap;gap:4px}
div.f{display:grid;gap:6px;font-weight:800;margin-bottom:12px}
.trial-tag{display:block;margin:-2px 6px 8px;font-size:.8rem;font-weight:900;color:var(--warn);background:var(--warn-bg);border-radius:12px;padding:6px 10px;text-decoration:none}
.trial-tag.end{color:var(--bad-ink);background:var(--bad-bg)}
.mini .trial-tag{display:none}
.item .days.trial{background:var(--warn-bg);color:var(--warn)}
.trial-end{display:flex;gap:14px;align-items:center;border-color:var(--warn);background:var(--warn-bg);margin-bottom:6px}
.trial-end .te-i{font-size:2.4rem}
/* Tema seçici */
.theme-sw{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;background:var(--hover);border-radius:14px;padding:4px;margin:4px 4px 8px}
.theme-sw button{display:flex;flex-direction:column;align-items:center;gap:1px;border:0;border-radius:10px;padding:6px 2px;background:none;color:var(--muted);cursor:pointer}
.theme-sw .ti{font-size:1.05rem;line-height:1.2}
.theme-sw .tn{font-size:.7rem;font-weight:900}
.theme-sw button[aria-checked="true"]{background:var(--surface);color:var(--ink);box-shadow:0 0 0 2px var(--brand)}
.theme-sw.big{max-width:420px;margin:0}
.theme-sw.big button{padding:12px 6px}.theme-sw.big .ti{font-size:1.6rem}.theme-sw.big .tn{font-size:.85rem}
.mini .side .theme-sw{grid-template-columns:1fr}.mini .side .theme-sw .tn{display:none}

/* ===== Marka (assets/brand) ===== */
/* Temaya göre logo: .th-l açık temada, .th-d koyu temada */
.th-d{display:none!important}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .th-d{display:block!important}:root:not([data-theme="light"]) .th-l{display:none!important}}
:root[data-theme="dark"] .th-d{display:block!important}:root[data-theme="dark"] .th-l{display:none!important}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.logo-v img{display:block;width:min(240px,70%);height:auto;margin:0 auto 14px}
.logo-h,.logo-bar{flex:1;min-width:0}.logo-h img{display:block;height:40px;width:auto;max-width:100%}.logo-bar img{display:block;height:36px;width:auto;max-width:100%}
.brand-ico{display:none;height:40px;width:auto}
.mini .brand .logo-h,.mini .brand .logo-bar{display:none}.mini .brand-ico{display:block}
.brand{padding:4px 4px 14px}
.loader{display:block;width:96px;height:auto;margin:6px auto 4px}
.page-load{display:grid;place-items:center;min-height:40vh}
.mascot{display:block;width:120px;height:auto;margin:0 auto 6px}
.mascot.big{width:150px}
.card .fox{width:110px;height:auto}
.trial-end .te-i{width:64px;height:auto;flex:none}
/* Giriş ekranı: geniş ekranda solda giriş görseli (gündüz/gece) */
.auth{grid-template-columns:1fr}
.auth-art{display:none}
.auth-main{display:grid;place-items:center;width:100%}
@media (min-width:900px){
  .auth{grid-template-columns:minmax(0,1fr) minmax(460px,1fr);padding:0;place-items:stretch}
  .auth-art{display:block;background:#FFF4E6 url(/assets/brand/giris/giris-gorseli-gunduz.svg) center/cover no-repeat}
  .auth-main{padding:24px 32px}
}
@media (min-width:900px) and (prefers-color-scheme: dark){:root:not([data-theme="light"]) .auth-art{background-color:#1B1B3A;background-image:url(/assets/brand/giris/giris-gorseli-gece.svg)}}
@media (min-width:900px){:root[data-theme="dark"] .auth-art{background-color:#1B1B3A;background-image:url(/assets/brand/giris/giris-gorseli-gece.svg)}}
/* Deneme geri sayımı */
.badge.trial,.item .days.trial{background:var(--warn-bg);color:var(--warn)}
.days-bar.trial i{background:var(--warn)}
.trial-l{color:var(--warn)}
.flash.trials{display:grid;gap:8px}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:80;background:var(--ink);color:var(--bg);font-weight:800;border-radius:999px;padding:10px 18px;box-shadow:0 6px 20px rgba(0,0,0,.25);animation:pop .3s ease}
/* Ebeveyn menüsü kaydırmadan sığsın */
.parentmode .side{gap:3px;padding-top:max(10px,env(safe-area-inset-top));padding-bottom:max(8px,env(safe-area-inset-bottom))}
.parentmode .brand{padding:2px 4px 6px}
.parentmode .logo-h img,.parentmode .logo-bar img{height:32px}
.parentmode .parent-tag{margin:-2px 6px 4px}
.parentmode .kid{margin:0 4px 4px;padding:4px 8px}
.parentmode .kid .ka{width:26px;height:26px}
.parentmode .nav-h{padding:4px 10px 0}
.parentmode #side nav{gap:2px}
.parentmode #side .item{padding:5px 8px;gap:10px;border-radius:12px}
.parentmode #side .item .ico{width:34px;height:34px;border-radius:11px;font-size:1.15rem}
.parentmode #side .item .d{display:none}
.parentmode #side .item.sub .ico{width:28px;height:28px;border-radius:9px;font-size:.95rem}
.parentmode #side .item .n{font-size:.96rem}
.parentmode .theme-sw{margin:2px 4px 4px;padding:3px}
.parentmode .theme-sw button{padding:4px 2px}
.parentmode .theme-sw .tn{display:none}
.parentmode .me{padding-top:8px}
.parentmode .me .av{width:34px;height:34px}
@media (max-height:700px){.parentmode .nav-h{display:none}.parentmode .parent-tag{display:none}}
.parentmode #side .item .days{font-size:.66rem;padding:2px 6px}.parentmode #side .item .n{white-space:nowrap}
/* ===== Sade abonelik sayfası ===== */
.mstat{display:grid;gap:4px;padding:8px 12px}
.ms-row{display:flex;align-items:center;gap:10px;padding:6px 0;flex-wrap:wrap}
.ms-row+.ms-row{border-top:1px solid var(--line)}
.ms-n{flex:1;min-width:120px}
.ms-s{display:flex;align-items:center;gap:6px}
.oi{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;font-size:1.1rem;flex:none;box-shadow:inset 0 -3px 0 rgba(0,0,0,.15)}
.buy{margin-top:22px}
.buy-h{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.buy-h h2{margin:0}
.offers{display:grid;gap:10px}
.offers-h{margin:16px 2px 0;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.offers-h h3{margin:0;font-size:1.05rem}
.offer{display:flex;align-items:center;gap:14px;width:100%;text-align:left;background:var(--surface);border:2px solid var(--line);border-bottom-width:4px;border-radius:18px;padding:12px 14px;cursor:pointer}
.offer:hover{border-color:var(--muted)}
.offer.on{border-color:var(--brand);background:var(--active);box-shadow:0 0 0 2px var(--brand) inset}
.o-ic{display:flex;flex:none}.o-ic .oi+.oi{margin-left:-10px;border:2px solid var(--surface)}
.o-t{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:3px}
.o-t b{font-size:1.05rem}.o-t small{color:var(--muted);font-weight:700}
.o-p{text-align:right;flex:none}.o-p b{display:block;font-family:"Baloo 2",sans-serif;font-size:1.4rem;line-height:1}.o-p small{color:var(--muted);font-weight:700;font-size:.8rem}
.pick-mods{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.chip-m{display:flex;align-items:center;gap:6px;border:2px solid var(--line);border-radius:999px;padding:6px 12px;font-weight:800;cursor:pointer;background:var(--surface)}
.chip-m.on{border-color:var(--brand);background:var(--active)}.chip-m.dis{opacity:.5;cursor:not-allowed}
.buy .checkout{margin-top:14px}
@media (max-width:560px){.offer{flex-wrap:wrap}.o-p{text-align:left;width:100%;display:flex;align-items:baseline;gap:8px}}
.deal{width:100%;border:0;font:inherit;cursor:pointer}

/* ---------- Bölüm görselleri (assets/brand/bolumler) ---------- */
.ai{display:block;width:100%;height:100%;border-radius:22%}
.ai.sm{display:inline-block;width:1.25em;height:1.25em;vertical-align:-.25em;border-radius:6px}
.ico:has(>.ai),.oi:has(>.ai){background:none!important;box-shadow:none;padding:0;overflow:visible}
.o-ic .oi:has(>.ai)+.oi{border:0}.o-ic .oi .ai{box-shadow:0 0 0 2px var(--surface)}
.app-anim{display:block}.app-anim img{display:block;width:min(220px,60vw);height:auto;margin:0 auto}
.app-anim.pw img{width:min(200px,55vw);margin-bottom:6px}
.app-load{position:absolute;inset:0;z-index:2;display:grid;place-items:center;background:var(--bg)}
.boot img{display:block;width:min(260px,70vw);height:auto;margin:0 auto}
/* ---------- Avatarlar (assets/brand/avatarlar) ---------- */
.avt{position:relative;display:inline-block;border-radius:50%;overflow:hidden;flex:none;vertical-align:middle}
.avt img{position:absolute;inset:0;width:100%;height:100%;display:block}
.ka.avt,.wa.avt{background-clip:padding-box}
.child-card .avt.ka,.kid .avt.ka{padding:0}
.av-btn{position:relative;border:0;background:none;padding:0;cursor:pointer;border-radius:50%;flex:none}
.av-btn .pen,.me-kid .pen{position:absolute;right:-4px;bottom:-4px;width:24px;height:24px;border-radius:50%;background:var(--surface);border:2px solid var(--line);display:grid;place-items:center;font-size:.7rem}
.me-kid{position:relative;width:calc(100% - 8px);font:inherit;color:inherit;background:none;cursor:pointer;text-align:left}
.me-kid .pen{position:static;width:auto;height:auto;border:0;background:none;font-size:.85rem}
.me-kid:hover{border-color:var(--brand)}
.av-ed{max-width:640px;max-height:min(92vh,820px);display:flex;flex-direction:column;padding:18px}
.av-head{display:flex;gap:16px;align-items:center;margin-bottom:12px}
.av-head p{margin:4px 0 8px}
.avt.lg{width:112px;height:112px;box-shadow:0 0 0 4px var(--surface),0 0 0 6px var(--line)}
.avt.sm{width:100%;height:auto;aspect-ratio:1;display:block}
img.avt.sm{position:static}
.av-body{overflow:auto;margin:10px -6px 0;padding:0 6px;flex:1;min-height:200px}
.av-body h3{font-size:.95rem;margin:14px 0 8px}
.av-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px}
.av-row{display:flex;flex-wrap:wrap;gap:8px}
.av-tile{position:relative;border:3px solid transparent;border-radius:50%;padding:2px;background:none;cursor:pointer;line-height:0}
.av-tile.on{border-color:var(--brand)}
.av-tile:focus-visible{outline:3px solid var(--grape);outline-offset:2px}
.av-tile .sw{display:block;width:40px;height:40px;border-radius:50%;box-shadow:inset 0 0 0 2px rgba(0,0,0,.12)}
@media (max-width:560px){.av-head{flex-direction:column;text-align:center}.av-grid{grid-template-columns:repeat(auto-fill,minmax(60px,1fr))}}
.me-kid .ka{width:44px;height:44px}

/* ---------- Çocuk ana sayfası ---------- */
.kid-home{max-width:980px}
.kh-hero{display:flex;align-items:center;gap:22px;margin:4px 0 22px}
.kh-hero h1{font-size:clamp(1.8rem,4.5vw,2.6rem);margin:0}
.kh-hero .lead{margin:4px 0 10px}
.avt.kh-av{width:110px;height:110px;box-shadow:0 0 0 4px var(--surface),0 0 0 7px var(--brand)}
.kh-noav{background:var(--hover);display:grid;place-items:center}.kh-noav img{position:static;width:80%;height:auto;margin:10% auto 0}
.kh-apps{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
.kh-card{position:relative;display:flex;flex-direction:column;gap:6px;padding:14px 16px 16px;border-radius:24px;background:var(--surface);
  border:3px solid color-mix(in srgb,var(--c) 45%,var(--line));border-bottom-width:7px;text-decoration:none;color:inherit;transition:transform .12s}
.kh-card:hover{transform:translateY(-3px)}
.kh-card:focus-visible{outline:3px solid var(--c);outline-offset:3px}
.kh-anim{display:grid;place-items:center;height:150px;border-radius:18px;background:color-mix(in srgb,var(--c) 12%,transparent)}
.kh-anim .app-anim img{width:auto;height:140px;max-width:100%}
.kh-t b{display:block;font-family:"Baloo 2",sans-serif;font-size:1.3rem;color:var(--c)}
.kh-t span{font-size:.95rem;color:var(--muted)}
.kh-tag{position:absolute;top:12px;right:12px;padding:3px 10px;border-radius:999px;background:var(--surface);font-weight:800;font-size:.8rem;box-shadow:0 1px 0 var(--line)}
.kh-card.locked .kh-anim{filter:grayscale(.8);opacity:.6}
@media (max-width:560px){.kh-hero{flex-direction:column;text-align:center}.kh-apps{grid-template-columns:1fr 1fr;gap:10px}.kh-anim{height:110px}.kh-anim .app-anim img{height:100px}.kh-t b{font-size:1.05rem}}
/* ---------- Ebeveyn ana sayfası ---------- */
.todo h2{margin:0 0 8px;font-size:1.15rem}
.td-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--line)}
.td-row:first-of-type{border-top:0}
.td-i{flex:none;width:36px;height:36px;display:grid;place-items:center;font-size:1.3rem}
.td-i .ka{width:36px;height:36px;font-size:1rem}
.td-t{flex:1;min-width:0}
.kid-panel .child-card{margin-bottom:12px}
.kc-n{font-size:1.15rem}
.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.facts div{background:var(--hover);border-radius:12px;padding:8px 10px;display:flex;flex-direction:column}
.facts span{font-size:.78rem;color:var(--muted)}
.km{display:grid;gap:4px;margin-top:12px;border-top:1px solid var(--line);padding-top:10px}
.km-row{display:flex;align-items:center;gap:10px;width:100%;background:none;border:0;padding:6px 4px;border-radius:12px;font:inherit;color:inherit;text-align:left;cursor:pointer}
.km-row:hover{background:var(--hover)}
.km-row .oi{width:32px;height:32px}
.km-t{flex:1;min-width:0;display:flex;flex-direction:column}
.km-t .small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chev{color:var(--muted);font-size:1.3rem}
.seg2{display:flex;gap:8px}
.seg2 label{flex:1}
.seg2 input{position:absolute;opacity:0;pointer-events:none}
.seg2 span{display:block;text-align:center;padding:10px;border:2px solid var(--line);border-radius:12px;font-weight:800;cursor:pointer}
.seg2 input:checked+span{border-color:var(--brand);background:var(--hover)}
.seg2 input:focus-visible+span{outline:3px solid var(--grape)}
div.f>span{display:block}
@media (max-width:560px){.facts{grid-template-columns:1fr 1fr}}
/* ---------- Menüde uygulama durumu (patch) ---------- */
.item .mp{margin-left:auto;flex:none;font-size:.68rem;font-weight:900;line-height:1;border-radius:999px;padding:4px 8px;white-space:nowrap;letter-spacing:.01em}
.item .mp.on{background:var(--ok-bg);color:var(--ok-ink)}
.item .mp.on.warn{background:var(--warn-bg);color:var(--warn)}
.item .mp.trial{background:color-mix(in srgb,var(--grape) 18%,transparent);color:var(--grape)}
.item .mp.off{background:var(--brand);color:#fff}
.item.passive .ico{filter:grayscale(.85);opacity:.6}.item.passive .n{opacity:.7}
.parentmode #side .item .mp{font-size:.62rem;padding:3px 6px}
.mini #side .item .mp{display:none}
/* ---------- Abonelik: kendi paketini oluştur ---------- */
.sub-wrap{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px;align-items:start;margin-top:8px}
.sub-side{position:sticky;top:12px}
.sub-side h2,.sub-main h2{margin:0;font-size:1.15rem}
.sub-side h2{margin-bottom:10px}
.sc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.sc-card{display:flex;flex-direction:column;gap:8px;text-align:left;font:inherit;color:inherit;background:var(--surface);border:2px solid var(--line);border-bottom-width:5px;border-radius:20px;padding:14px;cursor:pointer;transition:transform .1s,border-color .1s}
.sc-card:hover:not(:disabled){transform:translateY(-2px)}
.sc-card.on{border-color:var(--c);background:color-mix(in srgb,var(--c) 9%,var(--surface))}
.sc-card:disabled{opacity:.55;cursor:not-allowed}
.sc-card:focus-visible{outline:3px solid var(--c);outline-offset:2px}
.sc-top{display:flex;align-items:center;gap:10px}
.sc-top .oi{width:42px;height:42px}
.sc-n{flex:1;min-width:0;display:flex;flex-direction:column}
.sc-n b{font-family:"Baloo 2",sans-serif;font-size:1.1rem;line-height:1.1}
.sc-ck{flex:none;width:26px;height:26px;border-radius:50%;border:2px solid var(--line);display:grid;place-items:center;font-weight:900;color:#fff}
.sc-card.on .sc-ck{background:var(--c);border-color:var(--c)}
.sc-p b{font-size:1.15rem}
.quick{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px}
.chip-q{font:inherit;font-weight:800;font-size:.85rem;padding:6px 12px;border-radius:999px;border:2px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer}
.chip-q:hover{border-color:var(--brand)}
.sum-rows .rrow{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px dashed var(--line)}
.sum-rows .rrow.save{color:var(--ok-ink)}
.sum-rows .rrow.total{border-bottom:0;font-size:1.1rem;padding-top:10px}
.sum-rows .rrow.total b{font-size:1.4rem}
.nudge{margin:10px 0 0;padding:10px 12px;border-radius:14px;background:var(--hover);font-size:.92rem}
@media (max-width:980px){.sub-wrap{grid-template-columns:1fr}.sub-side{position:static}}
.tbl.kombo .pct,.tbl.prices .pct{display:inline-flex;align-items:center;gap:4px}.tbl.kombo .pct .in{width:84px;padding:6px 8px;text-align:right}
.tbl.prices .pct .in{width:110px;padding:6px 8px;text-align:right}
.tbl .editrow td{background:var(--surface2,var(--hover))}
.tbl.matrix td,.tbl.bundles td{vertical-align:top}
.age2{display:flex;align-items:center;gap:8px}.age2 input[type=date]{flex:1;min-width:0}.age2 input[name=age_years]{width:70px;flex:none;text-align:center}
.ka{border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:900;flex:none}
#side .item .t .n{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* ---------- Abonelik (tasarım: durum özeti, süre kartları, indirim çubuğu, uygulama satırları, çocuk sayısı, SSS) ---------- */
.sub-sum{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:6px 0 20px;padding:18px 22px}
.ss-ic{display:flex}.ss-ic .ss-i{width:42px;height:42px;border-radius:12px;box-shadow:0 0 0 3px var(--surface)}.ss-ic .ss-i+.ss-i{margin-left:-8px}
.ss-t{flex:1;min-width:220px;display:flex;flex-direction:column;gap:6px}
.ss-t b{font-family:"Baloo 2",sans-serif;font-size:1.15rem}
.ss-b{font-size:.75rem;font-weight:900;padding:3px 10px;border-radius:999px;background:color-mix(in srgb,var(--brand) 22%,transparent);color:var(--active-ink)}
.ss-b.alt{background:var(--hover);color:var(--muted)}
.ss-bar{height:7px;border-radius:9px;background:var(--hover);max-width:440px;overflow:hidden}.ss-bar i{display:block;height:100%;background:var(--brand);border-radius:9px}
.ss-a{display:flex;gap:8px;flex-wrap:wrap}
.sub-main h2.sh,.sub-main .sh{margin:22px 0 12px}.sub-main .sh h2{margin:0}
.sub-main>h2.sh:first-child{margin-top:0}
.pcards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.pcard{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;font:inherit;color:inherit;background:var(--surface);border:2px solid var(--line);border-radius:18px;padding:14px 16px;cursor:pointer}
.pcard b{font-family:"Baloo 2",sans-serif;font-size:1.35rem;line-height:1}
.pcard span{font-weight:700;color:var(--muted)}
.pcard em{font-style:normal;font-size:.75rem;font-weight:900;padding:2px 9px;border-radius:999px;background:var(--hover)}
.pcard.on{background:var(--brand);border-color:var(--brand);color:#1B120B}.pcard.on span{color:inherit}.pcard.on em{background:#1B1B3A;color:#fff}
.disc{border:2px dashed var(--line);border-radius:16px;padding:12px 16px;margin-bottom:12px}
.disc .dn{color:var(--active-ink);font-weight:800}
.dsegs{display:grid;grid-template-columns:repeat(auto-fit,minmax(60px,1fr));gap:8px;margin-top:10px}
.dseg i{display:block;height:6px;border-radius:6px;background:var(--hover)}.dseg.on i{background:var(--brand)}
.dseg span{display:block;font-size:.78rem;font-weight:800;color:var(--muted);margin-top:6px}.dseg.on span{color:var(--ink)}
.lockinfo{display:flex;gap:10px;align-items:flex-start;background:var(--hover);border-radius:14px;padding:10px 14px;margin-bottom:12px;font-size:.9rem}
.li{width:18px;height:18px;flex:none}
.arows{display:grid;gap:10px}
.arow{display:flex;align-items:center;gap:14px;width:100%;text-align:left;font:inherit;color:inherit;background:var(--surface);border:2px solid var(--line);border-radius:18px;padding:14px 16px;cursor:pointer}
.arow .oi{width:48px;height:48px}
.arow.on{border-color:var(--c);background:color-mix(in srgb,var(--c) 8%,var(--surface))}
.arow.locked{border-style:dashed;cursor:not-allowed}.arow.locked .oi{filter:grayscale(.85);opacity:.6}
.arow:disabled{cursor:not-allowed}
.ar-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.ar-t b{font-family:"Baloo 2",sans-serif;font-size:1.15rem;line-height:1.1}
.ar-s{font-size:.82rem;font-weight:900}.s-ok{color:var(--ok-ink)}.s-warn{color:var(--warn)}.s-bad{color:var(--bad-ink)}.s-trial{color:var(--grape)}
.ar-p{display:flex;flex-direction:column;align-items:flex-end;text-align:right}.ar-p b{font-size:1.1rem}
.ar-ck{flex:none;width:30px;height:30px;border-radius:50%;border:2px solid var(--line);display:grid;place-items:center;font-weight:900;color:#fff}
.arow.on .ar-ck{background:var(--c);border-color:var(--c)}.arow.locked .ar-ck{color:var(--muted);background:var(--hover);border-color:transparent}
.kids{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.stepper{display:flex;align-items:center;gap:12px}.stepper b{font-family:"Baloo 2",sans-serif;font-size:1.2rem;min-width:76px;text-align:center}
.ktiers{flex:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:8px;min-width:240px}
.ktier{font:inherit;color:inherit;text-align:left;background:var(--surface);border:2px solid var(--line);border-radius:12px;padding:8px 10px;cursor:pointer}
.ktier b{display:block;font-size:.85rem;white-space:nowrap}.ktier span{font-size:.75rem;color:var(--muted)}
.ktier.on{border-color:var(--brand)}.ktier:disabled{opacity:.45;cursor:not-allowed}
.faq{display:grid;gap:10px}.faq details{background:var(--surface);border:2px solid var(--line);border-radius:14px;padding:12px 16px}
.faq summary{font-weight:900;cursor:pointer}.faq p{margin:10px 0 2px;color:var(--muted)}
.sub-aside{position:sticky;top:12px;align-self:start}
.sub-aside .sub-side{position:static}
.sub-side h2{font-family:"Baloo 2",sans-serif}
.sum-l .rrow{display:flex;justify-content:space-between;padding:6px 0}.sum-l.b{border-top:1px dashed var(--line);margin-top:8px;padding-top:6px}
.sum-l .dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:8px}
.neg{color:var(--ok-ink)}
.tot{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-top:12px}
.tot>div{display:flex;flex-direction:column}.tot>div:last-child{align-items:flex-end}
.tot strong{font-family:"Baloo 2",sans-serif;font-size:1.8rem;line-height:1}.tot .save{color:var(--active-ink);font-weight:900;font-size:.85rem}
.pm{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}
.pmb{font:inherit;font-weight:900;background:var(--surface);color:var(--ink);border:2px solid var(--line);border-radius:12px;padding:10px;cursor:pointer}.pmb.on{border-color:var(--brand)}
.paybtn{width:100%;font-size:1.05rem}
.assure{list-style:none;padding:0;margin:14px 4px 0;display:grid;gap:10px;font-size:.9rem}
.assure li{display:flex;gap:10px;align-items:flex-start}.assure .li{color:var(--ok)}
@media (max-width:980px){.sub-aside{position:static}}
@media (max-width:560px){.pcards{grid-template-columns:1fr 1fr 1fr;gap:8px}.pcard{padding:10px}.pcard b{font-size:1.1rem}.ktiers{grid-template-columns:1fr 1fr}.arow{flex-wrap:wrap}.ar-p{align-items:flex-start}}
.pays{margin-top:26px}.pays h2{margin:0 0 12px}.pays .tbl td{white-space:nowrap}.pays .tbl td:nth-child(2),.pays .tbl td:nth-child(3){white-space:normal}
/* ---------- Çocuk modu kabuğu: sol menü yok ---------- */
.kidmode #side,.kidmode .scrim,.kidmode .mbar{display:none!important}
.kidbar{display:flex;align-items:center;gap:12px;padding:8px 14px;padding-top:max(8px,env(safe-area-inset-top));background:var(--side);border-bottom:2px solid var(--line)}
.kidbar[hidden]{display:none}
.kb-home{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border-radius:14px;border:2px solid var(--line);font-weight:900;color:var(--ink);text-decoration:none}
.kb-home svg,.kb-lock svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.kb-t{flex:1;min-width:0;text-align:center;font-family:"Baloo 2",sans-serif;font-size:1.1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kb-lock{width:48px;height:48px;border-radius:14px;border:2px solid var(--line);background:var(--surface);color:var(--ink);display:grid;place-items:center;cursor:pointer}
.kt-row{padding:6px 0;gap:12px;flex-wrap:wrap}
.av-tile.locked{opacity:.55}.av-tile.locked .avt{filter:grayscale(.6)}
.av-lock{position:absolute;right:2px;bottom:2px;width:24px;height:24px;border-radius:50%;background:var(--surface);border:2px solid var(--line);display:grid;place-items:center}
.av-lock svg{width:13px;height:13px;fill:none;stroke:var(--ink);stroke-width:2.4;stroke-linecap:round}
/* ---------- Çocuk ana sayfası (yeniden tasarım) ---------- */
.kh2{--k-bg:#EEF5FF;--k-card:#FFFFFF;--k-surf:#F3F5FD;--k-line:#D7DCF2;--k-ink:#24224A;--k-muted:#5D5A8A;--k-or:#E8701F;--k-or-t:#B4520A;--k-or-ink:#1B120B;--k-ok:#18744A;--k-ok-ink:#FFFFFF;--k-okbg:#E3F6EA;--k-star:#B7860B;
  --c-bilsem:#7C6CF0;--c-dil:#3B8EEA;--c-ders:#3FA66B;--c-egzersiz:#E5525F;--t-bilsem:#5B4BD6;--t-dil:#1F6FC2;--t-ders:#237A4B;--t-egzersiz:#C23848;
  max-width:1200px;margin:0 auto;padding:22px 24px 48px;color:var(--k-ink);font-size:17px;font-weight:700}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .kh2{--k-bg:#15173A;--k-card:#1F2254;--k-surf:#1C1F4C;--k-line:#30346B;--k-ink:#F1F0FF;--k-muted:#B7B9E4;--k-or:#FF8A3D;--k-or-t:#FF8A3D;--k-ok:#5BD38A;--k-ok-ink:#0B2A18;--k-okbg:#1D3B3A;--k-star:#F5C542;--t-bilsem:#B9AEFF;--t-dil:#8EC2FF;--t-ders:#86DDA8;--t-egzersiz:#FF9AA2}}
:root[data-theme="dark"] .kh2{--k-bg:#15173A;--k-card:#1F2254;--k-surf:#1C1F4C;--k-line:#30346B;--k-ink:#F1F0FF;--k-muted:#B7B9E4;--k-or:#FF8A3D;--k-or-t:#FF8A3D;--k-ok:#5BD38A;--k-ok-ink:#0B2A18;--k-okbg:#1D3B3A;--k-star:#F5C542;--t-bilsem:#B9AEFF;--t-dil:#8EC2FF;--t-ders:#86DDA8;--t-egzersiz:#FF9AA2}
.kidmode #page{background:#EEF5FF}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .kidmode #page{background:#15173A}}
:root[data-theme="dark"] .kidmode #page{background:#15173A}
.kh2 h1,.kh2 h2{font-family:"Baloo 2",sans-serif;font-weight:800;color:var(--k-ink)}
.kh2 .ki{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;flex:none}
/* üst bant */
.kh-top{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:24px}
.kh-avb{border-radius:50%}
.avt.kh-av{width:96px;height:96px;box-shadow:0 0 0 4px var(--k-or)}
.kh-avb .pen{width:30px;height:30px;right:-2px;bottom:-2px;background:var(--k-card);border-color:var(--k-line);color:var(--k-ink)}.kh-avb .pen .ki{width:16px;height:16px}
.kh-greet{flex:1;min-width:240px}
.kh-greet h1{font-size:clamp(2rem,4.4vw,2.9rem);margin:0;line-height:1.05}
.kh-greet p{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:8px 0 0;color:var(--k-muted);font-size:1.1rem}
.kh-listen{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:999px;border:2px solid var(--k-line);background:var(--k-surf);color:var(--k-ink);font:inherit;font-weight:900;cursor:pointer}
.kh-badges{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.kbadge{display:inline-flex;align-items:center;gap:8px;min-height:52px;padding:0 16px;border-radius:16px;border:2px solid;background:var(--k-card)}
.kbadge b{font-family:"Baloo 2",sans-serif;font-size:1.35rem}
.kbadge.streak{border-color:var(--k-or)}.kbadge.streak .ki{color:var(--k-or);fill:var(--k-or)}
.kbadge.stars{border-color:var(--k-star)}.kbadge.stars .ki{color:var(--k-star);fill:var(--k-star)}
.kh-lock{width:52px;height:52px;border-radius:16px;border:2px solid var(--k-line);background:var(--k-card);color:var(--k-ink);display:grid;place-items:center;cursor:pointer}
/* bugünkü macera */
.kh-adv{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,1fr);gap:20px;background:var(--k-card);border:2px solid var(--k-line);border-radius:28px;padding:24px}
.adv-h{display:flex;align-items:center;justify-content:space-between;gap:10px}.adv-h h2{margin:0;font-size:1.7rem}.adv-h b{color:var(--k-or-t);font-size:1.1rem}
.adv-bar{height:14px;border-radius:9px;background:var(--k-surf);margin:14px 0 16px;overflow:hidden}.adv-bar i{display:block;height:100%;background:var(--k-or);border-radius:9px;transition:width .4s}
.tasks{display:grid;gap:12px}
.task{display:flex;align-items:center;gap:14px;min-height:76px;padding:12px 16px;border-radius:20px;border:2px solid var(--k-line);background:var(--k-surf);color:var(--k-ink);text-decoration:none}
.task:hover{border-color:var(--c)}
.task .t-ic{width:52px;height:52px;flex:none}.task .t-ic .ai{border-radius:14px}
.t-t{flex:1;min-width:0;display:flex;flex-direction:column}.t-t b{font-family:"Baloo 2",sans-serif;font-size:1.3rem;line-height:1.15}.t-t span{color:var(--k-muted);font-size:1rem}
.t-ck{width:44px;height:44px;flex:none;border-radius:50%;border:3px solid var(--k-line);display:grid;place-items:center}
.task.done{border-color:var(--k-ok);background:var(--k-okbg)}.task.done .t-ck{background:var(--k-ok);border-color:var(--k-ok);color:var(--k-ok-ink)}.task.done .t-ck .ki{stroke-width:3}
.kh-empty{color:var(--k-muted)}
.adv-r{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px;background:var(--k-surf);border-radius:22px;padding:22px}
.rw .avt.rw-av{width:132px;height:132px;box-shadow:0 0 0 4px var(--k-line)}
.rw-t{font-size:1.15rem;margin-top:8px}.rw-s{color:var(--k-muted)}
.kh-start{display:flex;align-items:center;justify-content:center;gap:14px;width:100%;min-height:76px;margin-top:16px;padding:10px 20px;border:0;border-radius:26px;background:var(--k-or);color:var(--k-or-ink);font:inherit;cursor:pointer;box-shadow:0 5px 0 color-mix(in srgb,var(--k-or) 60%,#000)}
.kh-start .ki{width:30px;height:30px}.kh-start .ki.fillc{fill:currentColor;stroke:none}
.kh-start span{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.kh-start b{font-family:"Baloo 2",sans-serif;font-size:1.7rem;line-height:1}.kh-start small{font-weight:900;font-size:.95rem}
.kh-start.alt{background:var(--k-ok);box-shadow:0 5px 0 color-mix(in srgb,var(--k-ok) 60%,#000);color:var(--k-ok-ink)}
.kh-start:active{transform:translateY(3px);box-shadow:none}
/* tilkilerin */
.kh2 .kh-h{font-size:1.8rem;margin:34px 0 14px}
.kh-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
.kc{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:26px;border:3px solid var(--kc);background:var(--k-card);color:var(--k-ink);text-decoration:none;transition:transform .12s}
a.kc:hover{transform:translateY(-3px)}
.kc-bilsem{--kc:var(--c-bilsem);--kt:var(--t-bilsem)}.kc-dil{--kc:var(--c-dil);--kt:var(--t-dil)}.kc-ders{--kc:var(--c-ders);--kt:var(--t-ders)}.kc-egzersiz{--kc:var(--c-egzersiz);--kt:var(--t-egzersiz)}
.kc-art{display:block;height:180px;border-radius:18px;overflow:hidden;background:color-mix(in srgb,var(--kc) 16%,var(--k-card))}
.kc-art .app-anim{display:block;height:100%}.kc-art .app-anim img{width:auto;height:205px;margin:0 auto;display:block}
.kc-n{font-family:"Baloo 2",sans-serif;font-weight:800;font-size:1.65rem;color:var(--kt);line-height:1.1}
.kc-bar{height:12px;border-radius:9px;background:var(--k-surf);overflow:hidden}.kc-bar i{display:block;height:100%;background:var(--kc);border-radius:9px}
.kc-l{margin:-2px 0 0;color:var(--k-muted);font-size:1rem}
.kc-stars{display:flex;gap:6px}.kc-stars .ks{width:28px;height:28px;fill:var(--k-line);stroke:none}.kc-stars .ks.on{fill:var(--k-star)}
.kc-x{font-size:1.1rem}
.kc-cta{align-self:flex-start;margin-top:auto;min-height:48px;display:inline-flex;align-items:center;padding:0 22px;border-radius:999px;background:var(--kc);color:#0E0F2A;font-family:"Baloo 2",sans-serif;font-weight:800;font-size:1.15rem}
.kc.soon{border-style:dashed;border-color:var(--k-line)}.kc.soon .kc-art{filter:grayscale(.7);opacity:.6}.kc.soon .kc-cta{background:var(--k-surf);color:var(--k-muted)}
/* bu hafta */
.kh-week{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:28px;background:var(--k-card);border:2px solid var(--k-line);border-radius:26px;padding:22px 26px}
.kh-week h2{margin:0;font-size:1.6rem}.kh-week p{margin:4px 0 0;color:var(--k-muted)}
.wk{list-style:none;margin:0;padding:0;display:flex;gap:clamp(6px,2vw,22px);flex-wrap:wrap}
.wk li{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:52px}
.wk-c{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--k-surf);border:3px solid var(--k-line);color:var(--k-line)}
.wk-c .ki{fill:currentColor;stroke:none;width:24px;height:24px}
.wk li.on .wk-c{border-color:var(--k-or);color:var(--k-or);background:color-mix(in srgb,var(--k-or) 16%,var(--k-card))}
.wk li.today .wk-c{box-shadow:0 0 0 3px color-mix(in srgb,var(--k-or) 35%,transparent)}
.wk-n{font-weight:900;color:var(--k-muted)}.wk li.today .wk-n{color:var(--k-ink)}
@media (max-width:900px){.kh-adv{grid-template-columns:1fr}}
@media (max-width:560px){.kh2{padding:16px 16px 40px}.kh-top{gap:14px;position:relative}.kh-greet h1{padding-right:108px}.kh-lock.kh-theme{position:absolute;top:0;right:58px;width:48px;height:48px}.avt.kh-av{width:76px;height:76px}.kh-badges{width:100%}.kbadge{min-height:46px;padding:0 12px}.kh-lock{position:absolute;top:0;right:0;width:48px;height:48px}
  .adv-h h2{font-size:1.4rem}.kh-greet{min-width:0}.kh-greet h1{font-size:1.9rem}
  .kh-adv{padding:16px;border-radius:22px}.task{min-height:68px;padding:10px 12px}.task .t-ic{width:44px;height:44px}.t-t b{font-size:1.15rem}
  .kh-cards{grid-template-columns:1fr}.kh-week{padding:18px}.wk{gap:4px;justify-content:space-between;width:100%}.wk li{min-width:0;flex:1}.wk-c{width:40px;height:40px}.wk-n{font-size:.8rem}}
@media (prefers-reduced-motion:reduce){.kh2 *{transition:none!important}a.kc:hover{transform:none}}
.kh-theme .ki{width:24px;height:24px}
.kh-note{display:flex;gap:14px;align-items:flex-start;margin:0 0 18px;padding:16px 18px;border-radius:20px;border:2px solid var(--k-star);background:color-mix(in srgb,var(--k-star) 12%,var(--k-card))}
.kh-note .ki{width:28px;height:28px;color:var(--k-star)}.kh-note b{display:block;font-family:"Baloo 2",sans-serif;font-size:1.2rem}.kh-note span{color:var(--k-muted)}
.kh-note.end{border-color:var(--k-or)}.kh-note.end .ki{color:var(--k-or)}
.lockinfo.cover{background:color-mix(in srgb,var(--brand) 14%,var(--hover))}

/* CRM izleme: kapsam paneli, çocuk oyun özeti */
.cover-panel{margin:0 0 16px;border-left:5px solid var(--ok,#2f9e5b)}
.cover-panel.trial{border-left-color:var(--warn)}
.cover-panel.over{border-left-color:var(--bad-ink)}
.kgame{margin-top:10px;padding:10px 12px;border-radius:12px;background:var(--surface2,var(--hover))}
.stats.mini{grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:6px;margin-top:6px}
.stats.mini .stat b{font-size:1.15rem}
.famtags{margin-bottom:10px}
.kgame>b{display:block;margin-bottom:2px}
.tbl th.num{text-align:right}
.tbl.bundles td:first-child{min-width:150px}
.tbl.matrix td:first-child{min-width:220px}

/* ---------- Uyuyan tilki (çocuk ana sayfası) ---------- */
/* Aktif kartlarla aynı boyut; soluk zemin, nötr kenar, görsel üstünde %40 koyu örtü, ilerleme/CTA/kilit/fiyat yok */
button.kc{font:inherit;text-align:left;cursor:pointer;width:100%}
.kc.kc-sleep{--kc:#3D4280;border-color:#3D4280;background:color-mix(in srgb,var(--k-card) 88%,var(--k-surf))}
.kc-sleep:hover{transform:translateY(-2px)}
.kc-sleep .kc-art{position:relative;display:grid;place-items:center;background:var(--k-surf)}
.kc-sleep .kc-art::after{content:"";position:absolute;inset:0;background:rgba(10,12,40,.4)}
.kc-sleep .sl-img{display:block}.kc-sleep .sl-ic{width:132px;height:132px;border-radius:28px;display:block}
.kc-sleep .kc-n{color:var(--k-muted)}
.kc-sleep .kc-x{color:var(--k-ink);font-size:1.1rem}
.kc-e{color:var(--k-muted);font-size:1rem}
.zz{position:absolute;z-index:1;top:16px;right:22%;display:flex;gap:2px;color:#fff;font-family:"Baloo 2",sans-serif;font-weight:800;line-height:1}
.zz i{font-style:normal;font-size:1.1rem;opacity:.9}.zz i:nth-child(2){font-size:1.4rem;transform:translateY(-8px)}.zz i:nth-child(3){font-size:1.8rem;transform:translateY(-18px)}
@media (prefers-reduced-motion:no-preference){
  .zz i{animation:zz-up 3.2s ease-in-out infinite}.zz i:nth-child(2){animation-delay:.5s}.zz i:nth-child(3){animation-delay:1s}
  @keyframes zz-up{0%,100%{translate:0 0;opacity:.35}50%{translate:0 -10px;opacity:1}}
  .kc-woke{animation:kc-wake 1.1s ease-out 1}
  @keyframes kc-wake{0%{transform:scale(.94) rotate(-1.5deg)}45%{transform:scale(1.04) rotate(1deg)}100%{transform:none}}
}
.kc-sleep:focus-visible{outline:4px solid var(--k-or);outline-offset:3px}
/* Tüm tilkiler uyurken */
.kh-rest{grid-template-columns:auto 1fr;align-items:center}.rest-art .rest-img img{width:200px;height:auto;display:block}
@media (max-width:600px){.kh-rest{grid-template-columns:1fr;text-align:center}.rest-art .rest-img img{margin:0 auto}}
/* Uyuyan tilki penceresi (body altında; çocuk ekranı tokenları burada yeniden) */
.kid-bg .sleep-dlg{--sd-or:#E8701F;--sd-ink:#1B120B;max-width:440px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px;border-radius:28px;color:var(--ink)}
.sleep-dlg h2{font-family:"Baloo 2",sans-serif;font-weight:800;font-size:1.7rem;margin:0}
.sleep-dlg p{margin:0;font-size:1.1rem;font-weight:700;color:var(--ink)}
.sleep-dlg .sl-big{display:block}.sleep-dlg .sl-anim img{width:240px;height:auto;display:block}.sleep-dlg img.sl-big{width:150px;height:auto}
.sleep-dlg .kh-listen{border:2px solid var(--line);background:var(--hover);color:var(--ink)}
.sleep-dlg .kh-listen .ki{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.sleep-dlg .sl-main{width:100%;min-height:64px;border:0;border-radius:24px;background:var(--sd-or);color:var(--sd-ink);font-family:"Baloo 2",sans-serif;font-weight:800;font-size:1.3rem;box-shadow:0 5px 0 color-mix(in srgb,var(--sd-or) 60%,#000)}
.sleep-dlg .sl-main[disabled]{opacity:1;background:transparent;color:var(--ink);border:2px dashed var(--line);box-shadow:none;cursor:default}
.sleep-dlg .sl-alt{width:100%;min-height:52px;font-size:1.05rem}
.sleep-dlg button:focus-visible{outline:4px solid var(--grape,#8A63FF);outline-offset:3px}
/* ---------- Uyandırma istekleri (ebeveyn) ---------- */
.wakes{margin:0 0 16px;border-left:5px solid #3D4280}
.wakes h2{margin:0 0 8px;font-size:1.15rem}
.wk-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--line);flex-wrap:wrap}
.wk-row:first-of-type{border-top:0}
.wk-av{display:flex}.wk-av .ka{width:34px;height:34px;margin-right:-8px;border:2px solid var(--surface);border-radius:50%;display:grid;place-items:center;font-weight:900;color:#fff;font-size:.9rem;overflow:hidden}
.wk-av .ka:last-child{margin-right:4px}
.wk-t{display:flex;flex-direction:column;flex:1;min-width:180px}
.wk-a{display:flex;gap:8px;flex-wrap:wrap}
.flash.wake{background:color-mix(in srgb,#3D4280 14%,var(--surface));border:2px solid #3D4280;color:var(--ink)}
.flash.wake .wk-ic{width:40px;height:40px;flex:none}
.ar-s.s-sleep{color:var(--ink);background:color-mix(in srgb,#3D4280 18%,transparent)}
.kid-pref{display:flex;flex-direction:column;gap:6px;padding:10px 0;border-top:1px solid var(--line)}.kid-pref:first-of-type{border-top:0}
.kid-pref b{display:flex;align-items:center;gap:8px}.kid-pref .ka{width:28px;height:28px;border-radius:50%;display:inline-grid;place-items:center;color:#fff;font-size:.8rem;overflow:hidden}
/* CRM: çocuk × uygulama erişim çipleri */
.acc-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.acc-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 10px 6px 6px;border-radius:12px;border:2px solid var(--line);background:var(--surface);font-size:.85rem}
.acc-chip span{display:flex;flex-direction:column;line-height:1.15}.acc-chip b{font-size:.78rem}
.acc-chip.ok{border-color:var(--ok)}.acc-chip.ok b{color:var(--ok-ink)}
.acc-chip.trial b{color:var(--grape)}
.acc-chip.sleep{border-color:#3D4280;background:color-mix(in srgb,#3D4280 12%,var(--surface))}
.acc-chip:not(.ok):not(.trial):not(.sleep){opacity:.75}.acc-chip:not(.ok):not(.trial):not(.sleep) b{color:var(--muted)}
.badge.sleep{background:color-mix(in srgb,#3D4280 18%,var(--surface));color:var(--ink);display:inline-flex;align-items:center;gap:4px}
.ai.xs{width:18px;height:18px;border-radius:5px}

/* ---------- Yeni tilki ("Yeni!" kartı) ---------- */
.kc.kc-new{position:relative}
.kc-badge{position:absolute;z-index:2;top:-12px;left:14px;padding:5px 12px;border-radius:999px;background:#FF8A3D;color:#1B1A3A;font-family:"Baloo 2",sans-serif;font-weight:800;font-size:1rem;letter-spacing:.04em;text-transform:uppercase;box-shadow:0 3px 0 rgba(0,0,0,.18)}
.kc-meet{background:var(--k-or);color:var(--k-or-ink)}
@media (prefers-reduced-motion:no-preference){.kc-badge{animation:kc-pulse 2s ease-in-out infinite}@keyframes kc-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}}
/* ---------- Tanışma ekranı ---------- */
.intro-dlg .try-art{width:100%;max-width:300px;height:190px;border-radius:22px;overflow:hidden;background:var(--hover);display:grid;place-items:center}
.sleep-dlg .try-art .app-anim{display:block;height:100%}.sleep-dlg .try-art .app-anim img{height:224px;width:auto;display:block;margin:0 auto}
.intro-dlg .intro-m{height:170px;width:auto}
.intro-t{font-size:1.25rem!important;line-height:1.4}
.intro-dots{display:flex;gap:8px}.intro-dots i{width:10px;height:10px;border-radius:50%;background:var(--line)}.intro-dots i.on{background:var(--sd-or);width:26px;border-radius:6px}
.intro-skip{background:none;border:0;color:var(--ink);font:inherit;font-weight:800;text-decoration:underline;padding:8px 12px;cursor:pointer;font-size:.95rem}
.sleep-dlg .try-art{width:100%;max-width:300px;height:190px;border-radius:22px;overflow:hidden;background:var(--hover)}
/* ---------- Tanıtım şeridi (sakin, küçük; animasyon yok) ---------- */
.kh-disc{margin-top:28px}
.kh-disc h2{font-size:22px;margin:0 0 10px;color:var(--k-muted)}
.dc-row{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 24px)/3);gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:2px 2px 6px}
.dc-row::-webkit-scrollbar{display:none}
.dc{scroll-snap-align:start;display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:14px;border-radius:20px;border:2px solid var(--k-line);background:var(--k-card);color:var(--k-ink)}
.dc-ic{width:96px;height:96px;border-radius:22px;display:block}
.dc-n{font-family:"Baloo 2",sans-serif;font-weight:800;font-size:1.15rem}
.dc-x{color:var(--k-muted);font-size:.98rem}
.dc-told{display:inline-flex;align-items:center;gap:6px;color:var(--k-ok);font-size:.9rem}.dc-told .ki{width:18px;height:18px}
.dc-btn{margin-top:auto;min-height:48px;padding:0 18px;border-radius:999px;border:2px solid var(--k-line);background:transparent;color:var(--k-ink);font:inherit;font-weight:900;cursor:pointer}
.dc-btn:focus-visible{outline:4px solid var(--k-or);outline-offset:3px}
@media (max-width:900px){.dc-row{grid-auto-columns:calc((100% - 12px)/2.15)}}
@media (max-width:600px){.dc-row{grid-auto-columns:78%}}
.acc-chip.new{border-color:#FF8A3D}.acc-chip.new b{color:var(--ink)}
.acc-chip.disc{border-style:dashed}
/* Ebeveyn: "{child} için önerilen" */
.recs{margin:0 0 16px}
.rec-h{display:flex;align-items:center;gap:8px;font-size:1.1rem;margin:0 0 10px}.rec-h .ka{width:30px;height:30px;border-radius:50%;display:inline-grid;place-items:center;color:#fff;font-size:.85rem;overflow:hidden}
.rec-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}
.rec{display:flex;gap:12px;align-items:flex-start;padding:12px;border:2px solid var(--line);border-radius:16px}
.rec .rec-ic{width:56px;height:56px;flex:none;border-radius:14px}.rec-t{display:flex;flex-direction:column;gap:2px;min-width:0}
.rec .link{margin:0}

/* ---------- Çocuklarım: sade çocuk ekleme formu ve liste (parent.js) ---------- */
.kf-page,.kl{min-height:100%;display:flex;flex-direction:column;max-width:560px;padding-bottom:0}
.kf{flex:1;display:flex;flex-direction:column}
.kf-top{display:grid;grid-template-columns:48px 1fr 48px;align-items:center;margin:0 0 14px;min-height:48px}
.kf-back{width:48px;height:48px;border-radius:14px;background:var(--surface);color:var(--ink);display:grid;place-items:center}
.kf-back svg{width:22px;height:22px}
.kf h1,.kl h1{font-size:2rem}
.kf>label.f{margin:14px 0 8px}
.kf-in{min-height:56px;border-radius:16px;font-size:1.1rem;padding:12px 16px}
.kf-in:focus{border-color:var(--brand);outline:0}
.kf-in:focus-visible{outline:0;box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 30%,transparent)}
.kf-set{border:0;padding:0;margin:20px 0 0;min-width:0}
.kf-set legend{font-weight:800;padding:0;margin:0 0 10px}
.kf-ages{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.kf-grades{display:flex;flex-wrap:wrap;gap:10px}
.kf-opt{position:relative;display:block}
.kf-opt input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}
.kf-opt span{display:grid;place-items:center;min-height:52px;border-radius:16px;background:var(--surface);font-weight:900;font-size:1.1rem;
  user-select:none;transition:background .12s,color .12s}
.kf-opt.pill span{border-radius:999px;min-width:52px;min-height:48px;padding:0 18px;font-size:1rem}
.kf-opt input:checked+span{background:var(--ink);color:var(--surface)}
.kf-opt input:focus-visible+span{outline:3px solid var(--grape);outline-offset:2px}
.kf-note{display:flex;align-items:center;gap:8px;margin:14px 0 0;color:var(--muted);font-size:.9rem}
.kf-note svg{width:18px;height:18px;flex:none;color:var(--brand-d)}
.kf-apps{margin:10px 0 0;padding:9px 12px;border-radius:12px;background:var(--active);color:var(--active-ink);font-size:.92rem;width:fit-content;max-width:100%}
.kf .form-err{margin:16px 0 0}
.kf-foot{margin-top:auto;position:sticky;bottom:0;padding:20px 0 max(16px,env(safe-area-inset-bottom));
  background:linear-gradient(to bottom,transparent,var(--bg) 18px)}
.kf-foot .btn{text-align:center;text-decoration:none}
.kf-fine{margin:10px 0 0;text-align:center;color:var(--muted);font-size:.88rem}
.kf-more{max-width:560px;padding:8px 0 40px}
.kf-more .panel{margin-bottom:14px}
.kp{background:var(--surface);border-radius:20px;padding:16px 18px}
.kp-h{display:flex;justify-content:space-between;gap:10px}
.kp-bar{display:flex;gap:10px;margin:12px 0 10px}
.kp-pack{flex:1;display:flex;gap:4px}
.kp-pack i{flex:1;height:8px;border-radius:4px;background:var(--line)}
.kp-pack i.on{background:var(--brand)}
.kp p{margin:0;color:var(--muted);font-size:.9rem}
.kl-list{display:grid;gap:12px;margin:16px 0 0}
.kcard{display:flex;align-items:center;gap:14px;background:var(--surface);border-radius:20px;padding:14px 14px 14px 16px}
.kcard-av{width:56px;height:56px;border-radius:16px;background:var(--active);color:var(--active-ink);display:grid;place-items:center;font-size:1.35rem;font-weight:900;flex:none}
.kcard-t{flex:1;min-width:0}
.kcard-t b{display:block;font-size:1.15rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kcard-t span{color:var(--muted);font-size:.92rem}
.kcard-edit{width:48px;height:48px;border-radius:14px;background:var(--hover);color:var(--ink);display:grid;place-items:center;flex:none}
.kcard-edit svg{width:22px;height:22px}
.kl-add{display:flex;align-items:center;justify-content:center;gap:10px;min-height:72px;border:2px dashed var(--line);border-radius:20px;
  color:var(--ink);text-decoration:none;font-weight:900;font-size:1.05rem}
.kl-add span{font-size:1.5rem;line-height:1}
.kl-add:hover,.kcard-edit:hover{background:var(--hover)}

/* ---------- Ebeveyn ana sayfası (home.js) ---------- */
:root{--navy:#13233F;--on-brand:#13233F;--sel-bg:#13233F;--sel-ink:#fff}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--sel-bg:#F2F0FF;--sel-ink:#13233F}}
:root[data-theme="dark"]{--sel-bg:#F2F0FF;--sel-ink:#13233F}
.mme{display:none}
@media (max-width:860px){
  .mbar .burger{width:44px;height:44px}
  .mbar.brandbar{display:grid;grid-template-columns:44px 1fr 44px}
  .mbar.brandbar #mtitle{justify-content:center}
  .mbar.brandbar #mtitle img{width:30px;height:30px}
  .mbar.brandbar #mtitle b{font-family:"Baloo 2",sans-serif;font-size:1.2rem}
  .mbar.brandbar .mme{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--hover);color:var(--ink);font-weight:900;text-decoration:none}
}
.kf-foot .btn,.hm .btn{color:var(--on-brand)}
.hm{max-width:640px}
.hm h1{font-size:2rem}
.hm>h2{margin:28px 0 12px}
.hm-cta,.hm-day{background:var(--navy);color:#fff;border-radius:28px;padding:22px 20px;border:1px solid color-mix(in srgb,#fff 8%,transparent)}
.hm-cta h2,.hm-day h2{font-family:"Baloo 2",sans-serif;font-size:1.35rem;margin:0;color:#fff}
.hm-cta p,.hm-day p{margin:6px 0 0;color:#D5DCEB;font-weight:700}
.hm-cta-r{display:flex;gap:16px;align-items:center;margin:0 0 18px}
.hm-fox{width:76px;height:76px;flex:none;border-radius:18px;background:#22355A;display:grid;place-items:center}
.hm-fox img{width:52px;height:52px}
.hm-day .btn{margin-top:16px}
.hm-day-h{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.hm-day-h b{color:#FFC9A3;white-space:nowrap}
.hm-bar{display:flex;gap:8px;margin:16px 0 14px}
.hm-bar i{flex:1;height:8px;border-radius:4px;background:#34466B}
.hm-bar i.on{background:var(--brand)}
.hm-kids{display:flex;gap:10px;overflow-x:auto;padding:4px 2px 6px;margin:18px -2px;scrollbar-width:none}
.hm-kids::-webkit-scrollbar{display:none}
.hm-kid{flex:none;display:flex;align-items:center;gap:10px;min-height:52px;padding:6px 20px 6px 6px;border-radius:999px;background:var(--surface);color:var(--ink);font-weight:900;font-size:1.05rem}
.hm-kid-av{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#E3EAFB;color:#2B4C9B}
.hm-kid[aria-checked="true"]{background:var(--sel-bg);color:var(--sel-ink)}
.hm-kid[aria-checked="true"] .hm-kid-av{background:#FDE1CF;color:#8A3A0B}
.hm-kid.add{padding:0;width:52px;justify-content:center;background:none;border:2px dashed var(--line);color:var(--ink)}
.hm-kid.add svg{width:22px;height:22px}
.ha-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ha{display:flex;flex-direction:column;align-items:flex-start;gap:14px;min-height:112px;padding:16px;border-radius:22px;text-align:left;
  background:var(--a-bg);color:var(--ink);font-size:1.02rem}
button.ha{cursor:pointer;transition:transform .08s}
button.ha:active{transform:scale(.98)}
.ha-ic{width:52px;height:52px;display:block}
.ha-ic .ai{width:52px;height:52px}
.ha-bilsem{--a:#D9621A;--a-bg:#FDF0E7}.ha-dil{--a:#3567D6;--a-bg:#E1EAFC}.ha-ders{--a:#2F7D4F;--a-bg:#E8F4EC}.ha-egzersiz{--a:#7347CC;--a-bg:#F2ECFD}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .ha{--a-bg:color-mix(in srgb,var(--a) 22%,var(--surface))}}
:root[data-theme="dark"] .ha{--a-bg:color-mix(in srgb,var(--a) 22%,var(--surface))}
.hm-acts{display:grid;gap:10px}
.hm-act{display:flex;align-items:center;gap:12px;min-height:56px;padding:12px 16px;background:var(--surface);border-radius:18px}
.hm-act i{width:10px;height:10px;border-radius:50%;background:var(--a,var(--muted));flex:none}
.hm-act span{flex:1;min-width:0;font-weight:800}
.hm-act time{color:var(--muted);white-space:nowrap}
.hm-priv{display:flex;gap:10px;align-items:flex-start;margin:36px 0 8px;color:var(--muted);font-size:.9rem}
.hm-priv svg{width:18px;height:18px;flex:none;margin-top:1px}
/* Deneme bitti kartı (ebeveyn ana sayfası, en üstte) */
.hm-over{margin:0 0 22px}
.hm-over .hm-fox img{width:58px;height:58px}
.item .mp svg{display:block}
.ha{position:relative}
.ha-lock .ha-ic{filter:grayscale(.8);opacity:.7}
.ha-lk{position:absolute;top:14px;right:14px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--surface);color:var(--muted)}
.ha-lk svg{width:15px;height:15px}

/* ---------- Abonelik: ayrı bölümler ---------- */
.sub-sec{margin:0 0 30px;padding-top:22px;border-top:2px solid var(--line)}
.sub-sec:first-of-type{border-top:0;padding-top:4px}
.page .sub-sec h2.sec-h{font-family:"Baloo 2",sans-serif;font-size:1.35rem;margin:0 0 14px}
.sub-main h3.sh{display:flex;align-items:center;gap:8px;font-size:1.05rem;margin:22px 0 12px}
.sub-main>h3.sh:first-child{margin-top:0}
.step{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--navy,#13233F);color:#fff;font-size:.85rem}
.st-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.st-i{display:flex;align-items:center;gap:10px;background:var(--surface);border:2px solid var(--line);border-radius:16px;padding:10px 12px}
.st-i>span{display:grid;gap:2px;min-width:0}
.st-cover{display:flex;align-items:center;gap:8px;margin:12px 0 0}
.st-cover .li{width:18px;height:18px;flex:none}
.sub-sec .wakes,.sub-sec .recs{margin:0 0 12px}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .step{background:#F2F0FF;color:#13233F}}
:root[data-theme="dark"] .step{background:#F2F0FF;color:#13233F}
/* Plan kartları (Tüm tilkiler | Tek tek seç) ve süre segmenti */
.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:12px}
.plan{display:flex;flex-direction:column;align-items:flex-start;gap:8px;text-align:left;padding:16px;border-radius:20px;background:var(--surface);border:2px solid var(--line);color:var(--ink);min-height:44px}
.plan.on{border-color:var(--brand);box-shadow:0 0 0 2px var(--brand) inset}
.plan:disabled{opacity:.55;cursor:not-allowed}
.plan-top{display:flex;align-items:center;gap:8px;width:100%;justify-content:space-between}
.plan-top b{font-size:1.1rem}
.plan-badge{font-size:.75rem;font-weight:900;background:var(--active);color:var(--active-ink);border-radius:999px;padding:2px 10px}
.plan-ic{display:flex;gap:6px}
.plan-ic .ai{width:30px;height:30px}
.plan-p{font-size:.95rem}.plan-p strong{font-size:1.25rem}
.plan-s{font-size:.88rem;color:var(--muted)}
.plan-s b{color:var(--ok-ink)}
.ptabs.seg{display:flex;width:100%}
.ptabs.seg button{flex:1;min-width:0;padding:8px 6px;min-height:44px}
.sub-sec .recs .rec-h,.sub-sec .wakes h2{margin-top:0}
/* Uygulama ayarları ve performans: uygulama panelleri (iframe) */
.app-panel{display:block;width:100%;min-height:80px;border:0;background:transparent;margin:16px 0 0}
.pf-head{margin:0 0 14px;gap:12px}
.pf-seg{width:auto;flex:1;max-width:360px}
.mpanel .hm-kids{margin-top:0}
/* Ücretsiz deneme bandı: başlık + küçük düğme, altında tilki kutucukları */
.trial-bn{background:var(--warn-bg);border-radius:18px;padding:14px 16px;margin:0 0 16px}
.tb-h{display:flex;align-items:center;justify-content:space-between;gap:12px}
.tb-h b{display:block;color:var(--warn);font-size:1rem}
.tb-h span{font-size:.88rem;color:var(--ink);opacity:.85}
.tb-btn{flex:none;display:inline-grid;place-items:center;min-height:44px;padding:0 16px;border-radius:12px;background:var(--brand);color:var(--on-brand,#13233F);font-weight:900;text-decoration:none}
.tb-apps{list-style:none;margin:12px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}
.tb-apps li{display:flex;align-items:center;gap:8px;background:var(--surface);border-radius:12px;padding:6px 10px 6px 6px;min-width:0}
.tb-apps .ai{width:28px;height:28px;flex:none}
.tb-apps li>span{display:grid;min-width:0;font-size:.9rem;line-height:1.2}
.tb-apps small{color:var(--muted);font-weight:700}
/* Ayarlar ve performans: uygulama seçici (telefonda tek satır, eşit kutular) */
.pf-apps{display:grid;grid-template-columns:repeat(var(--n,4),minmax(0,1fr));gap:8px;margin:6px 0 16px}
.pf-apps button{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 4px 8px;min-height:44px;border-radius:16px;
  background:var(--surface);border:2px solid var(--line);color:var(--muted);font-weight:900;font-size:.85rem}
.pf-apps button .ai{width:36px;height:36px}
.pf-apps button span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pf-apps button[aria-selected="true"]{border-color:var(--brand);color:var(--ink);background:var(--active)}
.pf-apps .cnt{position:absolute;top:4px;right:6px;font-style:normal;font-size:.7rem;background:var(--hover);color:var(--ink);border-radius:999px;padding:0 6px}
@media (min-width:700px){.pf-apps button{flex-direction:row;justify-content:center;padding:10px 12px;font-size:.95rem}.pf-apps button .ai{width:30px;height:30px}}
/* Ebeveyn kodu: kontrol sürerken tuşlar kapalı; "Kodumu unuttum" tuş takımından ayrık */
.pad.busy{pointer-events:none;opacity:.55}
.pin-wait{color:var(--muted)}
.link.pin-forgot{display:inline-block;margin-top:28px;padding:10px 12px;min-height:44px}
.link.pin-forgot:disabled{opacity:.4;pointer-events:none}
/* Giriş/kayıt: e-posta + şifre formu, altında "ya da" ve Google */
.auth-form{display:grid;gap:4px;text-align:left;margin:0 0 6px}
.auth-form .f{margin-bottom:10px}
.auth-form .in{min-height:48px}
.auth-form .btn{margin-top:4px}
.auth-form .link{justify-self:center;margin-top:12px;min-height:44px}
.auth-form .form-err{margin:0 0 8px}
.or{display:flex;align-items:center;gap:12px;margin:16px 0 14px;color:var(--muted);font-size:.9rem}
.or::before,.or::after{content:"";flex:1;height:1px;background:var(--line)}
.legal-note{font-size:.82rem;margin:10px 0 0;text-align:center}
.legal-note a{color:inherit;text-decoration:underline}