.tasks-page,.tasks-toast{--tasks-bg:var(--biufun-light-bg);--tasks-surface:var(--biufun-light-surface);--tasks-raised:var(--biufun-light-raised);--tasks-chrome:var(--biufun-light-chrome);--tasks-text:var(--biufun-light-text);--tasks-muted:var(--biufun-light-muted);--tasks-line:var(--biufun-light-line);--tasks-disabled:var(--biufun-light-disabled)}html[data-biufun-theme=dark] :is(.tasks-page,.tasks-toast){--tasks-bg:var(--biufun-dark-bg);--tasks-surface:var(--biufun-dark-surface);--tasks-raised:var(--biufun-dark-raised);--tasks-chrome:var(--biufun-dark-chrome);--tasks-text:var(--biufun-dark-text);--tasks-muted:var(--biufun-dark-muted);--tasks-line:var(--biufun-dark-line);--tasks-disabled:var(--biufun-dark-disabled)}.tasks-page{background:var(--tasks-bg);min-height:72vh;color:var(--tasks-text);padding:32px 32px 40px}html[data-task-popup=true] [data-biufun-header],html[data-task-popup=true] [data-biufun-footer]{display:none}html[data-task-popup=true] .tasks-page{min-height:100vh;padding:32px 32px 40px}html[data-task-popup=true] .tasks-intro,html[data-task-popup=true] .tasks-board{width:100%}.tasks-page :is(button,input,select){font:inherit}.tasks-intro,.tasks-board{width:min(1120px,100%);margin-inline:auto}.tasks-intro{margin-bottom:16px;padding-right:56px}.tasks-intro h2{margin:0;font-size:20px;font-weight:900;line-height:1.2}.tasks-board{background:var(--tasks-surface);border:1px solid #050505;box-shadow:8px 8px #050505}.tasks-board__head{border-bottom:1px solid var(--tasks-line);background:var(--tasks-chrome);align-items:center;min-height:44px;padding:4px 8px;display:flex;overflow-x:auto}.tasks-filter{min-width:max-content;display:flex}.tasks-filter button{background:var(--tasks-surface);min-width:72px;min-height:36px;color:var(--tasks-text);cursor:pointer;border:1px solid #050505;margin-left:-1px;padding:0 12px;font-size:12px;font-weight:900}.tasks-filter button:first-child{margin-left:0}.tasks-filter button:is(:hover,:focus-visible){z-index:1;background:var(--tasks-raised);outline:0;position:relative}.tasks-filter button.is-selected{z-index:2;background:var(--biufun-light-accent);color:#050505;position:relative}.task-list{margin:0;padding:0;list-style:none;display:grid}.task-item{border-bottom:1px solid var(--tasks-line);background:var(--tasks-surface);grid-template-columns:48px minmax(0,1fr);min-width:0;min-height:120px;display:grid}.task-item:last-child{border-bottom:0}.task-item[hidden]{display:none}.task-item.is-complete{background:var(--tasks-surface)}.task-item.is-failed{background:var(--tasks-surface);color:var(--tasks-text)}.task-item.is-failed .task-check{background:var(--tasks-surface)}.task-item.is-failed article>header>b{color:#d52a24;border-color:#d52a24}.task-item.is-failed article>footer span:not(.task-cost){color:var(--tasks-text)}.task-item.is-failed article>p,.task-item.is-failed .task-cost{color:var(--tasks-muted)}.task-item.is-failed .task-check>span{box-shadow:none;color:#0000;background:0 0;border:0;font-size:0}.task-item.is-failed .task-check>span:before{color:var(--tasks-text);content:"×";font-size:28px;font-weight:500;line-height:1}.task-check{border-right:1px solid var(--tasks-line);background:var(--tasks-surface);cursor:pointer;place-items:center;min-height:120px;display:grid}.task-check input{opacity:0;width:1px;height:1px;position:absolute}.task-check>span{background:var(--tasks-surface);color:#0000;border:1px solid #050505;place-items:center;width:28px;height:28px;font-size:17px;font-weight:900;display:grid}.task-check input:focus-visible+span{outline:2px solid var(--biufun-light-accent);outline-offset:2px}.task-check input:checked+span{background:var(--biufun-light-accent);color:#050505}.task-item article{min-width:0;padding:20px 24px}.task-item article>header{justify-content:space-between;align-items:start;gap:24px;display:flex}.task-item article>header>div{min-width:0}.task-item h3{align-items:center;gap:8px;margin:0;font-size:14px;line-height:1.2;display:flex}.task-item h3 img{object-fit:contain;flex:0 0 20px;width:20px;height:20px}.task-item article>header>b{color:#b70b6e;text-align:center;background:0 0;border:1px solid #b70b6e;flex:none;min-width:80px;padding:8px 12px;font-size:12px}.task-item.is-complete article>header>b{color:#168c5d;background:0 0;border-color:#168c5d}.task-item article>p{max-width:760px;margin:4px 0 6px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,PingFang SC,sans-serif;font-size:12px;font-weight:600;line-height:1.3}.task-item article>footer{background:0 0;border:0;justify-content:flex-start;align-items:center;gap:8px;min-height:0;margin-top:24px;padding:0;display:flex}.task-item article>footer span{background:var(--tasks-surface);border:1px solid #050505;padding:4px 8px;font-size:12px;font-weight:850}.task-item article>footer .task-cost{box-shadow:none;color:inherit;background:0 0;border:0;margin-left:auto;padding:0}.tasks-empty{text-align:center;margin:0;padding:56px 20px;font-size:13px;font-weight:900}.tasks-toast{z-index:1300;background:var(--tasks-raised);max-width:calc(100vw - 32px);color:var(--tasks-text);opacity:0;pointer-events:none;border:1px solid #050505;padding:12px 16px;font-size:12px;font-weight:900;transition:opacity .14s,transform .14s;position:fixed;bottom:24px;right:16px;transform:translateY(8px);box-shadow:4px 4px #050505}.tasks-toast.is-visible{opacity:1;transform:translateY(0)}html[data-biufun-theme=dark] .task-item h3 img{filter:invert()}html[data-biufun-theme=dark] .task-item article>header>b{color:#ff68bd;border-color:#ff68bd}html[data-biufun-theme=dark] .task-item.is-complete article>header>b{color:#78e36f;border-color:#78e36f}html[data-biufun-theme=dark] .task-item.is-failed article>header>b{color:#ff7168;border-color:#ff7168}@media (max-width:760px){.tasks-page{padding:24px 20px 32px}.tasks-intro{margin-bottom:16px;padding-right:48px}.tasks-board{box-shadow:4px 4px #050505}.task-item{grid-template-columns:40px minmax(0,1fr)}.task-check{min-height:112px}.task-check>span{width:24px;height:24px}.task-item article{padding:16px}.task-item article>header{flex-direction:row;align-items:flex-start;gap:8px}.task-item article>header>b{align-self:flex-start}.task-item article>footer{flex-wrap:wrap;align-items:flex-start;margin-top:20px}.task-item article>footer .task-cost{text-align:center;width:auto;margin-left:auto}}@media (max-width:420px){.task-item{grid-template-columns:40px minmax(0,1fr)}.task-check>span{width:24px;height:24px;font-size:16px}.task-item h3{font-size:15px}}@media (prefers-reduced-motion:reduce){.tasks-toast{transition:none}}.task-cancel{background:var(--biufun-light-accent);color:#050505;cursor:pointer;border:1px solid #050505;padding:4px 8px;font:700 12px/1 inherit;text-decoration:none}.tasks-page button:disabled{background:var(--tasks-disabled);color:var(--tasks-muted);cursor:default}.tasks-page article button:not(.task-cancel){border-color:var(--tasks-line);background:var(--tasks-raised);color:var(--tasks-text)}.tasks-page article button:not(.task-cancel):disabled{background:var(--tasks-disabled);color:var(--tasks-muted)}.tasks-page article input{border-color:var(--tasks-line)}.task-check input:disabled+span{background:var(--tasks-disabled);border-color:var(--tasks-line)}.task-item article>p,.task-item article>footer .task-cost{color:var(--tasks-muted)}.biufun-task-popup__panel .tasks-page{height:100%;min-height:0;overflow-y:auto}.biufun-task-popup .task-check input:disabled{cursor:default}