:root{color-scheme:dark;font-family:Inter,"SF Pro Display","PingFang SC","Microsoft YaHei",system-ui,sans-serif;background:#07111f;color:#f4f8fb;--blue:#4a9cff;--green:#2dd4a0;--yellow:#eabf52;--orange:#f59e55;--red:#ff6b72}*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:radial-gradient(circle at 80% -10%,#153755 0,transparent 38%),#07111f}.shell{width:min(100%,520px);min-height:100dvh;margin:auto;padding:calc(28px + env(safe-area-inset-top)) 24px calc(28px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:34px}.masthead{display:flex;align-items:center;gap:14px}.mark{width:54px;height:54px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(145deg,#41e3b0,#20b7ad);color:#06231e;font-size:22px;font-weight:800;box-shadow:0 16px 40px #16cba032}.identity h1{font-size:27px;line-height:1;margin:0 0 9px;letter-spacing:-.03em}.identity p{margin:0;color:#9eafbe;font-size:14px}.identity p.online{color:#5ce0b3}.identity p.attention{color:#f3ca68}.identity p.offline{color:#ff7c82}.dot{display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:50%;background:currentColor;box-shadow:0 0 16px currentColor}.task{padding-top:8px}.eyebrow{display:flex;align-items:center;justify-content:space-between;color:#8fa2b4;font-size:12px;font-weight:650;letter-spacing:.08em}.task h2{font-size:29px;line-height:1.2;letter-spacing:-.045em;margin:20px 0 10px;overflow-wrap:anywhere}.task>p{color:#9daebe;font-size:15px;line-height:1.65;margin:0}.progress{height:7px;background:#122439;border-radius:99px;margin-top:24px;overflow:hidden}.progress span{display:block;height:100%;width:28%;border-radius:inherit;background:var(--blue);transition:width .45s ease,background .3s}.progress[data-tone=blue] span{background:var(--blue)}.progress[data-tone=green] span{background:var(--green)}.progress[data-tone=yellow] span{background:var(--yellow)}.progress[data-tone=orange] span{background:var(--orange)}.progress[data-tone=red] span{background:var(--red)}.progress[data-indeterminate=true] span{width:34%;animation:travel 1.7s ease-in-out infinite}@keyframes travel{0%{transform:translateX(-110%)}50%{transform:translateX(98%)}100%{transform:translateX(300%)}}.result{padding:20px 0;border-top:1px solid #152b40;border-bottom:1px solid #152b40}.result>p{font-size:16px;line-height:1.65;margin:14px 0 0;color:#dce6ed;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.primary{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:62px;padding:0 22px;border-radius:20px;background:#2dd4a0;color:#06241e;text-decoration:none;font-size:18px;font-weight:800;box-shadow:0 18px 42px #18b48b2d}.primary:focus-visible,summary:focus-visible{outline:3px solid #79baff;outline-offset:4px}details{color:#9aabba}summary{cursor:pointer;list-style:none;font-size:14px;padding:10px 0}summary::-webkit-details-marker{display:none}summary:after{content:'⌄';float:right}details[open] summary:after{content:'⌃'}dl{display:grid;gap:13px;margin:18px 0}dl div{display:flex;justify-content:space-between;gap:18px}dt{color:#74899c}dd{margin:0;text-align:right;max-width:64%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#c9d5de}.boundary{font-size:12px;line-height:1.6;color:#6f8497}.notice{position:fixed;left:20px;right:20px;bottom:calc(20px + env(safe-area-inset-bottom));max-width:480px;margin:auto;padding:13px 16px;border:1px solid #63343b;border-radius:14px;background:#27161d;color:#ffabb0;font-size:13px}@media(max-width:410px){.shell{padding-left:20px;padding-right:20px;gap:30px}.task h2{font-size:26px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}