:root{--a:#ffe01a;--acc:#ffe01a;--bone:#f4f1ea;--tx:#f4f1ea;--mut:rgba(244,241,234,.55);--ln:rgba(255,255,255,.14);--p:rgba(255,255,255,.035);--p2:rgba(0,0,0,.42);--red:#ff2244;--e:cubic-bezier(.76,0,.24,1);--f:"Unbounded","Arial Black",sans-serif;--m:"JetBrains Mono",monospace;color-scheme:dark;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;background:#050507;color:var(--bone);font:400 15px/1.5 "Inter",system-ui,sans-serif}
body::before{content:"";position:fixed;inset:0;background:radial-gradient(700px 420px at 90% -5%,rgba(255,224,26,.1),transparent),radial-gradient(600px 400px at -5% 105%,rgba(228,92,255,.07),transparent);pointer-events:none}
body::after{content:"";position:fixed;inset:0;pointer-events:none;opacity:.07;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}
.w{position:relative;z-index:1;max-width:1280px;margin:0 auto;padding:28px 18px 70px}
h1,h2,h3,h4{margin:0;font-family:var(--f)}
h1{font-weight:900;font-size:clamp(1.5rem,4vw,2.5rem);letter-spacing:-.04em;line-height:1.05;text-transform:uppercase}
h3{font:500 11px/1 var(--m);letter-spacing:.3em;text-transform:uppercase}
.top{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:22px}
.logo{font:900 30px/1 var(--f);letter-spacing:-.05em}.logo b{color:var(--a);text-shadow:0 0 22px rgba(255,224,26,.5)}
.logo small{display:flex;align-items:center;gap:12px;margin-top:10px;font:500 10px/1 var(--m);letter-spacing:.35em;color:var(--a)}
.logo small::before{content:"";width:38px;height:2px;background:var(--a)}
button,select,input,textarea{font:inherit;color:inherit}
.btn,.chip{background:rgba(0,0,0,.35);backdrop-filter:blur(8px);border:1px solid var(--ln);border-radius:99px;padding:10px 16px;cursor:pointer;font:500 10.5px/1 var(--m);letter-spacing:.14em;text-transform:uppercase;transition:.3s}
.btn:hover,.chip:hover{background:var(--a);color:#050507;border-color:var(--a);transform:rotate(-2deg) translateY(-2px)}
.pri{background:var(--a);color:#050507;border-color:var(--a);font-weight:700}
.dng:hover{background:var(--red);border-color:var(--red);color:#fff}
.chip{padding:8px 13px}.chip.on{background:var(--a);color:#050507;border-color:var(--a)}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-bottom:18px}
.st{background:var(--p2);backdrop-filter:blur(12px);border:1px solid var(--ln);border-radius:14px;padding:12px 16px}
.st b{display:block;font:900 26px/1.1 var(--f);letter-spacing:-.04em}.st span{font:500 10px/1 var(--m);letter-spacing:.18em;text-transform:uppercase;color:var(--mut)}
.fl{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:18px}
.sep{width:1px;height:22px;background:var(--ln);margin:0 4px}
.inp{background:var(--p2);border:1px solid var(--ln);border-radius:12px;padding:10px 12px;width:100%}
.inp:focus{outline:none;border-color:var(--a)}
select.inp option{background:#0b0b0e}
#q{width:210px;margin-left:auto}
.cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px;align-items:start}
.col{background:var(--p);border:1px solid var(--ln);border-radius:18px;padding:12px;min-height:130px;transition:.3s}
.col.ov{border-color:var(--a);background:rgba(255,224,26,.05)}
.ch{display:flex;justify-content:space-between;align-items:center;padding:2px 4px 12px;color:var(--mut)}.ch h3{color:var(--bone)}
.card{background:var(--p2);backdrop-filter:blur(12px);border:1px solid var(--ln);border-left:3px solid var(--c);border-radius:14px;padding:12px 14px;margin-bottom:9px;cursor:pointer;transition:.35s var(--e)}
.card:hover{border-color:var(--c);transform:translateY(-3px);box-shadow:0 14px 34px -16px var(--c)}
.tag{display:inline-block;font:500 10px/1 var(--m);letter-spacing:.2em;padding:5px 10px;border-radius:99px;border:1px solid var(--c);color:var(--c);text-transform:uppercase}
.card h4{margin:9px 0 4px;font-weight:700;font-size:13.5px;letter-spacing:-.02em;line-height:1.3}
.m{color:var(--mut);font-size:12px}.late{color:var(--red)}
.bar{height:3px;background:var(--ln);border-radius:4px;overflow:hidden;margin:10px 0 6px}.bar i{display:block;height:100%;background:var(--a);transition:width .6s var(--e)}
.mv{display:flex;justify-content:space-between;align-items:center}
.mv button{background:none;border:1px solid var(--ln);border-radius:8px;color:var(--mut);cursor:pointer;padding:1px 9px}.mv button:hover:not(:disabled){color:var(--a);border-color:var(--a)}.mv button:disabled{opacity:.3;cursor:default}
.feed,.box{background:var(--p2);backdrop-filter:blur(12px);border:1px solid var(--ln);border-radius:18px;padding:16px}
.feed{margin-top:22px}.box{margin-bottom:14px}
.feed h3,.box h3{color:var(--a);margin-bottom:12px}
.fi{display:flex;gap:12px;padding:8px 0;border-top:1px solid var(--ln);cursor:pointer}.fi:first-of-type{border-top:0}
.fi time{font:500 11px/1.6 var(--m);color:var(--mut);white-space:nowrap;min-width:88px}
.empty{color:var(--mut);text-align:center;padding:40px 10px}
.pg{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:16px}
@media(max-width:820px){.pg{grid-template-columns:1fr}#q{margin-left:0;width:100%}}
.kv{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:12px}
.kv span,label{display:block;font:500 10px/1.4 var(--m);letter-spacing:.18em;text-transform:uppercase;color:var(--mut);margin-bottom:4px}
a{color:var(--a)}.pre{white-space:pre-wrap;word-break:break-word}
.gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;margin-top:8px}
.gal div{position:relative}.gal img{width:100%;height:92px;object-fit:cover;border-radius:12px;border:1px solid var(--ln);cursor:zoom-in;display:block}
.gal button{position:absolute;top:4px;right:4px;background:rgba(0,0,0,.75);border:0;color:#fff;border-radius:50%;width:22px;height:22px;cursor:pointer}
.ck{display:flex;gap:10px;align-items:flex-start;padding:6px 0}.ck input{margin-top:4px;accent-color:var(--a)}
.ck.d span{text-decoration:line-through;color:var(--mut)}.ck button{margin-left:auto;background:none;border:0;color:var(--mut);cursor:pointer}
.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
dialog{background:#0b0b0e;color:var(--bone);border:1px solid var(--ln);border-radius:20px;padding:0;width:min(660px,94vw);max-height:92vh}
dialog::backdrop{background:rgba(0,0,0,.78);backdrop-filter:blur(4px)}.dg{padding:22px}
.g2{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:560px){.g2{grid-template-columns:1fr}}
label{margin-bottom:12px}label .inp,label select{margin-top:6px;text-transform:none;letter-spacing:0;font:400 14px/1.4 "Inter",sans-serif;color:var(--bone)}
textarea.inp{min-height:84px;resize:vertical}

#bg{position:fixed;inset:0;z-index:40;pointer-events:none}
#glow{position:fixed;left:0;top:0;width:560px;height:560px;margin:-280px 0 0 -280px;border-radius:50%;background:radial-gradient(circle,rgba(255,224,26,.08),transparent 65%);pointer-events:none;z-index:0;transform:translate(var(--gx,60vw),var(--gy,20vh))}
.hero{margin:0 0 26px}.hero h1{font-size:clamp(3rem,13vw,9.5rem);line-height:.92;letter-spacing:-.055em;overflow:hidden;padding:.12em 0 .08em}
.hero h1 span{display:inline-block}.hero h1 .y{color:var(--a);text-shadow:0 0 50px rgba(255,224,26,.5)}
.hero p{max-width:48ch;color:var(--mut);margin:8px 0 0}
@keyframes up{from{transform:translateY(115%)}}@keyframes rise{from{opacity:0;transform:translateY(24px)}}
.enter .hero h1 span{animation:up 1s var(--e) backwards;animation-delay:calc(var(--j)*55ms + .1s)}
.enter .hero p,.enter .st,.enter .fl,.enter .feed,.enter .pg,.enter>.top{animation:rise .8s var(--e) backwards}
.enter .col{animation:rise .8s var(--e) backwards;animation-delay:.35s}.enter .card{animation:rise .7s var(--e) backwards;animation-delay:.5s}
.card{position:relative;overflow:hidden}
.card::before{content:"";position:absolute;inset:0;background:radial-gradient(240px circle at var(--mx,50%) var(--my,0),rgba(255,224,26,.15),transparent 70%);opacity:0;transition:.3s;pointer-events:none}
.card:hover::before{opacity:1}
.card:hover{transform:perspective(800px) translateY(-3px) rotateX(var(--ry,0deg)) rotateY(var(--rx,0deg))}
.col{--sc:#8a8f98}.col[data-s=work]{--sc:#ffe01a}.col[data-s=review]{--sc:#ff6a00}.col[data-s=done]{--sc:#46ffb0}
.ch h3::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:10px;background:var(--sc);box-shadow:0 0 12px var(--sc)}
.ch button{background:none;border:1px solid var(--ln);color:var(--mut);border-radius:8px;width:24px;height:24px;cursor:pointer;margin-right:8px}.ch button:hover{color:var(--a);border-color:var(--a)}
.ring{width:84px;height:84px;border-radius:50%;background:conic-gradient(var(--a) calc(var(--p)*1%),var(--ln) 0);display:grid;place-items:center;box-shadow:0 0 30px -8px var(--a)}
.ring b{width:68px;height:68px;border-radius:50%;background:#050507;display:grid;place-items:center;font:900 15px var(--f)}
#toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));translate:-50% 30px;opacity:0;pointer-events:none;background:rgba(10,10,14,.92);border:1px solid var(--a);padding:12px 20px;border-radius:99px;font:500 11px var(--m);letter-spacing:.14em;z-index:60;transition:.4s var(--e)}
#toast.on{opacity:1;translate:-50% 0}
@media(prefers-reduced-motion:reduce){*{animation:none!important}}