:root{color-scheme:light;--bg:#f3f4f8;--card:#fff;--tx:#1a1d26;--mut:#7a8093;--bd:#e5e7ef;--ac:#4f6df5;--ac2:#eef1ff;--red:#e5484d;--org:#e8890c;--grn:#2f9e63;--todo:#d9820b;--todo-bg:rgba(232,137,12,.10);--doing:#4f6df5;--doing-bg:rgba(79,109,245,.10);--done:#2f9e63;--done-bg:rgba(47,158,99,.10)}
:root[data-theme=dark]{color-scheme:dark;--bg:#0e1014;--card:#171a21;--tx:#e9ebf1;--mut:#8b92a5;--bd:#262a34;--ac:#6b84ff;--ac2:#1d2340;--todo:#f0a030;--todo-bg:rgba(240,160,48,.12);--doing:#7f95ff;--doing-bg:rgba(107,132,255,.14);--done:#46c284;--done-bg:rgba(70,194,132,.12)}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg:#0e1014;--card:#171a21;--tx:#e9ebf1;--mut:#8b92a5;--bd:#262a34;--ac:#6b84ff;--ac2:#1d2340;--todo:#f0a030;--todo-bg:rgba(240,160,48,.12);--doing:#7f95ff;--doing-bg:rgba(107,132,255,.14);--done:#46c284;--done-bg:rgba(70,194,132,.12)}}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
body{margin:0;background:var(--bg);color:var(--tx);font:16px/1.45 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
a{color:var(--ac)}
.topbar{position:sticky;top:0;z-index:20;background:var(--card);border-bottom:1px solid var(--bd);padding-top:env(safe-area-inset-top)}
.topbar .in{max-width:760px;margin:0 auto;padding:10px 16px;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:8px;font-weight:700;font-size:18px;color:var(--tx);text-decoration:none}
.brand svg{color:var(--ac)}
.container{max-width:760px;margin:0 auto;padding:14px 14px calc(110px + env(safe-area-inset-bottom))}
h1{font-size:22px;margin:6px 2px 12px}h2{font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--mut);margin:22px 4px 8px;font-weight:600}h3{margin:0 0 4px}
.card{background:var(--card);border:1px solid var(--bd);border-radius:14px;margin:0 0 12px;overflow:hidden}
.pad{padding:14px}
.flash{padding:11px 14px;border-radius:12px;margin-bottom:12px;font-size:14px;background:rgba(47,158,99,.12);color:var(--grn)}
.flash.err{background:rgba(229,72,77,.12);color:var(--red)}
.avatar{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--ac);color:#fff;font-size:13px;font-weight:700;flex:none}
.avatar.sm{width:26px;height:26px;font-size:10px;background:var(--ac2);color:var(--ac)}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:6px}
.stat{background:var(--card);border:1px solid var(--bd);border-radius:14px;padding:12px;text-decoration:none;color:inherit}
.stat b{display:block;font-size:26px;line-height:1.1}.stat span{font-size:12px;color:var(--mut)}
.stat.red b{color:var(--red)}.stat.org b{color:var(--org)}
.task{display:flex;align-items:center;gap:12px;padding:12px 14px}
.task+.task{border-top:1px solid var(--bd)}
.chk{width:26px;height:26px;border-radius:50%;border:2px solid var(--bd);background:transparent;padding:0;flex:none;color:#fff;font-size:14px;line-height:1;cursor:pointer}
.done .chk{background:var(--grn);border-color:var(--grn)}
.done .ttl{text-decoration:line-through;color:var(--mut)}
.tmain{flex:1;min-width:0;text-decoration:none;color:inherit}
.ttl{word-break:break-word}
.meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}
.badge{display:inline-flex;align-items:center;gap:5px;font-size:12px;padding:2px 8px;border-radius:99px;background:var(--bg);color:var(--mut);white-space:nowrap}
.badge.late{background:rgba(229,72,77,.14);color:var(--red)}.badge.today{background:rgba(232,137,12,.16);color:var(--org)}
.badge.soon{background:var(--ac2);color:var(--ac)}.badge.doing{background:var(--ac2);color:var(--ac)}.badge.prio{background:rgba(229,72,77,.1);color:var(--red)}
.dot{display:inline-block;width:9px;height:9px;border-radius:50%;flex:none}
.proj{display:block;padding:14px;text-decoration:none;color:inherit}
.proj .top{display:flex;align-items:center;gap:10px}.proj .nm{font-weight:600;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sub{font-size:13px;color:var(--mut)}
.bar{height:6px;border-radius:99px;background:var(--bg);margin-top:10px;overflow:hidden}.bar i{display:block;height:100%;background:var(--grn)}
.empty{text-align:center;color:var(--mut);padding:28px 12px}
input,select,textarea,button{font:inherit;color:inherit}
input[type=text],input[type=password],input[type=date],input[type=search],select,textarea{width:100%;padding:11px 12px;border-radius:10px;border:1px solid var(--bd);background:var(--bg)}
textarea{resize:vertical;min-height:80px}
.btn{border:0;border-radius:10px;padding:11px 16px;background:var(--ac);color:#fff;font-weight:600;cursor:pointer;text-align:center;text-decoration:none;display:inline-block}
.btn.ghost{background:var(--bg);color:var(--tx);border:1px solid var(--bd)}.btn.danger{background:var(--red)}.btn.block{display:block;width:100%}
.stack{display:grid;gap:10px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.lbl{display:grid;gap:4px;font-size:13px;color:var(--mut)}
.row{display:flex;gap:10px;align-items:center}.grow{flex:1;min-width:0}
details.box>summary{list-style:none;cursor:pointer;padding:13px 14px;font-weight:600}
details.box>summary::-webkit-details-marker{display:none}
details.box[open]>summary{border-bottom:1px solid var(--bd)}
.filters{margin-bottom:12px}.filters .stack{padding:12px}
.seg{display:flex;gap:6px;overflow-x:auto;margin-bottom:12px;padding-bottom:2px}
.seg a{padding:7px 14px;border-radius:99px;background:var(--card);border:1px solid var(--bd);color:var(--mut);text-decoration:none;font-size:14px;white-space:nowrap}
.seg a.on{background:var(--ac);border-color:var(--ac);color:#fff}
.comment{padding:12px 14px}.comment+.comment{border-top:1px solid var(--bd)}
.comment .h{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--mut);margin-bottom:4px}
.comment p{margin:0;white-space:pre-wrap;word-break:break-word}
.li{display:flex;align-items:center;gap:10px;padding:11px 14px}.li+.li{border-top:1px solid var(--bd)}
.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:30;background:var(--card);border-top:1px solid var(--bd);display:grid;grid-template-columns:1fr 1fr 70px 1fr 1fr;align-items:center;padding:6px 6px calc(6px + env(safe-area-inset-bottom))}
.tabbar a{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:11px;color:var(--mut);text-decoration:none;padding:4px}
.tabbar a.on{color:var(--ac)}
.fab{width:54px;height:54px;border-radius:50%;border:0;background:var(--ac);color:#fff;margin:-26px auto 0;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(79,109,245,.45);cursor:pointer}
dialog{border:0;border-radius:18px;padding:18px;width:min(92vw,460px);background:var(--card);color:var(--tx);box-shadow:0 20px 60px rgba(0,0,0,.35)}
dialog::backdrop{background:rgba(0,0,0,.45)}
.login{max-width:360px;margin:14vh auto 0;padding:0 16px}
@media(min-width:760px){.tabbar{max-width:760px;left:50%;right:auto;width:100%;transform:translateX(-50%);border-radius:16px 16px 0 0;border:1px solid var(--bd);border-bottom:0}}

.iconbtn{position:relative;width:38px;height:38px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;color:var(--mut);padding:0;cursor:pointer;text-decoration:none}
.iconbtn:hover{background:var(--bg)}
.cnt{position:absolute;top:1px;right:0;min-width:17px;height:17px;padding:0 4px;border-radius:99px;background:var(--red);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}
.topbar .right{display:flex;align-items:center;gap:2px}
.thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px}
.thumb{position:relative;aspect-ratio:1;border-radius:10px;overflow:hidden;background:var(--bg);display:block}
.thumb img{width:100%;height:100%;object-fit:cover;display:block}
.thumb .tag{position:absolute;left:5px;bottom:5px;font-size:10px;padding:1px 6px;border-radius:99px;background:rgba(0,0,0,.6);color:#fff}
.thumb form{position:absolute;top:4px;right:4px}
.thumb form button{width:24px;height:24px;border-radius:50%;padding:0;background:rgba(0,0,0,.6);color:#fff;display:flex;align-items:center;justify-content:center}
#lightbox{padding:0;background:transparent;box-shadow:none;width:auto;max-width:96vw}
#lightbox img{max-width:96vw;max-height:88vh;border-radius:12px;display:block}
.prev{display:flex;gap:8px;flex-wrap:wrap}
.prev img{width:72px;height:72px;object-fit:cover;border-radius:10px}
.filebtn{display:flex;align-items:center;justify-content:center;gap:8px;border:2px dashed var(--bd);border-radius:12px;padding:16px;color:var(--mut);cursor:pointer;font-weight:600}
.filebtn input{display:none}
.notif{display:block;padding:12px 14px;text-decoration:none;color:inherit}
.notif+.notif{border-top:1px solid var(--bd)}
.notif.unread{background:var(--ac2)}
.notif .t{display:flex;gap:8px;justify-content:space-between}.notif b{font-weight:600}
.seg button{padding:7px 14px;border-radius:99px;background:var(--card);border:1px solid var(--bd);color:var(--mut);font-size:14px;white-space:nowrap;font-weight:400}
.seg button.on{background:var(--ac);border-color:var(--ac);color:#fff}
code.cmd{display:block;background:var(--bg);border:1px solid var(--bd);border-radius:10px;padding:10px;font-size:12px;word-break:break-all;user-select:all}
.switch{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 0}

/* Status rəngləri: gözləyir = kəhrəba, icradadır = mavi, bitib = yaşıl */
.task{border-left:4px solid transparent}
.task.s-todo{border-left-color:var(--todo);background:var(--todo-bg)}
.task.s-doing{border-left-color:var(--doing);background:var(--doing-bg)}
.task.s-done{border-left-color:var(--done);background:var(--done-bg)}
.s-todo .chk{border-color:var(--todo)}.s-doing .chk{border-color:var(--doing)}
.done .chk{background:var(--done);border-color:var(--done)}
.badge.st-todo{background:var(--todo-bg);color:var(--todo)}
.badge.st-doing{background:var(--doing-bg);color:var(--doing)}
.badge.st-done{background:var(--done-bg);color:var(--done)}