:root{color-scheme:dark}
*{box-sizing:border-box}
body{margin:0;background:#0a0e17;color:#dbe2ee;font:15px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
a{color:#7aa2ff;text-decoration:none}
a:hover{text-decoration:underline}
.top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:16px 22px;border-bottom:1px solid #1b2334}
.brand{font-weight:800;color:#fff}
.brandline{font-size:18px}
.sync{color:#8b96ab;font-size:13px}
.logout{margin-left:12px;padding:6px 12px;border:1px solid #2a3550;border-radius:8px;color:#c6d0e0;font-size:13px}
.logout:hover{background:#141b2c;text-decoration:none}
.banner{margin:14px 22px 0;padding:10px 14px;border:1px solid #25304a;background:#101728;border-radius:10px;color:#93a0b8;font-size:13px}
.stats{display:flex;gap:12px;flex-wrap:wrap;padding:16px 22px}
.stat{min-width:110px;flex:1;padding:14px 16px;border:1px solid #1f2940;border-radius:12px;background:#0e1422}
.stat .n{font-size:26px;font-weight:800;color:#fff}
.stat .l{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#8b96ab;margin-top:2px}
.stat.hot{border-color:#a97b2f}
.stat.hot .l{color:#e0a23f}
.sect{margin:18px 22px 10px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#7c879c}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:14px;padding:0 22px}
.card{border:1px solid #1f2940;border-radius:14px;background:#0e1422;padding:16px 18px;display:flex;flex-direction:column}
.card h3{margin:10px 0 6px;font-size:17px;color:#fff}
.card p{margin:6px 0;color:#aeb9cc}
.cardtop{display:flex;justify-content:space-between;align-items:center}
.proj{color:#7c879c;font-size:12.5px}
.chip{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;padding:3px 10px;border-radius:999px;border:1px solid}
.st-done{color:#4cd495;border-color:#1f5c40;background:#0d2018}
.st-prog{color:#5aa2ff;border-color:#274a77;background:#0d1830}
.st-wait{color:#e0a23f;border-color:#6b4d1c;background:#241a0a}
.st-others{color:#c88cff;border-color:#4e2f77;background:#1b1030}
.st-pause{color:#8b96ab;border-color:#2a3550;background:#121828}
.ms{list-style:none;margin:10px 0 4px;padding:0}
.ms li{padding:3px 0 3px 20px;position:relative;color:#9aa6ba}
.ms li::before{content:"○";position:absolute;left:2px;color:#55617a}
.ms li.done{color:#7ed3a5}
.ms li.done::before{content:"✓";color:#4cd495}
.mcount{font-size:12px;color:#7c879c;margin:2px 0 8px}
.next{color:#aeb9cc}
.dim{color:#7c879c}
.meta{margin-top:auto;padding-top:12px;font-size:12.5px;color:#7c879c;border-top:1px solid #1b2334}
.docslist{display:flex;flex-direction:column;gap:10px;padding:0 22px}
.doccard{display:block;border:1px solid #1f2940;border-radius:12px;background:#0e1422;padding:14px 16px;color:#dbe2ee;font-weight:600}
.doccard:hover{border-color:#2f3c5c;text-decoration:none}
.feed{display:flex;flex-direction:column;gap:8px;padding:0 22px 10px}
.entry{border-left:2px solid #25304a;padding:4px 12px;color:#aeb9cc}
.entry .ts{color:#7c879c;font-size:12.5px;margin-right:10px}
.entry .proj{color:#5aa2ff;font-size:12.5px;margin-right:8px;font-weight:600}
.foot{margin:26px 22px 30px;color:#55617a;font-size:12.5px}
.docbody{max-width:860px;margin:0 auto;padding:24px 22px 40px}
.docbody h1,.docbody h2,.docbody h3,.docbody h4{color:#fff;line-height:1.3}
.docbody h1{font-size:26px;border-bottom:1px solid #1f2940;padding-bottom:10px}
.docbody h2{font-size:21px;margin-top:32px}
.docbody h3{font-size:17px;margin-top:24px}
.docbody p,.docbody li{color:#c3cddb}
.docbody a{color:#7aa2ff}
.docbody code{background:#141b2c;padding:2px 6px;border-radius:6px;font-size:13.5px}
.docbody pre{background:#0e1422;border:1px solid #1f2940;border-radius:10px;padding:14px;overflow-x:auto}
.docbody pre code{background:none;padding:0}
.docbody table{border-collapse:collapse;width:100%;margin:16px 0;font-size:14px}
.docbody th,.docbody td{border:1px solid #25304a;padding:7px 10px;text-align:left}
.docbody th{background:#101728;color:#fff}
.docbody blockquote{border-left:3px solid #2a3550;margin:14px 0;padding:4px 14px;color:#93a0b8}
.docbody img{max-width:100%}
.loginpage{display:flex;align-items:center;justify-content:center;min-height:100vh}
.loginbox{width:340px;border:1px solid #1f2940;border-radius:16px;background:#0e1422;padding:30px 28px}
.loginbox h1{margin:0 0 18px;font-size:20px;font-weight:600}
.loginbox label{display:block;margin:12px 0;color:#93a0b8;font-size:13.5px}
.loginbox input{display:block;width:100%;margin-top:6px;padding:10px 12px;border:1px solid #2a3550;border-radius:9px;background:#0a0e17;color:#fff;font-size:15px}
.loginbox input:focus{outline:none;border-color:#3d5a99}
.loginbox button{width:100%;margin-top:18px;padding:11px;border:0;border-radius:9px;background:#2f6bff;color:#fff;font-size:15px;font-weight:700;cursor:pointer}
.loginbox button:hover{background:#3d78ff}
.err{color:#ff7d7d;font-size:13.5px;margin:0 0 6px}
.pill{display:inline-block;margin-right:12px;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border:1px solid #2a3550;color:#8b96ab}
.pill.on{color:#4cd495;border-color:#1f5c40;background:#0d2018}
.pill.off{color:#e0a23f;border-color:#6b4d1c;background:#241a0a}
.entry.fresh{border-left-color:#4cd495}
.submitbox{margin:0 22px;border:1px solid #1f2940;border-radius:14px;background:#0e1422;padding:16px 18px}
.submitbox .row{display:flex;gap:10px;margin:8px 0}
.submitbox input[name=title]{flex:2}
.submitbox input[name=project]{flex:1}
.submitbox input,.submitbox textarea{width:100%;padding:9px 12px;border:1px solid #2a3550;border-radius:9px;background:#0a0e17;color:#fff;font-size:14px;font-family:inherit}
.submitbox input:focus,.submitbox textarea:focus{outline:none;border-color:#3d5a99}
.submitbox button{padding:9px 18px;border:0;border-radius:9px;background:#2f6bff;color:#fff;font-weight:700;cursor:pointer;white-space:nowrap}
.submitbox button:hover{background:#3d78ff}
.submitbox button:disabled{opacity:.6;cursor:default}
.submitbox .hint{margin:8px 0 0;font-size:12.5px}
.subs{margin-top:12px;display:flex;flex-direction:column;gap:8px}
.sub{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border:1px solid #1f2940;border-radius:10px;padding:8px 12px;background:#0c1220}
.sub .subt{font-weight:600;color:#dbe2ee}
.sub .subts{margin-left:auto;font-size:12px}
