.fin,.fin *,.fin *:before,.fin *:after{box-sizing:border-box}.fin{overflow:hidden;background:var(--ds-bg-surface);border:1px solid var(--ds-line-card);border-radius:var(--ds-radius-xl);color:var(--ds-text-primary);font-family:var(--ds-font);font-weight:var(--ds-weight-buch);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fin-head{display:flex;align-items:center;gap:var(--ds-space-3);padding:var(--ds-space-4) var(--ds-space-5)}.fin-head-text{display:flex;flex:1;flex-direction:column;gap:6px;min-width:0}.fin-title{margin:0;color:var(--ds-text-primary);font-weight:var(--ds-weight-kraftig);font-size:15px;line-height:20px}.fin-progress{display:flex;align-items:center;gap:10px}.fin-bar{position:relative;flex:none;width:160px;height:4px;overflow:hidden;border-radius:var(--ds-radius-full);background:var(--ds-line-divider)}.fin-bar-fill{display:block;height:100%;border-radius:inherit;background:var(--ds-accent);transition:width var(--ds-duration) var(--ds-ease)}.fin-count{color:var(--ds-text-secondary);font-size:12px;line-height:16px}.fin-hide{flex:none;padding:0;border:0;border-radius:var(--ds-radius-xs);background:none;color:var(--ds-text-tertiary);font:inherit;font-weight:var(--ds-weight-kraftig);font-size:13px;line-height:19px;cursor:pointer;transition:color var(--ds-duration) var(--ds-ease)}.fin-hide:hover:not(:disabled){color:var(--ds-text-secondary)}.fin-hide:focus-visible{outline:var(--ds-focus-outline);outline-offset:2px}.fin-hide:disabled{cursor:not-allowed;opacity:var(--ds-disabled-opacity)}.fin-hide.is-loading{cursor:progress;opacity:var(--ds-locked-opacity)}.fin-tasks{margin:0;padding:0;list-style:none}.fin-task{display:flex;align-items:center;gap:var(--ds-space-3);min-height:62px;padding:var(--ds-space-3) var(--ds-space-5);border-top:1px solid var(--ds-line-faint)}.fin-task.is-next{background:var(--ds-accent-tint-faint)}.fin-icon{flex:none;display:block;width:18px;height:18px}.fin-icon--done{color:var(--ds-success-icon)}.fin-icon--open{border:1.5px solid var(--ds-line-dash);border-radius:var(--ds-radius-full)}.fin-task-text{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}.fin-task-title{color:var(--ds-text-primary);font-weight:var(--ds-weight-kraftig);font-size:13px;line-height:19px}.fin-task.is-done .fin-task-title{color:var(--ds-text-tertiary);text-decoration:line-through}.fin-task-sub{overflow:hidden;color:var(--ds-text-secondary);font-size:12px;line-height:16px;text-overflow:ellipsis;white-space:nowrap}.fin-btn.ds-btn{flex:none;width:auto;height:36px;font-size:13px;line-height:18px;letter-spacing:-.001em}.fin-btn.ds-btn--secondary{border-color:var(--ds-line-input);box-shadow:var(--ds-shadow-input)}.fin-btn.ds-btn--secondary:hover:not(:disabled):not(.is-loading){border-color:var(--ds-line-dash)}.fin-skel-icon{flex:none;width:18px;height:18px;border-radius:var(--ds-radius-full)}.fin-skel-title{width:168px;height:11px;margin:4px 0;border-radius:var(--ds-radius-xs)}.fin-skel-sub{width:112px;height:8px;margin:4px 0;border-radius:var(--ds-radius-xs)}.fin-skel-count{width:64px;height:8px;margin:4px 0;border-radius:var(--ds-radius-xs)}@media(max-width:560px){.fin-head,.fin-task{padding-right:var(--ds-space-4);padding-left:var(--ds-space-4)}.fin-bar{width:96px}}@media(prefers-reduced-motion:reduce){.fin-bar-fill{transition:none}}