@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:400 800;font-display:swap;src:url(fonts/pjs-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:400 800;font-display:swap;src:url(fonts/pjs-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}

/* ============ YEDİMMİ v2 TASARIM DİLİ: lacivert zemin, neon yeşil parıltı, yuvarlak kartlar (koyu = ana kimlik, açık = aynı dilin açık hâli) ============ */
:root,:root[data-theme=light]{
  --bg:#f3f6f5;--outer:#e3e9e7;--card:#ffffff;--card2:#ffffff;--line:#e1e8e5;--soft:#edf2f0;--ink:#0f172a;--muted:#64748b;
  --green:#10b981;--green-d:#059669;--mint:#d8f4e8;--pill:#eef3f1;--navbg:rgba(255,255,255,.94);--ringtrack:#e3eae7;
  --orange:#f97316;--blue:#0ea5e9;--blue-s:#e0f3fd;--red:#e11d48;--red-s:#ffe3e9;--yellow:#d97706;--yellow-s:#fef1cf;
  --p:#f43f5e;--c:#f59e0b;--f:#06b6d4;--shadow:0 6px 18px -8px rgba(15,23,42,.16);--glow1:rgba(16,185,129,.10);--glow2:rgba(20,184,166,.08);--hdr1:#10b981;--hdr2:#059669;
}
:root[data-theme=dark]{
  --bg:#0a101d;--outer:#05080f;--card:#0f1829;--card2:#131e33;--line:#1e293b;--soft:#182238;--ink:#f1f5f9;--muted:#94a3b8;
  --green:#34d399;--green-d:#10b981;--mint:rgba(16,185,129,.15);--pill:#1e293b;--navbg:rgba(13,20,36,.94);--ringtrack:#1a2438;
  --orange:#fb923c;--blue:#38bdf8;--blue-s:rgba(56,189,248,.13);--red:#fb7185;--red-s:rgba(244,63,94,.15);--yellow:#fbbf24;--yellow-s:rgba(245,158,11,.15);
  --p:#f43f5e;--c:#f59e0b;--f:#22d3ee;--shadow:0 10px 26px -10px rgba(0,0,0,.6);--glow1:rgba(16,185,129,.11);--glow2:rgba(20,184,166,.10);--hdr1:#10b981;--hdr2:#059669;
}
@media (prefers-color-scheme:dark){:root[data-theme=auto]{
  --bg:#0a101d;--outer:#05080f;--card:#0f1829;--card2:#131e33;--line:#1e293b;--soft:#182238;--ink:#f1f5f9;--muted:#94a3b8;
  --green:#34d399;--green-d:#10b981;--mint:rgba(16,185,129,.15);--pill:#1e293b;--navbg:rgba(13,20,36,.94);--ringtrack:#1a2438;
  --orange:#fb923c;--blue:#38bdf8;--blue-s:rgba(56,189,248,.13);--red:#fb7185;--red-s:rgba(244,63,94,.15);--yellow:#fbbf24;--yellow-s:rgba(245,158,11,.15);
  --p:#f43f5e;--c:#f59e0b;--f:#22d3ee;--shadow:0 10px 26px -10px rgba(0,0,0,.6);--glow1:rgba(16,185,129,.11);--glow2:rgba(20,184,166,.10);}}
body{font-family:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
button,input,textarea,select{font-family:inherit}
.shell{background:var(--bg);overflow-x:clip}
.shell:before,.shell:after{content:"";position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none;z-index:0}
.shell:before{top:-90px;left:-80px;width:300px;height:300px;background:var(--glow1)}
.shell:after{top:220px;right:-110px;width:320px;height:320px;background:var(--glow2)}
.shell>*{position:relative;z-index:1}

/* ---- başlık ---- */
.hdr{background:none;color:var(--ink);border-radius:0;padding:calc(env(safe-area-inset-top) + 14px) 18px 4px;overflow:visible}
.hdr:after{display:none}
.hdr.small{padding-bottom:0}
.brand{display:flex;align-items:center;gap:8px}
.logo{color:var(--ink);font-size:29px;font-weight:800;letter-spacing:-1.2px}.logo b{color:var(--green)}
.pulse{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green);animation:pls 2s ease-in-out infinite}
@keyframes pls{50%{opacity:.35}}
.hdate{color:var(--muted);font-size:12px;font-weight:600;letter-spacing:.2px;margin:2px 0 0}
.hrow{align-items:center}
.chips{gap:6px;flex-wrap:nowrap}
.chip{height:32px;padding:0 10px;border-radius:999px;background:var(--card);border:1px solid var(--line);color:var(--muted);font-size:12px;font-weight:800;gap:5px}
.chip svg{width:14px;height:14px;fill:currentColor}
.chip.streak{color:var(--yellow)}
.chip.prem{background:linear-gradient(90deg,rgba(245,158,11,.22),rgba(249,115,22,.2));border-color:rgba(245,158,11,.45);color:var(--yellow)}
.chip.lang{color:var(--muted)}
.chip.tara{background:rgba(16,185,129,.16);border:1px solid rgba(16,185,129,.45);color:var(--green)}
.chip.tara .ico{font-size:14px}
.week{display:flex;gap:6px;margin-top:16px;overflow-x:auto;padding:4px 2px 6px;scrollbar-width:none}
.week::-webkit-scrollbar{display:none}
.wd{flex:1 0 42px;min-width:42px;height:58px;border-radius:16px;background:var(--card);border:1px solid var(--line);color:var(--muted);gap:1px;justify-content:center;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;transition:transform .15s}
.wd:active{transform:scale(.94)}
.wd .n{width:auto;height:auto;background:none;border-radius:0;display:block;font-size:15px;font-weight:800;color:var(--ink);letter-spacing:0;text-transform:none;line-height:1.2}
.wd .dot{width:5px;height:5px;background:var(--green);margin-top:1px}.wd .dot.off{background:transparent}
.wd.sel{background:linear-gradient(180deg,#34d399,#059669);border-color:transparent;color:#03261b;box-shadow:0 10px 22px -8px rgba(16,185,129,.6),0 0 0 2px rgba(52,211,153,.4)}
.wd.sel .n{color:#03261b}.wd.sel .dot{background:#03261b}
.wd.fut{opacity:.7}.wd.fut .n{opacity:1}
/* ---- halka ---- */
.sum{display:grid;grid-template-columns:1fr auto 1fr;gap:4px;align-items:center;margin-top:16px}
.sum .col{gap:18px;min-width:0}
.big{font-size:26px;font-weight:800;line-height:1;letter-spacing:-.5px}
.big2{font-size:19px;font-weight:800;line-height:1;color:var(--ink);letter-spacing:-.3px}
.gr{color:var(--green)}.rose{color:var(--red)}.rose span{font-size:14px}
.lab{font-size:10.5px;font-weight:700;letter-spacing:.7px;text-transform:uppercase;color:var(--muted);margin-top:5px;line-height:1.25}
.ring{width:min(192px,49vw);height:min(192px,49vw);filter:drop-shadow(0 10px 22px rgba(16,185,129,.18))}
.ring svg{width:100%;height:100%}
.ring svg .rtrack{stroke:var(--ringtrack)}
.ring .mid{gap:2px}
.ring .num{font-size:clamp(30px,9.4vw,40px);font-weight:800;letter-spacing:-1.5px;color:var(--ink)}
.ring .cap{font-size:9.5px;letter-spacing:2.4px;font-weight:800;color:var(--muted);margin:0}
.ring .pct{position:static;transform:none;margin-top:8px;background:rgba(16,185,129,.16);border:1px solid rgba(16,185,129,.4);color:var(--green);font-size:12px;font-weight:800;padding:3px 12px;border-radius:999px}
.ring .pct.over{background:var(--red-s);border-color:rgba(244,63,94,.4);color:var(--red)}
/* ---- sekmeler ---- */
.tabs{margin:16px 16px 0;padding:6px;gap:4px;background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:none}
.tab{height:40px;border-radius:13px;border:0;background:transparent;box-shadow:none;color:var(--muted);font-size:13px;font-weight:700}
.tab.on{background:var(--pill);color:var(--ink);box-shadow:0 2px 8px rgba(0,0,0,.15)}
.tab.medal{flex:0 0 46px;font-size:18px}
/* ---- kartlar ---- */
.card{border-radius:20px;border:1px solid var(--line);box-shadow:var(--shadow);background:var(--card)}
.macros{gap:10px;margin:14px 16px}
.mac{position:relative;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:12px 6px 10px;overflow:hidden;box-shadow:var(--shadow)}
.mac:before{content:"";position:absolute;top:0;left:0;right:0;height:2px}
.mac.p:before{background:rgba(244,63,94,.55)}.mac.c:before{background:rgba(245,158,11,.55)}.mac.f:before{background:rgba(34,211,238,.55)}
.mac .r{width:66px;height:66px}.mac .r span{font-size:15px;font-weight:800}
.mac b{font-size:12px;font-weight:800;margin-top:6px;gap:4px}.mac b .ico{width:13px;height:13px}.mac small{font-size:11px;font-weight:600;color:var(--muted)}
.meal .nm{font-size:19px;font-weight:800}.meal .ic{border-radius:18px;background:var(--soft)}
.meal .ic.done{background:var(--mint);color:var(--green)}
.addb{background:linear-gradient(145deg,#34d399,#10b981);color:#03261b;box-shadow:0 10px 22px -8px rgba(16,185,129,.6);border-radius:18px}
.tl{background:var(--line)}
.pb,.bar{background:var(--soft)}.meal .pb i{background:linear-gradient(90deg,#34d399,#10b981)}
.steps-num,.water-top .ml{font-weight:800;letter-spacing:-1.5px}
.msg.or{background:rgba(249,115,22,.13);color:var(--orange)}
.hint{background:var(--blue-s);color:var(--blue)}
.wplus{background:linear-gradient(180deg,#38bdf8,#0ea5e9);color:#04202e;box-shadow:0 10px 22px -8px rgba(14,165,233,.55)}
.wminus{background:var(--soft);color:var(--muted)}
.drop{color:rgba(56,189,248,.35)}.drop.on{color:var(--blue)}
.rc{border:1px solid var(--line);box-shadow:var(--shadow);border-radius:20px}.rc .im{background:var(--soft)}
.rc .k b{color:var(--green)}
.divider{color:var(--muted)}
/* ---- alt menü ---- */
.nav{background:var(--navbg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--line);padding-top:8px}
.nav button{font-size:10px;font-weight:700;color:var(--muted);gap:3px}
.nav button .ico{font-size:22px}
.nav button.on{color:var(--green)}.nav button.on:after{display:none}
.nav button.on .ico{filter:drop-shadow(0 0 6px rgba(52,211,153,.5))}
.nav .fab i{background:linear-gradient(145deg,#34d399,#10b981);color:#03261b;border:4px solid var(--bg);box-shadow:0 10px 26px -6px rgba(16,185,129,.65);top:-40px;width:68px;height:68px}
.nav .fab i .ico{font-size:32px;stroke-width:2.6}
.nav .fab span{color:var(--green);margin-top:32px}
/* ---- düğmeler / girişler ---- */
.btn{border-radius:16px;font-weight:800}
.btn.g{background:linear-gradient(180deg,#34d399,#10b981);color:#03261b;box-shadow:0 10px 22px -10px rgba(16,185,129,.7)}
.btn.gr{background:var(--soft);color:var(--muted)}
.btn.dk{background:var(--card2);color:var(--green);border:1px solid var(--line)}
.btn.rd{background:var(--red-s);color:var(--red)}
.inp,.ta{background:var(--soft);border:1.5px solid var(--line);border-radius:16px}
.inp:focus,.ta:focus{border-color:var(--green)}
.opt{background:var(--card);border:1.5px solid var(--line);border-radius:16px;box-shadow:none}
.opt.on,.seg button.on,.big-opt.on{border-color:var(--green);background:var(--mint);color:var(--green)}
.seg button{background:var(--card);border-radius:14px}
.sug{background:var(--mint);border-color:rgba(16,185,129,.4);color:var(--green)}
.sw{background:var(--line)}.sw.on{background:linear-gradient(90deg,#10b981,#34d399)}
.link,.recent-h a{color:var(--green)}
.tag{background:var(--soft)}.tag2{background:var(--mint);color:var(--green)}
/* ---- ekranlar / sheet ---- */
.scr{background:var(--bg)}.sheet{background:var(--card2);border:1px solid var(--line);border-bottom:0}
.sheet-wrap,.scr.dim{background:rgba(3,7,14,.66)}
.tile{background:var(--card);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow)}
.srow{background:var(--card);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}
.srow .pl{background:var(--mint)}
.plus{background:linear-gradient(145deg,#34d399,#10b981);color:#03261b}
.banner{background:var(--mint);border:1px solid rgba(16,185,129,.25)}.banner b{color:var(--green)}
.banner.pink{background:var(--red-s);color:var(--red);border-color:rgba(244,63,94,.25)}
.pl2 .p{background:var(--red-s);color:var(--p)}.pl2 .c{background:var(--yellow-s);color:var(--c)}.pl2 .f{background:rgba(34,211,238,.13);color:var(--f)}
.kbox{background:var(--mint);color:var(--green)}
.gchip.mt{background:var(--soft)}
.adv.mint{background:var(--mint)}.adv.mint .ah{color:var(--green)}
.adv.blue{background:var(--blue-s)}.adv.blue .ah{color:var(--blue)}
.adv.yellow{background:var(--yellow-s)}.adv.yellow .ah{color:var(--yellow)}
.mbox{background:var(--soft)}.mbox>div+div{border-color:var(--line)}
.dhd{border-color:var(--line)}
/* ---- profil kartları ---- */
.pc{background:var(--card);color:var(--ink);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:20px;background-image:linear-gradient(135deg,rgba(16,185,129,.08),transparent 55%)}
.pc.blue{background-image:linear-gradient(135deg,rgba(56,189,248,.10),transparent 55%)}
.pc.purple{background-image:linear-gradient(135deg,rgba(139,140,245,.12),transparent 55%)}
.pc.gold{background-image:linear-gradient(135deg,rgba(245,158,11,.12),transparent 55%)}
.pc.indigo{background-image:linear-gradient(135deg,rgba(167,139,250,.12),transparent 55%)}
.pc.black{background-image:linear-gradient(135deg,rgba(52,211,153,.10),transparent 55%);border:1px solid rgba(16,185,129,.35)}
.pc b{color:var(--green)}.pc.blue b{color:var(--blue)}.pc.gold b{color:var(--yellow)}.pc.orange b{color:var(--orange)}
.pc span.d{color:var(--muted)}.pc .em{background:var(--soft)}.pc .pills span{background:var(--soft);color:var(--muted)}
.pc .chev{color:var(--green)}.tag{color:var(--muted)}
.pc [data-a=resetLayout],.pc button[data-a=resetLayout]{background:var(--soft)!important;color:var(--muted)!important}
.pcard .lg{background:#0a1a3a}
.kv{border-color:var(--line)}.kv div+div{border-color:var(--line)}
.plist .row{border-color:var(--line)}
.tg-row{border-color:var(--line)}
/* ---- hafta / analiz ---- */
.bc .b{background:var(--mint);border-color:var(--green-d)}.bc.over .b{background:var(--red-s);border-color:var(--red)}.bc .v{color:var(--green)}.bc.over .v{color:var(--red)}
.bc.empty .b{background:var(--soft);border-color:var(--soft)}
.chart .g,.gline{opacity:.8}
.greenc{background:linear-gradient(160deg,#10b981,#047857);box-shadow:0 14px 30px -14px rgba(16,185,129,.55);border:0;border-radius:22px}
.greenc .bd{background:var(--card2)}
.t3{border-radius:20px}
.t3.blue{background:rgba(56,189,248,.10);color:var(--blue);border-color:rgba(56,189,248,.25)}
.t3.or{background:rgba(249,115,22,.10);color:var(--orange);border-color:rgba(249,115,22,.25)}
.t3.ye{background:rgba(245,158,11,.10);color:var(--yellow);border-color:rgba(245,158,11,.25)}
.t3.w{background:var(--card);border-color:var(--line)}
.tip{background:var(--mint);border-color:rgba(16,185,129,.3);color:var(--green)}.tip.bad{background:var(--red-s);border-color:rgba(244,63,94,.3);color:var(--red)}
.score .c{background:var(--yellow-s);border-color:var(--yellow);color:var(--yellow)}
.task{background:var(--soft)}.task.done{background:var(--mint);border-color:rgba(16,185,129,.4)}
.task.done b,.task.done .c{color:var(--green)}
.airep{background:var(--card);color:var(--ink);border:1px solid var(--line)}.airep h3{color:var(--yellow)}
.stat-big i{background:var(--red-s);color:var(--red)}
.sq,.hist .cir,.top5 .no{box-shadow:none}
.sq{background:var(--card);border:1px solid var(--line);border-radius:20px}
.hist .cir{background:var(--mint);color:var(--green)}.hist .cir.over{background:var(--red-s);color:var(--red)}.hist .cir.zero{background:var(--soft);color:var(--muted)}
.hist{border-color:var(--line)}.top5 .tr,.srcs .tr,.cmp td,.cmp th,.res-item,.badge,.lay,.dli{border-color:var(--line)}
.top5 .no{background:var(--yellow-s);color:var(--yellow)}
.mon .t3s div{background:var(--soft)}
.srcs .tr em{background:var(--mint);color:var(--green)}
.dn{color:var(--green)}.up{color:var(--red)}
.bub.a{background:var(--card);border:1px solid var(--line);box-shadow:none}.bub.u{background:linear-gradient(180deg,#34d399,#10b981);color:#03261b}
.chatbar{background:var(--bg);border-color:var(--line)}
.plan-card{background:linear-gradient(140deg,#0f2a24,#0b3d2f);border:1px solid rgba(16,185,129,.3)}
.updbar{background:#0d3b2c;border-bottom:1px solid rgba(16,185,129,.4);color:#eafff6}.updbar button{background:linear-gradient(180deg,#34d399,#10b981);color:#03261b}
.kvkk{color:var(--muted)}.err{background:var(--red-s);color:var(--red)}
.auth .logo{color:var(--ink)}
.dots i{background:var(--line)}.dots i.on{background:var(--green)}
.big-opt{background:var(--card);border-color:var(--line);border-radius:20px}
#toast{background:#0d3b2c;color:#eafff6;border:1px solid rgba(16,185,129,.35)}
.spin{border-color:var(--line);border-top-color:var(--green)}
.badge .em{background:var(--yellow-s)}.badge.lock .em{background:var(--soft)}
.day-plan summary{color:var(--ink)}
.donut .lr{font-weight:700}
@media (max-width:360px){.chip{padding:0 8px}.chip.lang{display:none}.logo{font-size:26px}}

/* ---- inceltmeler ---- */
.chips{gap:5px}.chip{height:30px;padding:0 9px;font-size:11.5px}.chip svg{width:13px;height:13px}
.logo{font-size:26px}.hrow{gap:6px}.hrow>div:first-child{min-width:0}
@media (max-width:380px){.pulse{display:none}.chip.prem span{display:none}.chip.prem{padding:0 8px}}
.meal{grid-template-columns:58px 1fr 54px;gap:14px}
.meal .ic{width:58px;height:58px;border-radius:17px;font-size:26px}.addb{width:54px;height:54px;border-radius:17px;font-size:26px}
.meal .nm{font-size:17px}.meal .tg{font-size:13px;margin:1px 0 6px}.tl{left:29px;top:66px}
.mitem{padding-left:72px;font-size:14px}.mdel{padding-left:72px}
.pc{padding:16px 18px;margin:12px 16px;width:calc(100% - 32px)}
.pc .em{width:56px;height:56px;border-radius:17px;font-size:26px}.pc b{font-size:18px}.pc span.d{font-size:13.5px;line-height:1.35}
.pc .r1{gap:14px}.pcard .lg{width:72px;height:72px;border-radius:20px}.pcard h3{font-size:20px}
.donut .lr{font-size:14.5px;gap:8px}.dsvg{width:132px;height:132px}
@media (min-width:460px){.dsvg{width:160px;height:160px}}
.card .h2{font-size:19px}
.lab .fl{font-size:13px}